.counts{
    background-image: url('../wp-content/themes/bepensa/assets/img/en-numeros.jpg');
    background-position: center;
    background-size: cover;
    margin-top: 5px;
  }
#overlayAlert{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0,0,0,0.5);

  z-index: 10000;

}

#overlayAlert .wrapperAlert{

  background-color: #F2F2F2;

  position: absolute;
  width: 734px;
  max-width: 90%;
  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%,-50%);

     -moz-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

       -o-transform: translate(-50%,-50%);

          transform: translate(-50%,-50%);

}

#overlayAlert .wrapperAlert .headerAlert{

  background-color: #f94e07;
  padding-left: 30px; padding-top: 15px; border-bottom: 1px solid #E03F00; height: 60px

}

#overlayAlert .wrapperAlert .headerAlert h2{

  color: #fff; margin: 0px; font-size: 20px; letter-spacing: 4px; font-weight: 300; padding-top: 4px; font-weight: 700; letter-spacing: 1px

}

#overlayAlert .wrapperAlert .headerAlert button{
  position: absolute;
  right: 0;
  top: 0;
  background:none;
  height:auto;
  width: auto;
  border:none;
  padding: 0px
}

.contentAlert{

      padding: 10px 40px 30px 40px; padding-top: 30px; background-color: #f94e07;

}
  .contentAlert p{
    color:#fff
  }

@media( max-width: 640px ){

  .wrapperAlert{

    width: 100%;

  }

}

#deseounirme{

      display: inline-block;

      margin: 10px auto 0 auto;

      color: #fff;

      padding: 10px 40px!important;

      background-color: #ec220c;

      font-size: 20px;
      margin-top: 5px;
      font-weight: 700;
      box-shadow: 0 5px 5px rgba(0,0,0,0.16);

}
.footer-alert{padding-top: 17px; padding-bottom: 30px;}
@media( max-width: 767px ){
  .contentAlert table, .contentAlert table tbody, .contentAlert table tbody tr, .contentAlert table tbody tr td{
    display: block !important; width: 100%; text-align: center;
  }
  #alertIcon{width: 70px}
  .contentAlert p{font-size: 12px}
  .footer-alert p{font-size: 12px; padding-left: 10px; padding-right: 10px}
  #deseounirme{font-size: 16px}
  .contentAlert {
      padding: 10px 20px 20px 15px;
  }
  .footer-alert {
      padding-top: 12px;
      padding-bottom: 20px;
  }
  #alertIcon{margin-right: 0px !important}
}

/*estilos inline*/
#estilo-inline-1{
  background-color:#f8f8f8;,margin-bottom:40px;
}
#estilo-inline-2{
  padding:0px;
}
#estilo-inline-3{
  float:none;margin:0 auto;
}
#estilo-inline-4{
  padding:0px;
}
#estilo-inline-5{
  text-align:right;
}
#estilo-inline-6{
font-weight:500;top: -5px;position: relative;
}
#estilo-inline-7{
text-align:left;
}
#estilo-inline-8{
text-align:right;
}
#estilo-inline-9{
font-weight:500;top: -5px;position: relative;
}
#estilo-inline-10{
text-align:right;
}
#estilo-inline-11{
font-weight:500;top: -5px;position: relative; width: 83px
}
#estilo-inline-12{
text-align:right;
}
#estilo-inline-13{
font-weight:500;top: -5px;position: relative;
}
#estilo-inline-14{
position: relative;
}
#estilo-inline-15{
background-image: url('../wp-content/themes/bepensa-corporativo/dist/img/slide-count/numeros_fondo768x170.jpg');background-position: center;background-size: cover;
}
#estilo-inline-16{
text-align:center;
}
#estilo-inline-16b{
width:90%;
}
#estilo-inline-16c{
width:90%;
}
#estilo-inline-16d{
width:90%;
}
#estilo-inline-16e{
width:90%;
}
.w90percent{
width:90%
}
#estilo-inline-17{
margin-bottom:40px;
}
.margin-left-0{
margin-left:0px;
}
#estilo-inline-18{
margin-bottom:60px;
}
.estilo-h-100{
height:100%;
}
#estilo-inline-19{
background-image: url('../wp-content/uploads/2018/05/sostenibilidad-ambiental-1-1.jpg');
}
#estilo-inline-20{
background-color:rgb(232, 232, 232);
}
.text-t-capitalize{
text-transform: capitalize;
}
.margin-r-20{
margin-right:20px
}
#estilo-inline-21{
background: #f8f8f8;display:block;width:100%;
}
#estilo-inline-22{
display:block;width:100%;
}
#estilo-inline-23{
padding:5px 0px 5px 25px;
}
#estilo-inline-24{
padding-left:0px!important;
}
#estilo-inline-25{
padding:5px 15px 5px 0px;float:right;
}
.suscripfoot{
padding:0px!important;
}
.padding0foot{
padding:0px!important;
}
#estilo-inline-26{
border-bottom:1px solid #d5d5d5;
}
#estilo-inline-27{
background: #f8f8f8;display:block;width:100%;
}
#estilo-inline-28{
  background: url('../wp-content/themes/bepensa/assets/img/Suscribe_Fondo1680x400.jpg');
}
#estilo-inline-29{
  margin:20px 0px 10px 0px;
}
#estilo-inline-30{
  color:#fff;display:inline-block;margin-bottom:15px;
}
#estilo-inline-31{
  display: none !important
}
#estilo-inline-32{
  display:block;float:none;clear:both;width:100%;text-align:center;
}
#estilo-inline-33{
}
div.wpcf7-response-output{pointer-events: none}
.underline{text-decoration: underline;}
.margin0{
  margin:0px;
}
.padding0{
  padding:0px;
}
#portada-perfil-compania{
  background-image: url(../wp-content/uploads/2018/04/perfil-compania-header.jpg);height:195px;
}
.custom-perfil-compania-1{
  padding:0px;float:none;margin:0 auto;display:block;width:98%;
}
.custom-perfil-compania-2{
  color: #fa4c06;
}
.custom-perfil-compania-3{
  color: #fa4c06;
}
.custom-perfil-compania-4{
  color: #fa4c06;
}
.custom-perfil-compania-5{
  color: #6f6f6f;
}
div.wpcf7-response-output{pointer-events: none}
#portada-presencia{
  background-image: url(../wp-content/uploads/2018/04/header-prescencia.jpg);height:195px;
}
.img-dest{
  width: 100%;
}
.content-presencia{
  position: relative;
  box-sizing: border-box;
}
.wp-image-100{
  width: 100%;
  height: auto!important;
}
@media( min-width:800px){
.wp-image-102,
.wp-image-1270{
  position: absolute;
  top: 0;
  right: 20px;
}
}
.comites{
  display: block;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}
.comites h3{
  color: #fa4c06;
      font-size: 20px;
      line-height: 1.2;
      text-align:center;
}
.c-comite{
      height: 260px;
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      float: left;
      padding: 10px;
      margin-bottom: 20px:;
}
.c-comite img{
  position: absolute;
  bottom: 0;
  right: 0;
}
@media( max-width: 992px ){
  .t-img img{
    width: 100%;
    height: auto;
  }
}
@media( max-width: 380px ){
  .c-comite{
    height: 300px;
  }
}
#portada-gobierno-corporativo{
  background-image: url(../wp-content/uploads/2018/04/header-gobierno-corporativo.jpg);height:195px;
}
.margin-bottom-0{
  margin-bottom: 0;
}
.w100{
  width: 100%
}
.custom-gobierno-corporativo-1{
  margin:0 auto;background:#fff;padding:10px 30px;margin-top:-70px;
}
.margin-bottom-100{
  margin-bottom: 100px;
}
.comites{
  display: block;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}
.comites h3{
  color: #fa4c06;
      font-size: 20px;
      line-height: 1.2;
      text-align:center;
}
.c-comite{
      height: 260px;
      display: inline-block;
      position: relative;
      box-sizing: border-box;
      float: left;
      padding: 10px;
      margin-bottom: 20px:;
}
.c-comite img{
  position: absolute;
  bottom: 0;
  right: 0;
}
@media( max-width: 992px ){
  .t-img img{
    width: 100%;
    height: auto;
  }
}
@media( max-width: 380px ){
  .c-comite{
    height: 300px;
  }
}
#portada-codigo-conducta-empresarial{
  background-image: url(../img/conocenos0122.jpg);height:195px;
}
.margin-bottom-60{
  margin-bottom:60px;
}

.wp-image-115,
.wp-image-114{
  width: 100%;
  height: auto;
}
h3.orange{
  text-transform: uppercase;
  margin: 60px 0 30px 0;
  padding-bottom: 20px;
  font-weight: bold;
    font-size: 28px;
  border-bottom: 1px solid #d5d5d5;
}
.marcas-img{
  margin-top: 30px;
  margin-bottom: 30px;
}
.one-row{
  background:#fff;
}
.sub-header.uno{
  padding-bottom: 50px
}

.primer-texto{
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  color: #6F6F6F;
  margin-bottom: 20px
}
body p.segundo-texto{
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
}
.recuadro-naranja{
  background: #FA4C06; padding-top: 56px; padding-bottom: 63px; padding-left: 25px; padding-right: 10px; position: relative; margin-bottom: 19px
}
.recuadro-naranja .info{
  position: relative; z-index: 1;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: -0.03em;
  color: #FFFFFF;
}
.recuadro-naranja .shape{
  position: absolute; left: 0; bottom: 0
}
.texto-debajo-recuadro{
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  color: #6F6F6F;
}
.sub-header{background: #fff}
.w100Hauto{
  width: 100%; height: auto;
}
.segundo-bloque h2{
  margin-top: 0
}
.segundo-bloque .parrafo-1{
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #6F6F6F;
  margin-bottom: 37px;
  max-width: 780px;
  display: inline-block;
}
.segundo-bloque .item{
  border: 1px solid #C4C4C4; position: relative; margin-bottom: 20px
}
.segundo-bloque .item .shape{position: absolute; left: 0; bottom: 0}
.segundo-bloque .item.uno{
  height: 190px; padding-top: 52px; padding-left: 80px
}
.segundo-bloque .item.dos{
  height: 190px; padding-top: 40px; padding-left: 80px
}
.segundo-bloque .item.tres{
  height: 330px; padding-top: 55px; padding-left: 80px; padding-right: 80px
}
.segundo-bloque .item.cuatro{
  height: 330px; padding-top: 89px; padding-left: 80px;
}
.segundo-bloque .item.uno .texto{width: 352px; max-width: 100%}
.segundo-bloque .item.dos .texto{width: 400px; max-width: 100%}
.segundo-bloque .item.cuatro .texto{width: 429px; max-width: 100%}
.segundo-bloque .item .subtitulo{
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  color: #6F6F6F;
  margin-bottom: 25px
}
.segundo-bloque .item .subtitulo span{
  color: #FA4C06;
}
.segundo-bloque .item .texto{
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  text-align: justify;
  color: #6F6F6F;
}
.segundo-bloque .ultimo-parrafo{
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #6F6F6F;
  margin-top: 40px;
  max-width: 980px;
  display: inline-block;
}
.img-tabla{width: 100%; max-width: 1020px}

@media(max-width:991px){
  .segundo-bloque .item{
    height: auto !important; padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px !important; padding-bottom: 30px !important
  }
  .segundo-bloque .item .texto{max-width: none !important; width: 100% !important}
  body p.segundo-texto{margin-bottom: 30px}
}
#portada-bebidas{
  background-image: url(../wp-content/uploads/2018/04/header-bebidas.jpg);height:195px;
}
.margin-bottom-40{
  margin-bottom:40px;
}
.custom-bebidas-3{margin-top:30px;margin-bottom:40px;}
