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



@font-face {
    font-family: 'jocelynbold';
    src: url('../fonts/jocelyn-bold-webfont.eot');
    src: url('../fonts/jocelyn-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/jocelyn-bold-webfont.woff2') format('woff2'),
        url('../fonts/jocelyn-bold-webfont.woff') format('woff'),
        url('../fonts/jocelyn-bold-webfont.ttf') format('truetype'),
        url('../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;}
header{position:fixed; width: 100%; display:block; height: 60px; background:#fff; z-index: 2;}
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: 268px; display:block; height: 60px; text-decoration: none;}
header .logo img{display:block; display:block; width: 100%; height: auto; border:0;}

header .logo.home{display:none!important;}
.row2{display:table; width:100%;}
.row3{display:table; width:100%; margin-top:0.5em;}
section.home{ width: 100%;
              background-position:center 24px;
              background-repeat:no-repeat;
              /*background-attachment:fixed;*/
              background-size:cover;
              overflow:hidden;
              background-image: url('../img/home.jpg');
              background-size:cover;
              height: 500px; position:relative;
}
section.slideContacto{background-image: url('../img/bg2.jpg?20150717');}
section.slideServicios{background-image: url('../img/bg6.jpg?20150717');background-position:center 50px;}
section.slideEmpresa{background-image: url('../img/empresa.jpg?20150717');background-position:center 50px;}
section.slideIntegrantes{background-image: url('../img/integrantes.jpg?20150717');background-position:center;}
section.slideTarjeta{background-image: url('../img/tarjeta.jpg?20150717');background-position:center 50px;}
section.slideAdyuda{background-image: url('../img/bg3.jpg?20150717');background-position:center 50px;}

section.slideSeguridad{background-image: url('../img/bg.jpg?20150717');background-position:center 50px;}
section.slideCajeros{background-image: none;}
section.home .contenidoWrapper{ 
    display:block;
    overflow-x:hidden; overflow-y:auto; width: 100%; height: 100%;
}
section.home .contenidoWrapper .contenido{ 
    margin:60px auto 0px;/* height: 600px;*/ width: 100%; max-width: 1200px;
}
section.home .contenidoWrapper .contenido2{
    margin:60px auto 0px;width: 100%; height:440px;
}
section.wBanner{
    background:#fff;
}
section.wBanner .contenidoWrapper2{
    width:100%; max-width: 1200px; margin:0 auto; padding:40px 0; display:table;
}

section.wBanner .contenidoWrapper2 .homeInfo{ width:21%; float:left; display:block; border:none; text-decoration: none; }
section.wBanner .contenidoWrapper2 .homeInfo.lft{ margin: 0 0 0 9%;}
section.wBanner .contenidoWrapper2 .homeInfo.rgt{ margin: 0 9% 0 0;}
section.wBanner .contenidoWrapper2 .homeInfo.mdd{ margin: 0 9%;}
section.wBanner .contenidoWrapper2 .homeInfo img{ display:block; width:100%; height: auto;}

section .divSeparadorBtm{background:rgba(0,0,0,0.3); height: 20px; width: 100%; display:block; position:absolute; bottom:0;left:0;}
section .divSeparadorTop{background:rgba(0,0,0,0.3); height: 20px; width: 100%; display:block; position:absolute; top:0;left:0;}

.btn{background: #333;color:#fff; padding: 0px 20px; line-height: 40px; border-radius: 4px; cursor:pointer;}
.btn:hover{background:#222;}
/*homeBtn*/

section.home.homeBtm{ background-image: url('../img/bg2.jpg'); }


section.home.homeBtm .contenidoWrapper .contenido{ 
    margin-top:0px; width: 100%;
}

section.footerBar{
    background:#a6ce39; width:100%; height: 66px; display:block;
}
section.wBanner .contenidoWrapper2{
    width:100%; max-width: 1200px; margin:0 auto; padding:40px 0; display:table;
}
section.wBanner .contenidoWrapper3,
section.wBanner .contenidoWrapper4{
    width:100%; max-width: 1200px; margin:0 auto; padding:20px 20px; display:table;
}
section.wBanner .contenidoWrapper4 h3{ margin-top:1em; line-height: 40px; font-size:1.2em;}

.tituloSlide{ padding-top:1em; font-family: 'open_sanslight'; font-weight: lighter; color:#fff; margin:0 0 0 2em;}
.tituloSlide b{ font-size:4em; font-family: 'open_sansregular'; font-weight:bold; color:#a6ce39;}
.tituloSlide span{ font-size:4em; }
.tituloSlide .subtitulo{ font-size:2em;}
.tituloSlide2{ 
    //text-shadow: 1px 1px 0px rgba(0,0,0,0.3); 
    text-shadow: 2px 2px 0px rgba(0,0,0,0.5); 
}
.tituloHome{
/*background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
display: table;
padding: 1em 2em;
border-radius: 0.4em;
margin-top: 7em;*/

}

/*footer*/

footer{
    background:#333; padding:20px 0; /*min-height: 300px;*/ color:#fff;
}

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

/*
footer .footerWrapper .infoL,
footer .footerWrapper .infoM{display:none;}
footer .footerWrapper .infoR{width:100%; padding:0 0 0 2em; display:block; margin-bottom:1em;}
footer .footerWrapper h4{font-size:1.4em; margin-bottom:1em;}

footer .footerWrapper .info{list-style: none;}
footer .footerWrapper .info2{list-style: none;}
footer .footerWrapper .info li{ background:url('../img/footerIcons.png') no-repeat 0 -257px; padding-left:34px;}
footer .footerWrapper .info2 li{ background:url('../img/footerIcons.png') no-repeat 0 0; padding-left:34px;}
footer .footerWrapper .info2 li b{ font-family:"open_sansregular";}
footer .footerWrapper a{ color:#fff; text-decoration: none;}
footer .footerWrapper .info2 li.tel{background-position: 0 -74px;}
footer .footerWrapper .info2 li.email{background-position: 0 -172px;}

footer .footerWrapper li{ margin-bottom:1em;  margin-bottom:1em; font-family:"open_sanslight";}
footer .footerWrapper li b{ font-family:"open_sansregular";}
footer .footerWrapper .iconsFt{margin-left:2em;}
*/
/*wBanner*/
.tituloSeccion{font-family: "jocelynbold"; font-size:2.4em; color:#a6ce39; font-weight: lighter;}
.subtituloSeccion{ font-size:  1.2em; color:#666; padding:20px 0;}
.subtituloSeccion2{ font-size:  1.2em; color:#666; padding:0; margin-bottom:1em;}
.subtituloSeccion3{ padding:0.5em 0; }

.subtituloSeccion.iconoInfo{ padding-left:50px; background:url('../img/iconoInfo.png') no-repeat 0 17px;}
.infoSeccion{ width:100%; clear:both; display:table;}



/*controles cajeros*/
.controles{border-bottom: 1px solid #eee; background:#fff;}
.controles2{background:#f5f5f5;border-bottom: none;}



.infoCajero{ width:100%; background:#fff; position:absolute;
             bottom:0; left:0; display:none;}

.infoCajero .infoCajeroData{position:relative; width:100%; height: 100%; padding:20px 0 30px;font-size:1.4em;}
.infoCajero .infoCajeroData .infoCajeroX {position:absolute; top:0; right: 0px; width: 40px;
                                          height: 40px; cursor:pointer; background:url('../img/cerrarBtn.png') no-repeat center;}

.infoCajero .infoCajeroTxt{ margin:0 auto; max-width: 1200px; width: 100%; display:table; padding:0 20px;}
.infoCajero .infoCajeroTxt h2, .infoCajero .infoCajeroTxt div{ float:left; margin-right: 0.4em;}

.infoCajero.loading{ background:#fff url('../img/loading.gif') no-repeat center; height: 100px;}
.infoCajero.loading .infoCajeroData{ display:none; }

.infoSeccion2{padding:20px;}
.infoSeccion2 .tituloInfo{ line-height: 30px; height: 30px; font-size:1.2em; }
.infoSeccion2 .itemInfo{ padding-left:30px; background:url('../img/item.png') no-repeat left center; margin-bottom:0.5em;}

/* contacto */
.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;}

/*integrantes*/
.bLogo{float:left; margin:0.5em 2.2em; display:block; text-decoration: none; border:none;}
.bLogo img{width:100%; height: auto; display:block; border:none;}

header nav#menu{display:none;}
header #mostrarMenu{ display:block; width:60px; height: 60px; position:absolute; cursor:pointer;
                     top:0px; right: 0px; background:url('../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;}

.controles .controlesWrapper{ margin:0 auto; max-width: 1500px; width:100%; display:table; height: 60px;}
.controles .controlesReferencia{ margin:0.4em auto 0; max-width: 1200px; width:100%; display:table; padding:0 20px; height: 40px;}
.controles .controlesReferencia .refCol{ float:left;line-height: 26px; height: 26px; margin-right:1.6em;}
.controles .controlesReferencia .refCol img{ float:left; margin-right:0.4em;display:block; height: auto; width:26px;}



.controles .controlesWrapper label, 
.controles .controlesWrapper select, 
.controles .controlesWrapper .btn{margin-top:10px; height: 40px; line-height: 40px; font-family:"open_sansregular";}


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




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

@media all and (max-width:500px) {
    section.slideCajeros{height: 300px;}
    footer .footerWrapper .info2 li.logos img{width:100%; display:block;}

}
@media all and (min-width:699px) {
    section.slideCajeros{height: 500px;}
    
}



@media all and (max-width: 699px) {
    .controles .controlesWrapper{ padding:0 20px 0.5em;}
    .controlesWrapper label{float:left; width: 40%; font-size:1.3em;}
    .controlesWrapper select{width: 54%; float:right; margin-right: 0!important;font-size:1.3em;}
    .controlesWrapper #btnBuscar{float:right; clear:both;}
    .controlesWrapper{ padding-bottom:0.5em;}


    .controles.controles2 .btn{float:right; clear:both; margin-top:1em;}

    .infoSeccion h3{ margin-bottom:0.5em;}
    .infoSeccion .infoSeccionRow{ float:left; width:100%; padding:0.5em; display:table; padding:1.4em 0; text-align: justify; border-bottom:1px solid #eee;}
    .infoSeccion .infoSeccionRow.infoB{ display:none;}

    .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;}
    /*.infoSeccion .infoSeccionRow.infoR .infoThumb{float:right; margin-left: 1em; margin-right: 0;}*/
    .controles .controlesReferencia .refCol{ float:none; margin-right:0; margin-bottom:0.6em;}

}



@media all and (min-width: 700px) {
    nav#menuMob{ top:60px; right: 0; width:auto; 
                 height: auto; max-height: 100%; overflow:scroll; padding:0 20px;}


    .controles .controlesWrapper{ padding:0 20px;}
    .controles .controlesWrapper label{ }
    .controles .controlesWrapper label, .controles .controlesWrapper select, .controles .controlesWrapper .btn{ float:left; margin-right: 0.5em;  font-size:1.4em;}
    .controles .controlesWrapper select{ margin-right: 1em; }

    .controles .controlesWrapper select{width: 120px;}



    .infoSeccion h3{ margin-bottom:0.5em;}
    .infoSeccion .infoSeccionRow{ float:left; width:48%; padding:0.5em; display:table; padding: 1.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;}



}

@media all and (min-width: 994px) {

    header nav#menu{display:block;}
    header nav#menu{ position:absolute; right: 16px; top:0; height: 60px; width: 75%;}
    header nav#menu ul{ margin:0; padding:0; list-style: none; float:right;}
    header nav#menu ul li{ float:left; margin:0; line-height: 60px; height: 60px; padding:0;}
    header nav#menu ul li a{ line-height: 60px; display:block; color:#333; padding:0 20px; text-decoration: none;}
    header nav#menu ul li a:hover{background:#f5f5f5;}
    header #mostrarMenu{  display:none;  }
    nav#menuMob{  display:none;  }

    section.wBanner .contenidoWrapper2 .homeInfo{ width:19%; margin:0 10%;}
    section.wBanner .contenidoWrapper2 .homeInfo.lft{ margin: 0 0 0 10%;}
    section.wBanner .contenidoWrapper2 .homeInfo.rgt{ margin: 0 10% 0 0;}
    section.wBanner .contenidoWrapper2 .homeInfo.mdd{ margin: 0 11%;}

    /*
    footer .footerWrapper .infoL{float:left; width:33%; padding:0 0 0 2em; display:block;}
    footer .footerWrapper .infoM{float:left; width:33%; padding:0 0 0 2em;  display:block;}
    footer .footerWrapper .infoR{float:right; width:32%; padding:0 0 0 2em;
          border-left: 1px solid #8d8d8d; display:block; margin-bottom: 0;}
    
    */

    footer .footerWrapper .info2 {float:right;display:block;}

    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; }
    .controles .controlesWrapper select{width: 260px;}

}

@media all and (min-width: 1200px) {
    section.slideContacto {background-position:center top;}
    section.slideServicios{background-position:center 0px;}
    section.slideEmpresa{background-position:center 0px;}
    section.home{ height: 600px;}
    section.home .contenidoWrapper .contenido2{height: 540px;}

}