html { 
    overflow-x:hidden;
    font-family: "Helvetica" !important;
}
body { 
    --overflow-x:hidden;
    font-family: "Helvetica" !important;
}



.sectionStyle{
    text-align: center;
}

.fullAltura{
    height: 100%;
}

.bordeCuadrado{
    border-radius:0px !important;
}
.izquierda{
    text-align: left !important;
}
.flotarDerecha{
    float:right !important;
}
.btnNavegadorLateral{
    --font-weight: bold;
    display:block;
    width:30px;
    height:30px;
    border-radius:66px;
    border:4px  #ccc;
    font-size:20px;
    color:white;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 #fff;
    margin-bottom: 5px;
    --background:#ddd;
    background-color: #B2B2B1;
}
.divItemMenuColapsado{
    color:white;
}

.aItemMenuColapsado{
    color:white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
}
.tg2{
    padding-bottom: 10px;
}
.aItemMenuColapsado:hover{
    color:white;
    text-decoration: none;
}

.btnNavegadorLateral:hover{
    font-weight: bold;
    border:4px  #bbb;
    color:white;
    line-height:45px;
    text-decoration:none;
    --background:#e6e6e6;
    background-color: rgba(255, 107, 1, 1);
}

<!--Barra de navegacion-->
#contenido{
    width: 100%;
    height: 100%;
}

<!--Barra de navegacion-->

a:active {
    outline: none;
}
a:focus {
    outline: none;
}
div,section{
   --border: 1px solid red;
}
.100x100to{
    height: 100%;
    width: 100%
}
.iLPDiv{
    padding: 3% 12% 10% 12%;
    text-decoration: none;
    color: rgb(74, 74, 74);
}
.centrado{
    margin: 0 auto;
    text-align: center;
}
.divFlechas{
    height: 10px;
    margin: -1px 0px;
}
.barraNavegacion{
	background-color: rgba(34, 34, 34, 0.70);
	border: none;
}
.iPesadaSecondHomeL a,.iLigeraSecondHomeL a{
    text-decoration: none;
}
.weird1{
  max-height:200px;
}
.weird2{
  max-width:300px;
  margin: 0 auto;
}

.backIntro{
	background-image: url("images/intro.jpg");
}
.fontHomePrimera{
	font-family: Helvetica;
	font-weight: bold;
    font-size: 70px;
}
.navbar-inverse .navbar-nav>li>a {
	color: white;
}
.navbar-inverse .navbar-nav>li>a:hover {
	color: rgb(255,107,1);
}
.naranja{
    color: rgb(255,107,1); 
}
.backNaranja{
    background-color: rgb(255,107,1); 
}
.backNaranja2{
    background-color: rgb(255,85,0);
}
.backNaranja2:hover{
    background-color: rgb(255,85,0); 
}
.divTextoEnlaces{
    margin: -6px 0px -7px 0px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: -15px;
    margin-left: -15px;
    --padding-bottom: 14px;
 }

 .navbar-nav {
    float: left;
    margin: 0px;
    --border-top: 1px solid white;
    --border-bottom: 1px solid white;
    --margin-top: 40px;
    --margin-bottom: 30px;
}
.whiteBorders{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.paddingLi{
    padding: 0px 0px 0px 0px;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-family: Helvetica;
    font-size: 20px;
}
.limpio{
	--clear: both;
    color: white;
}
.limpio2{
    --clear: both;
    color: white;
    --padding: 23px 0px;
    outline: none;
    --font-weight: bold;
    --font-size: 23px;
    --text-decoration: none;
    --font-family: Helvetica;
}
.limpio2Back{
    padding: 0px 18px;
}
.limpio2:focus{
    --outline: none;
}
.limpio2:active{
    --outline: none;
}

.limpio >a:hover{
    color: rgb(255,107,1);
    text-decoration: none;
}
.limpio >a:focus{
    color: white;
    text-decoration: none;
}
.menuBottons2 >a:hover,.menuBottons >a:hover,.menuBottons2 >a:focus,.menuBottons >a:focus{
    color: white;
    text-decoration: none;
}
.menuBottons2:hover,.menuBottons:hover,.menuBottons2:focus,.menuBottons:focus{
    background-color: rgb(255,107,1); 
}
.limpio3{
    clear: both;
    color: white;
    --padding: 23px;
}

.limpio3 a:hover, .limpio3 a:focus {
    color: rgb(255,107,1);
    text-decoration: none;
}
.flechaArriba{
    height: 1px;
    --padding-bottom: 19px;
    --margin-top: -12px;
    text-align: center;
}
.flechaAbajo {
    height: 1px;
    margin-top: -20px;
    padding-bottom: 31px;
    text-align: center;
}
.anchoFlecha{
    width:15px;
    position: absolute;
    top: 0;
}

.navTexto{
    color: white;
    font-weight: bold;
    --font-size: 23px;
    text-decoration: none;
    font-family: Helvetica;
}
.eriez{
    position: absolute;
    width: 153px;
    right: 20px;
    top:20px;
}
.eriezImg{
    width:100px ;
}
.eriezImgSinoesteel{
    width:85px ;
}

.estiloMenuColapsado{
    float: right;
    text-align: center;
    --padding-right: 30px;
}
.cuadroResponsive{
    width: 60px;
}

.menuBottons{
    --background-color:transparent;
    width:100%;
    height: 100%;
    text-align: center;
    vertical-align: center;
    background-color:gray;
    position: absolute;
    bottom: 0;
    --margin-bottom: 10px;
}
.menuBottonsBack{
    width:100%;
    height: 32px;
    text-align: center;
    position: relative;
    vertical-align: center;

}
.menuBottons2{
    --background-color:transparent;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: center;
    background-color:gray;
    position: absolute;
    top: 0;
    --margin-top: -56px;
}
.menuBottonsBack2{
    --background-color:transparent;
    width:100%;
    height: 32px;
    position: relative;
    --margin-top: 56px;
    text-align: center;
    vertical-align: center;
}

.backOrange{
    background-color:rgb(255,107,1);
}

<!--Barra de navegacion colapsada-->
.menuColapsadoUL{
    margin-right: -30px;
    --width: 100%;
}
.buttomColapsado{
    background: none;
    border: none;
    position: absolute;
    top: 42px;
    right: -5px;
    --width: 35px;
}
.divEnlaceMenuColapsadoIL{
    width: 100%;
    height: 100%
}
.divEnlaceMenuColapsadoIP{
    width: 100%;
    height: 100%
}

<!--Barra de navegacion-->

.boxEnlaceILP{
    padding: 30px;
}

.esizq{
    position: absolute;
    top:0;
    left: 0;
}
.esder{
    position: absolute;
    top:0;
    right: 0;
}
.eiizq{
    position: absolute;
    bottom:0;
    left: 0;
}
.eider{
    position: absolute;
    bottom:0;
    right: 0;
}
.eidermas{
    position: absolute;
    bottom:4px;
    right: 4px;
}



.correccionContainer{
    padding-left: 3%;
    padding-right: 3%;
    --text-align: center;
}
.tituloCategoria{
    font-size: 20px;
    font-family: Helvetica;
    color: rgb(255,107,1);
    margin-bottom: 0em;
}
.textoCategoria{
    font-size: 20px;
    font-family: Helvetica;
    line-height: 19px;
}
.textoCategoria1{
    font-size: 20px;
    font-family: Helvetica;
    line-height: 19px;
}
.imagenCategoria{
    width: 100%;
    margin:0 auto;
}
#work {
    --padding-top: 190px;
}
.marginTopTextoCategoria{
    --margin-top: -30px;
}
.infoContacto1{
    font-size: 33px;
    font-family: Helvetica;
    line-height: 36px;
    margin-bottom: 80px;
    margin-top: 30px;
}
.eriezImg1{
    width: 350px;
}
.eriezImg2{
    width: 150px;
}
.equimagImg{
    width: 300px;
}
.infoContacto2{
    font-size: 35px;
    font-family: Helvetica;
}

.footerFormato{
    background-color: rgb(255,107,1);
    font-size: 20px;
    font-family: Helvetica;
}

.row2{
    margin-left:-15px;
    margin-right: -15px;
    --margin-left:auto;
    --margin-right: auto;
    --margin-top: 10px;
    --margin-bottom: 10px;
}
.row3{
    margin-left:-10px;
    margin-right: -10px; 
}
.row4{
    margin-left:-8px;
    margin-right: -8px; 
}
.paddImagenesHome{
    padding: 0px 8px 0px 8px;
}

.imgFlechaMenuU{
    top: 8;
    width: 13px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    
}
.imgFlechaMenuD{
    bottom: 8;
    width: 15px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    
}
.tProducto{
    font-family: "Helvetica";
}

.back1 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/home/intro1.jpg") no-repeat fixed center bottom / cover transparent;
}
.back2 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/home/intro2.jpg") no-repeat fixed center bottom / cover transparent;
}
.back3 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/home/intro3.jpg") no-repeat fixed center bottom / cover transparent;
}
.back4 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/home/intro4.jpg") no-repeat fixed center bottom / cover transparent;
}
.back5 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/home/intro5.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsil1 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IL/fondo1.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsil2 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IL/fondo2.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsil3 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IL/fondo3.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsil4 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IL/fondo4.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsip1 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IP/fondo1.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsip2 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IP/fondo2.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsip3 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IP/fondo3.jpg") no-repeat fixed center bottom / cover transparent;
}
.backsip4 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IP/fondo4.jpg") no-repeat fixed center bottom / cover transparent;
}
.backe1 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/equilab/e1.jpg") no-repeat fixed center bottom / cover transparent;
}
.backe2 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/equilab/e2.jpg") no-repeat fixed center bottom / cover transparent;
}
.backe3 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/equilab/e3.jpg") no-repeat fixed center bottom / cover transparent;
}
.backCilindro1 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/c/cilindro1back.jpg") no-repeat fixed center bottom / cover transparent;
}
.backCilindro2 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/c/cilindro2back.jpg") no-repeat fixed center bottom / cover transparent;
}
.backCilindro3 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/c/cilindro3back.jpg") no-repeat fixed center bottom / cover transparent;
}
.backCilindro4 {
    background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/c/cilindro4back.jpg") no-repeat fixed center bottom / cover transparent;
}
<!--intro-->

.completoDivInLink{
    width: 100%;
    height: 100%;
    color:white;
    text-decoration: none;
}


#intro{
    transition: background 0.5s linear;
}


.clearAmbos{
    clear: both;
}

.width7{
    width: 18px;
}
.masClase{
    width: 4%;
}
#homeSecondImages{
   padding-bottom: 3%;
}

<!-- Imanes // categorias-->
.rowProductBig{
    position: relative;
}
.titleLRowProductBig{
    position: absolute;
    top: 10px;
    left: 20px;
    text-align: left;
    line-height: 25px;
}
.titleRRowProductBig{
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 18px;
    font-weight: bold;
}
.pantallaCompleta99{
    width: 99%;
    height: 99%;
}
.introPlantilla2{

}
.I-IL-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/I-IL/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.I-IP-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/I-IP/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.D-IL-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/D-IL/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.D-IP-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/D-IP/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.V-IL-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/V-IL/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.V-IP-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/V-IP/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.S-IL-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IL/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.S-IP-Back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/S-IP/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.equilab-back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/equilab/back.jpg") no-repeat fixed center bottom / cover transparent;
}
.contacto-back{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("../images/contacto/back.jpg") no-repeat fixed center bottom / cover transparent;
}

.navegadorLateral{
    width: 20px;
    position: fixed;
    right: 0;
    top: 30%;
    --left: 0;
    z-index: 1030;
}
.footerIntroCategorias{
    position: absolute;
    bottom: 5%;
    left: 4%;
}
.footerIntroCategorias2{
    position: absolute;
    bottom: 1%;
    left: 5%;
    right: 5%;
}

.fic1{
    font-size: 63px;
    padding: 0px 0px 7px 0px;
    margin: 0px;
}
.fic12{
    font-size: 63px;
    padding: 80px 0px 7px 20px;
    margin: 0px;
}
.fic2{
    font-size: 43px;
    padding: 7px 0px 0px 0px;
    margin: 0px;
}
.pNormal{
    margin: 0px;
    padding: 5px 0px;
    line-height: 17px;
    font-size: 16px;
    --font-weight: bold;
    font-family: "Helvetica";
}
.imgIntroCategoria{
    width: 100%;
}
.divImageIntroCategoria{
    width: 100%;
}
.divContenedorDivImageCategoria11{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.divContenedorDivImageCategoria11:hover,
.divContenedorDivImageCategoria12:hover,
.divContenedorDivImageCategoria21:hover,
.divContenedorDivImageCategoria22:hover,
.divContenedorDivImageCategoria31:hover,
.divContenedorDivImageCategoria32:hover{
    color:rgb(255,107,1);
}
.divContenedorDivImageCategoria12{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.divContenedorDivImageCategoria21{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.divContenedorDivImageCategoria22{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.divContenedorDivImageCategoria31{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.divContenedorDivImageCategoria32{
    float:left;
    padding: 0px 20px;
    width: 14%;
}
.imagenGrandeCategoria{
    --height: 60%;
}
.imgGrandeCategoria{
    width: 52%;
}
.selectoresImagenGrandeCategoria{
    height: 25%;
    margin-left: -22px;
    margin-right: -22px;
}
.containerCategoria{
    padding: 0% 6%;
}
.mostrado{
    display: block;
}
.ocultado{
    display: none;
}
.posicionRelativa{
    position: relative;
}
.esquinaSupI1{
   position: absolute;
   top:5px;
   left: 5px;
}
.esquinaSupD1{
   position: absolute;
   top:5px;
   right: 5px;  
}
.esquinaInfI1{
   position: absolute;
   bottom:5px;
   left: 5px;  
}
.esquinaInfD1{
   position: absolute;
   bottom:5px;
   right: 5px;  
}
.esquinaSupI{
   position: absolute;
   top:5px;
   left: 15px;
}
.esquinaSupD{
   position: absolute;
   top:5px;
   right: 15px;  
}
.esquinaInfI{
   position: absolute;
   bottom:5px;
   left: 15px;  
}
.esquinaInfD{
   position: absolute;
   bottom:5px;
   right: 15px;  
}
.widthEsquinaC{
    width: 15px;
}
.widthEsquina{
    width: 15px;
}
.imgPequeniaCategoria{
   height: 100px;
}
<!-- EQUILAB -->

.flechaAbajo{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.2backEquilab{
       background-image: url("images/test.jpg");
}
.3backEquilab{
       background: url("images/overlay.png") repeat fixed left top / 0px 0px, url("images/two1.jpg") no-repeat fixed center bottom / cover transparent;
}
.imgSectionEquimag{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.textoSectionEquimag{
    font-size: 40px;
    padding: 0% 20%;
    text-align: center;
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
}
.cat1Home,.cat2Home,.cat3Home{
    --margin: 0 auto;
}
.textoSectionServicios{
    font-size: 30px;
    padding: 0% 20%;
    text-align: center;
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 0;
}
.textoSectionServicios1{
    line-height: 90%;
    font-size: 50px;
    padding: 0% 50% 0% 0%;
    position: absolute;
    top: 20%;
    left: 4%;
}

<!-- Contacto -->
.tituloContacto{
    color: black;
    font-size: 40px;
}
.divImgContacto{
    text-align: center;
    color: rgb(255,107,1);
    font-size: 50px
}
.contactoIndustria{
    padding: 0% 0% 7% 0%;
}
.imgFotoContacto{
    width: 18%;
    border-radius: 1000px;
    padding: 20px;
}
.imgFotoContactoForm{
    width: 35%;
    border-radius: 1000px;
    margin: 0 auto;
    text-align: center;
}
.imgMail{
    width: 10%;
    margin-top: 10px;
    margin-bottom: 40px;
}
.enlaceImgMail{

}

.backFormulario{
    padding-top: 5%;
    background-color: rgba(0, 0, 0, 0.60);
    position: absolute;
    z-index: 2000;
    top: 0px;
    left: 0px;
    --overflow: scroll;
}
.divFormulario{
    --box-shadow: inset 0px 0px 50px 0px #ABABAB,1px -5px 100px 29px #242424;
--webkit-box-shadow: inset 0px 0px 50px 0px #ABABAB,1px -5px 100px 29px #242424;
--moz-box-shadow: inset 0px 0px 50px 0px #ABABAB,1px -5px 100px 29px #242424;
--o-box-shadow: inset 0px 0px 50px 0px #ABABAB,1px -5px 100px 29px #242424;
    padding: 20px;
    border-radius: 20px;
    background-color: transparent;
    --overflow: scroll;
}
.textoForm{
   --color: rgb(255,107,1);
   color: white;
   font-size: 20px;
   padding-top: 0px !important;
}
.inputForm{
    background-color: rgb(255,107,1);
    color: white;
    height: 40px;
    font-size: 20px;
    --font-weight: 600 !important;
    border: none !important;
}
.nombreContactoForm{
    font-size: 20px;
    font-weight: bold;
}
.inputForm:focus{
    -webkit-box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
    -moz-box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
    box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
}
.letraNaranja{
    color: rgb(255,107,1);
}
.botonEnviar{
    margin-top: 10px;
    background-color: rgb(255,107,1);
    color: white;
    font-size: 18px;
    font-weight: bold;
    border: none;
    padding: 0px 20px;
    --border: 2px solid rgba(0, 0, 0, 0.10);
}
    
.botonEnviar:hover{
    --border: 2px solid rgb(255,107,1);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
    -moz-box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
    box-shadow: 0px 0px 6px 1px rgba(235,159,44,0.6) !important;
}