@media (max-width:415px) {
  body h1{
    font-size: 48px !important;
  }
  #phones{
    font-size: 18px !important;
  }
  #phones img{
    width: 17px;
    margin-top: -5px !important;
  }
  #phones i{
    display: none;
  }
  .mail_arriba{
    display: none;
  }
  #productos_boton{
    width: 85%;
    font-size: 18px !important;
  }
  .pqtit2{
    font-size: 48px;
  }
  .mail_abajo{
    font-size: 14px !important;
  }
  #productos .botones{
    padding: 0px !important;
  }
  .boton_menu{
    margin: 0px !important;
  }
}

@media (min-width:415px) {
  .pqtit2{
    font-size: 60px;
  }
  .pqsub{
    text-align: justify;
  }
  #enviar{
      width: 300px;
  }
}

@media (min-width:416px) and (max-width:767px) {
  .pdesc, .ptit{
    padding: 0px 20% !important;
  }
}


@media (max-width:630px) {
  /*.upper-nav{
    text-align: center !important;
  }
  #divphones{
    width: 100%;
  }
  #divphones table{
    margin: 0 auto !important;
  }
  #phones{
    padding-top: 0 !important;
    margin-bottom: 15px !important;
  }*/
  .first .row {
    /* margin-bottom: 30px !important;*/
  }
  body h2{
    margin: 40px 0px !important;
  }
  #titulos span {
    font-size: 26px !important;
  }
  #habla #titulos p{
    font-size: 14px !important;
  }
  #habla #titulos a{
    font-size: 14px !important;
  }
  .logo{
      height: 70px !important;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .navbar-nav{
        float:right !important;
    }
    .first .row{
        margin-top:60px !important;
    }
    section .container{
      margin: 0 !important;
      width: 100% !important;
    }
    .conborde2{
      border-right: 2px solid #eaeaea;
    }
}

  @media (max-width: 992px) {
    #frmContacto .col-md-6{
      padding-right: 0px;
    }
    .mail_arriba{
      text-decoration: none;
      font-weight: 300; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
      font-size: 16px;
    }
    #productos #titulos{
      margin-top: 30px
    }
  }

  @media (min-width: 992px) {
    .logo{
      margin-left: 50px;
    }
    .mail_arriba{
      text-decoration: none;
      font-weight: 300; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
      font-size: 19px;
    }
    .conborde{
      border-right: 2px solid #d8d8d8;
    }
  }

  /* PARA LA VERSION TABLET-CELULAR */
  @media (max-width: 768px) {
    #rc-imageselect, .g-recaptcha 
    {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);transform-origin:0 0;
    -webkit-transform-origin:0 0;
    }
    h2 br{
      display: none;
    }
    .logo{
      /* height: 100px;
      margin-left: -10px;
      margin-top: 25px; */
    }
    .navbar{
      margin-bottom: 0 !important;
    }
    #phones{
      /* text-align: right; */
    }
    .first .row{
        margin-top:30px !important;
    }
    .img-responsive{
      display: inline !important;
    }
    .pull-left{
      float: none !important;
    }
    #phones{
      padding-top: 20px;
    }
    .tituloH{
      text-align: center;
    }
    .botones{
      text-align: center;
    }
    #habla table{
      margin-top: 10px;
    }
    #habla #titulos{
      margin-top: 10px;
    }
    #cuadro{
      margin-top: 25px;
    }
    .boton_menu{
      font-size: 14px !important;
      width: 100px;
    }
    .cont_abajo{
      margin-top: 20px !important;
    }
  }
  /* PARA LA VERSION TABLET-CELULAR */

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
    #phones{
      width: auto;
      margin-right: 20px; 
    }
    .logo{
      /* height: 100px;
      margin-bottom: 10px; */
    }
    .navbar{
      margin-bottom: -10px !important;
    }
    .botones{
      margin-top:20px;
      margin-left: -10px;
    }
  #phones{
    padding-top: 30px;
  }
  .tel_arriba{
    text-decoration: none;
    font-weight: 300; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
    font-size: 23px;
  }
  #habla #titulos{
    margin-top: 50px;
  }
  #cuadro{
    margin-top: 50px;
  }
  #porque{
    background-size: 50% 100%;
    background-image:url('../images/pq.png');
    background-position: center right;
    background-repeat: no-repeat;
  }
  .boton_menu{
    font-size: 22px;
    width: 200px;
  }
}

.rojo{
  color: #9e0b0f;
}
.fondo_rojo{
  background-color: #9e0b0f;
}

body,html {
  height:100%;
  font-family: 'Lato', sans-serif;
}
body{
  background-size:cover;
  background-image:url('../images/header.png');
  background-position: center center;
  background-repeat: no-repeat;
}

body h1{
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: white;
  font-size: 56px;
}
body h2{
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: white;
  font-size: 30px;
}
body h2 b{
  font-weight: 900;
}
.first {
  /* height:100vh;
  min-height:400px; */
  /* border-top: 3px solid #ff6c00; */
  /* background-attachment: fixed; */
}
.logo{
  padding: 10px 0px 12px;
}
.mail_arriba{
  border-right: 3px solid white;
  padding: 7px 10px 7px 0px;
}
.first .row{
  margin-top:120px; margin-bottom:160px;
}
#phones, #phones a{
  color: white;
  text-decoration: none !important;
}
#phones img{
  margin-left: 10px;
  margin-top: -10px;
}
.boton_arriba{
  width: 240px;
  color: white;
}
.button {
    margin: 10px;
    padding: 5px 0px;
    text-decoration: none !important;
    font-size: 25px;
    font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
    color: white;
    display: inline-block;
}
.radio{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
.sombra{
  -webkit-box-shadow: 5px 5px 5px 0px rgba(55,63,80,1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(55,63,80,1);
  box-shadow: 5px 5px 5px 0px rgba(55,63,80,1);
}
.button span {
    display: block;
    padding: 0.2em .6em;    
    background-size: 3px 3px;
    /* width: 200px; */
    text-align: center;           
}
.button.azul:hover, .button.azul:active, .button.azul:focus, .button.gris:hover, .button.gris:active, .button.gris:focus{
    text-decoration: none;
    color: white;
}


#titulos span{
    font-size: 39px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
}
#titulos img{
  margin-right: 7px;
  margin-top: -20px;
}
.linea{
  color: #006730;
  border-color: #006730;
  background-color: #006730;
  width: 170px;
  height: 1px;
  margin: 0px auto;
}



    .flexthis{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flexthis[class*="col-"] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        /* display: inline-flex;*/ 
    }

#productos{
  background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(234,234,235,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(234,234,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaeb', GradientType=0 );
}
#productos .botones{
  margin-top: 30px;
  margin-bottom: 40px;
}
.boton_menu{
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: #373f50;
  border: 2px solid #d6d6d6;
}
.boton_menu:hover{
  background-color: #00923f;
  border: 2px solid #00923f;
  color: white;
}
.ptit{
  font-size: 22px;
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: #373f50;
  text-align: left;
  margin-top: 15px;
}
.pdesc{
  font-size: 16px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: #373f50;
  text-align: justify;
}
#productos_boton{
  text-decoration: none;
  color: white;
  margin: 20px 0px;
  background-color: #a10d13;
  font-size: 23px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  margin-top: 40px;
  margin-bottom: 60px;
}




#cuadros{
  padding: 40px 0px;
}
#cuadro img{
  margin-right: 10px;
}
.cuadro_tit{
  font-size: 21px;
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: #373f50;
  margin-bottom: 0px;
}
.cuadro_txt{
  font-size: 19px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  color: #373f50;
  margin-top: 0px;
  line-height: 1;
}
.img1B, .img2B, .img3B, .img4B, .img5B, .img6B{
  display: none;
}
#cuadro:hover .img1{display: none;}
#cuadro:hover .img1B{display: block;}
#cuadro:hover .img2{display: none;}
#cuadro:hover .img2B{display: block;}
#cuadro:hover .img3{display: none;}
#cuadro:hover .img3B{display: block;}
#cuadro:hover .img4{display: none;}
#cuadro:hover .img4B{display: block;}
#cuadro:hover .img5{display: none;}
#cuadro:hover .img5B{display: block;}
#cuadro:hover .img6{display: none;}
#cuadro:hover .img6B{display: block;}





#porque{
  padding: 40px 0px;
  background-color: #f6f6f6;
  color: #373f50;
}
.pqtit1{
  font-size: 37px;
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  margin-bottom: 0px;
}
.pqtit2{
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  margin-top: -10px;
  margin-bottom: -10px;
}
.pqsub{
  font-size: 25px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
}
.pqtxt{
  font-size: 20px;
  font-weight: 300; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  text-align: justify;
}



#contadores{
  padding: 60px 0px;
  color: #ab494b;
  background-size:cover;
  background-image:url('../images/FondoContador.png');
  background-position: center center;
  background-repeat: no-repeat;
}
.num_tit{
  font-size: 48px;
  font-weight: 900; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
}
.num_desc{
  font-size: 18px;
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
}



#habla{
  color: #373f50;
}
#habla table{
  border-collapse:separate;
  border-spacing: 10px 10px;  
  border: 1px solid #d6d6d6;
  background-color: #f6f6f6;
  width: 100%;
  margin-top: 30px;
}
.dato_img{
  width: 60px;
}
#habla a{
  text-decoration: none;
  color: #373f50;
}
.hablatit{
  font-size: 25px;
  font-weight: 700; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  margin-bottom: 0px;
}
.hablatxt{
  font-size: 17px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  margin-top: 0px;
}
.sombra_habla{
  -webkit-box-shadow: 5px 5px 5px 0px rgba(200,200,200,1);
  -moz-box-shadow: 5px 5px 5px 0px rgba(200,200,200,1);
  box-shadow: 5px 5px 5px 0px rgba(200,200,200,1);  
}


/* !!!!!PARA CONTACTO REVISAR!!!!!! */
.fc{
  border: 1px solid white !important;
  webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #3db9e7;
  color: white;
}
.fc::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
.fc::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.fc:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
.fc:-moz-placeholder { /* Firefox 18- */
  color: white;
}


#frmContacto input{
  height: 50px;
}
#frmContacto{
  margin-top: 30px;
}

.datos{
    margin-bottom: 10px;
    color: #373f50;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 22px;
}
#enviar{
    height: 40px;
    margin: 0 auto;
    padding: 0 20px;
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 25px;
    color: white;
    background-color: #9e0b0f;
    border-color: #9e0b0f;
}
#enviar:disabled{
  background-color: #9e0b0f;
}

#footer {
  font-size: 14px;
  font-weight: 400; /*300=LIGHT 400=REGULAR 700/900=BOLD/BLACK */
  background-color: white;
  height: 40px;
  color: #202c45;
}
#footer a{
  text-decoration: none;
  color: #202c45;
}
#footer a:hover{
  text-decoration: none;
  color: #202c45;
}


#respuesta{
    /* text-align: center; */
}
#respuesta p{
    font-weight: 400; /*400=MEDIUM 700=BOLD 900=HEAVY */
    font-size: 24px;
    color: #ffffff !important;
}


@media (max-width: 2000px){
  #collage .imagenes .imagen {
    background-repeat: no-repeat;
    background-size: cover;
    width: 25%;
    height: 476px;
    margin: 0px;
    padding: 0px;
}

}


@media (max-width: 1300px){
  #collage .imagenes .imagen {
    background-repeat: no-repeat;
    background-size: cover;
    width: 25%;
    height: 337px;
    margin: 0px;
    padding: 0px;
}

}

@media (max-width: 600px){
  #collage .imagenes .imagen {
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 188px;
    float: left;
    margin: 0px;
    padding: 0px;
}
}