@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
*{margin:0px;padding:0px;}
body,html{height:100%;}
body{
	font:400 14px/16px "Raleway","Arial";
	color:#343434;
}

@import url("estilos.php"); /* Using a url */ 

:root{
	--fondo-maestro:#273586;
	--color-resaltado:#ffffff;
	--color-gris:#f2f2f4;
	--fondo-gris:#f2f2f4;
}

a{text-decoration:none;color:inherit;}
.pointer{cursor:pointer;}
.borde{border:1px #df00ee solid !important;}
.italica{font-style:italic;}
.oculto{display:none;}

.titulo{font:400 28px/40px "Raleway","Arial";}
.subtitulo{font:400 22px/22px "Raleway","Arial";}

.txtleft{text-align:left !important;}
.txtright{text-align:right !important;}
.txtcenter{text-align:center !important;}
.negritas{font-weight:700 !important;}
.mayusculas{text-transform:uppercase;}
.alaizquierda{float:left;}
.aladerecha{float:right;}
.ellipsis{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}

.bco{color:#ffffff;}
.fondobco{background:#ffffff !important;}
.gris{color:var(--color-gris);}

.renglon{width:100%;display:inline-block;box-sizing:border-box;}
.consombra{	-webkit-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
			-moz-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
			box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);}
.conborde{border:1px #e9e9e9 solid;}

.tabla_principal{width:100%;display:inline-block;text-align:center;float:left;box-sizing:border-box;}
.contenido{width:100%;max-width:900px;display:inline-block;text-align:center;float:none;box-sizing:border-box;
	margin:40px 0px;}
.cuerpo{width:98%;display:inline-block;float:none;margin:10px 1%;box-sizing:border-box;}

/* inicio */
.inicio_tabla{width:100%;max-width:400px;margin-top:40px;float:none;display:inline-block;}
.inicio_tabla .renglon{width:80%;line-height:26px;margin-top:15px;}
		
/* ENCABEZADO */
.fondo_encabezado_top{background:url(../images/fondo_encabezado_top.jpg);background-position:center center;}
.fondo_encabezado{width:100%;max-width:900px;display:inline-block;text-align:center;float:none;box-sizing:border-box;
background:url(../images/fondo_encabezado.jpg);}
.logotipo{display:inline-block;float:left;}

.fondo_encabezado .titulo{width:120px;display:inline-block;float:none;margin-top:20px;}
.fondo_encabezado .subtitulo{width:auto;display:inline-block;float:right;margin-top:30px;}
.datos_user{width:140px;display:inline-block;float:right;margin-top:30px;}
	
.datos_usuario{display:inline-block;float:right;box-sizing:border-box;margin:10px 30px 10px 10px;}

#deta_busqueda{display:inline-block;float:right;margin-right:20px;}
	.busqueda_box{width:auto;display:inline-block;border:none;padding:7px;
		-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;	background:#efefef;}
	.busqueda_box input{width:120px;background:none;border:none;padding:2px;}

.celda_top{display:inline-block;float:left;font:400 16px/30px "Raleway","Arial";margin-right:20px;}



/* BOTONES */
.btn{display:inline-block;cursor:pointer;
/*
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
*/
  	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s  ease-in-out;
    -o-transition: all 0.2s  ease-in-out;
    transition: all 0.2s  ease-in-out;
	border:none;
	display:inline-block;padding:10px 20px;margin:2px 2px;font:400 14px/16px "Raleway","Arial";
	text-align:center;
			/* evita seleecionar texto */
			-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
			-moz-user-select: none;-ms-user-select: none;user-select: none;
}	
.btn_aceptar{color:#ffffff;background:var(--fondo-maestro);}
.btn_rojo{color:#ffffff;background:#df0000;}



/* FORM_UPLOAD */
.form_upload{width:100%;display:inline-block;font:400 16px/35px "Raleway","Arial";float:left;text-align:center;
	background:#0050a1;color:#ffffff;box-sizing:border-box;
	cursor:pointer;padding:0px;vertical-align:top;margin:0px;}
.fileUpload .label{width:45%;display:inline-block;}
.file_input{width:55%;display:inline-block;font:400 16px/35px "Raleway","Arial";margin:0px;text-indent:10px;border:none;float:left;}
.fileUpload {width:100%;position:relative;overflow: hidden;margin:0px;float:left;}
.fileUpload input.upload {position:absolute;top:0;right: 0;margin: 0;padding: 0;font-size: 20px;
    cursor: pointer;opacity: 0;filter: alpha(opacity=0);}
.fileUpload input.uploadfree {position:absolute;top:0;right: 0;margin: 0;padding: 0;font-size: 20px;
    cursor: pointer;opacity: 0;filter: alpha(opacity=0);}

	
/*	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;	*/
input.chbox_norm[type="checkbox"] {display:none;}
input.chbox_norm[type="checkbox"] + label secc {display:inline-block;vertical-align:middle;margin:-1px 4px 0 0;cursor:pointer;	
	width:30px;height:30px;background:url(../images/check_box.png) left top no-repeat;}
input.chbox_norm[type="checkbox"]:checked + label secc {
	background:url(../images/check_box.png) 0px -30px no-repeat;}
	
input.chbox_onoff[type="checkbox"] {display:none;}
input.chbox_onoff[type="checkbox"] + label secc {display:inline-block;vertical-align:middle;margin:0;cursor:pointer;	
	width:45px;height:27px;background:url(../images/check-on-off.png) left top no-repeat;}
input.chbox_onoff[type="checkbox"]:checked + label secc {
	background:url(../images/check-on-off.png) -44px 0px no-repeat;}
	
input.radbox[type="radio"] {display:none;}
input.radbox[type="radio"] + label secc {display:inline-block;vertical-align:middle;margin:0px;cursor:pointer;	
	width:30px;height:30px;background:url(../images/check_radio.png) center top no-repeat;}
input.radbox[type="radio"]:checked + label secc {background:url(../images/check_radio.png) 0px -30px no-repeat;}
.rb_label{margin-right:20px;}
	


/* MAXIMIZAR */
.icono_win_max{display:inline-block;float:right;background:#ffffff;z-index:9999 !important;}
	.icono_win_max span{float:right;color:#898989;margin-left:10px;padding:10px;}
	.icono_win_max span:hover{color:var(--color-btn);}
.top_fancy_fixed{background:#ffffff;position: fixed;}
.top_fancy_fixed_false{display:inline-block;height:60px;}

.cabecera_fancybox{width:100%;display:inline-block;
	background:#ffffff;padding:0px 0px;position: -webkit-sticky;position:sticky;top:0px;margin-bottom:20px;
	box-sizing:border-box;
-webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.16);
box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.16);
}
.cabecera_fancybox .titulo{line-height:50px;}


/* REGILLAS */
.fondomaestro{background:var(--fondo-maestro);}
.renglon-general{font:400 14px/40px "Raleway","Arial";
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;
	}
.renglon-general:nth-child(odd){background-color:#f2f2f2;}/* alternacolores entre filas*/
.renglon-general:nth-child(even){background-color:#fbfbfb;}
.renglon-general:hover{font-weight:700;}/* alternacolores entre filas*/

[class*="celda-"]{display:inline-block;text-align:left;float:left;padding:2px 4px;box-sizing:border-box;}
	.celda-xl{width:auto;float:right;}
	.celda-x2{width:auto;float:left;}
	.celda-x{width:40px;}
	.celda-0{width:4.111111%;}
	.celda-1{width:8.333333%;}		.celda-2{width:16.666666%;}		.celda-3{width:25%;}		.celda-4{width:33.333333%;}
	.celda-5{width:41.666666%;}		.celda-6{width:50%;}			.celda-7{width:58.333333%;}	.celda-8{width:66.666666%;}
	.celda-9{width:75%;}			.celda-10{width:83.333333%;}	.celda-11{width:91.666666%;}.celda-12{width:100%;}
.celda-tit{font:400 16px/20px "Raleway","Arial";padding:8px 4px;box-sizing:border-box}
	

.select-style{height:30px;float:left;padding:0;margin:0;border-radius:3px;overflow: hidden;border:1px #cccccc solid;
	width:80%;background: #fff url("../images/arrowdown.png") no-repeat right center;
	box-sizing:border-box;}
	.select-style select
			{font:400 14px/14px "Raleway","Arial";padding:6px 4px;width:98%;border:none;box-shadow:none;
				background-color:transparent;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#232323;}
	.select-style select:focus
			{outline: none;}	
	
.form_label	{font:400 14px/26px "Raleway","Arial";text-align:right;float:left;padding:2px;
	/* evita selecionar texto */
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;
	}
.form_password,
.form_input,
.form_area,
.form_area2
	{width:100%;font:400 12px/22px "Raleway","Arial";float:left;border:1px #d2d2d2 solid;padding:2px;  resize: none;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.form_area{height:48px;text-indent:0px;font:400 12px/16px "Raleway","Arial";}
.form_area2{height:100px;text-indent:0px;font:400 12px/16px "Raleway","Arial";}


.select-style-cl{border-radius:5px;background: #fff url("../images/arrowdown-cl.png") no-repeat right center;
	border:1px #d2d2d2 solid;}
	.select-style-cl select
			{font:400 12px/14px "Lato","Arial";padding:6px 4px;width:98%;border:none;box-shadow:none;
				background-color:transparent;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#232323;}
	.select-style-cl select:focus
			{outline: none;}	
			
			

.marcorojo{border:1px #ff3c00 solid !important;}
.marcorojo2{color:#ff3c00;}
.enviandomensaje{width:99%; display:inline-block;border:1px #999999 solid;text-align:center;font:400 12px/24px "Raleway","Arial";margin-top:5px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#ffffff;
}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}

etiqueta{display:none;}
.mostrar2{display:none;}
#btn_menuresponsive{display:none;position:fixed;top:10px;left:10px;}

@media screen and (max-width:990px){

}/* @media screen */


@media screen and (max-width:769px){/* iPad */

}/* @media screen */



@media screen and (max-width:670px){/* iPhone Landsape */
#btn_menuresponsive{display:inline-block;z-index:9990;}
#menutop{display:none;
width:100%;height:100%;background:rgba(8,143,175,0.95);position:fixed;top:0px;left:0px;z-index:9900;
}
.logotipo{float:none;}


}/* @media screen */


@media screen and (max-width:388px){/* iPhone potrait */
}