/* @import url(https://fonts.googleapis.com/css?family=Lato:400,700,900); */
*{margin:0px;padding:0px;}
body,html{height:100%;}
@font-face {
    font-family: 'raleway';
    src: url('raleway.ttf');
    font-weight:normal;font-style: normal;}

body{
	font:400 12px/14px "raleway","Arial";
	color:#343434;
}

:root{
	--color-gris:#f2f2f4;
	--fondo-gris:#f2f2f4;

	--fondo-maestro:#353535;
	--color-resaltado:#f52f3d;
	--color-btn:#f52f3d;
	--color-btn-interior:#9aca5a;
}


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

.titulo18{font-size:18px;}

.txtleft{text-align:left !important;}
.txtright{text-align:right !important;}
.txtcenter{text-align:center !important;}
.bold{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;}
.fondogris{background:var(--fondo-gris);}
.gris{color:#cccccc;}
.gris2{color:#565656;}
.url_azul{color:#2481cd;}

.bloque{display:inline-block;box-sizing:border-box;}
.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%;height:100vh;display:inline-block;text-align:center;box-sizing:border-box;
	float:left;background-color:var(--color-btn);}
.lateral{width:80px;display:inline-block;float:left;box-sizing:border-box;}
.tabla_secundaria{width:calc(100% - 80px);height:100%;display:inline-block;float:left;box-sizing:border-box;
	background-color:var(--fondo-gris);}
.contenido{width:84%;display:inline-block;float:none;box-sizing:border-box;
	background:#ffffff;margin:10px 30px;float:left;}
.cuerpo{width:98%;display:inline-block;float:none;margin:1%;box-sizing:border-box;}
.cuerpo_fancyboy{width:80%;display:inline-block;float:none;margin:0px 10% 40px;box-sizing:border-box;}


/* LATERAL */
.lateral-logotipo{width:80px;display:inline-block;overflow:hidden;text-align:center;color:#6f757a;
	font:400 12px/16px "raleway","Arial";}

/* ENCABEZADO */
.encabezado{width:100%;height:180px;display:inline-block;
	background:url(images/encabezado-top.jpg);
	background-position:center center; 
	border-bottom:1px #e0e0e0 solid;}
.encabezado_tit{width:300px;float:left;margin:12px 40px;}
.encabezado_linea1{width:100%;float:left;text-align:left;font:700 28px/32px "raleway","Arial";margin-bottom:6px;}
.encabezado_linea2{width:100%;float:left;text-align:left;font:400 21px/16px "raleway","Arial";color:#888888;}
	



/* FORMULARIO */
#resultados{display:inline-block;width:60%;margin:40px 5%;float:left; }
.formulario{display:inline-block;width:60%;margin:40px 5%;float:left; }

.form_label{width:100%;display:inline-block;text-align:left;
	font:normal 14px/30px "raleway","Arial";box-sizing:border-box;border:none;}

.form_input{width:100%;display:inline-block;
	box-sizing:border-box;
	border: 1px #acacac solid;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	}
.form_input input,
.form_area{display:inline-block;font:normal 14px/20px "raleway","Arial";border:none;	letter-spacing:1px;box-sizing:border-box;color:#343434;
	outline: none;background:transparent;padding:5px;}
.form_input .input_100{width:100%;}
.form_input .input_ico{width:calc(100% - 30px);}
.form_input .input_fecha{width:44%;}
.form_input .input_50{width:50%;}
.form_area{width:100%;box-sizing:border-box;height:90px;resize:none;}

.form_input,
.form_area,
.select-style{
	background:#f0f0f0; border:1px #cfcfcf solid;
}

.select-style{width:100%;display:inline-block;float:left;padding:0px 8px;overflow: hidden;box-sizing:border-box;
		background:#f0f0f0 url("images/arrowdown.png") no-repeat right center;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
		}
	.select-style select{width:100%;padding:5px;border:none;box-shadow:none;background-color:transparent;box-sizing:border-box;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;
			font:normal 12px/20px "raleway","Arial";color:#232323;}
	.select-style select:focus{outline: none;
		font:normal 12px/20px "raleway","Arial";color:#232323;}

.divisor{border-bottom:1px #b7b7b7 solid;}	


/* 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;margin:5px 2px;font:400 13px/15px "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_ch{display:inline-block;cursor:pointer;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
  	border:none;
	display:inline-block;
	text-align:center;
}	
.btn i{vertical-align:middle;font-size:18px;}
.btn .txt{text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
	
.btn_aceptar{color:#ffffff;background:var(--color-btn);min-width:100px;}
.btn_save{color:#ffffff;background:var(--color-btn);padding:6px;}
.btn_cancelar{color:#6d6d6d;background:#ebebeb;min-width:100px;}


	
.btn_redondo_der{-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.btn_redondo_izq{-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}	


	
/* INPUTS */
.input{width:100%;height:50px;display:inline-block;position:relative;box-sizing:border-box;margin:5px 4px;}
.input .input_field{width:96%;display:inline-block;position:absolute;box-sizing:border-box;background:transparent;padding:6px;
	font:400 14px/14px "raleway","Arial";top:14px;z-index:100;border:none;border-bottom:1px #dddddd solid;}
.input .input_label{width:auto;display:inline-block;position:absolute;box-sizing:border-box;color:#676767;
	font:400 14px/20px "raleway","Arial";top:20px;left:6px;z-index:100;}

/* FORM_UPLOAD */
.fileUpload_renglon{width:100%;max-width:300px;display:inline;float:left;}
.form_upload{display:inline-block;font:400 16px/35px "raleway","Arial";float:left;text-align:center;
	background:#0050a1;color:#ffffff;
	cursor:pointer;padding:0px 10px;vertical-align:top;margin:0px;}
.file_input{width:200px;display:inline-block;font:400 16px/35px "raleway","Arial";margin:0px;text-indent:10px;border:none;float:left;}
.fileUpload {width:80px;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);}

	
/* pie */




/* celdas responsivas */
[class*="celda-"]{display:inline-block;float:left;box-sizing:border-box;}
	.celda-0{width:4.111111%;}
	.celda-1{width:8.333333%;}		.celda-1x{width:12.50000%;}		
	.celda-2{width:16.666666%;}		.celda-2x{width:20.83333%;}		
	.celda-3{width:25%;}			.celda-3x{width:29.16666%;}		
	.celda-4{width:33.333333%;}		.celda-4x{width:37.50000%;}
	.celda-5{width:41.666666%;}		.celda-5x{width:45.83333%;}		
	.celda-6{width:50%;}			.celda-6x{width:54.16666%;}			
	.celda-7{width:58.333333%;}		.celda-7x{width:62.50000%;}	
	.celda-8{width:66.666666%;}		.celda-8x{width:70.83333%;}
	.celda-9{width:75%;}			.celda-9x{width:79.16666%;}
	.celda-10{width:83.333333%;}	.celda-10x{width:87.50000%;}	
	.celda-11{width:91.666666%;}	.celda-11x{width:95.833333%;}
	.celda-12{width:100%;}
[class*="colum-"]{box-sizing:border-box;float:left;}
	.colum-0{width:4.111111%;}
	.colum-1{width:8.333333%;}		.colum-1x{width:12.50000%;}		
	.colum-2{width:16.666666%;}		.colum-2x{width:20.83333%;}		
	.colum-3{width:25%;}			.colum-3x{width:29.16666%;}		
	.colum-4{width:33.333333%;}		.colum-4x{width:37.50000%;}
	.colum-5{width:41.666666%;}		.colum-5x{width:45.83333%;}		
	.colum-6{width:50%;}			.colum-6x{width:54.16666%;}			
	.colum-7{width:58.333333%;}		.colum-7x{width:62.50000%;}	
	.colum-8{width:66.666666%;}		.colum-8x{width:70.83333%;}
	.colum-9{width:75%;}			.colum-9x{width:79.16666%;}
	.colum-10{width:83.333333%;}	.colum-10x{width:87.50000%;}	
	.colum-11{width:91.666666%;}	.colum-11x{width:95.833333%;}
	.colum-12{width:100%;}


/* formulario */
.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);}

.mostrar2{display:none;}
#btn_menuresponsive{font:400 12px/22px "raleway","Arial";display:none;}

@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;cursor:pointer;}
#menutop{display:none;}

/* formulario */
.lateral{display:none; }
.encabezado_tit{width:calc(100% - 180px);float:left;margin:0px;margin-left:100px;}
.tabla_secundaria{width:100%;}
.contenido{width:92%;min-height:auto;margin:10px 4%;}

.encabezado_linea1{font:400 22px/28px "raleway","Arial";margin-top:10px;}
.encabezado_linea2{font:400 16px/16px "raleway","Arial";}

.formulario{width:96%;margin:10px 2%;}
	.formulario .alaizquierda{float:none; } 
	.formulario .form_label{width:100%;text-align:center;margin-bottom:20px; } 
.form_label{width:100%;height:auto;}
.form_label .chica{font:700 12px/12px "raleway","Arial";color:#898989;}
[class*="celda-"]{width:100%;}


}/* @media screen */


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