@import url('https://fonts.googleapis.com/css?family=Roboto:300,500');
body{
	margin:0px;
	color:#454545;
	font:300 16px/20px "Roboto";
}


:root{
	--main:#022e71;
	--secun:#eb7f27;
	--gris:#6d6d6d;	/*#d5416a;*/
}

a{text-decoration:none;color:inherit;}
.underline{text-decoration:underline;}
.oculto{display:none !important; }

.borde{border:1px #df0000 solid !important;box-sizing:border-box;}
.bco{color:#ffffff;}
.fondobco{background:#ffffff;}
.azul{color:var(--main)! important ;}
.gris{color:#454545 ! important ;}
.verde{color:#0a6600 ! important ;}
.grisclaro{color:#787878 ! important ;}

.grantitulo{font:300 50px/50px "Roboto";}
.titulo{font:300 30px/40px "Roboto";}
.subtitulo{font:300 24px/30px "Roboto";}
.mediana{font:300 18px/30px "Roboto";}
.normal{font:300 16px/18px "Roboto" !important;}
.chica{font:300 14px/18px "Roboto" !important;}
.micro{font:300 12px/16px "Roboto" !important;}

.italica{font-style:italic;}
.bold{font-weight:500 !important;}
.txtdrecha{text-align:right !important;}
.txtright{text-align:right !important;}
.aladerecha{float:right !important;}
.alaizquierda{float:left !important;}

.principal{color:#e6007e !important;}
.txtconsombra{text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.consombra{-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.32);}
.conborde{border:1px #acacac solid;}


.ellipsis{text-overflow:ellipsis;overflow: hidden;white-space:nowrap;}


.rojo{color:#df0000 !important;}

.tabla_principal{width:100%;display:inline-block;text-align:center;margin:0px;}
.contenidos{width:96%;max-width:1200px;text-align:center;display:inline-block;}
.cuerpo900{width:96%;max-width:900px;}
.cuerpo800{width:96%;max-width:800px;}
.cuerpo600{width:96%;max-width:600px;}
.cuerpo400{width:96%;max-width:400px;}
.imagen100{width:100%;}

.lienzo{padding:20px;box-sizing:border-box;}
.lienzo .renglon{margin-bottom:10px;}
.lienzo .form_input{padding:3px 8px;box-sizing:border-box;   }

.fondo_ngo{background:#000000;}
.fondo_gris{background:#dcdedf !important;}
.fondo_azul{background:#086278;}
.fondo_rojo{background:#910000;}
.fondo_pagar{background:url(images/fondo-pagar.jpg);background-size:cover; }

.txtcenter{text-align:center !important;}
.txtleft{text-align:left !important;}

.pointer{cursor: pointer;}

.p10{padding:10px; }

.bordeleftdashed{border-left:1px #343434 dashed; }
.bordetopdashed{border-top:1px #343434 dashed; }
.bordebottomdashed{border-bottom:1px #343434 dashed; }

/* BOTONES */
.btn{display:inline-block;cursor:pointer;
	-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;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;
		-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	box-sizing:border-box;float:none;
	font:300 14px/28px "Roboto","Arial","Sans";
-webkit-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	-moz-box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	box-shadow:3px 5px 6px 0 rgba(0, 0, 0, 0.32);
	}
.btn2{
	background:none; 
	-webkit-box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 1);
	-moz-box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 1);
	box-shadow:0px 0px 0px 0 rgba(0, 0, 0, 1);
}	
.btn_enviar{border:1px var(--main) solid;background:var(--main);color:#ffffff;padding:0px 10px;}
.btn_normal{border:1px #000000 solid;background:#000000;color:#ffffff;padding:0px 10px;}
.btn_alterno{border:1px #000000 solid;background:#ffffff;color:#000000;padding:0px 10px;}
.btn_chico{border:1px #000000 solid;background:#000000;color:#ffffff;padding:3px 6px;font:300 12px/12px "Roboto","Arial","Sans"; }
.btn_cancelar{border:1px #676767 solid;background:#676767;color:#ffffff;padding:0px 10px;}
.btn_20px{width:auto;padding:0px 20px;}
.btn_50{width:50%;}
.btn_100{width:100%;}
.btn_pagar{width:90%;color:#ffffff;
	background: -webkit-linear-gradient(top, #E51F04 0%,#A60000 100%);
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
.btn_espere{width:90%;color:#ffffff;width:90%;line-height:25px;  
	background: -webkit-linear-gradient(top, #1442ED 0%,#0023A6 100%);
	-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
}
.btn_rojo{background:#ba0202;border:none; }
.btn_verde{background:#57b447;border:none; }
.btn_leermas_cont{width:100%;height:70px;display:inline-block;overflow:hidden; 
	position:relative;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.btn_leermas{
	border:none;width:100%;display:inline-block; padding:15px 0px; margin-top:20px; 
	position:relative;bottom:0px;left:0px;  
	background:#0200ff;color:#ffffff;
-webkit-transition: all .2s;    -moz-transition: all .2s;    
-o-transition: all .2s;    transition: all .2s;	
}
.btn_leermas img{float:right;vertical-align:middle;margin-right:20px; }
.btn_leermas:hover{margin-top:0px;padding:25px 0px;  }

.btn_gigante{font:normal 18px/28px "Roboto","Arial","Sans";padding:10px 40px;  }
.btn_mini{font:normal 20px/20px "Roboto","Arial","Sans";padding:4px; }



.form_label{display:inline-block;float:left;line-height:30px;padding:0px 5px;box-sizing:border-box;   
	color:#232323;box-sizing:border-box;
	margin:0px;
	}
.form_input{display:inline-block;float:left;padding:7px 10px;
	color:#232323;box-sizing:border-box; 
	border:1px #acacac solid;
	background: #ffffff;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	}

.coros{font:300 24px/30px "Roboto","Arial","Sans";}
hr{border: 2px solid red;margin:15px 0px; }

.form_input input,
.form_input textarea{display:inline-block;font:300 16px/30px "Roboto","Arial","Sans";border:none;box-sizing:border-box;color:#343434;
	outline: none;background:transparent;padding:0px 6px;}
.form_input .input_fecha{width:44%;}
.form_input .input_ico{width:calc(100% - 30px);}
.form_input .input_ico2{width:calc(100% - 60px);}
.form_input .input_40{width:40%;}
.form_input .input_50{width:50%;}
.form_input .input_100{width:100%;}
.form_area{width:100%;box-sizing:border-box;height:90px;resize: none;line-height:18px !important; }
.form_area_gde{width:100%;height:200px;line-height:18px !important; }

.select-style{width:100%;display:inline-block;float:left;overflow: hidden;box-sizing:border-box;
		background: transparent url("images/arrowdown.png") no-repeat right center;}
	.select-style select{width:100%;border:none;box-shadow:none;background-color:transparent;box-sizing:border-box;
			-webkit-appearance: none;-moz-appearance: none;appearance: none;
			font:400 12px/26px "Roboto","Arial","Sans";color:#232323;}
	.select-style select:focus{outline: none;}



.renglon{width:100%;display:inline-block;float:left;}
.separador{width:100%;height:40px;display:inline-block;float:left;}
/* celdas responsivas */
[class*="celda-"]{display:inline-block;float:left;box-sizing:border-box;}
	.celda-0{width:4.111111%;}		.celda-0x{width:2.050505%;}
	.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-0x{width:2.050505%;}
	.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%;}
	








@media screen and (max-width:770px){/* cell potrait */


.contenidos{width:90%;margin:10px 5%; }

}