@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-family: Arial, Helvetica, sans-serif;}
*{box-sizing: border-box}

div{ display:block}
.contenedor{position:relative; width:100%;  overflow:hidden; }
.contenedor-con{position:relative; width:90%; max-width:1200px; overflow:hidden; margin:auto}
.contenedor-visible{overflow:visible;}
.fila{width:100%;clear:both;}
.posrel{position:relative}
.posabs{position:absolute}
.ovfh{overflow:hidden}
.cont-fila img{width:100%}
.bloque{display:block}

.flotar{float:left}
.flotar-drch{float:right}
.fin-float, .finfloat{clear:both;}
.mostrar{display:none}

.paddingpeq{padding:10px}
.paddingmd{padding:20px}
.paddingg{padding:30px}

.padding1peq {padding-top:10px}
.padding2peq {padding-right:10px}
.padding3peq {padding-bottom:10px}
.padding4peq {padding-left:10px}

.padding1md{padding-top:20px}
.padding2md {padding-right:20px}
.padding3md{padding-bottom:20px}
.padding4md {padding-left:20px}

.padding1g{padding-top:30px}
.padding2g{padding-right:30px}
.padding3g{padding-bottom:30px}
.padding4g {padding-left:30px}

/*cajas   */

.caja1{ border:none;background:#F0E7D7; }

.margin10{margin:10px}
.margin20{margin:20px}
.separahorz{margin: 0 10px 0 10px}
.separaver{ margin:  10px 0 10px 0}
.separaver-g{ margin: 30px auto}

.separa-down{margin-bottom:15px}
.separa-up{margin-top:15px}
.separa-drch, separadrch{ margin-right: 20px }
.separa-izq, separaizq{ margin-left:20px }

/*alineamiento de texto*/
.text-drch{ text-align:right}
.text-izq{ text-align:left}
.text-centro{ text-align:center}
.vm{ vertical-align:middle}

/*columnas con porcentajes*/

.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.colter,.colcuar{  float:left; padding-left:12px; padding-right:12px;}

.col1{  width:10%;}
.col2{  width:20%;}
.col3{  width:30%;}
.col4{  width:40%; }
.col5{  width:50%;}
.col6{  width:60%;}
.col7{  width:70%;}
.col8{  width:80%;}
.col9{  width:90%;}
.col10{  width:100%;}
.colter{  width:33%;}
.col2ter{  width:66%;}
.colcuar{  width:25%;}

.colcuar-caja{width:23%; margin-left:auto; margin-right:auto; padding:2px; float:left;}
.colter-caja{width:33%; margin-left:auto; margin-right:auto; padding:20px; float:left;}
.col5-caja{width:48%; margin-left:auto; margin-right:auto; padding:20px; float:left;}

/********/
@media (max-width: 1023px) {

.col1-tab{ width:100%;}
.col2-tab{ width:50%;}
.col3-tab{  width:33%;}
}

@media (max-width: 767px) {

.col1-movil{width:100%;}
.col2-movil{width:50%;}
.contenedor{margin:5px;}
.ocultar{display:none}
.mostrar{display:block}
}


.btn
	{ display:inline-block;
		padding:6px 20px;	
		font-size: 18px;
		/*letter-spacing: 1px;*/
		border: 1px solid white;
		background:#5CB7CC; cursor:pointer; color:#fff;  
		 font-family:Arial, sans-serif;
		/*box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);*/
	}
.btn2
	{ 		padding:7px 15px;
	font-size: 14px;
		letter-spacing: 1px;
				color: #222;
		background: #86BDBA;
		margin:5px;
	
		
	}
		
.btn:hover {
		color: #333;
		background: #86BDBA; text-decoration:none;
	}
.enlace{text-decoration:none; }
.img-responsive {width:100%}	



/**************************especificos-------------------------------------------*/

 /**********sybelio inputs***************/
.cajainput, .form-hab input, .form-hab select {
	/*border:1px solid #45778F;*/
	 padding:7px 3px; 
	 display:block;
	 height:34px;width:96%;
	 margin-bottom:10px;}
/*.cajainput{background:none}*/
.bordeabajo{margin:18px 0; border-bottom:2px solid #333; width:100%}
 .caja-default{
	border:1px solid #999;
	background:#fff;
	}
.caja-syb{border:1px solid #ccc; margin-top:10px;margin-bottom:10px;padding:10px 15px}

.contorno{border:1px solid #ccc}
.negrita{ font-weight:bold}
.blanco{color:#fff}
.negro{color:#000}

.enlace,.link, .no-link{text-decoration:none; }
.img-responsive, .img-resp {width:100%}	
.img-50 {width:50%}	


