@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Jost);

/* Redifinicion de elemntos HTML*/ 
body {margin: 0px !important; padding:0px !important; font-family: 'Open Sans', Arial, sans-serif;	font-size: 18px; color:#222; background-color: #f8f8f8;background-image: url("https://www.transparenttextures.com/patterns/cubes.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */}
a {text-decoration:none; color:#33698d;} a:hover {text-decoration:underline; color:#C54B02;}
footer {background-color: #DDD; border-top:#BBB 2px solid; width:100%; font-size: 16px; color:#222 !important;}
h1 {font-size:40px; color:#FFF; font-family: 'Jost', Arial, sans-serif; font-variant:small-caps; font-weight:400; margin:0px;}
h2 {font-size:34px; color:#1c6f91; font-family: 'Jost', Arial, sans-serif; margin-bottom:20px; font-variant:small-caps; font-weight:400;}
h3 {font-size:28px; color:#333; font-family: 'Jost', Arial, sans-serif; margin-bottom:5px;}
img {max-width: 100% !important; vertical-align:middle; height:auto !important;}
ul[class^="paloma"] li {padding:0px 4px 12px 30px !important; margin-left:-25px !important;	margin-top: 0px !important; line-height:25px !important; background: url(../pics/paloma.png) no-repeat; display:block;}


/* Estilos menú */
.barra {background:#FFF;}
.logo {max-height:80px;}
.menu {display:inline-block; width:150px; padding:20px; text-align:center;  font-family: 'Jost', Arial, sans-serif; font-size:20px; font-weight:400}
.menu:hover {background:#EEE; border:#DDD;}


/* Estilos generales */
.alto_icono {max-height:24px;}
.banner {background:url(../pics/fondo1.jpg); background-position:center; background-size:cover; min-height:150px; padding:40px 0px;}
.barra_titulo {background:#225068; padding:20px 0px; border-bottom:#1e7398 5px solid; border-top:#1e7398 5px solid;}
.curva {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.efecto {-moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition: all .5s;}
.enlace {cursor:pointer;}
.fl {float: left;} .fr {float: right;}
.flotante {position:fixed; left:10px; bottom:10px; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=9);}
.fondo1 {background:#FFF; border-bottom:#CCC 2px solid; border-top:#CCC 2px solid;}
.linea {border-bottom:#5497c4 1px dashed; height:5px;}
.mapa {width:100%; height:400px; border:0;}
.mb0 {margin-bottom: 0px !important;} .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb20{margin-bottom: 20px !important;} .mb30 {margin-bottom:30px !important;} .mb40{margin-bottom:40px !important;} .mb50{margin-bottom:40px !important;}
.mt0 {margin-top:0px !important;} .mt5{margin-top:5px;} .mt10 {margin-top: 10px !important;} .mt20{margin-top: 20px !important;} .mt30{margin-top: 30px !important;} .mt40{margin-top: 40px !important;} .mt50{margin-top: 50px !important;}
.ml10 {margin-left: 10px !important;} .ml20{margin-left: 20px !important;}  .ml30{margin-left: 30px !important;} 
.mr10 {margin-right:10px !important;} .mr20{margin-right:20px !important;} .mr30 {margin-right:30px !important;}
.oculto {display:none;}
.pl10 {padding-left:10px;}
.recuadro { background:url(../pics/transparente.png); padding:15px; font-size:18px;color:#FFF; border:1px solid #5497c4;}
.separacion {font-size:24px; border-bottom:#CCC 1px double; padding-bottom:5px; font-family: 'Jost', Arial, sans-serif; font-weight:600; color:#444;}
.sombra {text-shadow:#000000 2px 2px 2px;}
.tal {text-align:left !important} .tac {text-align:center;} .tal_c {text-align:left;} .tar {text-align:right;}
.var_cel {display:none;}
.var_pc {display:block;}
.versalitas {font-variant:small-caps;}


/* Estilo lightbox */
.fadebox {display: none;	position: fixed;	top: 0%; left: 0%; width: 100%; height: 100%; background-color: black;	z-index:10000;	-moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);}
.overbox {display: none;	position: absolute; width:1100px;	 margin:0px auto 0px auto;height: auto; z-index:10001; overflow: auto; padding:5px;}


/* Estilos de formularios */
.boton {padding:10px 15px; background:#352317; color:#FFF; font-family: 'Open Sans', Arial; font-size: 18px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:4px double #888; box-shadow:0px 0px 3px #FFF inset; font-weight:bold;}
.boton:hover {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-shadow: 0px 0px 200px #FFF inset; color:#352317; border:4px double #C54B02;}
.combo {border:1px solid #969429; color:#666; padding: 12px 15px; font-size: 18px; width: 90%; font-family: 'Open Sans', Arial, sans-serif;}
.cuadro_texto {border:1px solid #969429; color:#666; padding: 12px 15px; font-size: 18px; width: 80%; font-family: 'Open Sans', Arial, sans-serif;}
.cuadro_texto_area {border:1px solid #969429; color:#666; padding: 12px 15px; font-size: 18px; width: 80%; height:100px; font-family: 'Open Sans', Arial, sans-serif;}
.cuadro_texto:focus, .cuadro_texto_area:focus {border:1px solid #C54B02; color:#000;}
.formulario input[type="radio"], .formulario input[type="checkbox"] {display:none;}
.formulario label.etiquetar, .formulario label.etiquetac  {padding:5px 25px 5px 28px; display:inline-block; position:relative; cursor:pointer; border-radius:3px; -moz-transition: all .3s ease; -webkit-transition:all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size:17px !important; font-weight:normal;}
.formulario .radio label, .formulario .checkbox label  {padding:5px 25px 5px 28px; display:inline-block; position:relative; cursor:pointer; border-radius:3px; -moz-transition: all .5s ease; -webkit-transition:all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; font-size:17px !important; font-weight:normal;}
.formulario label.etiquetar:before, .formulario label.etiquetac:before  {content:""; width:15px; height:15px; display:inline-block; background:none; border:#352317 2px solid; border-radius:50%; position:absolute; left:0px; top:7px;} .formulario label.etiquetac:before  {border-radius:2px;} 
.formulario .radio label:before, .formulario .checkbox label:before  {content:""; width:15px; height:15px; display:inline-block; background:none; border:#352317 2px solid; border-radius:50%; position:absolute; left:0px; top:9px;} .formulario .checkbox label:before  {border-radius:2px;} 
.formulario input[type="radio"]:checked + label, .formulario input[type="checkbox"]:checked + label {padding: 5px 15px; background:#969429; color:#FFF;}
.formulario input[type="radio"]:checked + label:before, .formulario input[type="checkbox"]:checked + label:before {display:none;}


/* Estilos responsividad */
.contenedor {width: 1100px; margin: 0px auto 0px auto;text-align: justify;}
.row {margin-left: 0%; margin-right: 0%;	clear:both;	 overflow: hidden;}
.col20 {width:16%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col25 {width:21%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col30 {width:26%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col33 {width:29%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col40 {width:36%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col50 {width:46%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col60 {width:56%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col66 {width:62%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col70 {width:66%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col75 {width:71%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col80 {width:76%; float:left; padding:0 2%; min-height:1px; margin-bottom:20px;}
.col100 {width:96%; float:left;	padding:0 2%; min-height:1px; margin-bottom:0px;}


/* Redifinicion para moviles */
@media screen and (max-width:1150px) {
html,body{margin:0;	padding:0; font-size: 16px; line-height: 1.4em;}
h1 {font-size: 32px; margin:0px; line-height:40px;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}

.tal_c {text-align:center;}
.var_cel {display:inline-block;}
.var_pc {display:none;}

.overbox {width:75% !important; margin-left:10%; margin-top:0px; position: fixed;} 
	
.contenedor{width:98%; padding:0 1%; text-align:left;}
.row {overflow:hidden;}
.col20, .col25, .col30, .col33, .col40, .col50, .col60, .col66, .col70, .col75, .col80, .col100 {width:98%; margin-bottom:10px; margin-top:10px; padding:0 1%;}
}