body {
font-family: 'Helvetica Neue', sans-serif;
font-size: 12px;
color:#5A5A5A;
margin: 0px;
background-color: #ebebeb;
-webkit-text-size-adjust:none;
}
* {
  box-sizing: border-box;
}
.carrusel .overlay .tablagen100 {
}


input:required:focus {
  border: 1px solid red;
  outline: none;
}

A:link {text-decoration:none;color:#333;} A:visited {text-decoration:none;color:#333;} A:active {text-decoration:none;color:#333;} A:hover {text-decoration:underline;color:#C00;} 
A:link.b {text-decoration:none;color:#FFF;} A:visited.b {text-decoration:none;color:#FFF;} A:active.b {text-decoration:none;color:#FFF;} A:hover.b {text-decoration:underline;color:#FFF;} 
A:link.c {text-decoration:none;color:#1e2d4e;} A:visited.c {text-decoration:none;color:#1e2d4e;} A:active.c {text-decoration:none;color:#1e2d4e;} A:hover.c {text-decoration:underline;color:#8c1407;} 
A:link.d {text-decoration:none;color:#8A8A8A;} A:visited.d {text-decoration:none;color:#8A8A8A;} A:active.d {text-decoration:none;color:#8A8A8A;} A:hover.d {text-decoration:underline;color:#7C1D1F;}
A:link.tel {text-decoration:none;color:#fff;} A:visited.tel {text-decoration:none;color:#fff;} A:active.tel {text-decoration:none;color:#fff;} A:hover.tel {text-decoration:underline;color:#fff;}

.toggleopacity img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);-moz-opacity: 1;opacity: 1;}
.toggleopacity:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.5;opacity: 0.5;}

h1 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 22px; letter-spacing: 2px; font-weight: bold; margin: 0px; color: #1b649f; text-align: right; padding-bottom: 10px;}
h2 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 14px; font-weight: normal; letter-spacing: 1px; margin: 0px; color: #1a1a1a; text-align: justify; padding-bottom: 10px;}
h3 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 18px; letter-spacing: 1px; margin: 0px; color: #1a2d4e; text-align: justify; padding-bottom: 10px;}

.logoimg { max-width:100%; min-width: 210px; height:auto;}

/* Whatsapp ****************************/


.whatsapp-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background-color: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease;
}

.whatsapp-button:hover {
  transform: scale(1.1);
}

.whatsapp-button img {
  width: 30px;
  height: 30px;
}

/* Migra Form ****************************/


.migra0 {width: 100%; }
.migra1 {float: left; width: 50%; padding: 20px 15px 0px 25px; text-align: justify;}
.migra2 {float: left; width: 50%; padding: 20px 25px 20px 15px; }
.migra2 h4 { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px; letter-spacing: 1px; margin: 0px; color: #1a2d4e; text-align: center; padding-bottom: 10px; }

/* Carrusel Estatua ****************************/

.carrusel {position: relative; width: 100%; max-width: 820px; height: 500px; margin: auto; overflow: hidden;}
.slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; z-index: 0;}
.slide img { width: 820px; height: 500px; object-fit: cover; }
.slide.active {opacity: 1; z-index: 1; }
.overlay { position: absolute; top: 0; right: 0; margin: 0px; max-width: 820px;  z-index: 2; padding-top:15px; padding-right: 30px;}

/* Captcha Estatua ****************************/

.recaptchaflot {width: 304px; float: right; margin-right: 20px; padding-top: 20px; }

/* Diseño Index 2.0 ****************************/
.colestatua1 {display: table-cell; width: 60%;}
.colestatua2 {display: table-cell; width: 40%;}
.colselect1 {text-align: left;}
.colselect2ccost {text-align: right; padding-top: 20px; font-family: 'Helvetica Neue', sans-serif; font-size: 11px; color:#4d4d4d;}
.colindexnum {display: table-cell; width: 50px; vertical-align: middle; text-align: center; font-family: 'Helvetica Neue', sans-serif; font-weight: bold; font-size: 24px; color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
.colindextext {display: table-cell; vertical-align: middle; text-align: justify; color: #808080; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; padding-right: 12px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; }
.colindextext h3 {text-align: justify; padding: 0px; margin: 0px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; }
.imgindexicon { max-width:100%;  height:auto;}


/* Asesores Online ****************************/
  .check-circulo {width: 21px; height: 21px; animation: parpadeo 1s infinite; }
  @keyframes parpadeo {
	0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
  }

/* Generales Diseño ****************************/

.contenedor { background-color: #FFFFFF; max-width:820px;  margin: 0 auto; overflow: hidden; }
.contenedor3 { background-color: #FFFFFF; max-width:820px;  margin: 0 auto; overflow: hidden; }
.contenedor3 h2 {vertical-align: middle; text-align: center; color: #1a2d4e; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 22px; letter-spacing: 2px; font-weight: bold; padding: 0px; margin: 20px 0px 10px 0px; }
.contenedor3 img {vertical-align: middle;}

.contenedorazul { background-color: #bdcfe4; max-width:820px;  margin: 0 auto; }
.barramenu { background-color:#1a2d4e;  width: 100%; color: #FFFFFF; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px; letter-spacing: 1px; overflow: hidden; padding: 8px;}
.barramenu img { vertical-align: middle; margin-right: 6px;}
.img { max-width:100%;  height:auto;}
.flotarizq {float: left; text-align: left; }
.flotarder {float: right; text-align: right; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 12px; font-weight: normal; }
.flotarder img {vertical-align: middle; margin-right: 7px;}
.flotardertel {display:contents;}
.line {width: 100%; text-align: center;  line-height:0; }

/* Footer Diseño ****************************/

.footergen { background-color: #FFFFFF; max-width:820px;  margin: 0 auto; background-image:url("imgs/footer_fondo.jpg"); background-repeat: repeat-x; background-position: top; padding: 0px 0px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; overflow: hidden; }
.privacidad { max-width:820px;  margin: 0 auto; padding: 15px 0px; border-top: 1px solid #bfbfbf; overflow: hidden; text-align: center; color:#8A8A8A; font-size: 11px;}
.privacidad2 { max-width:820px;  margin: 0 auto; padding: 15px 20px; overflow: hidden; text-align: center; color:#8A8A8A; font-size: 11px;}

.footer1 {float: left; width: 50%;  padding: 10px 10px 15px 15px; box-sizing: border-box; }
.footer2 {float: left; width: 50%;  padding: 10px 15px 15px 10px; box-sizing: border-box; }
.footerlinetextjust {}

.tablagen {display: table;}
.tablagenc {display: table; margin: 0 auto; width: 90%}
.fila {display: table-row;}
.colnormal {display: table-cell; vertical-align: top; text-align: justify; letter-spacing: 1px;}
.colnormal h3 { font-family: 'Helvetica Neue', sans-serif; font-size: 11px; text-align: justify; color:#3f5882; font-weight: bold; padding: 0px; margin: 0px; }
.colnormalright10 {display: table-cell; padding-right: 15px; vertical-align: middle;}
.colicon{display: table-cell;  padding:0px 10px 0px 0px; vertical-align: middle;}
.coltext{display: table-cell;  padding:0px 0px 0px 0px; color: #1a2d4e; vertical-align: middle;}
.coltextnegro {display: table-cell; color: #000000; text-align:right; width: 35%; vertical-align: middle;} 
.coltextnegrob {display: table-cell; width:65%; padding: 5px; }

/* Index Diseño ****************************/

.sendconfirm { padding-top: 15px; text-align: center;}

/* Textos Diseño ****************************/
.text2 {width: 100%; padding: 25px; box-sizing: border-box; overflow: hidden; }
.text2 h2 {vertical-align: middle; text-align: center; color: #1a2d4e; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 22px; letter-spacing: 2px; font-weight: bold; padding: 0px; margin: 20px 0px 10px 0px; }
.text2 img {vertical-align: middle;}

.text3 {width: 100%; padding: 20px;  font-family: 'Helvetica Neue', sans-serif; font-size: 12px; text-align: justify; color: #4d4d4d; }
.text3 h2 {padding: 0px; margin: 0px;  font-family: 'Helvetica Neue', sans-serif; font-size: 13px; font-weight: bold; text-align: justify; color: #4d4d4d; }
.text4 {width: 100%; padding: 15px;  font-family: 'Helvetica Neue', sans-serif; font-size: 11px; text-align: justify; color:#3f5882; }
.textaviso {background: url("imgs/fondo_aviso.jpg"); background-position: top; color: #808080;  }
.textasesores {font-family: 'Helvetica Neue', sans-serif; font-size: 13px; text-align: justify; font-weight: bold; color:#108c00; letter-spacing: 1px; }
.textasesores img { vertical-align: middle; margin-right: 6px;}
.rojo {color: #dc190e;}

/* Forms Diseño ****************************/

.cuadro {border: #aaaaaa 1px solid; font-family: Arial, sans-serif;  font-size: 12px; color:#666; background-color: #fff; padding:2px; width: 100%; }
.botoncorrecto {background-image: url("imgs/i_enviar.png"); background-color: #2ba54a; border:1px solid #0c7f00; background-repeat: no-repeat; background-position: 6px 6px; padding: 10px 10px 10px 38px;  color: #FFFFFF; letter-spacing:1px; font-weight: bold; font-family: 'Helvetica Neue', sans-serif; cursor:pointer; }
.botonpasaporte {background-image: url("imgs/i_pasaporte.png"); background-color: #2ba54a; border:1px solid #0c7f00; background-repeat: no-repeat; background-position: 6px 6px; padding: 10px 10px 10px 38px;  color: #FFFFFF; letter-spacing:1px; font-weight: bold; font-family: 'Helvetica Neue', sans-serif; cursor:pointer; }
.botonvolver {background-image: url("imgs/i_volver.png"); background-color: #b2b2b2; border:1px solid #9c9c9c; background-repeat: no-repeat; background-position: 6px 6px; padding: 10px 10px 10px 38px;  color: #FFFFFF; letter-spacing:1px; font-weight: bold; font-family: 'Helvetica Neue', sans-serif; cursor:pointer; }


/* Responsive Diseño ****************************/
@media screen and (min-width : 550px) and (max-width : 735px) {
.migra1 {width: 100%; padding-left: 25px; padding-right: 25px; text-align: justify;}
.migra2 {width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; text-align: justify;}
.textasesores { text-align: center;}
.slide {left: -15%;}
.flotardertel {display: none;}
.colestatua1 {display: table-cell; width: 40%;}
.colestatua2 {display: table-cell; width: 60%;}
.text3 {font-size: 11px;}
.privacidad {text-align: center;}
.footer1 {width: 100%; }
.footer2 {width: 100%; padding-top: 0px; }
.footerlinetextjust {padding-top: 15px; border-top: 1px solid #adadad; }
}
@media screen and (min-width : 450px) and (max-width : 550px) {
.migra1 {width: 100%; padding-left: 25px; padding-right: 25px; text-align: justify;}
.migra2 {width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; text-align: justify;}
.textasesores { text-align: center;}
.slide {left: -25%;}
.flotarder {display: none;}
.colestatua1 {display: table-cell; width: 40%;}
.colestatua2 {display: table-cell; width: 60%;}
.colindextext {font-size: 11px; padding-right: 0px;}
.imgindexicon { max-width:75%;  height:auto;}
.text3 {font-size: 11px;}
.text4 {font-size: 11px;}
.privacidad {text-align: center;}
.footer1 {width: 100%; }
.footer2 {width: 100%; padding-top: 0px; }
.footerlinetextjust {padding-top: 15px; border-top: 1px solid #adadad; }
.whatsapp-button {  width: 45px; height: 45px;}
}
@media screen and (max-width: 450px) {
.migra1 {width: 100%; padding-left: 25px; padding-right: 25px; text-align: justify;}
.migra2 {width: 100%; padding-left: 25px; padding-right: 25px; padding-top: 20px; text-align: justify;}
.textasesores { text-align: center;}
.slide {left: -20%;}
.colestatua1 {display: table-cell; width: 50%;}
.colestatua2 {display: table-cell; width: 50%;}
h1 {font-size: 18px;}
h2 {font-size: 12px;}
.colindextext {font-size: 11px; padding-right: 0px;}
.imgindexicon { max-width:80%;  height:auto;}
.text3 {font-size: 11px;}
.text4 {font-size: 11px;}
.barramenu {display: none;}
.privacidad {text-align: center; font-size: 10px;}
.privacidad2 {text-align: center; font-size: 10px;}
.footer1 {width: 100%; }
.footer2 {width: 100%; padding-top: 0px; }
.footerlinetextjust {padding-top: 15px; border-top: 1px solid #adadad; }
.whatsapp-button {  width: 45px; height: 45px;}
}