@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,500,600);
/*Sustitución de colores
Color 1: #3D6F90
Color 2: #479AB8
Color 3: #583B0C
Color 4: #5599AE
Color 5: #EEF5F9
*/

body {margin: 0px; font-family: 'Open Sans', Arial; font-size: 18px; color:#222;}
img {max-width: 100% !important; vertical-align:middle;}
a {text-decoration:none; color:#479AB8; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all 5s; transition:all .5s;} a:hover {color:#3D6F90; text-decoration:underline;}
h1 {font-family: 'Quicksand', Arial; font-size: 32px; color:#3D6F90;  margin:20px 0px 10px 0px; line-height:40px;}
h2 {font-family: 'Quicksand', Arial; font-size: 28px; color:#5599AE; margin:20px 0px; font-weight:normal; line-height:40px;}
h3 {font-family: 'Quicksand', Arial; font-size: 24px; color:#583B0C; margin:0px; font-weight:normal; line-height:35px;}
footer {background:#3D6F90; color:#FFF; min-height:70px;}
ul[class^="paloma"] li {padding:0px 4px 12px 30px; margin-left:-25px;	margin-top: 0px; line-height:25px; background: url(../pics/paloma.png) no-repeat; display:block;}
ul li {padding:0px 4px 5px 10px;	margin-left:-5px;	margin-top: 0px; line-height:25px;}
ol li {line-height:25px;}

.menu {height:85px; border-bottom:#3D6F90 1px solid;} .menu_cel {display:none;}
.menu_opc {padding:8px 14px !important; color:#3D6F90 !important; background:#FFF !important; border:#3D6F90 1px solid !important; } .menu_opc:hover {color:#FFF !important;}
.menu_act {padding:8px 14px !important; color:#FFF; background:#888 !important; border:#888 1px solid !important;} .menu_act::before {background:#555 !important;}

.borde {border:#5599AE 1px solid;}
.borde2 {border:#583B0C 1px solid;}
.curva {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 3px;}
.editor {width:100%; height:140px;}
.efecto {-moz-transition:all .7s ; -webkit-transition:all .7s; -o-transition:all 7s; transition:all .7s;}
.enlace {cursor:pointer;}
.fila1 {background:#FAFAFA; border-bottom:#DDD 1px solid;}
.final {height:40px;}
.flecha {bottom:0px; right:10px; position:fixed; cursor:pointer; display:none;}
.fondo_azul {background:#EEF5F9;}
.fondo_blanco {background:#FFF;}
.fondo_gris {background:#EEE;}
.fondo1 {background:url(../pics/fondo1.jpg) no-repeat center;  border-top:#AAA 1px solid; border-bottom:#AAA 1px solid;}
.fondo2 {background:-color#EEE; background-image: url("https://www.transparenttextures.com/patterns/connected.png"); border-top:#DDD 1px dashed; border-bottom:#DDD 1px dashed;}
.fondo3 {background:#f5f7fa;}
.franja {background:#777; color:#FFF; padding:15px; font-size:16px;} .franja a {color:#FFF;}
.franja2 {background:#777; color:#FFF; font-size:16px;}
.franja3 {background:#063; color:#FFF; font-size:16px;}
.franja4 {background:#900; color:#FFF; font-size:16px;}
.franja5 {background:#C00; color:#FFF; padding:15px; font-size:16px;}
.fr {float:right;} .fl {float:left;}
.mh150 {max-height:150px;}
.migaja {font-size:13px; border-bottom:#EEE 1px solid; margin-top:10px; padding-bottom:8px;}
.mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb40 {margin-bottom:40px !important;}
.ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;}
.mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr12 {margin-right:12px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;}
.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;} .mt20 {margin-top:20px !important;} .mt30{margin-top:30px !important;} .mt40{margin-top:40px !important;} .mt60{margin-top:60px !important;}
.mt25-0 {margin-top:25px !important;}
.oculto {display:none;}
.pad5 {padding:5px !important;} .pad8 {padding:8px !important;} .pad10 {padding:10px !important;} .pad15 {padding:15px;} .pl10{padding-left:10px !important;} .pl20{padding-left:20px !important;} .pl30 {padding-left:30px !important;}  .pr10{padding-right:10px !important;}
.pr20{padding-right:20px;} .pr30{padding-right:30px;} .pb20 {padding-bottom:20px !important;}.pt10 {padding-top:10px;} .pt20 {padding-top:20px !important;}
.recuadro {border:#AAA 1px solid;}
.recuadro2 {border:#3D6F90 1px dashed;}
.recuadro3 {border:#d8dfe7 1px solid; background-color:#FFF;}
.recuadro4 {border:#C00 1px solid;}
.separador {border-bottom:#CCC 1px solid;} 
.tac {text-align:center;} .taj {text-align:justify;} .tal {text-align:left;} .tar {text-align:right;} .tacl {text-align:center;} .tarl {text-align:right;} .tarc {text-align:right;} .talc {text-align:left;}
.tamano100 {width:90% !important}
.texto16 {font-size:16px !important;}
.texto14 {font-size:14px !important;}
.texto15 {font-size:15px !important;}
.texto_color {color:#583B0C;}
.texto_blanco {color:#FFF !important;}
.texto_rojo {color:#900 !important;}
.texto_verde {color:#063 !important;}
.texto_mini {font-size:14px;}
.var_cel {display:none;}
.var_celi {display:none;}
.var_pc {display:block;}

[class^='Boton-'] {border:none; padding:12px 18px; background:#479AB8; font-size:18px; font-weight:600; font-family: 'Open Sans', Arial;  color:#FFF; position:relative; overflow:hidden; transform:perspective(0px) translateZ(0px) rotateZ(0deg) rotateX(0deg); }
[class^='Boton-']:active {transform:perspective(10px) translateZ(1px) rotateZ(0.8deg) rotateX(0deg);  color: #999;} 
[class^='Boton-']::before, [class^='Boton-']::after {content: ''; position:absolute; top:0px; left:0px; width:50%; height:50%; transition:0.4s ease-in-out;}
 [class^='Boton-']::before {z-index: -1;} 
.Boton-Circular::before {border-radius: 5%; width: 0px; height: 100%; background-color: #3D6F90; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%);}
.Boton-Circular:hover::before, .Boton-Circular:active::before { width:350px; height:80px;}
.formulario input[type="radio"], .formulario input[type="checkbox"] {display:none;}
.formulario label.etiquetar, .formulario label.etiquetac  {padding:7px 15px 7px 30px; display:inline-block; position:relative; cursor:pointer; border-radius:6px; -moz-transition: all .3s ease; -webkit-transition:all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color:#3D6F90;}
.formulario .radio label, .formulario .checkbox label  {padding:7px 15px 7px 30px; display:inline-block; position:relative; cursor:pointer; border-radius:6px; -moz-transition: all .3s ease; -webkit-transition:all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color:#3D6F90;}
.formulario label.etiquetar:before, .formulario label.etiquetac:before  {content:""; width:20px; height:20px; display:inline-block; background:none; border:#3D6F90 1px 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:20px; height:20px; display:inline-block; background:none; border:#3D6F90 2px solid; border-radius:50%; position:absolute; left:-5px; top:8px;} .formulario .checkbox label:before  {border-radius:2px;} 
.formulario input[type="radio"]:checked + label, .formulario input[type="checkbox"]:checked + label {padding: 7px 15px; background:#3D6F90; color:#FFF;}
.formulario input[type="radio"]:checked + label:before, .formulario input[type="checkbox"]:checked + label:before {display:none;}

.botoncito {padding:5px 10px !important; font-size:16px;}
.combo {padding:13px 15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#5599AE 1px solid; width:430px;}
.cuadro_texto {padding:15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#5599AE 1px solid; width:400px; }
.cuadro_texto2 {padding:15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#5599AE 1px solid; width:900px; }
.cuadrito {padding:5px; color:#333; font-family: 'Open Sans', Arial; font-size: 15px; border:#5599AE 1px solid; width:60px;} 
.cuadrito2 {padding:5px; color:#333; font-family: 'Open Sans', Arial; font-size: 15px; border:#5599AE 1px solid; width:90px;}
.cuadrito3 {padding:5px; color:#333; font-family: 'Open Sans', Arial; font-size: 15px; border:#5599AE 1px solid; width:250px;}
.cuadrito4 {padding:5px; color:#333; font-family: 'Open Sans', Arial; font-size: 15px; border:#5599AE 1px solid; width:150px;}
.cuadrito5 {padding:5px; color:#333; font-family: 'Open Sans', Arial; font-size: 15px; border:#5599AE 1px solid; width:320px;}
.cuadro_texto:focus, .combo:focus {border:#3D6F90 1px solid; background:#EEF5F9;}

.fadebox {display: none;	position: fixed;	top: 0%; left: 0%; width: 100%; height: 100%; background-color:#000;	z-index:10000;	-moz-opacity: 0.4; opacity:.40; filter: alpha(opacity=40);}
.overbox {display: none;	position: absolute; width:500px; z-index:10001; overflow: hidden; background-color:#FAFAFA; padding:30px; border:#3D6F90 2px solid; }

.container {width:1100px;	 margin:0px auto 0px auto; text-align:justify;}
.row {margin-left: 0%; margin-right: 0%;	clear:both;	 overflow: hidden;}
.col10 {width:6%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col12 {width:8%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.col15 {width:11%;	 float:left; padding:0 2%; min-height:1px; margin-bottom:20px;} 
.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;}
.col45 {width:41%; 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;}
.col64 {width:60%;	 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:20px;}

/* Estilos de sistema*/
.color_link a {color:#222;} .color_link a:hover {color:#479AB8;}
.fondo_menu {background:#F7F7F7; border-bottom:#CCC 1px solid}
.icon16 {max-height:16px !important;}
.menu_sis:hover {background:#EEF5F9; cursor:pointer;}
.paginador, a.paginador, a.paginador:visited {font-size:12px; padding:1px 6px 1px 6px; border:#EEF5F9 thin solid;	background:#FFF; color:#3D6F90; }
.paginador_act {font-size:12px; padding:1px 6px 1px 6px; border:#3D6F90 thin solid; background:#3D6F90; color:#FFF;}
.submenu_cont {opacity: 0.96; background:#FFF; padding-bottom:0px; padding-left:0px; padding-right:0px; display:none; width:190px; z-index:2000; position:absolute; top:68px; font-family: 'Quicksand', sans-serif; font-weight:normal !important;}
.submenu_opt {background:#3D6F90; padding:12px; color:#FFF; cursor:pointer; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all 3s; transition: all .3s; font-family: 'Quicksand', sans-serif; font-size:17px;}
.submenu_opt:hover {background:#5599AE; padding:16px; border-bottom:#FFF thin solid; border-top:#FFF thin solid;}

@media screen and (max-width:1130px) {
html,body{margin:0;	padding:0; font-size: 17px; line-height: 1.4em;}
h1 {font-size: 28px; line-height:40px;   margin:10px 0px;}
h2 {font-size: 24px; line-height:30px;}
h3 {font-size: 20px;}
ul[class="punto"] li {padding:0px 4px 5px 6px; margin: 0px 0px 0px -25px; line-height:20px; text-align:left; font-size:16px;}

.icono_menu {max-height:32px !important; margin-top:19px; width:auto !important; margin-right:15px;}
.logo {margin-top:12px; max-height:45px; margin-left:10px;}
.menu {display:none;}
.menu_ajuste{ margin:0px; auto;}
.menu_cel {height:70px; border-bottom:#607484 3px solid; display:block; box-shadow:0px 1px 3px #CCC;}
.menu_opc {border:none !important; font-size: 16px; background-color: #EEF5F9 !important; color:#607484; padding:12px; display:none; margin-bottom:5px; text-align:left !important;} .menu_opc:hover {color:#222 !important;}
.menu_opc_cierra {font-size: 17px; color:#FFF; padding:10px 0px; display:none; font-weight:bold; background-color: #3D6F90 !important;}
#opc1 {top:0px;} #opc2 {top:45px;} #opc3 {top:90px;} #opc4 {top:135px;} #opc5 {top:180px;} #opc6 {top:225px;} #opc7 {top:270px;}

.mt25-0 {margin-top:0px !important;}
.tacl {text-align:left;} .tarl {text-align:left;} .tarc {text-align:center;} .talc {text-align:center;}
.var_cel {display:block;}
.var_celi {display:inline;}
.var_pc {display:none;}

.combo {padding:8px 15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#5599AE 1px solid; width:91%;}
.cuadro_texto {padding:15px; color:#333; font-family: 'Open Sans', Arial; font-size: 18px; border:#5599AE 1px solid; width:90%; }

.overbox {width:80%; padding:15px;}

.container{width: 98%; padding:0 1%; text-align:left;}
.row{	overflow:hidden;}
.col10, .col12, .col15, .col20, .col25, .col30, .col33, .col40, .col45, .col50, .col60, .col64, .col66, .col70, .col75, .col80, .col100 {width:98%; margin-bottom:10px; margin-top:10px; padding: 0 1%;}
}