@font-face {
  font-family:"Montserrat-Regular";
  src:url("../fonts/Montserrat-Regular.eot?") format("eot"),
  url("../fonts/Montserrat-Regular.woff") format("woff"),bg
  url("../fonts/Montserrat-Regular.ttf") format("truetype"),
  url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Neuropol Bold";
  src:url("../fonts/NEUROPOB.eot?") format("eot"),
  url("../fonts/NEUROPOB.woff") format("woff"),
  url("../fonts/NEUROPOB.ttf") format("truetype"),
  rl("../fonts/NEUROPOB.svg#NeuropolBold") format("svg");
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:"Montserrat-Bold";
  src:url("../fonts/Montserrat-Bold.eot?") format("eot"),
  url("../fonts/Montserrat-Bold.woff") format("woff"),
  url("../fonts/Montserrat-Bold.ttf") format("truetype"),
  url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight:normal;
  font-style:normal;
}

.escondido {
  display: none;
}

#contenedor{
  width:100%;
  overflow:hidden;
  font-family:"Montserrat-Regular";
  position:relative;
  line-height: 28px;
  color: #5f5f5f;
}

.pad{
  padding-left:0px;
  padding-right:0px;
}

.clear{
  clear:both;
}

#barra-menu{
  padding:8px 60px;
  background-color: #FF8500;
}

#header{
  padding-top: 11px;
  background-color: #fff;
}

#datos_header{
  padding: 8px 0px;
  background-color: #579A33;
}

#datos_header ul{
  float: right;
}

#datos_header ul li{
  color: #fff;
  font-size: 16px;
  float: left;
  padding-left: 71px;
  font-family:"Montserrat-Bold";
}

#datos_header ul li a{
  padding-top: 4px;
  position: relative;
  float: left;
  color: #fff;
}

#barra-menu2{
  background-color: #FF8500;
  padding: 6px 10px;
}

#ico1{
  background-image: url(../img/ico_home.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 26px;
  float: left;
}

#ico1:hover{
  background-image: url(../img/ico_home-h.png);
}

#ico1.selec{
  background-image: url(../img/ico_home-h.png);
  background-repeat: no-repeat;
}

#ico2{
  background-image: url(../img/ico_empresa.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height:28px;
  float: left;
}

#ico2:hover{
  background-image: url(../img/ico_empresa-h.png);
}

#ico2.selec{
  background-image: url(../img/ico_empresa-h.png);
  background-repeat: no-repeat;
}

#ico3{
  background-image: url(../img/ico_facturas.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height:27px;
  float: left;
}

#ico3:hover{
  background-image: url(../img/ico_facturas.png);
}

#ico3.selec{
  background-image: url(../img/ico_facturas-h.png);
}

#ico4{
  background-image: url(../img/ico_login.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height:27px;
  float: left;
}

#ico4:hover{
  background-image: url(../img/ico_login-h.png);
}

#ico4.selec{
  background-image: url(../img/ico_login-h.png);
  background-repeat: no-repeat;
}

#ico5{
  background-image: url(../img/ico_carrito.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height:27px;
  float: left;
}

#ico5:hover{
  background-image: url(../img/ico_carrito-h.png);
}

#ico5.selec{
  background-image: url(../img/ico_carrito-h.png);
  background-repeat: no-repeat;
}

#ico6{
  background-image: url(../img/ico_tel.png);
  background-repeat: no-repeat;
  padding-left: 40px;
  height:29px;
  float: left;
}

#ico6:hover{
  background-image: url(../img/ico_tel-h.png);
}

#ico6.selec{
  background-image: url(../img/ico_tel-h.png);
  background-repeat: no-repeat;
}

.navbar-inverse{
  background-color:#fff;
  border-color: #ffff;
}

#barra-menu a{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family:"Neuropol Bold";
}

#barra-menu p{
  padding-top: 1px;
}

#barra-menu a:hover{
  color: #000;
}

#barra-menu a.selec{
  color: #000;
}

#menu li {
  display: inline-block;
  margin-right: 125px;
}

#menu .selec .ico_home{
  background-image: url(../img/ico_home-h.png);
  background-repeat: no-repeat;
}


#menu .selec .ico_emp{
  background-image: url(../img/ico_empresa-h.png);
  background-repeat: no-repeat;
}

#menu .selec .ico_facturas{
  background-image: url(../img/ico_facturas-h.png);
  background-repeat: no-repeat;
}

#menu .selec .ico_tel{
  background-image: url(../img/ico_tel-h.png);
  background-repeat: no-repeat;
}

.ico_home {
  background-image: url(../img/ico_home.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 36px;
  width: 27px;
  height: 28px;
  float: left;
}

.ico_home:hover{
  background-image: url(../img/ico_home-h.png);
  background-repeat: no-repeat;
}
/*
.ico_home.selec{
  background-image: url(../img/ico_home-h.png);
  background-repeat: no-repeat;
}*/

.ico_emp {
  background-image: url(../img/ico_empresa.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 36px;
  height: 28px;
  float: left;
}

.ico_emp:hover{
  background-image: url(../img/ico_empresa-h.png);
  background-repeat: no-repeat;
}
/*
.ico_emp.selec{
  background-image: url(../img/ico_empresa-h.png);
  background-repeat: no-repeat;
}
*/
.ico_facturas {
  background-image: url(../img/ico_facturas.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 35px;
  height: 27px;
  float: left;
}

.ico_facturas:hover{
  background-image: url(../img/ico_facturas-h.png);
  background-repeat: no-repeat;
}
/*
.ico_facturas.selec{
  background-image: url(../img/ico_facturas-h.png);
  background-repeat: no-repeat;
}*/

.ico_login {
  background-image: url(../img/ico_login.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 35px;
  height: 27px;
  float: left;
}

.ico_login:hover{
  background-image: url(../img/ico_login-h.png);
  background-repeat: no-repeat;
}
/*
.ico_login.selec{
  background-image: url(../img/ico_login-h.png);
  background-repeat: no-repeat;
}*/

.ico_carrito {
  background-image: url(../img/ico_carrito.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 35px;
  height: 27px;
  float: left;
}

.ico_carrito:hover{
  background-image: url(../img/ico_carrito-h.png);
  background-repeat: no-repeat;
}
/*
.ico_carrito.selec{
  background-image: url(../img/ico_carrito-h.png);
  background-repeat: no-repeat;
}*/

.ico_tel {
  background-image: url(../img/ico_tel.png);
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 39px;
  width: 27px;
  height: 31px;
  float: left;
}

.ico_tel:hover{
  background-image: url(../img/ico_tel-h.png);
  background-repeat: no-repeat;
}

.texto{
  text-align: left;
  position: absolute;
  bottom: 18%;
  color: #FFF;
  margin-left: 132px;
  padding: 45px 37px;
}

.texto h1{
  color: #FF8500;
  font-size: 38px;
  line-height: 50px;
  font-family:"Montserrat-Bold";
}

.texto h2{
  font-family:"Neuropol Bold";
  text-shadow: 4px 0px 13px #fff;
  font-size: 100px;
  color: #251d1c;
}

.texto p{
  color: #292B94;
  font-size: 42px;
  line-height: 30px;
  text-shadow: 2px 1px 2px #fff;
  font-family:"Montserrat-Bold";
}

#banner {
  margin-top: 13%;
}

.carousel-indicators{
  text-align: center;
}

.carousel-indicators li{
  width: 40px;
  height: 6px;
  border-radius: 0px;
}

.carousel-indicators .active{
  width:40px;
  height:6px;
  border-radius: 0px;
  background-color: #2C2B94;
  border:none;
}

.carousel-indicators li{
  background-color:#ff8202;
  border:none;
}

.h_text{
  padding-left: 72px;
  margin-top: 9%;
}

.h_text h1{
  font-family:"Neuropol Bold";
  color: #FF8003;
  font-size: 20px;
  padding-bottom: 15px;
}

.h_text h2{
  font-family:"Montserrat-Bold";
  font-size: 24px;
  color: #000;
}

.h_text h2 span{
  color: #FF8202;
}

.h_text p{
  padding-top: 40px;
  font-size: 20px;
  text-align: justify;
}

#categorias_home{
  background-image:url(../img/bg_productos.jpg);
  background-repeat: repeat-x;
  padding:100px 0px;
}

.categorias_home h1{
  font-size: 24px;
  font-family:"Neuropol Bold";
  padding-bottom: 10px;
  color: #fff;
}

.categorias_home h2{
  padding-bottom: 65px;
  font-size: 46px;
  color: #fff;
  font-family:"Montserrat-Bold";
}

.categorias_home a{
  padding:20px 20px;
  float: right;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  font-family:"Montserrat-Bold";
  border-radius: 12px;
  background-color: #FC8502;
  box-shadow: 5px 6px 2px 2px #000;
}

.categorias_home a:hover{
  background-color: #fff;
  color: #000;
}

#h_quienes{
  padding-bottom: 81px;
}

.item_categorias_home{
  box-shadow: -6px 0px 8px -5px #0000009c;
  border: 1px solid #d5d5d5;
}

.textcategorias_home{
  text-align: center;
  background-color: #fff;
  padding: 22px;
}

.textcategorias_home h1{
  font-size: 24px;
  font-family:"Montserrat-Bold";
  text-align: center;
  color: #000;
}

.textcategorias_home h2{
  font-size: 25px;
  color: #FF8500;
  text-transform: uppercase;
  text-align: center;
  font-family:"Neuropol Bold";
}

.textcategorias_home a{
  background-color: #000;
  color: #fff;
  padding: 7px 25px;
  border-radius: 10px;
  text-decoration:none;
  margin-top: 15px;
  font-family:"Montserrat-Bold";
  display: inline-block;
}

.textcategorias_home a:hover{
  background-color: #292C95;
}

.text_h_servicios{
  padding-left: 149px !important;
  padding-top: 106px;
}

.text_h_servicios h1{
  font-family:"Neuropol Bold";
  color: #2C2B95;
  font-size: 24px;
}

.text_h_servicios h2{
  font-family:"Montserrat-Bold";
  font-size: 46px;
  margin-bottom: 55px;
  color: #000;
}

.text_h_servicios p{
  font-size: 20px;
  padding-top: 18px;
}

.ico1s{
  float: left;
  width: 68px;
  height: 68px;
  background-image: url(../img/ico1.png);
}

.ico2s{
  float: left;
  width: 68px;
  height: 68px;
  background-image: url(../img/ico2.png);
}

.text_somos{
  text-align: center;
  margin-top: 9%;
}

.text_somos h1{
  font-family:"Neuropol Bold";
  font-size: 25px;
  color: #292C95;
  padding-bottom: 15px;
}

.text_somos h2{
  font-size: 46px;
  color: #000;
  padding-bottom: 20px;
  font-family:"Montserrat-Bold";
}

.text_somos h3{
  padding-bottom:15px;
  font-size: 30px;
  font-family:"Montserrat-Bold";
}

.text_somos h4{
  font-size: 45px;
  font-family:"Neuropol Bold";
  color: #FF8500;
  text-shadow: 5px 2px 0px #000;
}

#web{
  background:#000;
  margin-top: 20px;
  padding: 2px 0px;
  text-align: center;
}

#copy{
  padding: 5px;
}

#copy a {
  background: url(../img/web.svg) no-repeat right;
  color: #ffffff3b;
  padding-right: 161px;
  font-size: 14px;
  text-decoration: none !important;
}

footer{
  background-color: #FF8500;
  padding: 25px 0px;
}

footer h1{
  font-family:"Neuropol Bold";
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 2px 2px #0000005e;
}

footer h2{
  font-family:"Neuropol Bold";
  color: #fff;
  font-size: 18px;
  padding-bottom: 10px;
  text-shadow: 1px 2px 2px #000000e8;
}

footer p span{
  font-family:"Neuropol Bold";
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 2px 2px #0000005e;
}
  
footer p{
  color: #FFF;
  font-size: 18px;
  line-height: 25px;
}

footer ul li a{
  color: #fff;
  font-size: 18px;
  line-height: 35px;
}

footer ul li a:hover{
  color: #fff;
  text-decoration: underline;
}

#medios_pago{
  background-color: #fff;
}

#medio_pago h1{
  font-size: 18px;
  padding: 25px 0px;
  text-align: center;
  font-family:"Neuropol Bold";
  color: #000;
  padding-bottom: 15px;
}

#titulo {
  padding-top: 187px;
  padding-bottom: 92px;
  text-align: left;
  margin-top: 15%;
}

#titulo h1 {
  color: #000;
  text-align: center;
  font-size: 100px;
  font-family:"Neuropol Bold";
}

#titulo h2 {
  color: #282A92;
  text-align: center;
  font-size: 42px;
  font-family:"Montserrat-Bold";
}

.bg1 {
  background-image: url(../img/empresa/bg.jpg);
  background-size: cover;
}

.bg2 {
  background-image: url(../img/bg_contactenos.jpg);
  background-size: cover;
}

#frase{
  padding: 49px 0px;
}

#frase h1{
  padding: 0px 155px;
  font-family:"Montserrat-Bold";
  font-size: 24px;
  color: #000;
  text-align: center;
}

#frase h1 span{
  color: #ff8300;
}

#empresa h1{
  color: #FF8500;
  font-size: 20px;
  padding-bottom:25px;
  font-family:"Neuropol Bold";
}

.empresa{
  padding-top:95px;
  padding-left: 180px;
}

.empresa h2{
  font-family:"Montserrat-Bold";
  font-size: 24px;
  color: #000;
  padding-bottom: 45px;
}

.empresa h2 span{
  color: #FF8500;
}

.empresa p{
  font-size: 20px;
}

#formulario{
  padding:84px 0px;
}

#formulario h3{
  color: #000;
  padding-top:20px;
  font-size: 18px;
}

#formulario input {
  width: 100%;
  color: #000;
  background-color: #2B2C96;
  border: none;
  font-size: 18px;
  padding: 5px;
  margin-top: 5px;
}

#formulario textarea {
  width: 100%;
  color: #000;
  background-color: #2B2C96;
  border: none;
  padding: 8px;
  margin-top: 5px;
  height: 120px;
}

#formulario h5 {
  text-align: left;
  float: left;
  font-size: 16px;
  color: #000 !important;
  margin-top:12px !important;
}

#enviar {
  width: 100px !important;
  cursor: pointer;
  position: relative;
  float: right;
  color: #fff !important;
  text-align: center;
  font-size: 20px !important;
  margin-top: 41px !important;
  padding: 8px 0px !important;
  background:#292B95 !important;
  margin-right: 15px;
  font-family:"Montserrat-Bold" !important;
  border: none !important;
}

#enviar:hover{
  background-color: #FE8501 !important;
}

#borrar {
  width: 100px !important;
  cursor: pointer;
  position: relative;
  float: right;
  color: #fff !important;
  text-align: center;
  font-size: 20px !important;
  margin-top: 41px !important;
  padding: 8px 0px !important;
  background:#292B95 !important;
  border: none !important;
  font-family:"Montserrat-Bold" !important;
}

#borrar:hover{
  background-color:#FE8501 !important;
}

#ubicacion{
  padding-top: 65px;
}

#map {
  height: 500px;
}

#ampliar {
  font-family:"Montserrat-Bold";
  background-color:#F48E1C;
  color: #FFF;
  text-align: center;
  padding: 6px 20px;
  position: absolute;
  right: 4%;
  bottom: 141px;
  text-decoration: none !important;
  font-size: 20px;
}

#ampliar:hover{
  background:#2B2C96;
}

#mapa{
  padding: 95px 0px;
}

#face{
  background-image: url(../img/redes.png);
  width: 63px;
  height: 62px;
  position: fixed;
  right: 12px;
  z-index: 900;
  top: 284px;
}

#inst{
  background-image: url(../img/redes.png);
  background-position: 0px -61px;
  width: 59px;
  height: 60px;
  position: fixed;
  right: 15px;
  z-index: 900;
  top: 348px;
}

#twitter{
  background-image: url(../img/redes.png);
  background-position: 0px -123px;
  width: 60px;
  height: 55px;
  position: fixed;
  right: 15px;
  z-index: 900;
  top: 413px;
}

#whats{
  background-image: url(../img/redes.png);
  background-position: 0px 305px;
  width: 60px;
  height: 59px;
  position: fixed;
  right: 15px;
  z-index: 900;
  top: 471px;
}


#whats2{
  background-image: url(../img/redes.png);
  background-position: 0px 305px;
  width: 60px;
  height: 59px;
  position: fixed;
  right: 15px;
  z-index: 900;
  top: 535px;
}



/*---------------------------------------------------------------------------------------------------------------*/
@media (max-width: 330px) and (min-width:300px){

  .img2{
    width: 294px;
    padding-top: 7px;
  }

  .h_text{
    padding-left: 15px;
  }

  .h_text h2{
    text-align: center;
    font-size: 18px;
  }

  .h_text h1{
    text-align: center;
  }

  .h_text p{
    line-height: 22px;
    font-size: 16px;
  }

  .categorias_home h2{
    font-size: 30px;
    padding-bottom: 48px;
  }

  #categorias_home{
    padding: 56px 0px;
  }

  .categorias_home a{
    margin-bottom: 45px;
  }

  .text_h_servicios{
    padding-top: 39px;
    padding-bottom: 36px;
    padding-left: 16px;
  }

  .text_h_servicios h2{
    font-size: 23px;
    margin-bottom: 26px;
  }

  .text_somos h2{
    font-size: 29px;
  }

  .text_somos h4{
    font-size: 33px;
  }

  footer p{
    font-size:14px;
  }

  footer ul li a{
    line-height: 25px;
    font-size: 16px;
  }

  #titulo{
    padding-top: 79px;
    margin-top: 2%;
    padding-bottom: 42px;
  }

  #frase h1{
    padding: 0px 26px;
    font-size: 19px;
  }

  #titulo h1{
    font-size: 42px;
  }

  #titulo h2{
    font-size: 36px;
  }

  .empresa{
    padding-left: 9px;
    padding-top: 27px;
  }

  .empresa p{
    font-size: 17px;
    padding-bottom: 45px;
    line-height: 23px;
  }

  .empresa h2{
    font-size: 21px;
  }

  #formulario{
    padding: 39px 0px;
  }

  #formulario h3{
    font-size: 15px;
  }

}




@media (max-width: 400px) and (min-width:331px){

  .img2{
    width: 294px;
    padding-top: 7px;
  }

  .h_text{
    padding-left: 15px;
  }

  .h_text h2{
    text-align: center;
    font-size: 18px;
  }

  .h_text h1{
    text-align: center;
  }

  .h_text p{
    line-height: 22px;
    font-size: 16px;
  }

  .categorias_home h2{
    font-size: 30px;
    padding-bottom: 48px;
  }

  #categorias_home{
    padding: 56px 0px;
  }

  .categorias_home a{
    margin-bottom: 45px;
  }

  .text_h_servicios{
    padding-top: 39px;
    padding-bottom: 36px;
    padding-left: 16px;
  }

  .text_h_servicios h2{
    font-size: 23px;
    margin-bottom: 26px;
  }

  .text_somos h2{
    font-size: 29px;
  }

  .text_somos h4{
    font-size: 33px;
  }

  footer p{
    font-size:14px;
  }

  footer ul li a{
    line-height: 25px;
    font-size: 16px;
  }

  #titulo{
    padding-top: 79px;
    margin-top: 2%;
    padding-bottom: 42px;
  }

  #frase h1{
    padding: 0px 26px;
    font-size: 19px;
  }

  #titulo h1{
    font-size: 42px;
  }

  #titulo h2{
    font-size: 36px;
  }

  .empresa{
    padding-left: 9px;
    padding-top: 27px;
  }

  .empresa p{
    font-size: 17px;
    padding-bottom: 45px;
    line-height: 23px;
  }

  .empresa h2{
    font-size: 21px;
  }

  #formulario{
    padding: 39px 0px;
  }

  #formulario h3{
    font-size: 15px;
  }

  
}



@media (max-width: 500px) and (min-width:401px){

  .img2{
    width: 294px;
    padding-top: 7px;
  }

  .h_text{
    padding-left: 15px;
  }

  .h_text h2{
    text-align: center;
    font-size: 18px;
  }

  .h_text h1{
    text-align: center;
  }

  .h_text p{
    line-height: 22px;
    font-size: 16px;
  }

  .categorias_home h2{
    font-size: 30px;
    padding-bottom: 48px;
  }

  #categorias_home{
    padding: 56px 0px;
  }

  .categorias_home a{
    margin-bottom: 45px;
  }

  .text_h_servicios{
    padding-top: 39px;
    padding-bottom: 36px;
    padding-left: 16px;
  }

  .text_h_servicios h2{
    font-size: 23px;
    margin-bottom: 26px;
  }

  .text_somos h2{
    font-size: 29px;
  }

  .text_somos h4{
    font-size: 33px;
  }

  footer p{
    font-size:14px;
  }

  footer ul li a{
    line-height: 25px;
    font-size: 16px;
  }

  #titulo{
    padding-top: 79px;
    margin-top: 2%;
    padding-bottom: 42px;
  }

  #frase h1{
    padding: 0px 26px;
    font-size: 19px;
  }

  #titulo h1{
    font-size: 42px;
  }

  #titulo h2{
    font-size: 36px;
  }

  .empresa{
    padding-left: 9px;
    padding-top: 27px;
  }

  .empresa p{
    font-size: 17px;
    padding-bottom: 45px;
    line-height: 23px;
  }

  .empresa h2{
    font-size: 21px;
  }

  #formulario{
    padding: 39px 0px;
  }

  #formulario h3{
    font-size: 15px;
  }
  
}

/*-------------------------------------------------------------------------*/

@media (max-width:600px) and (min-width:501px){

  .img2{
    width: 313px;
    padding-top: 6px;
  }

  #banner{
    margin-top: 0%;
  }

  .h_text{
    padding-left: 14px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 23px;
  }

  .h_text h2{
    font-size: 19px;
  }

  .categorias_home h2{
    padding-bottom:41px;
    font-size: 32px;
  }

  #categorias_home{
    padding: 57px 0px;
  }

  .text_h_servicios{
    padding-left: 18px;
    padding-top: 40px;
  }

  .text_h_servicios h2{
    font-size: 27px;
    margin-bottom: 25px;
  }

  #titulo{
    margin-top: 1%;
    padding-top: 112px;
    padding-bottom: 62px;
  }

  #frase h1{
    padding: 0px 11px;
    font-size: 19px;
  }

  .empresa{
    padding-top: 31px;
    padding-left: 15px;
  }

  .empresa p{
    padding-bottom: 45px;
    font-size: 16px;
  }

  .text_somos h2{
    font-size: 37px;
  }

  .text_somos h4{
    font-size: 34px;
  }

  #titulo h1{
    font-size:42px;
  }

  #titulo h2{
    font-size: 34px;
  }

  .empresa h2{
    font-size: 21px;
  }

  footer p{
    font-size: 15px;
  }

  .categorias_home a{
    margin-bottom: 23px;
  }

  
  

}



@media (max-width:700px) and (min-width:601px){

  .img2 {
    width: 387px;
    padding-top: 6px;
  }

  .categorias_home h2{
    font-size: 42px;
    padding-bottom: 49px;
  }

  .h_text{
    padding-left: 18px;
  }

  .h_text p{
    font-size: 18px;
  }

  .text_h_servicios{
    padding-left: 12px;
    padding-top: 14px;
  }

  .text_h_servicios h2{
    font-size: 34px;
  }

  .text_h_servicios h2{
    margin-bottom: 28px;
  }

  #titulo{
    margin-top: 2%;
    padding-top: 116px;
    padding-bottom: 59px;
  }

  #titulo h1{
    font-size: 52px;
  }

  #titulo h2{
    font-size: 33px;
  }

  #frase h1{
    padding: 0px 29px;
  }

  .empresa{
    padding-top: 35px;
    padding-left: 15px;
    padding-bottom: 52px;
  }
  
}



@media (max-width:767px) and (min-width:701px){
 
  .img2{
    width: 360px;
  }

  .h_text{
    padding-left: 18px;
  }

  .h_text p{
    font-size: 17px;
  }

  .categorias_home h2{
    font-size: 35px;
    padding-bottom:32px;
  }

  .categorias_home a{
    margin-bottom: 31px;
  }

  .text_somos{
    margin-bottom: 26px;
  }

  .text_h_servicios{
    padding-left: 19px;
  }

  .text_h_servicios h2{
    font-size: 33px;
  }

  .text_h_servicios{
    padding-top: 24px;
  }

  .text_h_servicios h2{
    margin-bottom: 19px;
  }

  .text_somos h1{
    padding-bottom: 10px;
  }

  .text_somos h2{
    padding-bottom: 10px;
    font-size: 36px;
  }

  .text_somos h3{
    padding-bottom: 8px;
  }

  .text_somos h4{
    font-size: 39px;
  }

  #titulo{
    margin-top: 0%;
    padding-top: 120px;
    padding-bottom: 66px;
  }

  #titulo h1{
    font-size: 63px;
  }

  #frase h1{
    padding: 0px 23px;
  }

  .empresa{
    padding-bottom: 56px;
    padding-top: 38px;
    padding-left: 12px;
  }

  .empresa p{
    font-size: 18px;
  }

  
}


/*-----------------------------------------------------------------------*/


@media (max-width:800px) and (min-width:768px){
 
  .img2{
    width: 484px;
  }

  .h_text{
    padding-left: 18px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 21px;
  }

  .categorias_home h2{
    font-size: 25px;
  }

  .categorias_home a{
    padding: 15px 12px;
    font-size: 16px;
  }

  .h_text h2{
    font-size: 17px;
  }

  .text_h_servicios{
    padding-left: 19px;
  }

  .text_h_servicios h2{
    font-size:24px;
    margin-bottom: 19px;
  }

  .text_somos{
    margin-top: -1%;
  }

  .empresa h2{
    font-size: 17px;
  }

  .text_h_servicios{
    padding-top: 24px;
  }

  .text_somos h1{
    padding-bottom: 10px;
  }

  .text_somos h2{
    padding-bottom: 10px;
    font-size:28px;
  }

  .text_somos h3{
    padding-bottom: 8px;
  }

  .text_somos h4{
    font-size:26px;
  }

  #titulo{
    margin-top: 0%;
    padding-top: 106px;
    padding-bottom: 66px;
  }

  #titulo h1{
    font-size: 63px;
  }

  #frase h1{
    padding: 0px 23px;
  }

  .empresa{
    padding-bottom: 56px;
    padding-top: 3px;
    padding-left: 12px;
  }

  footer ul li a{
    line-height: 28px;
  }

  .empresa p{
    font-size: 15px;
    line-height: 18px;
  }

  .empresa h2{
    padding-bottom: 16px;
  }

  #banner{
    margin-top: 0%;
  }

  .texto h2{
    font-size: 41px;
  }

  .texto h1{
    font-size: 21px;
    line-height: 38px;
  }

  .texto p{
    font-size: 25px;
  }

  .texto{
    bottom: 3%;
    margin-left: 24px;
  }

  #categorias_home{
    padding: 55px 0px;
  }

  footer p{
    font-size: 15px;
  }


}

/*-----------------------------------------------------*/




@media (max-width:992px) and (min-width:801px){
 
  .img2{
    width: 460px;
  }

  #banner{
    margin-top: 0%;
  }

  .texto h2{
    font-size: 41px;
  }

  .texto h1{
    font-size: 21px;
    line-height: 38px;
  }

  .texto p{
    font-size: 25px;
  }

  .texto{
    bottom: 3%;
    margin-left: 24px;
  }

  .h_text{
    padding-left: 13px;
  }

  .h_text p{
    font-size: 15px;
    line-height: 19px;
    padding-top: 22px;
  }

  .h_text h2{
    font-size: 16px;
  }

  #categorias_home{
    padding: 51px 0px;
  }

  .categorias_home h2{
    font-size: 27px;
  }

  .text_h_servicios{
    padding-left: 24px;
    padding-top: 29px;
  }

  .text_h_servicios h2{
    font-size: 31px;
    margin-bottom: 24px;
  }

  .text_somos h1{
    font-size: 20px;
  }

  .text_somos{
    margin-top: 2%;
  }

  .text_somos h4{
    font-size: 33px;
  }

  .text_somos h3{
    font-size: 30px;
    padding-bottom: 4px;
  }

  .text_somos h2{
    font-size: 31px;
    padding-bottom: 9px;
  }

  footer ul li a{
    font-size: 16px;
    line-height: 25px;
  }

  footer p{
    font-size: 16px;
  }

  #titulo h1{
    font-size: 62px;
  }

  #titulo{
    padding-top:115px;
    padding-bottom: 62px;
    margin-top: 1%;
  }

  #frase h1{
    padding: 0px 48px;
  }

  .empresa{
    padding-top: 40px;
    padding-left: 26px;
    padding-bottom: 27px;
  }

}

/*-----------------------------------------------------*/



@media (max-width:1000px) and (min-width:993px){

  
  .img2{
    width: 460px;
  }

  #banner{
    margin-top: 0%;
  }

  .texto h2{
    font-size: 41px;
  }

  .texto h1{
    font-size: 21px;
    line-height: 38px;
  }

  .texto p{
    font-size: 25px;
  }

  .texto{
    bottom: 3%;
    margin-left: 24px;
  }

  .h_text{
    padding-left: 13px;
  }

  .h_text p{
    font-size: 15px;
    line-height: 19px;
    padding-top: 22px;
  }

  .h_text h2{
    font-size: 16px;
  }

  #categorias_home{
    padding: 51px 0px;
  }

  .categorias_home h2{
    font-size: 27px;
  }

  .text_h_servicios{
    padding-left: 24px;
    padding-top: 29px;
  }

  .text_h_servicios h2{
    font-size: 31px;
    margin-bottom: 24px;
  }

  .text_somos h1{
    font-size: 20px;
  }

  .text_somos{
    margin-top: 2%;
  }

  .text_somos h4{
    font-size: 33px;
  }

  .text_somos h3{
    font-size: 30px;
    padding-bottom: 4px;
  }

  .text_somos h2{
    font-size: 31px;
    padding-bottom: 9px;
  }

  footer ul li a{
    font-size: 16px;
    line-height: 25px;
  }

  footer p{
    font-size: 16px;
  }

  #titulo h1{
    font-size: 62px;
  }

  #titulo{
    padding-top:115px;
    padding-bottom: 62px;
    margin-top: 1%;
  }

  #frase h1{
    padding: 0px 48px;
  }

  .empresa{
    padding-top: 40px;
    padding-left: 26px;
    padding-bottom: 27px;
  }

  .empresa p{
    font-size: 17px;
    line-height: 21px;
  }

  .empresa h2{
    padding-bottom: 26px;
  }
  
}



@media (max-width:1199px) and (min-width:1001px){

  .img2{
    width: 460px;
    margin-top: 8px; 
  }

  #banner{
    margin-top: 2%;
  }

  .texto h1{
    font-size: 23px;
  }

  .texto h2{
    font-size: 60px;
  }

  .texto{
    bottom: 9%;
    margin-left: 30px;
  }

  .h_text h2{
    font-size: 19px;
  }

  .h_text p{
    font-size: 15px;
    line-height:19px;
  }

  .categorias_home h2{
    font-size: 33px;
  }

  .text_h_servicios h2{
    font-size: 31px;
  }

  .text_h_servicios{
    padding-left: 29px;
    padding-top: 24px;
  }

  .text_somos h2{
    padding-bottom: 11px;
    font-size: 34px;
  }

  .text_somos{
    margin-top: 6%;
  }

  .text_somos h4{
    font-size: 34px;
  }

  footer p{
    font-size: 16px;
  }

  footer ul li a{
    line-height: 26px;
    font-size: 17px;
  }

  #titulo{
    padding-top: 129px;
    padding-bottom: 56px;
    margin-top:1%;
  }

  .text_h_servicios p{
    padding-top: 7px;
  }

  #titulo h1{
    font-size: 68px;
  }

  .empresa{
    padding-top: 12px;
    padding-left: 23px;
  }

  .empresa p{
    font-size: 17px;
    line-height: 20px;
  }

  .empresa h2{
    font-size: 19px;
    padding-bottom: 15px;
  }

  #frase h1{
    padding: 0px 112px;
  }

  #empresa h1{
    padding-bottom: 13px;
  }

  
}


@media (max-width:1300px) and (min-width:1200px){
  
  .wsmenu-list li a{
    font-size: 15px !important;
  }

  #barra-menu{
    padding: 8px 5px;
  }

  #barra-menu p{
    font-size: 13px;
  }

  #menu li{
    margin-right:50px;
  }

  #banner{
    margin-top: 24%;
  }

  .texto{
    margin-left: 55px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 21px;
    padding-top: 22px;
  }

  .categorias_home h2{
    font-size: 40px;
  }

  .text_h_servicios h1{
    font-size: 24px;
  }

  .text_h_servicios h2{
    font-size: 36px;
  }

  .text_h_servicios{
    padding-left: 75px;
    padding-top: 57px;
  }

  .text_somos h2{
    font-size: 38px;
    padding-bottom: 11px;
  }

  .categorias_home a{
    padding: 12px 8px;
    font-size: 15px;
  }

  footer ul li a{
    line-height: 27px;
  }

  #titulo h1{
    font-size: 66px;
  }

  #frase h1{
    padding: 0px 72px;
  }

  .empresa{
    padding-top: 8px;
    padding-left: 20px;
  }

  .empresa p{
    font-size: 17px;
  }

  .text_somos{
    margin-top: 3%;
  }

  .empresa h2{
    padding-bottom: 22px;
  }

  .text_somos h3{
    padding-bottom: 10px;
  }

  .text_somos h4{
    font-size: 38px;
  }

  .h_text{
    margin-top: 4%;
  }

  .h_text h2{
    font-size: 20px;
  }

  .texto h1{
    font-size: 31px;
  }

  .texto h2{
    font-size: 66px;
  }

  .texto p{
    font-size: 34px;
  }
  
}


@media (max-width:1400px) and (min-width:1301px){

  #barra-menu{
    padding: 8px 8px;
  }

  #menu li{
    margin-right: 62px;
  }

  #barra-menu p{
    font-size: 14px;
  }

  .texto h1{
    font-size: 31px;
  }

  .texto h2{
    font-size: 84px;
  }

  .texto p{
    font-size: 36px;
  }

  #banner{
    margin-top: 23%;
  }

  .texto{
    margin-left: 63px;
  }

  .h_text p{
    font-size: 16px;
    line-height: 21px;
  }

  .h_text h2{
    font-size: 21px;
  }

  .text_h_servicios{
    padding-left: 53px;
    padding-top: 50px;
  }

  .text_h_servicios h2{
    font-size: 36px;
  }

  .text_h_servicios p{
    padding-top:17px;
    font-size: 17px;
  }

  .text_somos h2{
    font-size: 40px;
    padding-bottom: 11px;
  }

  .text_somos h4{
    font-size: 39px;
  }

  footer ul li a{
    line-height: 27px;
  }

  #titulo h1{
    font-size: 77px;
  }

  .empresa{
    padding-top: 39px;
    padding-left: 51px;
  }

  .empresa p{
    font-size: 17px;
  }

  .categorias_home a{
    padding: 17px 12px;
  }

  .text_somos{
    margin-top: 7%;
  }

  .categorias_home h2{
    font-size: 39px;
  }


}


@media (max-width:1500px) and (min-width:1401px){

  #barra-menu{
    padding: 6px;
  }

  #menu li{
    margin-right: 71px;
  }

  #barra-menu p{
    font-size: 15px;
  }

  #banner{
    margin-top: 20%;
  }

  .texto{
    margin-left: 68px;
  }

  .texto h2{
    font-size: 75px;
  }

  .texto h1{
    font-size: 31px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 19px;
  }

  .text_h_servicios{
    padding-top: 55px;
    padding-left: 43px;
  }

  .text_h_servicios h2{
    font-size: 39px;
  }

  .text_somos h2{
    font-size: 38px;
  }

  .text_somos h4{
    font-size: 38px;
  }

  #titulo h1{
    font-size: 71px;
  }

  .empresa{
    padding-top: 26px;
    padding-left: 31px;
  }

  .empresa p{
    font-size: 17px;
  }

  

}


@media (max-width:1600px) and (min-width:1501px){

  #barra-menu{
    padding: 6px;
  }

  #menu li{
    margin-right: 71px;
  }

  #barra-menu p{
    font-size: 15px;
  }

  #banner{
    margin-top: 20%;
  }

  .texto{
    margin-left: 68px;
  }

  .texto h2{
    font-size: 75px;
  }

  .texto h1{
    font-size: 31px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 19px;
  }

  .text_h_servicios{
    padding-top: 55px;
    padding-left: 43px;
  }

  .text_h_servicios h2{
    font-size: 39px;
  }

  .text_somos h2{
    font-size: 38px;
  }

  .text_somos h4{
    font-size: 38px;
  }

  #titulo h1{
    font-size: 71px;
  }

  .empresa{
    padding-top: 26px;
    padding-left: 31px;
  }

  .empresa p{
    font-size: 17px;
  }


}


@media (max-width:1700px) and (min-width:1601px){

  #menu li{
    margin-right: 84px;
  }

  .texto h1{
    font-size: 26px;
  }

  .texto h2{
    font-size: 72px;
  }

  .texto p{
    font-size: 32px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 22px;
  }

  .text_h_servicios{
    padding-left: 59px;
  }

  .text_h_servicios h2{
    font-size: 40px;
  }

  #titulo{
    margin-top: 17%;
  }

  #titulo h1{
    font-size: 79px;
  }

  .empresa{
    padding-top: 48px;
    padding-left: 77px;
  }

}


@media (max-width:1800px) and (min-width:1701px){

   #menu li{
    margin-right: 84px;
  }

  .texto h1{
    font-size: 26px;
  }

  .texto h2{
    font-size: 72px;
  }

  .texto p{
    font-size: 32px;
  }

  .h_text p{
    font-size: 17px;
    line-height: 22px;
  }

  .text_h_servicios{
    padding-left: 59px;
  }

  .text_h_servicios h2{
    font-size: 40px;
  }

  #titulo{
    margin-top: 17%;
  }

  #titulo h1{
    font-size: 79px;
  }

  .empresa{
    padding-top: 48px;
    padding-left: 77px;
  }


}