/* FONTS
<h1 style="font-family:'NeutraText-BookAlt';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
<h1 style="font-family:'NeutraText-Light';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
<h1 style="font-family:'NeutraTextTF-Book';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
<h1 style="font-family:'NeutraText-Bold';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
<h1 style="font-family:'NeutraText-BoldItalic';font-weight:normal;font-size:42px">AaBbCcDdEeFfGgHhŞşIıİi Example</h1>
*/

@media (min-width:768px) {
    .affix-top {
      /* navbar style at top */
      background:transparent;
      border-color:transparent;
      padding: 15px;
      -webkit-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease; 
      -o-transition:all 0.5s ease;         
      transition:all 0.5s ease;  
    }

    #datos_top { display: none !important; }
}

@media (min-width:250px) and (max-width:767px) {
  .navbar-header {
      float: left !important;
      text-align: center !important;
      width: 100% !important;
  }
  #nav.shrink {
    height: 70px !important;
  }
  #nav.shrink .navbar-brand>img {
      margin-top: 0px !important;
  }

   .navbar-brand {float:none;}
   .navbar-brand>img {display: inline;}
   .container>.navbar-header{ margin-left: 0px; }
   .first .row{ margin-top: 150px !important; margin-bottom: 40px !important;}

   #datos_top { margin-top: 2px; padding-left: 65px; color: black !important;}
   #datos_top i { float: left !important; color: #F08C26}
   #dato_txt {color: black !important;font-weight: bold !important;}
   #dato_txt2 { float: left !important; margin: 4px 10px 0 5px; color: #274575 !important}
   .dato_top_letra { font-size: 11px !important; font-weight: bold !important; margin-top: -1px !important;}
   .top_pad { padding-left: 105px !important; margin-top: -2px !important;}


  .titulo{
    margin-top: 20px !important;
    font-size: 28px !important;
  }
  .subtitulo{
    font-size: 20px !important;
  }

  .chicaxs img{
    /* display: none !important; */
  }

  #compra .container{
    background-image: none !important;
  }
  #compra .relleno{
    display: none !important;
  }
  #MP, .banelco{
    float: none !important;
    margin: 10px auto !important;
  }

  #donde-md{
    display: none;
  }
  #donde-xs{
    display: inline !important;
  }
  .donde-tit{
    text-align: center;
    margin-bottom: -40px !important;
  }
  .llama{
    width: 280px;
    margin: 0 auto;
  }
  .llama li{
    margin-left: -40px !important;
  }
    .llama ul{
    margin-top: 20px !important;
  }

  #llamanos{
    text-align: center;
  }
  #titulos h11{
    font-size: 36px !important;
  }

  #contacto .row{
    margin: 30px 0px !important;
  }
}


@media (min-width:768px) and (max-width:992px) {
  #nav.shrink .navbar-collapse .li-orange{
    display: none !important;
  }
  .titulo{
    margin-top: 20px !important;
    font-size: 34px !important;
  }
  .first .row{
    margin-bottom: 40px !important;
  }
  #compra .container{
    background-image: none !important;
  }
  #compra .relleno{
    display: none !important;
  }
  #MP, .banelco{
    float: none !important;
    margin: 10px auto !important;
  }
}

@media (max-width:420px) {
  .navbar-brand img{
    height: 80px;
    margin-left: -10px;
  }
  .top_pad{
    padding: 0px !important; 
    width: 150px;
    text-align: center;
    margin: 0 auto !important;
  }
  .titulo hr{
    width: 130px !important;
  }
  .botones {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
  }
  .botones a{
    margin: 7px !important;
  }
  #puertas #titulos {
    margin: 0px !important;
  }
  #MP {
    width: 250px !important;
  }
  .tarjetas img{
    width: 250px;
  }
  #porque_row{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  #contactenos{
    margin-top: 0px !important;
  }
  .form_tit h11{
    font-size: 24px !important;
  }
  .form_tit h12{
    font-size: 14px !important;
  }
  #respuesta p{
    font-size: 24px;
  }

}

@media (max-width:350px) {
  .datos_celu{
    padding-left: 40px !important;
  }
}

html,body {
  height:100%;
}

.linita{
  width: 50px;
  background-color: #F08C26;
  border-color: #F08C26;
  height: 1.5px;
}



/* PARA LA PARTE DE ARRIBA */
#nav.shrink {
  height: 60px;
}
#nav.shrink .navbar-brand>img {
    max-height:55px;
    margin-top:-13px;
}
/* PARA LA PARTE DE ARRIBA */

#nav{
  background: rgba(255,255,255,.75);
  height: 130px;
}
.navbar-brand>img {
    max-height:110px;
    margin-top:5px;
}
.affix {
  -webkit-transition:padding 0.2s ease-out;
  -moz-transition:padding 0.2s ease-out;  
  -o-transition:padding 0.2s ease-out;         
  transition:padding 0.2s ease-out;

}



.first {
  /* height:100vh;
  min-height:400px; */
  background-size:cover;
  background-image:url('../images/foto1.png');
}
.first .row{
  margin-top:170px; margin-bottom:70px;
}
#datos{
  margin-top: 15px;
}
.datos_w{
  width:230px;
}
.datos_w li{
  width:230px;
}
#datos li{
  margin: 2px;
  list-style: none;
}
#datos i{
  color: #F08C26; /* NARANJA */
  margin-right: 10px;
  float:left;
}
#dato_txt{
  margin-top: 3px;
  float:left;
  font-family: 'Lato', sans-serif;
  font-weight:normal; /*400=MEDIUM 700=BOLD 900=HEAVY */
  font-weight: normal;
  font-size: 14px;
}
#datos a{
  color: black;
  padding: 0px !important;
}
.li-orange{
  background-color: #F08C26;
  color: white;
}
.envios{
  margin-top: 8px !important;
  margin-left: -10px;
}
.envios_chico{
  margin-top: -4px !important;
  width: 215px;
}
.mail_ancho{
  width: 190px !important;
}
.tel_ancho{
  width: 200px !important;
}






.titulo {
  font-family: 'Lato', sans-serif;
  font-weight: 900; /*400=MEDIUM 700=BOLD 900=HEAVY */
  color: #fff;
  text-shadow: 1px 1px 3px black;  
  font-size: 48px;
  margin-top: 50px;
}
.titulo hr{
  width: 300px;
  background-color: #F08C26;
  border-color: #F08C26;
  height: 1.5px;
}
.subtitulo {
  font-family: 'Lato', sans-serif;
  font-weight: 700; /*400=MEDIUM 700=BOLD 900=HEAVY */
  font-size: 24px;
  color: #fff;
}
.button {
    margin: 10px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight:700; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 20px;
    color: white;
    display: inline-block;
}
.bt-blue{
    background-color: rgba(24,163,206,1);
}
.bt-orange{
    background-color: #ff9933;
}
.button span {
    display: block;
    padding: 0.5em 1.5em;    
    background-size: 3px 3px;
    width: 200px;           
}
.button:active {
    position: relative;
    top: 1px;
}
.botones a{
    text-decoration: none;
    color: white;
    margin: 40px 15px;
}


#row_puertas{
  /* background-image: url("../images/hcaja.png");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right bottom;
  background-size: contain; */
  margin-bottom: 50px;
}
#puertas{
  text-align: center;
}
#puertas img{
  margin-bottom: 10px;
}
#puertas h11{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 18px;
    color: #105D79;
}
#puertas .button {
    margin: 5px;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: 700; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 13px;
    color: white;
    display: inline-block;
}
#puertas .button span {
    display: block;
    padding: 0.3em 0.5em;    
    background-size: 3px 3px;
    width: 100px !important;           
}
#puertas .button a{
    text-decoration: none;
    color: white;
    margin: 40px 15px;
}




#compra .container{
  /* margin: 0px !important; 
  padding: 0px !important;*/
  width: 100% !important;
  /* background-color: rgba(32,65,108,1);*/
  background: rgba(99,147,167,1) url("../images/compra.png") no-repeat left bottom;
  background-size: contain;
}
#compra_row{
  /* padding: 50px 0px 50px 50px; */
  padding: 20px 0px;
  text-align: center !important;
}
#compra h11{
    font-family: 'Lato', sans-serif;
    font-weight: 700; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 30px;
    color: white;
}
#MP{
  background-color: white;
  font-family: 'Lato', sans-serif;
  font-weight: 900; /*400=MEDIUM 700=BOLD 900=HEAVY */
  font-size: 13px;
  color: rgba(99,147,167,1);
  padding: 10px;
  width: 380px;
  float: right;
}
#MP img{
  margin: -5px 0 0 10px;
}
.banelco{
  float: left;
}
.tarjetas{
  margin-top: 10px;
}


#donde_row{
  margin-bottom: 100px;
}
#donde-xs{
  display: none;
}
#map{
  height:400px;
}
.donde-tit{
  line-height: 1.1;
  margin-top: 50px;
}
#donde-pie{
    text-align: center;
    background: rgba(240,140,38,1);
    padding: 15px;
    margin-top: -5px;
}
#donde-pie h11{
    font-family: 'Lato', sans-serif;
    font-weight: 700; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 21px;
    color: white;
}
.llama{
  margin-top: 30px !important;
}
#llamanos{
    font-family: 'Lato', sans-serif;
    font-weight: 700; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 22px;
    color: white;
    padding:10px;
}
#llamanos-tel{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 18px;
    color: black;
    padding:10px;
}
#llamanos-tel div{
  float: left;
  margin-top: 2px;
}


#porque{
  background: rgba(16,93,121,1);
  text-align: center;
}
#porque_row{
  margin-bottom: 50px;
  margin-right: 100px;
  margin-left: 100px;
}
#xque h11{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 17px;
    color: rgba(210,210,210,1);;
}



#contacto {
  background-size:cover;
  background-image:url('../images/contacto.png');
  /* height:calc(90% - 50px);
  height: 90vh; */
}
#contacto .row{
  margin: 30px;
}
#contactenos {
  padding: 25px;
  background: rgba(16,93,121,0.75);
  margin-top: 30px;
  /* -moz-border-radius: 2em;
  border-radius: 2em; */
}

.form_tit{
  margin-bottom: 20px;
}
.form_tit h11{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 40px;
    color: white;
}
.form_tit h12{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 21px;
    color: white;
}

#frmContacto input{
  /* -moz-border-radius: 2em;
  border-radius: 2em; */
  margin-bottom: 26px;  
}
#frmContacto select{
  /* -moz-border-radius: 2em;
  border-radius: 2em; */
}
#frmContacto textarea {
    /* -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em; */
}

#enviar{
    margin-bottom: 0 !important;
    padding: 0 20px;
    font-family: 'Lato', sans-serif;
    font-weight:normal; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 24px;
    color: white;
}


#respuesta{
    text-align: center;
}
#respuesta p{
    font-family: 'Lato', sans-serif;
    font-weight:normal; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 34px;
    color: white !important;
}


#titulos{
  /* height:15vh; */
  margin: 30px 0 20px 0;
}
#titulos h11{
    font-family: 'Lato', sans-serif;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 40px;
    color: #105D79;
}