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;
}

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;}

.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: Times, "Times New Roman", "serif"; font-size: 16px; font-weight: bold; letter-spacing: 0.5px; margin: 0px; color: #1a2d4e; text-align: justify; padding-bottom: 10px;}
h2 { font-family: Times, "Times New Roman", "serif"; font-size: 15px; font-weight: normal; letter-spacing: 0.3px; margin: 0px; color: #5e6177; text-align: justify; padding-bottom: 10px;}
h3 { font-family: Times, "Times New Roman", "serif"; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; margin: 0px; color:#161616; text-align: justify; margin-bottom: 2px; margin-top: 4px;}

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

.fondoestatua {background-image:url("imgs/fondo_estatua.jpg"); height: 460px; width: 100%; background-position: center; padding-top:55px; padding-right: 20px; }
.tablegen100 {display:table; width: 100%;}
.colestatua1 {display: table-cell; width: 50%;}
.colestatua2 {display: table-cell; width: 50%;}
.colselect1 {text-align: left;}
.colselect2b {text-align: right; padding-top: 10px;}
.colselect2 {text-align: right; padding-top: 20px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color:#1a2d4e;}
.colselect2c {text-align: right; padding-top: 20px; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color:#1a2d4e;}
.colselect2ccost {text-align: right; padding-top: 20px; font-family: 'Helvetica Neue', sans-serif; font-size: 11px; color:#4d4d4d;}
.imgverticalaling {vertical-align: middle; margin-right: 6px;}
.imgverticalaling2 {vertical-align: middle; margin-left: 6px; margin-right: 6px;}

.colindexespacio {padding-bottom: 12px;}
.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; }
.colindexnumb {display: table-cell; width: 50px; vertical-align: middle; text-align: center;  }
.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; }
.colindextextb {display: table-cell; vertical-align: middle; text-align: justify; color: #1a2d4e; padding-left: 15px; padding-top: 12px; padding-bottom: 12px; font-family: Times, "Times New Roman", "serif"; font-size: 24px; font-weight: bold; letter-spacing: 0.5px; }
.indextextsub {font-size: 13px; font-weight: bold; }
.imgindexicon { max-width:100%;  height:auto;}


.colgirl35 {display: table-cell; width: 35%; vertical-align: middle; text-align: center;  }
.colgirl50 {display: none; width: 100%; vertical-align: middle; text-align: center;  }
.colgirl30 {display: table-cell; width: 30%; vertical-align: middle; text-align: center; font-family: Times, "Times New Roman", "serif"; font-size: 22px; font-weight: bold; letter-spacing: 0.5px; color: #1a2d4e; padding: 15px; }

.colgirliconl {display: table-cell; width: 70px; padding-left: 10px; vertical-align: middle; padding-bottom: 15px;}
.colgirlicontextl {display: table-cell; vertical-align: middle; text-align: right; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color: #333333; padding-bottom: 15px; padding-left: 15px;}

.colgirliconr {display: table-cell; width: 70px; padding-right: 10px; vertical-align: middle; padding-bottom: 15px;}
.colgirlicontextr {display: table-cell; vertical-align: middle; text-align: left; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; color: #333333; padding-bottom: 15px; padding-right: 15px;}

.colgirltextsub {font-size: 13px; font-weight: bold; color:#1a2d4e; }



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

.contenedor { background-color: #FFFFFF; max-width:820px;  margin: 0 auto; }
.contenedor2 { background-color: #FFFFFF; max-width:820px;  margin: 0 auto; overflow: hidden; clear:both; display: inline-block;}
.contenedorazul { background-color: #bdcfe4; max-width:820px;  margin: 0 auto; }

.asesores24 {  display: none; }
.barramenu { background-color:#1a2d4e;  width: 100%; color: #FFFFFF; font-family: Times, "Times New Roman", "serif"; font-size: 16px; font-weight: bold; overflow: hidden; padding: 8px;}
.barramenu img { vertical-align: middle; margin-right: 6px;}
.menu { box-sizing: border-box; text-align: center; line-height:0;}
.visible { display: none;}
.visiblecel { display: none; }
.img { max-width:100%;  height:auto;}
.imgmenu {max-width:100%; height:auto; border: 0px; }
.flotarizq {float: left; text-align: left; }
.flotarder {float: right; text-align: right; font-family: 'Helvetica Neue', sans-serif; font-size: 12px; font-weight: normal; }
.flotarder img {vertical-align: middle; margin-right: 7px;}
.line {width: 100%; text-align: center;  line-height:0; }
.enpc {}
.encel {display: none;}
.ocultar {display: none;}

.mensajeerror {background-color: #af3e38; border: 1px solid #991a1a; color: #FFFFFF; padding: 15px; margin-bottom: 15px;}
.mensajebien {background-color: #2ba54a; border: 1px solid #0c7f00; color: #FFFFFF; padding: 15px; margin-bottom: 15px;}

.lineaerror {border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 20px;}
.imgiconian { max-width:100%;  height:auto;}

/* 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; }
.tarjetas { max-width:820px;  margin: 0 auto; text-align: center; padding: 15px; 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 0px; 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; }
.footerlinetext {color: #808080; padding-top: 15px; border-top: 1px solid #adadad; margin-top: 15px; font-size: 11px; text-align: justify;}
.footerlinetextjust {}

.tablagen {display: table;}
.tablagenc {display: table; margin: 0 auto; width: 90%}
.fila {display: table-row;}
.colasistencia {display: table-cell; vertical-align: top; text-align: justify; }
.colasistencia h1 {text-align: left; font-family: Times, "Times New Roman", "serif"; font-size: 22px; font-weight: bold; letter-spacing: 0.5px; color: #1a2d4e; padding-bottom: 15px;}
.colasistenciaright10 {display: table-cell; padding-left: 20px; padding-right: 20px; padding-bottom: 15px; vertical-align:bottom;}
.colnormal {display: table-cell; vertical-align: top; text-align: justify; letter-spacing: 1px;}
.colnormalright10 {display: table-cell; padding-right: 15px; vertical-align: middle;}
.colicon{display: table-cell;  padding:0px 10px 0px 0px; vertical-align: middle;}
.coliconmicro{display: table-cell;  padding:0px 7px 0px 0px; vertical-align: middle;}
.coltext{display: table-cell;  padding:0px 0px 0px 0px; color: #1a2d4e; vertical-align: middle;}
.coltextblue{display: table-cell;  padding:0px 0px 0px 0px; color: #1a2d4e; font-size: 11px;  vertical-align: middle;}
.coltext2{display: table-cell;  padding:0px 0px 0px 0px; color: #808080; vertical-align: middle; text-align: justify;}
.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 ****************************/

.cuadroimgindex {width: 100%; overflow: hidden; text-align: center;}
.cuadro0 {width: 100%; overflow: hidden;}
.cuadro0 img {vertical-align: middle; margin-right: 6px;}
.cuadro1 {float: left; width: 50%; padding: 0px 10px 0px 15px; box-sizing: border-box; }
.cuadro1b {margin: 0 auto; width: 50%; padding: 0px 10px 0px 15px; box-sizing: border-box; }
.cuadro2 {float: left; width: 50%; padding: 0px 15px 0px 10px; box-sizing: border-box; }
.cuadro2b {margin: 0 auto; width: 50%; padding: 0px 15px 0px 10px; box-sizing: border-box; }


.c001titulo {background-color: #1a2d4e; color: #FFFFFF; font-size: 16px; font-family: Times, "Times New Roman", "serif"; font-weight: bold; padding: 8px; border: 1px solid #091831; text-align: center; letter-spacing: 0.5px;}
.c002titulo {background-color: #a50003; color: #FFFFFF; font-size: 16px; font-family: Times, "Times New Roman", "serif"; font-weight: bold; padding: 8px; border: 1px solid #7b0002; text-align: center; letter-spacing: 0.5px;}
.c000texto {width: 100%; border-left: 1px solid #9d9c9c; border-right: 1px solid #9d9c9c; border-bottom: 1px solid #9d9c9c; background-color: #f5f5f5; letter-spacing: 0.2px; padding: 10px; }
.c000interno {width: 100%; letter-spacing:0.5px; padding-bottom: 10px; border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; text-align: justify; overflow: hidden; }
.c000internob {width: 100%;  overflow: hidden; font-size: 11px; text-align: right; color:#888888; }



/* Textos Diseño ****************************/

.text {width: 100%; padding: 15px; box-sizing: border-box; overflow: hidden; text-align: justify; }
.text0 {width: 100%; box-sizing: border-box; overflow: hidden; }
.text1 {width: 100%; background-color:#ebebeb;  }
.text2 {width: 100%; padding: 25px; box-sizing: border-box; overflow: hidden; }
.text3 {width: 100%; padding: 20px;  font-family: 'Helvetica Neue', sans-serif; font-size: 12px; text-align: justify; }
.text4 {width: 100%; padding: 15px;  font-family: 'Helvetica Neue', sans-serif; font-size: 11px; text-align: justify; color:#3f5882; }
.text5 {width: 100%; padding: 20px 0px 20px 20px;  font-family: 'Helvetica Neue', sans-serif; font-size: 12px; text-align: justify; color:#333333; }
.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;}
.span11 {font-size: 11px;}
.span11b {font-size: 11px;}
.spannotificar {color:#929292;}
.spanb8 {padding-bottom: 10px; margin-top: 0px; margin-bottom: 0px;}
.respuesta {color: #091831;}
.terminosbox {width: 100%; border: 1px solid #e1e1e1; background-color: #f5f5f5; letter-spacing: 0.2px; padding: 15px; text-align: center; }
.terminosboxalerta {width: 100%; background-color: #668db8; color: #ffffff; letter-spacing: 0.2px; padding: 15px; margin-top: 15px; margin-bottom: 15px; text-align: center; }
.terminosbox70 {width: 70%; border: 1px solid #e1e1e1; background-color: #f5f5f5; letter-spacing: 0.2px; padding: 15px; text-align: center; margin: 0 auto;}
.terminosboxr {width: 100%; background-color: #f5f5f5; letter-spacing: 0.2px; padding: 15px; text-align: center; }
.terminosboxtitulo {width: 100%; background-color: #5e7181; letter-spacing: 0.5px; padding: 15px; color: #FFFFFF; text-align: left; font-weight: bold;}
.terminosboxtitulob {width: 100%; background-color: #5e7181; letter-spacing: 0.5px; padding: 15px; color: #FFFFFF; text-align: left; font-weight: bold; margin-top: 15px;}
.terminostextarea {width: 100%; border: 1px solid #e1e1e1; background-color: #e5eef4; letter-spacing: 1px; padding: 10px; font-size: 11px; font-family: Times, "Times New Roman", "serif"; text-align: justify;}
.rojo {color: #dc190e;}
.tituloterminos {color: #000000; letter-spacing: 0.5px; font-size: 14px; font-weight: bold; width: 100%; overflow: hidden;}
.tituloterminos img {vertical-align: middle; margin-right: 8px;}
.tituloterminosb {color: #2ba54a; letter-spacing: 0.5px; font-size: 14px; font-weight: bold; width: 100%; overflow: hidden;}
.tituloterminosb img {vertical-align: middle; margin-right: 8px;}

/* 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%; }
.icheckbox {border: #aaaaaa 1px solid; font-family: Arial, sans-serif;  font-size: 14px; color:#666; background-color: #fff; padding:4px; height: 20px; width: 20px; cursor: pointer; }
.botonregistro {background-image: url("imgs/i_registro.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; }
.botoncorrecto {background-image: url("imgs/i_correcto.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; }
.botonpago {background-image: url("imgs/i_pago.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; }
.botonlogin {background-image: url("imgs/i_login.png"); background-color: #af3e38; border:1px solid #991a1a; 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; }
.botonloginbajo {background-image: url("imgs/i_login.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; }
.botonloginverde {background-image: url("imgs/i_login.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; }
.botonimprimir {background-image: url("imgs/i_imprimir.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; }

/* OpenPay ****************************/

.verde {color:#2ba54a; font-size: 13px; letter-spacing: 1px; font-weight: bold;}
.verdeg {color:#2ba54a; font-size: 18px; font-weight: bold; font-family: Arial Black, Arial;}

.codigobarrasref {color:#000; font-size: 17px; letter-spacing: 1px; font-weight: bold; font-family: Arial Black, Gotham, Helvetica Neue, Helvetica, sans-serif;}
.codigobarrasrefb {color:#8A8A8A; font-size: 17px; font-family: Arial Narrow, Gotham, Helvetica Neue, Helvetica, sans-serif; font-weight: bold;}

.codigobarrasrefc {color:#000; font-size: 15px; letter-spacing: 1px; font-weight: bold; font-family: Arial Narrow, Gotham, Helvetica Neue, Helvetica, sans-serif;}
.codigobarrasrefd {color:#000; font-size: 15px; font-family: Arial Narrow, Gotham, Helvetica Neue, Helvetica, sans-serif;}

.opcolrega {display: table-cell; width: 70%;  padding:0px 10px 0px 0px; vertical-align: top; text-align: left; color: #000;}
.opcolregb {display: table-cell; width: 30%; padding:0px 0px 0px 10px; vertical-align: top; text-align: right;}
.boxusersop {  }
.boxusersop2 { padding-top: 15px;  }
.botonop {margin: 0px; padding:5px; border: none; background-color: #FFFFFF; text-decoration: none; cursor:pointer; }
.botonop img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);-moz-opacity: 1;opacity: 1;}
.botonop:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.5;opacity: 0.5;}
.boxlusersop {border-bottom: 1px solid #5e7181; border-left: 1px solid #5e7181; border-right: 1px solid #5e7181; padding: 5px; width: 100%; }
.openpayinfo { display: table; width: 100%; margin: 25px 0px; padding: 15px 0px; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; font-size: 11px; }
.payuinfo { display: table; width: 100%; margin: 25px 0px 0px 0px; padding: 15px 0px 0px 0px;; border-top: 1px solid #d2d2d2; font-size: 11px; }
.coltextop2{display: table-cell;  padding:0px 0px 0px 0px; color: #808080; vertical-align: middle; text-align: justify;}
.coliconop {display: table-cell; width: 45px;  padding:0px 10px 0px 0px; vertical-align: middle;}
.byopenpay {padding: 0px 0px 10px 0px; text-align: right; }
.byopenpaypaynet {margin-right: 25px; }
.openpaystore {text-align: center; border-bottom: 1px solid #d2d2d2; padding: 15px;  margin: 15px 0px 15px 0px;}
.instruccionesop { text-align: justify; border-bottom: 1px solid #d2d2d2; padding: 0px 0px 15px 0px;}
.codigobarras { text-align: center; font-size: 11px; padding: 25px 0px 15px 0px; color: #808080; }
.tiendasconveniencia {text-align: center; border-top: 1px solid #d2d2d2; padding: 25px 0px 0px 0px;}

.numerosrefdiv {text-align: center; margin: 17px 0px;}
.numerosrefs {color:#000; font-size: 17px; font-family: Arial Narrow, Gotham, Helvetica Neue, Helvetica, sans-serif; font-weight: bold; padding: 4px; border: 1px solid #d2d2d2; border-radius: 4px; margin-left: 4px; }

/* Registro Diseño ****************************/

.pasos {width: 100%; text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 15px;}
.pasos img {max-width:100%;  height:auto;}
.lineaafter {width: 100%; text-align: left; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 15px;}
.pasosreloj {width: 100%; text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 15px;}
.pasosreloj img { vertical-align: middle; margin-right: 2px; margin-left: 2px;}
.pasoserror {width: 100%; text-align: center; border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 15px; color: #d61f34;}
.pasoserror img { vertical-align: middle; margin-right: 4px;}

.tablareg {display: table; width: 100%;}
.filareg {display: table-row;}

.colcita1 {display: table-cell; padding: 5px; vertical-align: center; text-align: center; border-bottom:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7; font-weight: bold; width: 25%;}
.colcita2 {display: table-cell; padding: 5px; vertical-align: center; text-align: center; border:1px solid #c7c7c7; font-weight: bold; width: 25%;}
.colcita3 {display: table-cell; padding: 5px; vertical-align: center; text-align: center; border-bottom:1px solid #c7c7c7; border-left:1px solid #c7c7c7; width: 25%;}
.colcita4 {display: table-cell; padding: 5px; vertical-align: center; text-align: center; border-bottom:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; width: 25%;}

.colrega {display: table-cell; width: 50%;  padding:0px 10px 0px 0px; vertical-align: top; }
.colregb {display: table-cell; width: 50%; padding:0px 0px 0px 10px; vertical-align: top; }


.colreg2a {display: table-cell; width: 40%;  padding:0px 10px 0px 0px; vertical-align: top; text-align: justify; }
.colreg2b {display: table-cell; width: 60%; padding:0px 0px 0px 10px; vertical-align: top; text-align: justify; letter-spacing: 0.5px; font-size: 11px; }
.colreg2bb {display: table-cell; width: 60%; padding:0px 0px 0px 10px; vertical-align: top; text-align: justify; }
.colreg2b img { float: left; margin-right: 15px; margin-bottom: 2px; }
.colreg2c {border-top:1px solid #d2d2d2; margin-top: 15px; border-bottom:1px solid #d2d2d2; margin-bottom: 15px; padding: 15px 0px; overflow: hidden; color: #d61f34;}
.colreg2c img { float: left; margin-right: 9px; margin-bottom: 2px; }
.colregadvertencia {padding-top: 15px; font-size: 11px; color: #a5a5a5;}

.filaint {display: table-row;}
.colinta {display: table-cell; width: 40%;  padding-right:5px; padding-bottom: 5px; vertical-align: middle; text-align: right; color: #000000; }
.colintb {display: table-cell; width: 60%; padding-bottom: 5px; vertical-align: middle; }
.colintbc {display: table-cell; width: 60%; padding-bottom: 5px; vertical-align: middle; text-align: left; font-size: 11px; }

.filainttext {width: 100%; text-align: right; padding-bottom: 6px; color: #9B9B9B; font-size: 11px;}
.filainttextb {width: 100%; text-align: right; padding-top: 6px; padding-bottom: 6px; color: #9B9B9B; font-size: 11px;}

.rt {display: table; width: 100%; }
.rr {display: table-row; text-align: justify;}
.ra {display: table-cell; width: 40%;  padding:3px; vertical-align: top; text-align: right;}
.rb {display: table-cell; width: 60%; padding:3px; vertical-align: top; text-align: left;}
.rc {display: table-cell; padding:3px; vertical-align: top; text-align: justify;}
.rd {display: table-cell; padding:3px; vertical-align: top; text-align: right;}
.rtext {width: 100%; text-align: right; padding-bottom: 4px; padding-top: 10px; color: #9B9B9B; font-size: 11px;}
.ree {padding-top: 0px;}


.tablater {display: table; width: 100%; border-top:1px solid #d2d2d2; margin-top: 15px;}
.coltera {display: table-cell; padding:15px 20px 0px 0px;  vertical-align: top; text-align: justify; font-size: 11px; }
.colterb {display: table-cell; padding:15px 0px 0px 0px;  vertical-align: top; }

.fechatabla {display: table; width: 100%;}
.fechafila {display: table-row;}
.fechacela {display: table-cell; width: 33%; padding-right: 6px; box-sizing: border-box;}
.fechacelb {display: table-cell; width: 33%; padding-right: 6px; padding-top: 6px; box-sizing: border-box;}
.fechacelc {display: table-cell; width: 33%; }
.fechaceld {display: table-cell; width: 33%; padding-top: 6px; box-sizing: border-box;}

/* Responsive Diseño ****************************/

.notificarline {border-bottom: 1px dashed #C7C7C7; padding: 0px 0px 10px 0px; margin-bottom: 15px; width: 100%; color: #000000; overflow: hidden;}
.notificara {float: left; width: 40%; padding-right: 3px; text-align: right;}
.notificarb {float: left; width: 60%; padding-left: 3px; text-align: left; }
.notificarref {width: 100%; font-size: 11px; padding-top: 10px; overflow: hidden; color:#7B7B7B;  }

/* Responsive Diseño ****************************/

@media screen and (min-width : 735px) and (max-width : 820px) {
	
}
@media screen and (min-width : 550px) and (max-width : 735px) {
.fondoestatua {background-position: 30% 0%;}
.colestatua1 {display: table-cell; width: 40%;}
.colestatua2 {display: table-cell; width: 60%;}
.text3 {font-size: 11px;}
.colgirl35 {display: none;   }
.colgirl30 {display: table-cell; width: 100%; font-size: 22px; padding: 12px; }
.colgirl50 {display: table-cell; }
.colgirltextsub {font-size: 12px; }
.colgirlicontextl {font-size: 12px;}
.colgirlicontextr {font-size: 12px;}
.colgirliconl {width: 70px; padding-right: 7px;}
.colgirliconr {width: 70px; padding-left: 7px;}
.colasistenciaright10 {display:none;}
.text5 {padding: 20px;}
.asesores24 { text-align: center; padding: 0px 20px 20px 20px; display:block ;}
.privacidad {text-align: center;}
.footer1 {width: 100%; }
.footer2 {width: 100%; padding-top: 0px; }
.footerlinetextjust {padding-top: 15px; border-top: 1px solid #adadad; }
.cuadro1 {width: 100%; padding: 15px; }
.cuadro1b {width: 100%; padding: 0px 15px 0px 15px; }
.cuadro2 {width: 100%; padding: 0px 15px 0px 15px; }
.cuadro2b {width: 100%; padding: 0px 15px 0px 15px; }
.filareg {display:table; width: 100%;}
.colrega {display:table; width: 90%; padding:0px 0px 10px 0px; }
.colregb {display:table; width: 90%; padding:0px 0px 10px 0px; }
.colreg2a {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colreg2b {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.colreg2bb {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.terminosbox70 {width: 100%;}
.rc {display: table-row; width: 100%; }
.rd {display: table-row; width: 100%;}
.ree {padding-top: 10px;}
}
@media screen and (min-width : 450px) and (max-width : 550px) {
.fondoestatua {background-position: 25% 0%; height: 490px;}
.flotarder {display: none;}
.colestatua1 {display: table-cell; width: 40%;}
.colestatua2 {display: table-cell; width: 60%;}
.indextextsub {font-size: 12px; }
.colindextext {font-size: 11px; padding-right: 0px;}
.colindextextb {font-size: 20px;}
.colindexespacio {padding-bottom: 10px;}
.imgindexicon { max-width:75%;  height:auto;}
.text3 {font-size: 11px;}
.text4 {font-size: 11px;}
.colgirl35 {display: none;   }
.colgirl30 {display: table-cell; width: 100%; font-size: 22px; padding: 12px; }
.colgirl50 {display: table-cell; }
.colgirltextsub {font-size: 12px; }
.colgirlicontextl {font-size: 12px;}
.colgirlicontextr {font-size: 12px;}
.colgirliconl {width: 60px; padding-right: 7px;}
.colgirliconr {width: 60px; padding-left: 7px;}
.colasistenciaright10 {display:none;}
.text5 {padding: 20px;}
.asesores24 { text-align: center; padding: 0px 20px 20px 20px; display:block ;}
.enpc { display: none;}
.encel {display: block;}
.privacidad {text-align: center;}
.footer1 {width: 100%; }
.footer2 {width: 100%; padding-top: 0px; }
.footerlinetextjust {padding-top: 15px; border-top: 1px solid #adadad; }
.cuadro1 {width: 100%; padding: 15px; }
.cuadro1b {width: 100%; padding: 0px 15px 0px 15px; }	
.cuadro2 {width: 100%; padding: 0px 15px 0px 15px; }
.cuadro2b {width: 100%; padding: 0px 15px 0px 15px; }
.filareg {display:table; width: 100%;}
.colrega {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colregb {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colreg2a {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colreg2b {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.colreg2bb {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.coltera {display: block; padding: 15px 0px 0px 0px; }
.colterb {display: block; text-align: right; }
.terminosbox70 {width: 100%;}
.rc {display: table-row; width: 100%; }
.rd {display: table-row; width: 100%;}
.ree {padding-top: 10px;}
.imgiconian { max-width:70PX;  height:auto;}
.opcolrega {display: table-cell; width: 80%;  padding:0px 10px 0px 0px; vertical-align: top; text-align: left; color: #000;}
.opcolregb {display: table-cell; width: 20%; padding:0px 0px 0px 10px; vertical-align: top; text-align: right;}
.numerosrefs {font-size: 15px; white-space: nowrap; border:none; margin-left: 0px;}
.codigobarrasrefb {font-size: 14px;}
}
@media screen and (max-width: 450px) {
.fondoestatua {background-position: 20% 0%; padding-top: 20px; height: 500px;}
.colestatua1 {display: table-cell; width: 30%;}
.colestatua2 {display: table-cell; width: 70%;}
.indextextsub {font-size: 12px; }
.colindextext {font-size: 11px; padding-right: 0px;}
.colindextextb {font-size: 18px;}
.colindexespacio {padding-bottom: 8px;}
.imgindexicon { max-width:70%;  height:auto;}
.text3 {font-size: 11px;}
.text4 {font-size: 11px;}
.colgirl35 {display: none;   }
.colgirl30 {display: table-cell; width: 100%; font-size: 22px; padding: 12px; }
.colgirl50 {display: table-cell; }
.colgirltextsub {font-size: 12px; }
.colgirlicontextl {font-size: 11px;}
.colgirlicontextr {font-size: 11px;}
.colgirliconl {width: 50px; padding-right: 7px;}
.colgirliconr {width: 50px; padding-left: 7px;}
.colasistenciaright10 {display:none;}
.text5 {padding: 20px; font-size: 11px;}
.asesores24 { text-align: center; padding: 0px 20px 20px 20px; display:block ;}
.enpc { display: none;}
.encel {display: block;}
.barramenu {display: none;}
.imgmenu {display: none;}
.tarjetas { width: 100%; }
.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; }
.footerlinetext {font-size: 10px;}
.visible {display: inline;}
.cuadro1 {width: 100%; padding: 15px; }
.cuadro1b {width: 100%; padding: 0px 15px 0px 15px; }	
.cuadro2 {width: 100%; padding: 0px 15px 0px 15px; }
.cuadro2b {width: 100%; padding: 0px 15px 0px 15px; }
.span11 {display: none;}
.filareg {display:table; width: 100%;}
.colrega {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colregb {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colreg2a {display:table; width: 100%; padding:0px 0px 10px 0px; }
.colreg2b {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.colreg2bb {display:table; width: 100%; padding:15px 0px 10px 0px; border-top:1px solid #d2d2d2; margin-top: 15px;}
.coltera {display: block; padding: 15px 0px 0px 0px; }
.colterb {display: block; text-align: right; }
.terminosbox70 {width: 100%;}
.rc {display: table-row; width: 100%; }
.rd {display: table-row; width: 100%;}
.ree {padding-top: 10px;}
.imgiconian { max-width:50PX;  height:auto;}
.opcolrega {display: table-cell; width: 80%;  padding:0px 10px 0px 0px; vertical-align: top; text-align: left; color: #000;}
.opcolregb {display: table-cell; width: 20%; padding:0px 0px 0px 10px; vertical-align: top; text-align: right;}
.numerosrefs {font-size: 14px; white-space: nowrap; border:none; margin-left: 0px;}
.codigobarrasrefb {font-size: 13px; }

}