*{ -moz-box-sizing: border-box; box-sizing: border-box; }
@font-face {
    font-family: 'open_sansregular';
    src: url('../../commons/fonts/opensans-regular-webfont.eot');
    src: url('../../commons/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../commons/fonts/opensans-regular-webfont.woff') format('woff'),
        url('../../commons/fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../../commons/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../../commons/fonts/opensans-light-webfont.eot');
    src: url('../../commons/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../commons/fonts/opensans-light-webfont.woff') format('woff'),
        url('../../commons/fonts/opensans-light-webfont.ttf') format('truetype'),
        url('../../commons/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'jocelynbold';
    src: url('../../commons/fonts/jocelyn-bold-webfont.eot');
    src: url('../../commons/fonts/jocelyn-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../commons/fonts/jocelyn-bold-webfont.woff2') format('woff2'),
        url('../../commons/fonts/jocelyn-bold-webfont.woff') format('woff'),
        url('../../commons/fonts/jocelyn-bold-webfont.ttf') format('truetype'),
        url('../../commons/fonts/jocelyn-bold-webfont.svg#jocelynbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ margin:0; padding:0; font-family:'open_sansregular'; font-size:1em; background:#f5f5f5; color:#333; position:relative;}
body{

}
header{position:fixed; width: 100%; display:block; height: 60px; background:#A6CE39;  z-index: 9901;}
header.shadow{-webkit-box-shadow: 0 2px 4px 4px rgba(0,0,0,0.2);
              box-shadow: 0 2px 4px 4px rgba(0,0,0,0.2); }
header .logo{position:absolute; width: 334px; display:block; height: 60px; text-decoration: none;}
header .logo img{display:block; display:block; width: 100%; height: auto; border:0;}

/*section.home{position:absolute; top:0; left:0; width: 100%; height: 100%;}*/
section.bg{
    width: 100%; 
    height: 100%; 
    position:fixed; 
    top:0; 
    left: 0;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size:cover;
    overflow:hidden;
    background-image: url('../../commons/img/bg8.jpg');
    background-size:cover;
    z-index: -1;
}

header nav{ display:none;position:absolute; right: 16px; top:0; height: 60px; width: 75%;}
header nav ul{ margin:0; padding:0; list-style: none; float:right;}
header nav ul li{ float:left; margin:0; line-height: 60px; height: 60px; padding:0;}
header nav ul li a{ line-height: 60px; display:block; color:#fff; padding:0 20px; text-decoration: none; font-weight: normal;}
#btnIngresar{padding-left:50px; background:url('../img/loginIcon.png') no-repeat 16px center;}
#btnIngresar:hover{background-color:#95b934;}
header nav ul li a:hover{background-color:#95b934;}

#ingresarBox{position:fixed; display:none; top:58px; max-width: 384px; width:100%; /*background:#fff;*/ right: 0em;z-index: 2;}
#ingresarBox.ver{display:block;}
#ingresarBox .loginBox{ max-width: 384px; width: 100%; background:#fff; margin:0 auto;
                        padding:2em;border-radius: 0.4em;-webkit-box-shadow: 0 2px 4px 4px rgba(0,0,0,0.2);
                        box-shadow: 0 2px 4px 4px rgba(0,0,0,0.2);
}

#ingresarBox .loginBox .row{ margin-bottom:0.8em; }
#ingresarBox .loginBox h2{ font-size:1.55em; font-weight: normal; }
#ingresarBox .loginBox .sp{ border-bottom:1px solid #eee; width:100%;margin:0.8em 0;}
#ingresarBox .loginBox .rowInput{ width:100%; color:#666; border:1px solid #ccc; padding-left:40px; overflow:hidden;}
#ingresarBox .loginBox .rowInput input{ width:100%; color:#666; border:none;  font-size: 1.2em; line-height: 1.4em; height: 2em; background:#fff; font-family:'open_sanslight';}
#ingresarBox .loginBox .rowInput select{ width:100%; color:#666; border:none; font-size: 1.2em; line-height: 1.4em; height: 2em; background:#fff; font-family:'open_sanslight';}
#ingresarBox .loginBox .btn{ font-size:1.4em; padding: 0.2em 1em; background:#A6CE39; color:#fff; float:right; cursor:pointer; }
#ingresarBox .loginBox .infoLink a{ color:#A6CE39; text-decoration:none; font-weight: bold; }

#ingresarBox .loginBox .rowInput.inputDocTipo{ background:url('../../commons/img/loginIconos.png') no-repeat 4px 11px;}
#ingresarBox .loginBox .rowInput.inputDocNum{ background:url('../../commons/img/loginIconos.png') no-repeat 4px -43px;}
#ingresarBox .loginBox .rowInput.inputEPin{ background:url('../../commons/img/loginIconos.png') no-repeat 4px -95px;}

#ingresarBox .row{ width:100%; clear:both; display:table;}



footer{
    /*min-height: 300px;*/ color:#fff;
}

footer .footerWrapper{margin:0 auto; max-width: 1200px; display:table; width:100%; background:#333;}

section.footerBar{
    background:#a6ce39; width:100%; height: 20px; display:block;
}
.footerWrapper .info2{padding:20px 0;}

footer .footerWrapper .info2 {display:table; margin:0 auto;}

footer .footerWrapper .info2 li.tel,footer .footerWrapper .info2 li.email{ background:url('../img/footerIcons.png') no-repeat 0 -257px;
                                                                           padding:0 10px 0 34px; height: 42px; line-height: 42px; font-family:"open_sanslight";  font-size: 1.2em;}
footer .footerWrapper .info2 li.tel{background-position: 0 -66px; float:left;}
footer .footerWrapper .info2 li.email{background-position: 0 -164px; float:left;}
footer .footerWrapper .info2 li.logos{clear:both;}
footer .footerWrapper a{ color:#eee; text-decoration: none;}
footer .footerWrapper .info2 li.logos{clear:both;}

.imgHeader{width:100%; margin-bottom:1em;}
.imgHeader img{width:100%; height: auto; display:block;}
section.home{ z-index:2; max-width: 1200px; width: 100%; margin:0 auto;}
section.home .separador{ height: 80px; width:100%; display:block;  }
section.home .homeWrapper{ background:#fff; padding:1em; padding-bottom:3em;}
section.home .homeWrapper a{ color:#fff; text-decoration:none; font-weight: bold;}

.separador2{border-bottom:1px solid #eee; width:100%; margin:1em 0; display:table;}
section.home .row{ width:100%; clear:both; display:table; }
.tituloSeccion{ font-family: "jocelynbold"; font-size:2.4em; color:#a6ce39; font-weight: lighter;position:relative; }
.tituloSeccion2{ margin-bottom:0.5em;}
.subtituloSeccion{ font-size:1.4em; color:#666; margin:0.5em 0;}
.subtituloSeccion2{ margin-top:1.0em;}
.txt3{margin-bottom:0.5em; padding:0.4em; background:#f5f5f5; text-align: justify;}
.lista{margin-bottom:0.5em;}
.lista li{ background:url('../img/item.png') no-repeat left  4px; padding-left:30px; margin-bottom:0.5em; }
.lista h4{ margin-bottom:0.5em; }
.subLista li{ background:url('../img/item2.png') no-repeat left  4px; padding-left:30px; margin-bottom:0.5em; }


.tblPagos .rowTbl{ width:100%; display:table; border-bottom:1px solid #eee; padding:0.5em 0; font-size:0.8em;}
.tblPagos .rowTbl2{ background:#FFFDE7;}
.tblPagos .rowTbl3{ background:#FFF3E0;}
section.home .homeWrapper .tblPagos .rowTbl a{ font-weight: normal;}
/*.tblPagos .rowTbl .col0,*/.tblPagos .rowTbl .col1,.tblPagos .rowTbl .col2,.tblPagos .rowTbl .col3{ float:left; font-size:1.2em;}
/*.tblPagos .rowTbl .col0{ width:25%; text-align: center; color:#999; font-size:0.8em; line-height: 1.4em;}*/
.tblPagos .rowTbl .col1{ width:45%;}
.tblPagos .rowTbl .col2{ width:15%; text-align: center;}
.tblPagos .rowTbl .col3{ width:35%; color:#a6ce39;text-align: center;}
.tblPagos .tblTitulo{background:#a6ce39; color:#fff; line-height: 2em; text-indent: 1em;}
.tblPagos .rowSp{background:#f5f5f5; height: 1em;}

.item{padding:1em; border-bottom:1px solid  #eee; background: #fff url('../img/fqIcon.png') no-repeat 8px 10px; padding-left:60px; }
.tblPagos .item{background: #fff url('../img/plsIcon.png') no-repeat 8px 10px;}
.item:hover{ background-color:#f5f5f5;}


.item h3{margin:0; font-weight: normal; font-size:1em; cursor:pointer;}
.item .itemInfoTxt{display:none; padding: 0.5em; font-size:0.8em;}


.item.ver{ background-color:#fff;}
.item.ver .itemInfoTxt{ display:block; border-left:2px solid #a6ce39; margin:0.5em 0; padding:0.5em 0.5em  0.5em 1em;}
.item.ver h3{font-size:1.2em;}


/* contacto */
.infoSeccion .inforSeccionRow .ls1 li{text-align: left;}
.infoSeccion .infoContacto{ padding:1.4em 0; width:100%;}
.infoSeccion .infoContacto li{ background: url('../img/infoContacto.png') no-repeat left 0; font-size:1.4em; padding-left:80px; line-height: 58px; height: 58px; }
.infoSeccion .infoContacto li.telContacto{ background-position: left -82px; margin-bottom:1em;}
.infoSeccion .infoContacto li.emailContacto{ background-position: left 0px;}
.infoSeccion .infoContacto li.txtContacto{ background:0;  line-height: 1.400em; text-align:left;padding-left:0px; margin-top:1em; font-size:1.1em;}


.formContacto{ width:100%; }
.formContacto .row2{ margin-bottom:0.4em;}
.formContacto label{ width:100%; height: 30px; line-height: 30px; color:#666;}
.formContacto input{ width:100%; height: 40px; border:1px solid #ccc; line-height: 40px; font-family:"open_sansregular"; font-size:1.4em;}
.formContacto textarea{ width:100%; height: 100px; border:1px solid #ccc; font-family:"open_sansregular";   font-size:1.4em; resize: none;}
.formContacto #btnEnviarConsulta{ float:right;}
#loadContacto{height: 36px; line-height: 36px; width: 100%; color:#a6ce39;
              font-size:18px; text-align: center;}
#loadContacto.loading{ background:url('../img/load2.gif') no-repeat center; }

.row2 input.errorInput, .row2 textarea.errorInput{ border:1px solid #ff9090; background:#fff9f9;}
.row2 div.errorInput { border:1px solid #ff9090; background:#fff9f9;}


/*wrapper*/
section.layer{display:none; overflow-y:auto;width:100%; position:fixed; height: 100%; top:0; left:0; background:rgba(0,0,0,0.8); z-index: 9999;}
section.layer .videoWrapper{display:none; margin:0 auto; background:#fff; padding:1em; margin:0 auto; max-width: 1200px; width: 100%; position:relative; }
section.layer .olvidoEPin{display:none; margin:0 auto; background:#fff; padding:1em; margin:0 auto; max-width: 1200px; width: 100%; position:relative; }
/*section.videoPlayer .videoWrapper videoIntro{ width:100%;}
*/
.video-js {padding-top: 56.25%}
.vjs-fullscreen {padding-top: 0px}

.video-js .vjs-tech {
    height: auto !important;
    position: relative !important;
}
.verVideo{ color:#95b934; cursor:pointer;}
.olvidoEPin .row{width: 100%; display:table;}
.olvidoEPin .rowInput{ width:100%; float:left; max-width: 400px; color:#666; border:1px solid #ccc; padding-left:40px; margin-right:1em;}
.olvidoEPin .inputEmail{ width:100%; color:#666; border:none ;  font-size: 1.2em; line-height: 1.4em; height: 2em;
                         background:#fff; font-family:'open_sanslight';}
.olvidoEPin .rowInput.emailInput{  background:url('../../commons/img/loginIconos.png') no-repeat 4px -156px; }
.btn{ font-size:1.4em; padding: 0.2em 1em; background:#A6CE39; color:#fff; float:left; cursor:pointer; }
.olvidoEPin .infoTxt{ display:block; border-left:2px solid #a6ce39; margin:0.5em 0; padding:0.5em 0.5em  0.5em 1em;}
.btnCerrar{ position:absolute; right: 0; top:0; width:40px; height: 40px; cursor:pointer; background:url('../../commons/img/cerrarBtn.png') no-repeat center;}

header #mostrarMenu{ display:block; width:60px; height: 60px; position:absolute; cursor:pointer;
                     top:0px; right: 0px; background:url('../../commons/img/menuM.png') no-repeat center; }
nav#menuMob{ display:none; background:#fff; z-index:4; 
             position:fixed; top:60px; right: 0; width:100%; 
             height: 100%; overflow:scroll; }
nav#menuMob.activo ul{ float:none; height: 100%;  display:table; width:100%; margin-bottom: 60px;}
nav#menuMob.activo ul li{ float:none; border-bottom:1px solid #ccc; 
                          text-align:center; width:100%; }
nav#menuMob.activo ul li a{padding:0.5em 0; font-size:1.4em; display:block; 
                           color:#333; text-align: center;text-decoration: none; }

nav#menuMob.activo{display:block;}

.col29{ float:left; width:200px;}
.col29 img{ display: block; width: 199px; height: auto; float:right; max-width: 199px;}
.col70{ width:calc(100% - 240px); float:left; padding-left:1em; border-left:1px solid #eee;}
.col29 .sub500{display:none;}


.check{ padding-left:30px; font-size:18px; cursor:pointer; 
        -moz-user-select:none;user-select:none; 
        background:url('../../commons/img/checkBtns.png') no-repeat -20px -99px; color:#666; }
.check.checked{ background:url('../../commons/img/checkBtns.png') no-repeat -20px -18px; }


#logIn .loginBox{position:relative;}
#logIn.loadLogin .loadStatus{display:none;background:#fff url('../img/load2.gif') no-repeat center; 
           bottom:0; left:0; width:100%;position:absolute; height: 2em;}
#logIn.loadLogin .loadStatus{ display:block; }
#logIn.error .rowInput {border-color:#ff9090; }
@media all and (max-width:500px) {
    footer .footerWrapper .info2 li.logos img{width:100%; display:block;}
    .item{ padding-left:50px;}
    .tblPagos .rowTbl {font-size:1em;}
    .tblPagos .rowTbl .col0{ display:none;}
    .tblPagos .rowTbl .col1{ width:80%;}
    .tblPagos .rowTbl .col3{ width:100%;float:none; clear:both;}
    
    .olvidoEPin .emailInput{ width: 100%}
    .olvidoEPin .btn{float:right; margin-top:0.5em;}
    
    .col29{ float:none; width:100%; clear:both; display:table; margin-bottom:1em;}
    .col29 img{ display: block; width: 100px; height: auto; float:left; max-width: 100px;}
    .col70{ width:100%; float:none; border:none; padding-left:0em;}
    .col29 .sub500{display:block; float:left; border-left:1px solid #eee;padding-left:1em; width: calc(100% - 110px);}
    .sub600{ display:none;}
    
}


@media all and (min-width: 700px) {
    
    .infoSeccion .infoSeccionRow{ float:left; width:60%; display:table; padding: .4em 0; text-align: justify;}
    .infoSeccion .inforSeccionRow .ls1{text-align: left;}
    .infoSeccion .infoSeccionRow.infoB{ border-bottom:1px solid #eee; padding:0; display:block; height: 1px;}

    .infoSeccion .infoSeccionRow ul{ float:left; max-width: calc(68% - 1em);}
    .infoSeccion .infoSeccionRow ul li{color:#666; margin-bottom:0.4em;}

    .infoSeccion .infoSeccionRow.infoR{ float:right; clear:right;}
    .infoSeccion .infoThumb{float:left; width:30%; margin-right: 1em;}
    section.layer{z-index:9000;}
    section.layer .videoWrapper{ margin:80px auto 0;}
    section.layer .olvidoEPin{margin:80px auto 0; }

    
}


@media all and (min-width: 994px) {
    footer .footerWrapper .info2 {float:right;display:block; margin-right:1em;;}

    footer .footerWrapper .info2 li.tel,footer .footerWrapper .info2 li.email{ background:url('../img/footerIcons.png') no-repeat 0 -257px;
                                                                               padding:0 10px 0 34px; float:left;height: 42px; line-height: 42px; font-family:"open_sanslight";  font-size: 1.2em;}
    footer .footerWrapper .info2 li.email{margin:0 1.4em;}
    footer .footerWrapper .info2 li.tel{background-position: 0 -66px;}
    footer .footerWrapper .info2 li.email{background-position: 0 -164px;}
    footer .footerWrapper .info2 li.logos{float:left; clear:none;}
    footer .footerWrapper a{ color:#eee; text-decoration: none; }
    .tblPagos .rowTbl {font-size:1em;}
    .tblPagos .rowTbl .col0{ width:15%;}
    .tblPagos .rowTbl .col1{ width:45%;}
    section.layer{z-index:9000;}
    section.layer .videoWrapper{ margin:80px auto 0;}
    section.layer .olvidoEPin{margin:80px auto 0; }


}
@media all and (min-width: 1120px) {
    header nav{ display:block;}

    header #mostrarMenu{ display:none; }
    nav#menuMob{ display:none; }
    

}