/**GENERAL***/

html a img{border:none;}
img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;width:100%;}
body{padding:0;margin:0px;font-family: 'Open Sans', sans-serif;font-weight:300; background-color:#FFF;text-align:justify;font-size:14px;overflow-x:hidden;width:100%
}
*{margin: 0;}
html, body {margin:0;padding:0;min-height:100%;height:100%;width:100%;}
h3{font-size:20px; color:#2071b7;}
.full{width:100%;display:block;overflow:hidden;}
.pag{width:90%;margin:0 auto;overflow:hidden;}
.btn{background:#330d20;color:#fff;text-align:center;display:block;width:200px;padding:10px 0;text-decoration: none;}
.btn:hover{background:#870800}
.izq{float:left;}
.der{float:right;}
.sidebarpeq{width:35%}
.sidebargde{width:65%;}
.margen{margin-top:20px;margin-bottom:20px;}
.padd{padding:40px 0;}
.mitad{width:50%;}
.txtcentro{text-align: center;display: block;margin: 10px auto;}
.txtpeq{font-size:11px;}
.centro{margin:0 auto;display:block;}
.txtblanco{color:#FFF;}
.fa{font-size:22px !important;margin-top:-3px;}
.movil{display:none;}
.web{display:block;}
.img_gral{max-width:100%;}
.fondopg{background:#000000cc;min-height:400px;}
.paddtop{padding-top:20px;}
.paddbottom{padding-top:20px;}
button{background: none !important;}
.noventa{width:90%;}
.blue{background-color:#2071b6;color:#FFF;display:block;position:absolute;    max-width: 450px;right: 0;}
.btngray{background:#ECECEC;color:#515151;display:block;width:90%;max-width:300px;margin:10px 0;text-align: center;padding:5px 0;}
.gray{background: linear-gradient(-180deg, #cbcbcb 45%, rgb(106, 106, 106) 30%);
}
.blueb{background-color:#2071b6;color:#FFF;display:block;}
.fondom{background:url('../img/im3.png');background-repeat:no-repeat;background-size:100%;min-height:370px;width:100%;color:#FFF;text-align: left;}

.fondocasos{background:url('../img/im4.png');background-repeat:no-repeat;background-size:100%;width:100%;color:#FFF;text-align: left;padding:90px 0;}

.tres{width:33.3%;margin:0 auto;floaT:left;text-align: center;}
.tres a{background:/*#ECECEC*/none;color:#515151;display:block;width:90%;max-width:300px;margin:10px 0;padding:5px 0;text-align:left;}
.tres h1{color:#000;}



/***HEADER***/
#divgral{width:100%;margin:0 auto;padding:5px 0;background:#fff;position:fixed;z-index:9999;}
#tophead{height:26px;background:none;width:100%;text-align: right;color:#666;}
#tophead a{color:#666;margin-right:7px;font-size:1.6em;}
#menutop{width:70%;float:left;color:#FFF;text-align: right;line-height:26px;}
.mtop{color:#FFF;background:#000;padding:3px 7px;}
.mtop:hover{background:#d6251d;}
#redes_soc .fa-facebook{background:#FFF/*#1071b7*/;padding:7px;margin:0;font-size:17px;border-radius:50%;    box-shadow: 0px 0px 2px 0px #323232;border:#323232 solid 1px;color:#323232;}
#redes_soc .fa-facebook:hover{background:#1071b7;color:#FFF;}
#redes_soc .fa-instagram{background:#FFF/*#e71e7a*/;padding:7px;margin:0;font-size:17px;border-radius:50%;border:#323232 solid 1px;color:#323232;    box-shadow: 0px 0px 2px 0px #323232;}
#redes_soc .fa-instagram:hover{background:#e71e7a;color:#FFF;}
#redes_soc .fa-twitter-square{background:#FFF/*#29a5db*/;padding:7px;margin:0;font-size:17px;border-radius:50%;    box-shadow: 0px 0px 2px 0px #323232;border:#323232 solid 1px;color:#323232;}
#redes_soc .fa-twitter-square:hover{background:#29a5db;color:#FFF;}
#redes_soc .fa-phone-volume{font-size:18px;}
#blanco{height:0px;}
#todo{width:100%;max-width:100%;margin:0 auto;min-height:69px;background:none;z-index:9999;}
#barra{background:none;width:100%;height:70px;padding:0px 0;}
#logo{width:20%;float:left;}
#logo img{display:block;margin:0px auto;/*width:142px;*/height:60px;}
#divm{width:77%;float:right;}
#cotiza{    background: #2172b8;
    width: 20%;
    float: right;
    max-height: 87px;
    padding: 20px 0;
    color: #FFF;
    text-align: centeR;
    font-size: 11px;}
  #cotiza b{font-size:19px;}
#redes_soc{width:14%;float:right;}
#redes_soc a{display: inline-block;float:right;margin:19px 5px;text-decoration: none;color:#fff;}
#redes_soc a:hover{color:#fff}
#barblock{width:100%;float:left;}
#divmenu{display:block;width:100%;min-height:30px;border:green solid 0px;float:right;margin-top:0px;}
#contenido{width:100%;margin:0 auto;max-width:100%;}
#general_info{width:100%;margin:0 auto;height:100%;}

.banner{width:100%;margin:0 auto;background-color:#000;float:left;}
.body_ban{width:100%;min-height:100px:color:#FFF}
.body_ban span{width:60%;display:block;border:red solid 1px;background:#610e124f;}
.gal{float:left;max-width:45%;height:374px;margin-right:2.5%;margin-left:2.5%;margin-top:20px;}
.body_ban img{width:100%;}

.seis{width:16.5%;float:left;min-height:275px;text-align:center;overflow:hidden;}
.seis img{display:block;margin:0px auto 10px;max-width:100%;}


.banf{min-height:500px;width:100%;
  background: linear-gradient(-180deg, #000 99%, #3a3a3a 1%);
  overflow-x:hidden;
}
.banf img{width:100%}
.banf span{width:350px;height:200px;position:absolute;top:150px;left:50px;color:#FFF;}
.banf span a{display:block;background:#2071b6;color:#FFF;text-align: center;padding:10px 0;margin:20px 0;font-size: 1.3em;}
.banf span b{font-size:34px;}

/**menumovil**/
#menumovil{float:left;display:none;color:#fff;margin:5px;font-size:0;text-decoration:none;}
  a{color:#515151;text-decoration:none;}


/***CONTENT***/
/***FOOTER***/
footer{float:left;width:100%;overflow:hidden;min-height:130px;background-color:#000;padding:40px 0;color:#FFF;}
footer a{color:#fff;}
.footmenu{width:12%;float:left;}
.footmenu a{text-align:left;font-size:11px;width:100%;display:block;}
.footmenu_promo{width:20%;float:right;text-align:center;}
.footmenu_promo i{font-size:28px;margin-right:7px;}
.footmenu_promo img{display:block;margin:9px auto;}

#smfooter a{text-decoration:none;color:#FFF;}
#smfooter .fa{margin-right:5px;}

.footer{color:#1e6d94;;font-size:11px;}
.seccionesfooter{width:11%;float:left;margin-left:1%;color:#ecd0e0;font-size:13px;height:270px;text-align:left;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:11px;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;}
/***RESPONSIVE***/



#inicio{height:79px;}
#RS{width:40px;position:fixed;top:150px;right:0;z-index:99999;displaY:block;}
#RS a{color:#FFF;font-size:35px;display:block;width:100%;floaT:lefT;margin:0 auto;text-align: center;}


/**modal**/
.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0;
}
.w3-btn, .w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px;
}
.w3-container .w3-container{
    padding: 50px 16px;
}
.w3-modal {
    z-index: 999999;
    display: none;
    padding-top: 10px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.w3-container input{width:400px;margin:10px auto;display:block;height:30px;font-size:1.5em;}
.w3-container .btnfrm{background:#2071b6;color:#FFF;width:200px;margin:20px auto;font-size:1em;height: 30px;line-height: 30px;}
/**modal**/



@media only screen and (max-width : 4000px) {
html,body{font-size:1.3em}
.sm-blue a{ font-size: .8em !important;}
.pag{max-width:2500px;margin:0 auto;}
.banf span {width: 660px;}
.banf span b{font-size:2em;}
.btngray{max-width:1000px;width:100%;}
.blue{margin-top:127px;max-width: 1200px;}
.imgo{width:90% !important;max-width:90% !important;}
.fondom{min-height:785px;}
.tres a{max-width:500px;}
.fondocasos{min-height:500px;}
#divm{width:77%;}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding:26px 25px !important;
  }
}

@media only screen and (max-width : 2000px) {
html,body{font-size:1em}
.sm-blue a{1em;}
.banf span {width:414px;}
.banf span b{font-size:2em;}
.btngray{max-width:633px;}
.blue{margin-top:127px;max-width: 900px;}
.imgo{width:90% !important;max-width:90% !important;}
.fondom{min-height:285px;}
.tres a{max-width:500px;}
.fondocasos{min-height:280px;}
#divm{width:77%;}

}
@media only screen and (max-width : 2000px) {
  #divm{width:77%;}
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
      padding:26px 9px !important;
    }
}
@media only screen and (max-width : 1227px) {
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding:24px 8px !important;
  }
}



@media only screen and (max-width : 785px) {
  #main-nav{display: none; position: fixed;top: 35px;left: 0;}
  #divgral{position:fixed;height:auto;z-index:99999;}
  #menumovil{display:block;}
  #blanco{height:10px;}
  #main-menu{background:#2071b7;}

  .w3-modal-content {width: 100%;}
  .w3-container input{width:90%;font-size:1em;}
  .w3-container .btnfrm{font-size:.9em;}
  #ubicacion .der{text-align:centeR !important;margin-top:30px;}
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
      padding:20px 8px !important;
    }

  }



@media only screen and (max-width : 785px) {
  #RS{display:none;}
  #main-menu li a {
    cursor: pointer;
    border-bottom: none !important;
  }
}


@media only screen and (max-width : 785px) {

.banf span{width:100%;max-width:65%;top:90px;font-size:10px;}
.banf span b{font-size:15px;}
.banf span a{padding:3px 0;margin:8px 0;font-size: 16px;width: 120px;}
.banf {min-height: auto;}

}


@media only screen and (max-width : 929px) {
 nav ul{display:block;height:auto;width:100%;}
#logo{width:100%;float:none;margin:0 auto;}
#logo img{display:block;margin:5px auto;width:120px;}
#divm{width:100%;float:none;margin:0 auto;}
#redes_soc{display:block;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#newsletter{display:inline-block;float:right;line-height: 37px;color:#9E8262;font-size:13px;font-weight:400;}
#divmenu{display:block;width:100%;height:auto;}
#contenido{width:100%;margin:0 auto;}
}

@media only screen and (max-width : 785px) {
  body{background-image: url(../img/fondo2.png);
    background-attachment: fixed;
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;}
    #inicio{display:none;}
    #divmenu{background:#2071b7;position:fixed;top: 0;}
    #barra{background:#000;width:100%;height:47px;padding:15px 0;}
    #contenido{min-width:100%;margin:0 auto;}
    #divgral{position:relative;margin-bottom:0px;}
    #logo img{max-height:57px;width:auto;}
    #redes_soc{display:none;width:100%;height:37px;border:green solid 0px;}
    #redes_soc img{display: inline-block;float:right;margin:4px 3px;}
    #submenus a{width:30%;margin-top:5px}

.blue{position:relative;max-width:100%;}

    .seis { width: 50%;}
    .fondom {
    background: url(../img/im3.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    min-height: 370px;
    width: 100%;
    color: #FFF;
    text-align: left;
    background-position: right;}
    .fondocasos {
    background: url(../img/im4.png);
    background-repeat: no-repeat;
    background-size:cover;
    min-height: 370px;
    width: 100%;
    color: #FFF;
    text-align: left;
    background-position:center;}


    .footmenu{width:50%;float:left;text-align:center;height:170px;}
    .footmenu a{text-align:center;font-size:11px;width:100%;display:block;}
    .footmenu_promo{width:100%;float:left;text-align:center;margin:30px auto;}
}
@media only screen and (max-width : 700px) {
  .tres {
    width: 100%;
  }
  #cotiza{width:100%;font-size:13px}

  #beneficios{text-align: center;height:auto;}
  #arrendamiento{text-align: center;height:auto;}

  #beneficios h3{    font-size: 35px;}
  #arrendamiento h3{    font-size: 25px;}

#arrendamiento td{
  width: 100%;
display: block;
floaT: lefT;
}

    #blanco{height:0px;}
    .divpeq {
    width: 95%;
    margin: 10px auto;
    padding: 20px 0 !important;
    min-height: 203px;
    background: #fff;
    color: #515151;
    overflow: hidden;
    height: auto;
    }
    h2{text-align:center;color:#000;font-size:28px;}
    .izq{float:none;}
    .der{float:none;}
    .sidebarpeq{width:95% !important;margin:0 auto;border:none !important;}
    .sidebargde{width:95%;margin:0 auto;}
    .txtdiv{width:95% !important;margin:10px auto;display:block;overflow:hidden;}
    .txtdivpeq{width:70%;margin:10% auto;display:block;overflow:hidden;}
    .txtgral{font-size:13px;color:#515151}
    .margen{margin-top:20px;margin-bottom:20px;}
    .padd{padding:40px 0;}
    .mitad{width:100%;}
    .txtcentro{text-align: center;display: block;margin: 10px auto;}
    .banner{width:100%;margin:0 auto 0;border:#202686 solid 0px;}
    .body_ban{width:100%;min-height:300px}
    .body_ban img{width:100%;}
    .sidebarpeq img{display:block;margin:0 auto; width: 95px;}
    footer{float:left;width:100%;overflow:hidden;min-height:300px;padding:40px 0;}
    #footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
    #footercentro .sidebargde{width:63%;color:#fff;font-size:11px;}
    #footercentro .sidebarpeq img{display:block;margin:0 auto;width: 95px;}
    #ftm{display:none;}
    .icon{margin-top:34px;margin-left:0;margin-right:17px;}
    .txtgris{font-size:15px;color:#999;}
    .cuatro{width:40%;}
    .txtl{text-align: center;}
    .txtr{text-align: center;}

}

/*@media only screen and (max-width : 600px) {
    .body_ban{min-height: 120px;}
}*/