.limpiar {clear:both;}
.limpiar5 {clear:both;height:5px;}
.limpiar10 {clear:both;height:10px;}
.flotari {float:left;}
.flotarr {float:right;}
.w50 {width:50%;}
.w80 {width:80%;}
.w90 {width:90%;}
.menuarriba {
	padding:5px;
	background:#F2F2F2;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#555;
	font-weight:400;
	text-decoration:none;	
}
.menuarriba a {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#555;
	font-weight:400;
	text-decoration:none;	
}
.menuarriba a:hover {color:#111;}
a.botonnew {
	-webkit-box-shadow: 3px 3px 6px 3px rgba(153,153,153,0.5);
	-moz-box-shadow: 3px 3px 6px 3px rgba(153,153,153,0.5);
	box-shadow: 3px 3px 6px 3px rgba(153,153,153,0.5);
	background:url(images/boton-nuevo.png) #FFF;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	padding:8px;
	font-family:'Open Sans',sans-serif;
	font-size:15px;
	color:#333;
	font-weight:700;
	text-decoration:none;
}
.mensaje_OK {
  font-family:'Open Sans',sans-serif;
  font-size:13px;
  font-weight:bold;
  padding:10px;
  border:1px solid #006600;
  color: #006600;
  text-align:left;
  width:660px;
}
.mensaje_KO {
  font-family:'Open Sans',sans-serif;
  font-size:13px;
  font-weight:bold;
  padding:10px;
  border:1px solid #660000;
  color: #660000;
  text-align:left;
  width:660px;
}
.mensaje_bien {
  font-family:'Open Sans',sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:10px;
  border:1px solid #008f39;
  background-color:#05FABB;
  color: #008f39;
  text-align:left;
  width:660px;
}
.mensaje_mal {
  font-family:'Open Sans',sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:10px;
  border:1px solid #660000;
  color: #660000;
  text-align:left;
  width:660px;
}
/* LOGIN */
.login
{
	min-height:300px;
    width:620px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-150px 0px 0px -300px;
	z-index:20;
}
.caja
{
    border: 1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
	background:url(../images/fondo-admin.png) no-repeat #fefefe;
}
.textologin {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #444;
	text-decoration: none;
}
.textfield
{
    background:#F6F6F6;
    border: 1px solid #C3D4DB;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	font-family:'Open Sans',sans-serif;
	font-size: 14px;
	color: #444;
	padding:5px;
}
.olvidaste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #888;
}
a.olvidaste:hover {
	color: #BBB;
}
.boton {
	background:#F6F6F6;
	border: 2px solid #C3D4DB;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-family:'Open Sans',sans-serif;
	font-size: 16px;
	color: #333;
	padding:10px;
}
#solapo_activo a.solapolink
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #888888;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #FFFFFF;
}
#solapo_activo a.solapolink:hover
{
  background-color: #888888;
  color: #FFFFFF;
}
#solapo a.solapolink
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #888888;
	border: 1px solid #CCCCCC;
}
#solapo a.solapolink:hover
{
  background-color: #888888;
  color: #FFFFFF;
}

.bordeExterior {
	border: 1px solid #999999;
}
.bordeLateral {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f0050a;
	border-left-color: #f0050a;
}
.bordeIzq {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AAAAAA;
}
.bordedestacar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.textoBlanco {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}
.texto {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #333333;
	text-decoration: none;
}
.texto11 {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.textito {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}
.textotablas {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.textoVerde {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #008000;
	text-decoration: none;
}
.textoRojo {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #E2001A;
	text-decoration: none;
}
.textoAzul {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #5773B2;
	text-decoration: none;
}
.textfield {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: #F0F0F0;
	border: 1px solid #666666;
	padding:3px;
}
.botonguardar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:700;
	color: #FFF;
	background-color: #666;
	border: 2px solid #555;
	padding:5px;
	letter-spacing: 1px;
}
.botoncito {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	color:#FFF;
	background-color:#e74c3c;
	border:0px solid #CCC;
	font-weight:600;
	padding:8px;
}
.boton_nuevo {
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	color:#FFF;
	background-color:#4974B0;
	border:0px solid #CCC;
	font-weight:600;
	padding:8px;
}
.botonmasgrande {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	font-family:'Open Sans',sans-serif;
	font-size:18px;
	color:#FFF;
	background-color:#e74c3c;
	border:0px solid #CCC;
	font-weight:600;
	padding:10px;
	margin:5px;
}
.activado {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #111111;
	text-decoration: none;
	font-weight: 700;
}
.desactivado {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #888888;
	text-decoration: none;
}

.mensaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	font-weight: bold;
}
.bordeaa { border-bottom:1px solid #999; border-top:1px solid #999;}
.alerta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #878787;
	font-weight: bold;
}
.inscritos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	font-weight: bold;
	text-decoration:none;
}
.inscritos:hover {
    color: #000000;
    text-decoration:underline;
}
.paginas {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #787878;
	text-decoration: none;
}
.paginas:hover {
	color: #232323;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9d0c15;
	font-weight: bold;
}
.grande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F63;
	font-weight: bold;
}
.departamento {
	font-family: Tahoma;
	font-size: 14px;
	color: #454545;
	text-decoration: none;
}
.celdita {
	background-color: #FFFFFF;
	border: 1px solid #565656;
}
.enlace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	text-decoration: none;
}
.enlace:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.imprimir {
	border:1px solid #999;
	padding:5px;
	background:#DDD;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:700;
	color: #111;
	text-decoration: none;
}
.imprimir a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:700;
	color: #111;
	text-decoration: none;
}
.imprimir:hover {
	border:2px solid #999;
	padding:5px;
	background:#FFF;
	color: #444;
}
.textoPeque {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.enlaceletra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding:2px;
	color: #F63;
	text-decoration: none;
}
a.enlaceletra:hover{
	color: #000;
}
.directorio {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:700;
	color: #333;
	text-decoration: none;
}
a.enlaceletra:hover{
	color: #999;
}
.informativo {
	padding:5px;
	float:left;
}
/**************/
/* PAGINACION */
/**************/

div.paginacion{
  background-color:#FFFFFF;
}

.button1-left a,
.button1-right a {
	display: block;
	height: 26px;
	float: left;
	line-height: 26px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: pointer; color: #999; }

.button2-left.off span,
.button2-right.off span { cursor: default; color: #999; }

.button1-left,
.button1-right,
.button2-left,
.button2-right,
.button1-left div,
.button1-right div,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	/*display: block;*/
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 12px;
	color:#333;
}
.button2-left a:hover,
.button2-right a:hover {text-decoration:none; color:#0B55C4;}

/*padding: 0 24px 0 6px; */
.button2-left a,
.button2-left span {padding: 0 24px 0 6px;}
.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }
.button2-left { background: url(../images/j_button2_left.gif) no-repeat; float: right; margin-left: 5px;}
.button2-right { background: url(../images/j_button2_right.gif) 100% 0 no-repeat; float: left; margin-left: 5px;}
.button2-right .prev { background: url(../images/j_button2_prev.gif) no-repeat; }
.button2-right.off .prev { background: url(../images/j_button2_prev_off.gif) no-repeat;}
.button2-right .start { background: url(../images/j_button2_first.gif) no-repeat;}
.button2-right.off .start { background: url(../images/j_button2_first_off.gif) no-repeat;  }
.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.gif) 100% 0 no-repeat; }
.button2-left .next { background: url(../images/j_button2_next.gif) 100% 0 no-repeat; }
.button2-left.off .next { background: url(../images/j_button2_next_off.gif) 100% 0 no-repeat; }
.button2-left .end { background: url(../images/j_button2_last.gif) 100% 0 no-repeat; }
.button2-left.off .end { background: url(../images/j_button2_last_off.gif) 100% 0 no-repeat; }

.container {clear:both; text-decoration:none;}

.search {
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	color: #333333;
}
.boton2 {
	font-family:'Open Sans',sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #F0F0F0;
	border: 1px solid #333333;
	padding:4px;
}

.temas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #404040;
	text-decoration: none;
}
.filtros {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.textfieldfiltros {
	font-family:'Open Sans', sans-serif;
	font-size:12px;
	color:#666;
	background-color: #FFF;
	border:1px solid #666;
	padding:2px;
}
.botonfiltros {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #666;
	background-color: #FFF;
	border: 2px solid #666;
	padding:2px;
}
.textotabla {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.textotablane {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #111;
	text-decoration: none;
}
.textotablagr {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #111;
	text-decoration: none;
}
.textotablagrande {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight:700;
	color: #333;
	text-decoration: none;
}
.cuadroavisos {
	border:1px solid #999;
	background:#f3f7d9;
	padding:4px;
	width:98%;
	height: auto;
}
.textoavisos {
}
.cuadroaviso {
	border:1px solid #999;
	background:#FFF;
	padding:3px;
	float:left; margin-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	margin-bottom:5px;
}
.cuadroaviso a {
	color: #666;
	text-decoration: none;
}
.cuadroaviso a:hover {
	color: #000;
}
.cajamenu
{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	border:1px solid #CCC;
	width:160px;
    padding:5px;
    height:120px;
	background:#fcbb11;
    cursor:pointer;
}
.cajamenu:hover {
    background-color: #cda12f;
    box-shadow: 0px 10px 25px #606060AA;
}
.textomenu
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:700px;
	color:#111;
	text-decoration:none;
}
a.textomenu:hover{color:#101010;}

.cajamenu_abajo
{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	border:1px solid #CCC;
	width:160px;
    padding:5px;
    height:120px;
	background:#132762;
    cursor:pointer;
}
.cajamenu_abajo:hover {
    background-color: #294289;
    box-shadow: 0px 10px 25px #606060AA;
}
.textomenu_abajo
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight:700px;
	color:#fcbb11;
	text-decoration:none;
}
a.textomenu_abajo:hover{color:#eee;}
.radioinferior
{
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border:1px solid #f0050a;
border-top:0px;
width:960px;
height:12px;
background:#FFF;
}
.piepagina {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color:#666;
	font-weight:400px;
	text-decoration:none;
}

.contenedor {width:100%;max-width:1198px;border:1px solid #CCC;margin-top:10px;background:#FFF;}
.limpiar {clear:both;}
.login {
	min-height:300px;
    width:600px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-150px 0px 0px -300px;
	z-index:20;
}
.caja {
    border:1px solid #C3D4DB;
	border-top:1px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial,Helvetica,sans-serif;
	background:#FFF;
}
.textologin {
	font-family:'Open Sans',sans-serif;
	font-size:13px;
	color:#888;
	font-weight:300;
	text-decoration:none;
}
.cajamenu {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
	border:1px solid #CCC;
	width:160px;
	padding:5px;
	background:#fcbb11;
}
.textomenu {
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	font-weight:700px;
	color:#111;
	text-decoration:none;
}
a.textomenu:hover{color:#666;}
.bordeExterior {border:1px solid #CCC;}
.textoseccion {
	font-family:'Open Sans',sans-serif;
	font-size:16px;
	font-weight:700px;
	color:#111;
	text-decoration:none;
}
.combustibles {
	font-family:'Open Sans',sans-serif;
	font-size:18px;
	font-weight:700px;
	color:#4721D2;
	text-decoration:none;
	text-align:center;
}
.textprecios {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
	font-family:'Open Sans',sans-serif;
	font-size:15px;
	color:#333;
	background-color: #F0F0F0;
	border:2px solid #666666;
	padding:4px;
}
.aviso_titulo {
	font-family:'Open Sans',sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#111;
}
.aviso {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border:2px solid #BBB;
	width:96%;
	padding:5px;
	margin:5px;
	background:#B3FBC5;
	font-family:'Open Sans',sans-serif;
	font-size:13px;
	color:#333;
}
.avisogrande {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border:2px solid #aaa;
	width:96%;
	padding:5px;
	margin:5px;
	background:#B3FBC5;
	font-family:'Open Sans',sans-serif;
	font-size:14px;
	color:#333;
}
.enlacerojo {
	font-family:'Open Sans',sans-serif;
	font-size: 16px;
	font-weight: 800;
	color: #AD0D10;
	text-decoration: none;
}
.enlacerojo:hover {
	color: #aaa;
	text-decoration: none;
}
/*  SECTIONS  */
.section {
	clear:both;
	padding:0px;
	margin:0px;
}
/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.4%;
}
.col:first-child {margin-left:0;}
/*  GROUPING  */
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 */ }
/*  GRID OF FIVE  */
.span_5_of_5 {width:100%;}
.span_4_of_5 {width:79.68%;}
.span_3_of_5 {width:59.36%;}
.span_2_of_5 {width:39.04%;}
.span_1_of_5 {width:18.72%;}
/*  GO FULL WIDTH BELOW 640 PIXELS */
@media only screen and (max-width: 640px) {
	.col {margin:1% 0 1% 0%;}
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {width:100%;}
	.ocultar {display:none;}
}

    /* Estilo que muestra la capa flotante */
    #flotante
    {
        position: absolute;
        display:none;
		font-family:'Open Sans',sans-serif;
        font-size:1.2em;
        width:280px;
        border:2px solid #777777;
        background-color:#89FDBF;
        padding:6px;
    }
    .estiloEjemplo {
        color:red;
        font-weight:bold;
    }