@charset "iso-8859-1";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Anton&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Oswald:700);

html, body{
	background-color:#EEEEEE;
	height:100%;
	margin:0;
	font:13px Verdana, Geneva, sans-serif;
	color:#333;	
}
form{
	margin:0;
	padding:0;	
}
.flota_izq{
	float:left;	
}
.flota_der{
	float:right;	
}
.lista_raw{
	display:block;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;	
}
.limpia_flota{
	clear:both;	
}

.pantalla_cargador{
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.65);
	color:#AAA;
	z-index:1000;
	text-align:center;
	font-family: 'Anton', sans-serif;
	font-size:32px;
}
.pantalla_cargador_contenido{
	width:30%;
	background-color:rgba(0,0,0,.6);
	padding:40px 0;
	border:2px solid #777;
	border-radius:12px;
	
	position: absolute;
	left: 50%;
	top: 50%;
	width: 400px;
	height: 200px;
	margin: -100px 0 0 -200px;
}

.mensaje_servidor{	
	display:none;
	opacity:0;
	position:fixed;
	z-index:1100;
	left:0;
	top:-135px;
	width:100%;
	/*height:18%;*/
	background-color:rgba(0,0,0,.6);
}
.mensaje_servidor_contenido{
	width:60%;
	max-width:820px;
	margin:20px auto;
	font-size:1.25em;
	color:white;
	background-repeat:no-repeat;
	background-position:left center;
	padding:38px 0 38px 110px;
}

.pantalla_confirm{
    display:none;
    background-color:rgba(0,0,0,.5);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:2000;
}
.pantalla_confirm_contenido{
    background-color: rgba(255,255,255,.92);
    border-radius: 5px;
    border: 4px solid #D0CFB7;
    box-shadow: 0 0 60px #444;
    padding: 30px;
    
    position:absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    height:auto;
    margin:-200px 0 0 -270px;
    
    background-image:url(imagenes/img_bloque_alert.png);
    background-repeat:no-repeat;
    background-position:25px 25px;
}
.pantalla_confirm_titulo{
    color:rgba(102,153,204,1);
    font-size:14px;
    font-weight:bold;
    padding:0 0 30px 68px;    
}
#lista_botones_alert{
    display:none;
    width:100%;
    border:1px solid #DDD;
    border-radius:4px;
    padding:12px 0 10px 0;
    margin-top:50px;    
}
#boton_alert_ok{
    background-color:#009900;
    width:40%;
    margin:0 auto;
    margin-bottom:4px;    
}
#lista_botones_confirm{
    overflow:hidden;
    display:table;
    width:100%;
    border:1px solid #DDD;
    border-radius:4px;
    padding:12px 0 10px 0;
    margin-top:50px;    
}
#lista_botones_confirm li{
    display:table-cell;
    width:33.33%;
}
.pantalla_confirm_contenido ul li p{
    width:70%;
    margin:0 auto;
    margin-bottom:4px;    
}
#boton_confirm_si{
    background-color:#009900;    
}
#boton_confirm_no{
    background-color:#F97C00;    
}

/* ESTILOS DE BLOQUES NO EXISTE ITEM */
.no_item{
	/*display:none;*/
	background-image:url(imagenes/img_aviso_vacio.png), linear-gradient(#FCFCFC 40%, #E4E6E3);
	background-repeat:no-repeat;
	background-position:25px center, center;
	width:50%;
	margin:60px auto 80px auto;
	padding:70px 0 100px 150px;
	
	border-radius:5px;
	border:2px solid white; 
	box-shadow:0 0 8px #EEE inset, 0 0 6px #CCC;
}
.aviso_no{
	background-image:url(imagenes/img_aviso_no.png), linear-gradient(#FCFCFC 40%, #E4E6E3);
	background-repeat:no-repeat;
	background-position:25px center, center;
	width:50%;
	margin:30px auto;
	padding:70px 20px 100px 150px;
	
	border-radius:5px;
	border:2px solid white; 
	box-shadow:0 0 8px #EEE inset, 0 0 6px #CCC;
}

.aviso_no a{
	font-weight:bold;
	text-decoration:none;
	color:#009900; 
}

.aviso_no a:hover{
	text-decoration:underline;
}
/* FIN DE ESTILOS BLOQUES NO EXISTE ITEM */

#contenedor_vertical{
	display:none;
}

.botones{
	display:block;
	color:white;
	font-size:14px;
	text-align:center;
	box-shadow:2px 2px 0 rgba(51,51,51,.35);
	background-repeat:no-repeat;
	background-position:7px center;
	padding:9px 0;
	transition:opacity .5s ease 0s;
	-webkit-transition:opacity .5s ease 0s;	
}
.botones:hover{
	cursor:pointer;
	opacity:.45;	
}

.boton_abrir_seccion{
	transition:transform .5s ease 0s, opacity .5s ease 0s;
	-webkit-transition:transform .5s ease 0s, opacity .5s ease 0s;	
}
.boton_abrir_seccion:hover{
	cursor:pointer;
	opacity:.3;
	/*-webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);*/	
}


/***************** ESTILOS DEL HEADER ******************/
header{
	background-color:#FFF;
	border-bottom:4px solid #CECEBF;
	height:100px;	
}
#header_contenido{
	width:92%;
	max-width:1360px;
	margin:0 auto;
	overflow:hidden;		
}
#header_contenido ul li.flota_izq{
	padding-top:12px;
	font:bold 1.2em Verdana, Geneva, sans-serif;
	color:#444;
	width:46%;
	overflow:hidden;
}
#header_contenido ul li.flota_izq img{
	float:left;
	padding:0 15px 0 0;
	max-height:88px;
}
#header_contenido ul li.flota_izq span{
	display:block;
	padding-top:20px;
	line-height:1.5em;
}

#header_contenido ul li.flota_der{
	padding-top:20px;	
}
/************** FIN DE ESTILOS DEL HEADER **************/



/************** ESTILOS DEL NAV **************/
nav{
	background-image:url(imagenes/imagen_cabecera_1.jpg);
	background-repeat:no-repeat;
	background-position:center -240px;	
}
#seccion_menu_principal {
	/*background: -webkit-linear-gradient(rgba(27,92,114,.8), rgba(123,166,208,.8));
	background: -o-linear-gradient(rgba(27,92,114,.8), rgba(123,166,208,.8));
	background: -moz-linear-gradient(rgba(27,92,114,.8), rgba(123,166,208,.8)); 
	background: linear-gradient(rgba(27,92,114,.8), rgba(123,166,208,.8)); */
	background: -webkit-linear-gradient(rgba(46,81,95,.8), rgba(140,168,191,.8));
	background: -o-linear-gradient(rgba(46,81,95,.8), rgba(140,168,191,.8));
	background: -moz-linear-gradient(rgba(46,81,95,.8), rgba(140,168,191,.8));
	background: linear-gradient(rgba(46,81,95,.8), rgba(140,168,191,.8));
}
#seccion_menu_principal ul{
	display:block;
	width:92%;
	max-width:1360px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;	
}


#seccion_titulo_opcion{
	border-top:2px solid rgba(255,255,255,.9);
	border-bottom:2px solid rgba(255,255,255,.9);
	padding:16px 0;
	color:#575239;
	font-family: 'Anton', sans-serif;
	font-size:23px;
	text-shadow:1px 1px 0 white;
	
	background: -webkit-linear-gradient(rgba(235,235,231,.9), rgba(197,197,190,.9) 20%, rgba(217,217,213,.9), rgba(213,213,206,.9)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(235,235,231,.9), rgba(197,197,190,.9) 20%, rgba(217,217,213,.9), rgba(213,213,206,.9)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(235,235,231,.9), rgba(197,197,190,.9) 20%, rgba(217,217,213,.9), rgba(213,213,206,.9)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(235,235,231,.9), rgba(197,197,190,.9) 20%, rgba(217,217,213,.9), rgba(213,213,206,.9)); /* Standard syntax */	
}
#seccion_titulo_opcion p{
	display:block;
	margin:0 auto;
	width:85%;
	max-width:1366px;
	overflow:hidden;
	background-image:url(imagenes/img_marcador_triangulo_rojo.png);
	background-repeat:no-repeat;
	background-position:left 17px;
	padding-left:24px;	
}
/************** FIN DE ESTILOS DEL NAV **************/


/****************** ESTILOS DEL CUERPO *****************/
#seccion_cuerpo{
	margin:20px auto;
	overflow:hidden;	
}
#cuerpo{
	width:92%;
	max-width:1360px;
	margin:10px auto;
	box-shadow:0 0 6px #CCC;
	background-color:white;
}

/****************** estilos de los submenús ********************/
#cuerpo_menu{
	background-color:#398BB3;
	font-size:14px;
	color:white;
}
#cuerpo_menu ul{
	overflow:hidden;
	display:table;
	width:100%;	
}
#cuerpo_menu ul li{
    width:16.66%;
    display:table-cell;
    text-align:center;
    padding:10px 0;
    transition:border-bottom .3s ease 0s;
    -webkit-transition:border-bottom .3s ease 0s;
}

#cuerpo_menu ul li:not(.submenu_opcion_activa):hover{
	cursor:pointer;
	border-bottom:4px solid #D9D900;
}
.submenu_opcion_activa{
	border-bottom:4px solid #D9D900;
	background-image:url(imagenes/img_icono_triangulo_abajo.png);
	background-repeat:no-repeat;
	background-position:14px center;	
}

#cuerpo_contenido{
	/*padding:20px;*/	
}

/****************** estilos de los formularios ********************/
.titulo_info_secciones{
	background-image:url(imagenes/marcador_titulo_cabecera_info.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:24px;
	margin-bottom:35px;
	font-weight:bold;
	font-size:1.5em;
	color:black;	
}
.texto_info_secciones{
	margin:10px 0;
	color:black;	
}
.contenedor_bloques_formulario{
	margin-top:20px;
	border-radius:5px;
	border:2px solid white;	
	box-shadow:0 0 8px #EEE inset, 0 0 6px #CCC;
	padding:10px;
	overflow:hidden;
	
	background: -webkit-linear-gradient(#FEFEFE 60%, #DDDEDC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FEFEFE, #DDDEDC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FEFEFE, #DDDEDC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FCFCFC 40%, #E4E6E3); /* Standard syntax */
}
.contenedor_bloque_ae{
	opacity:0;
	height:0;
	overflow:hidden;	
}
.bloque_ae{
	overflow:hidden;	
}
.titulo_contenedor_bloques_formulario{
	font-size:14px;
	font-weight:bold;
	color:rgba(102,153,204,1);
	background-image:url(imagenes/img_marcador_cuadro_amarillo.png);
	background-repeat:no-repeat;
	background-position:left 8px;
	padding-left:14px;
	margin-left:10px;	
}
.columnas_formulario_uno{
	width:100%;
}
.columnas_formulario_dos{
	width:50%;
	float:left;
}
.columnas_formulario_tres{
	width:33.33%;
	float:left;
}
.columnas_formulario_cuatro{
	width:25%;
	float:left;
}
ul.fila_formulario{
	list-style:none;
	display:table;
	width:100%;
	margin:0;
	padding:5px 0;	
}
ul.fila_formulario li{
	display:table-cell;
	padding:0 10px;
	vertical-align:top;
}
ul.fila_formulario_interior{
	list-style:none;
	display:table;
	width:100%;
	margin:0;
	padding:5px 0;	
}
ul.fila_formulario_interior li{
	display:table-cell;
	padding:0 0;
	vertical-align:top;
}
ul.fila_formulario_unitario{
	list-style:none;
	display:table;
	width:33%;
	margin:0;
	margin-bottom:15px;
	padding:5px 0;
	float:right;	
}
ul.fila_formulario_unitario li{
	display:table-cell;
	padding:0 10px;
	vertical-align:top;
}
label{
	font-weight:bold;
	display:block;
	padding-bottom:4px;
	margin-top:15px;
}
.dato_no_editable {
	color:rgba(170,170,170,1);
}
input[type="text"],[type="number"],input[type="password"],select,textarea{
	width:100%;
	border:none;
	background-color:transparent;
}
textarea{
 font:13px Verdana, Geneva, sans-serif;
}
p.parrafo_input_text{
	display: block;
	background-color: #FFF;
	margin: 0;
	padding: 6px;
	border: 1px solid #D2DBD5;
	box-shadow: 0 0 10px #DDD inset;
}

p.aviso_pie_campo{
	/*display:none;*/
	margin:0;
	text-align:right;
	font-style:italic;
	font-size:.9em;
	color:red;	
}

p.aviso_pie_campo_cadena_disabled{
	/*display:none;*/
	margin:0;
	text-align:right;
	font-style:italic;
	font-size:.9em;
	color:red;	
}

.campo_numerico{
    text-align:right;
}
.campo_numerico_negativo{ 	
	color:red;	
    text-align:right;
}
.campo_total{
    display: block;
    background-color: rgba(140,137,111,1);
    margin: 0;
    padding: 6px;
    border: 1px solid #FFF;
    box-shadow: 0 0 10px #666 inset;
    color: white;
    text-align: right;
    font-weight: bold;
}
.campo_total_negativo{
    display: block;
    background-color:red;
    margin: 0;
    padding: 6px;
    border: 1px solid #FFF;
    box-shadow: 0 0 10px #666 inset;
    color: white;
    text-align: right;
    font-weight: bold;
}

/************** FIN DE ESTILOS DEL CUERPO **************/


/***************** ESTILOS DEL FOOTER ******************/
footer{
	background-color:#444;
	border-top:1px solid #BECBCB;
	padding:30px 0;
}
#footer_contenido{
	display:block;
	width:92%;
	max-width:1360px;
	margin:0px auto;
	overflow:hidden;
	color:white;
	font-size:14px;
	background-image:url(imagenes/img_fondo_pie_web.jpg);
	background-repeat:no-repeat;
	border:1px solid #666;	
}
#footer_contenido a{
	color:white;
	text-decoration:none;	
}
#footer_contenido a:hover{
	text-decoration:underline;	
}
#footer_contenido_columnas{
	display:block;
	overflow:hidden;
	width:84%;
	margin:0 auto;
	padding:30px;	
}
.footer_contenido_columna{
	float:left;
	width:33.33%;	
}
.footer_contenido_columna ul li{
	line-height:2.5em;	
}

#pie_de_pagina{
	display:block;
	margin:0;
	text-align:center;
	color:rgba(204,255,102,1);
	padding-top:25px;
}
#pie_de_pagina a{
	color:white;
	text-decoration:none;	
}
#pie_de_pagina a:hover{
	text-decoration:underline;	
}
/************** FIN DE ESTILOS DEL FOOTER **************/


@media screen and (max-width:1024px)
{
#footer_contenido_columnas{
	display:block;
	overflow:hidden;
	width:90%;
	margin:0 auto;
	padding:30px 0px;	
}

/*.grupos_input_3{
	width:28%;
	margin:0 18px;	
}
.grupos_input_4{
	width:20%;
	margin:0 18px;	
}
.grupos_input_4_2c{
	width:18%;
	margin:0 12px;	
}*/
}

/*PARA MOVILES EN HORIZONTAL (LANDSCAPE)*/
@media screen and (max-width:1023px)
{
#footer_contenido_columnas{
	display:block;
	overflow:hidden;
	width:94%;
	margin:0 auto;
	padding:30px 0px;
	font-size:12px;	
}

/*.grupos_input_4{
	width:20%;
	margin:0 16px;	
}*/	
}

@media screen and (orientation:portrait)
{
body{
	background-color:#FFF;	
}
#contenedor_general{
	display:none;
}
#contenedor_vertical{
	display:block;
	height:100%;
	background-image:url(imagenes/pantalla_aviso_horizontal.jpg);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;	
}	
}