body{
   margin: 0px;
   padding: 0px;
   height: auto;
   width: 100%;
   font-family: "Montserrat", sans-serif;
   font-optical-sizing: auto;
   background-color: #ffffff;
   overflow-x: hidden;
   

   
}



p#cant{
    margin-top: 0px; color: #6A7172;
}

.desct{
    color:#1e82c2; 
    font-size: 1.1rem; 
    font-weight: 500;
}

div#header{
    width: 100%;
    height: 100px; 
    border-bottom: solid;
    border-width: 1px;
    border-color: #d1d1d1;
    margin-top:-4px;
    background-color: rgba(255, 255, 255, 1 );
    
}

img#whats{
    width: 100px;
    position: fixed;
    margin-top: 740px;
    margin-left: 80%;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 10%;
  

  
}

img#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    
    
}

div#nav{
    display: inline-block;
    width: 100%;
    height: 20px;
    padding: 20px 0% 0px 0%;
    position: absolute;
    margin-top: 25px;
    justify-content: space-between;
    
     
}

a#nav{
    text-decoration: none;
    color: #6A7172;
    transition: background-size .5s ease-in-out;
}


    








li#nav{
    display: inline-block;
    margin-right: 5%;
    padding: 0%;
    font-weight: 500;
    font-size: 1rem;
    color: #6A7172;  
    transition: background-size .5s ease-in-out;
    vertical-align: top;
    
    

}








img#telefono{
    width: 30px;
    margin-top: -9px;
    padding: 0%;
    margin-left: 66%;
    display: none;
    
}

img#menu{
    float:right;
    width: 30px;
    margin-top: -9px;
    margin-right: 2%;
 
}

a#tel{
    display: inline-block;
    position: absolute;
    margin-left: 83%;
    margin-right: 2%;
    margin-top: -18px;
    text-decoration: none;
    color: #6A7172;
    font-weight: 600;
    display: none;
}

div#menuRes{
    z-index: 19999;
    width: 90%;
    height: auto+20px;
    background-color: #6A7172; 
    padding: 5%;
    display: none;
    position: absolute;


}

img#cruz{
    float: right;
}

img#logoRes{
    float:left;
    width: 80px;

}

ul#navRes{
    margin-top: 15%;
}

li#navRes{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-width: 1px;
    border-bottom: solid;
    border-color: darkgray;
    padding-bottom: 15px;
}

a#navRes{
    color: white;
}



div#cont{
   
    margin: 5px 0% 0px 5% ;
    height: auto;
    width:90%;
    overflow-y: hidden;
    overflow-x: hidden;
   
    
  
   
    
   

}

div#section1{
    width: 100%;
    height: 350px;
    background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 0px;
   
  
}



div#intro{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 0px;
   
    
    
}

div#introProds{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 80px;
    
}

div#introProdsAviso{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 100px;
    
}

div#introContacto{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 80px;
    
}

div#introOutlet{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 80px;
    
}

div#introNosotros{
    width: 99%;
    height: 300px;
    text-align: left;
    margin-right: 0%;   
    display: inline-block;
    margin-top: 80px;
    
}

h1#intro{
    font-size: 2.5rem;
    color: #1e82c2;
    font-weight: 400;
    padding: 0px;
    margin: 0px; 
    width:100%;
    margin-top: 40px;
   
}

p#intro{
    font-size: 1.2rem;
    color: #6A7172;
    width: 100%;
}

p#introOutlet{
    font-size: 1.2rem;
    color: #6A7172;
    width: 100%;
}

p#introNosotros{
    font-size: 1.2rem;
    color: #6A7172;
    width: 100%;
    margin-top: -20px;
}

p#intro1{
    font-size: .91rem;
    color: #6A7172;
    width: 100%;
    margin: 0px;
}

button#conocenos{
    width: 160px;
    height: 50px;
    background-color: #1e82c2;
    color: white;
    margin-top: 50px;
}

div#imgIntro{

    width:100%;
    height: 370px;
    background-image: url(../img/Innovación\ y\ Soluciones.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-top: 60px;
    
}

div#imgIntro2{

    width:100%;
    height: 350px;
    background-image: url(../img/Productos\ y\ Servicios.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    margin-top: 60px;
}

div#imgIntro3{

    width:100%;
    height: 250px;
    background-image: url(../img/Nosotros.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    margin-top: 50px;
}




button{
    font-size: 1.1rem;
    border-radius: 10px;
    border: none;
    font-family: "Montserrat", sans-serif;
    cursor: pointer;
    
}

h2#nuestrasSoluciones{
    margin-bottom: 40px;
    margin-top: 0px;
    color: #1e82c2;
}

h2#productosYservicios{
    margin-bottom: 40px;
    margin-top: 90px;
    color: #1e82c2;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
   
}













div#soluciones{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

div#solucionesImg1{
    width: 100%;
    height:380px ;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    border-radius: 10px;
    
}

div#solucionesImg2{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    background-image: url(../img/Purgas\ 2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    margin-top: 30px;
}

div#solucionesImg3{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    background-image: url(../img/Sistemas\ de\ Poliuretano.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    margin-top: 30px;

}

div#solucionesImg4{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    background-image: url(../img/Masterbatches\ y\ Copuestos.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    margin-top: 10px;

}

div#solucionesImg5{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    margin-top: 5%; 
    background-image: url(../img/Polimeros\ de\ Ingeniería.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    margin-top: 30px;

}

div#solucionesImg6{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    margin-top: 5%; 
    background-image: url(../img/Polimeros\ Reciclados.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    margin-top: 30px;

}

div#solucionesImg7{
    width: 100%;
    height: 380px;
    display: flex;
    margin-left: 0%;
    margin-right: 2%;
    margin-top: 5%; 
    background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: left;
    margin-top: 30px;

}

div#section3{
    background-color: #1e82c2;
    width: 90%;
    height: 410px;
    margin-top: 50px;
    text-align: left;


}

p#section3{
    color: white;
    width: 100%;
}

h2#section3{
    color: white;
    margin-top: 0px;
    font-size: 1.7rem;
}

button#contacto{
    width: 160px;
    height: 50px;
    background-color: white;
    color:#1e82c2;
    margin-top: 30px;
    transition: background-color .3s ease-in-out;
}

button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-bottom: 60px;
}

h3#section3{
     color: white;
}

h3#cap{
    float: left;
    margin-top: 300px;
    padding-left: 10px;
    width: 100%;
    height: 60px;
    background-color: rgba(0,0,0,0.50);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


h3#cap4{
    float: left;
    margin-top: 250px;
    padding-left: 10px;
    width: 100%;
    height: 110px;
    background-color: rgba(0,0,0,0.50)
}

div#footer{
    width: 100%;
    height: 550px;
    background-color: #6A7172;
    padding-top: 20px;
}

ul#footer{
    margin-top: 10px;
    padding: 0px;
    margin-top: 20px;
}

li#footer{
    list-style: none;
    margin-left: 2%;
    margin-right: 2%;
    padding: 0%;
    font-weight: 600;
    font-size: 1rem;
    color: white;  
    margin-top: 15px;
    border-bottom: solid;
    border-width: 1px;
    border-color: darkgrey;
    width: 340px;
    padding-bottom: 5px;
}

a#footer{
    text-decoration: none;
    color:white;
    font-weight: 300;
}

p#footer{
    color: white;
    width: 300px;
    margin-left: 50px;
    font-size: 1rem;
    font-weight: 300;
}

img#footer{
    margin-left: 32%;
    margin-right: 32%;
    margin-top: 70px;
    width: 150px;
}



---Pag Productos y Servicios



div#section1Prod{
    width: 100%;
    height: 780px;
    padding-top: 90px;      
}

div#section1ProdAviso{
    width: 100%;
    height: auto;
    padding-top: 0px;      
}

div#section1Contacto{
    width: 100%;
    height: auto;
    padding-top: 90px;      
}

div#section1Prod2{
    width: 100%;
    height: auto;
    padding-top: 90px;      
}

div#section1Outlet{
    width: 100%;
    height: auto;
    padding-top: 90px;      
}



#section2Prod{
    width: 100%;
    height: auto;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    margin-top: 60px;
    



}

.prods1{
    width:98%;
    height: auto;
    display: block;
    margin-top: 10px;
    
  
  
    
}

.prods1Purgas{
    width:98%;
    height: auto;
    display: block;
    margin-top: 10px;
    
}

.prods1Sistemas{
    width:98%;
    height: auto;
    display: block;
    margin-top: 10px;
  
}

.prods21{
    width:98%;
    height: 300px;
    background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
    background-size: cover;
    display: block;
    margin-bottom: 20px;
    
   
}

.prods22{
    width:98%;
    height: 300px;
    background-image: url(../img/Purgas\ 2.png);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
  
   
}

.prods23{
    width:98%;
    height: 300px;
    background-image: url(../img/Sistemas\ de\ Poliuretano.png);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
   
   
}

.prods24{
    width:98%;
    height: 300px;
    background-image: url(../img/Masterbatches\ y\ Copuestos.png);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
   
   
}

.prods25{
    width:98%;
    height: 300px;
    background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
    
   
}

.prods26{
    width:98%;
    height: 300px;
    background-image: url(../img/Polimeros\ Reciclados.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
    
   
}

.prods27{
    width:98%;
    height: 300px;
    background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
    background-size: cover;
    background-position: center;
    display: block;
    margin-bottom: 20px;
   
}

h2#nuestrasSolucionesProds{
    margin-bottom: 40px;
    margin-top: 0px;
    color: #1e82c2;
}





div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;
    
}

div#form{
    width: 100%;
    height: auto;
    text-align: left;
}

span#outletMaterial{
    font-size: 1.5rem;
    color: #1e82c2;
    font-weight: 400;
    margin-top: 40px;
}

h2#material{
    font-size: 1.1rem;
}

p#contactos{
    font-size: 1.2rem;
    color: #6A7172;
}

h3#nombre{
    font-size: 1.2rem;
    color:#6A7172;
    font-weight: 400;
    display: inline-block;
}

#nombreText{
    width: 90%;
    font-size: 1.2rem;
    font-weight: 300;
    height: 25px;
    display: block;
    
    background-color: #c5d4d6;
    border: none;
    margin-bottom: 15px;
    
}

#apellidosText{
    width: 90%;
    font-size: 1.2rem;
    font-weight: 300;
    height: 25px;
    display: block;
   
    background-color: #c5d4d6;
    border: none;
    margin-bottom: 15px;
    
}

#correoText{
    width: 90%;
    font-size: 1.2rem;
    font-weight: 300;
    height: 25px;
    display: block;
 
    background-color: #c5d4d6;
    border: none;
    margin-bottom: 15px;
    
}

#telefonoText{
    width: 90%;
    font-size: 1.2rem;
    font-weight: 300;
    height: 25px;
    display: block;
   
    background-color: #c5d4d6;
    border: none;
    margin-bottom: 15px;
    
}

#textarea{
    background-color: #c5d4d6;
    width: 99%;
    font-size: 1.2rem;
    font-weight: 300;

}

button#contactoOutlet{
    width: 250px;
    height: 50px;
    background-color: #1e82c2;
    color:white;
    margin-top: 30px;
}

button#contacto2{
    width: 250px;
    height: 50px;
    background-color: #1e82c2;
    color:white;
    margin-top: 70px;
}

input#enviar{
    width: 150px;
    height: 50px;
    background-color: #1e82c2;
    color:white;
    margin-top: 25px;
    font-family: "Montserrat", sans-serif;
    font-size: 1.1rem;
    border: none;
    margin-bottom: 50px;
}

div#frame{
    margin-top: 80px;
    width: 100%;
    height: 350px;
    margin-bottom: 50px;
   
}


h2{
    font-size: 2.5rem;
    font-weight: 400;
    padding: 0px;
    margin: 0px;  
}

h3{
    font-size: 1.5rem;
    color: white;
    font-weight: 300;
    padding: 10px 0px 10px 5px;
   
}

p{
    font-size: 1.2rem;
    
}

a{
    text-decoration: none;
    
}



img#ficha{
    width: 25px;
}

table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    
    

}

td{
    width:230px;
    border-bottom:solid;
    border-width: 1px;
    border-color: #c5d4d6;
    height: 60px;
    color: #6A7172;
}






@media (min-width: 360px){

    ul#navRes{
    margin-top: 30%;
}

.desct{
    color:#1e82c2; 
    font-size: .7rem; 
    font-weight: 500;
}

    div#section3{
        background-color: #1e82c2;
        width: 80%;
        height: 20%;
        margin-top: 0px;
        text-align: left;
        text-align: center;
        padding: 3% 10% 3% 10%;
    }



    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 450px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 1.3rem; 
        margin-top: 550px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    div#nav{
        display: inline-block;
        width:74%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
        

    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 30px;
        display: block;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 70px;
        display: block;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 100%;
        height: 180px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px; 
    }

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 20px;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 52.8%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }
     div#carrusel{
        width: 1195px;
        height: 200px;
        justify-content: space-between;
        margin-left: 0px;
        display: flex;
        margin-top: 30px;
     
     
    }   

    div#section2{
        width: 90%;
        height: 400px;
        padding-top: 40px;   
        margin-left: 5%;
        margin-right: 5%;
       
    
    }

  

     div#imgIntro1c{
        width: 70%;
        height: 200px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
  
        
    }
         

       div#imgIntro2c{
        width:70%;
        height: 200px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:70%;
        height: 200px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:70%;
        height: 200px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:70%;
        height: 200px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:70%;
        height: 200px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:70%;
        height: 200px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 3%;
        margin-left: 3%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 190%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 135%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 135%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
     
    }
    
   

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
     p#cant{
        font-size: .8rem;
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
   
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 530px;
        margin-left: 63%;
        z-index: 10000;
       
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
      
       
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}

    div#section1outlet{
        width: 100%;
        height: 150px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 5px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 100%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
    

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-left: -15%;

    
}

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 70%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 48%;
        margin-left: 10%;
        position: absolute;
     }

    p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 30%;
        margin-left: 10%;
        width:62%;
        position: absolute;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 60%;
        margin-left: 10%;
        width:60%;
        position: absolute;
     }

   

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 80%;
    margin-left: 5%;
}

p#outlet{
    font-size: .7rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 150px;
    height: 30px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 130px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
   width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2.5%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 29%;
    height: 150px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 45%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 210%;
        background-position-y: 200px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }

    div#solucionesImg2{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 140%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 140%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

    p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: .8rem;
    }

   

    div#buscar{
        width: 60%;
        height: 44px;
        margin-left: 20%;
        margin-right: 20%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;

 
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }



   

       



    div#flechas{
        width: 67%;
        padding-left: 40.5%;
        margin-top: 30px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    display:none;
    
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
  color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



     
     

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 8%;
    display: none;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: .9rem;
    font-weight: 300;
}

div#flogo{
    width: 12%;
    height: auto;
    margin-top: 70px;
    margin-left: 12.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 1.6rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }
    
    div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border:none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 14%;
        height: 48px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border:none;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 5px;
    padding: 0%;
    margin-left: -25%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 2rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 85%; 
    margin-left: 10%; 
    width: 75%; 
    line-height: 1;
}

span#svideo{
    font-size: 1rem;
    font-weight: 300; 
}

div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 108%;
    margin-top: -48px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }
    
    .PUs{
    width: 110px;
    height: 180px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 4%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 4%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 4%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 4%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: auto;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 520%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 90%;
        padding: 5%;
        height: auto;
        margin-top: -50px;
        margin-bottom: 25px;
       background-color: white;
        display: block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border:solid;
        border-width: 1px;
        border-color: #d1d1d1;

    }

    div#sociosImg{
        width: 100%;
        height: 500px;
        margin-top: 35px;
        display: block;
        background-image: url(../img/Espumlatex6r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 25px;   

    }

    p#sociosDescr{
        
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-top: 5%;
        margin-bottom: 40px;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 5%;
    }
    
    div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display: none;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
}

div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display: none;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
}




}









}



@media (min-width: 380px){

    ul#navRes{
    margin-top: 30%;
}

.desct{
    color:#1e82c2; 
    font-size: .8rem; 
    font-weight: 500;
}

    div#section3{
        background-color: #1e82c2;
        width: 80%;
        height: 20%;
        margin-top: 0px;
        text-align: left;
        text-align: center;
        padding: 3% 10% 3% 10%;
    }



    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 450px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 1.3rem; 
        margin-top: 550px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    div#nav{
        display: inline-block;
        width:75%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
        

    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 30px;
        display: block;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 70px;
        display: block;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 100%;
        height: 180px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px; 
    }

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 20px;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 52.8%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }
     div#carrusel{
        width: 1280px;
        height: 200px;
        justify-content: space-between;
        margin-left: 0px;
        display: flex;
        margin-top: 30px;
     
     
    }   

    div#section2{
        width: 90%;
        height: 400px;
        padding-top: 40px;   
        margin-left: 5%;
        margin-right: 5%;
       
    
    }

  

     div#imgIntro1c{
        width: 70%;
        height: 200px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
  
        
    }
         

       div#imgIntro2c{
        width:70%;
        height: 200px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:70%;
        height: 200px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:70%;
        height: 200px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:70%;
        height: 200px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:70%;
        height: 200px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:70%;
        height: 200px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 3%;
        margin-left: 3%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 190%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 135%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 135%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
     
    }
    
   

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
     p#cant{
        font-size: .8rem;
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
   
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 520px;
        margin-left: 64%;
        z-index: 10000;
       
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
      
       
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}

    div#section1outlet{
        width: 100%;
        height: 150px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 5px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 100%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 90%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
    

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-left: -15%;

    
}

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 70%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 48%;
        margin-left: 10%;
        position: absolute;
     }

    p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 40%;
        margin-left: 10%;
        width:60%;
        position: absolute;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 30%;
        margin-left: 10%;
        width:62%;
        position: absolute;
     }

   

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 80%;
    margin-left: 5%;
}

p#outlet{
    font-size: .7rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 160px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 160px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
   width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2.5%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 29%;
    height: 150px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 45%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 175%;
        background-position-y: 200px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }

    div#solucionesImg2{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 135%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 135%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

    p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: .8rem;
    }

   

    div#buscar{
        width: 60%;
        height: 44px;
        margin-left: 20%;
        margin-right: 20%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;

 
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }



   

       



    div#flechas{
        width: 67%;
        padding-left: 40.5%;
        margin-top: 30px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    display:none;
    
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



     
     

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 8%;
    display: none;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: .9rem;
    font-weight: 300;
}

div#flogo{
    width: 12%;
    height: auto;
    margin-top: 70px;
    margin-left: 12.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 1.6rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }
    
    div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border:none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 14%;
        height: 48px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border:none;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 5px;
    padding: 0%;
    margin-left: -25%;
    
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 2rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 85%; 
    margin-left: 10%; 
    width: 75%; 
    line-height: 1;
}

span#svideo{
    font-size: 1rem;
    font-weight: 300; 
}

div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 108%;
    margin-top: -48px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }
    
    .PUs{
    width: 110px;
    height: 180px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 4%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 4%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 4%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 4%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: auto;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 475%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 90%;
        padding: 5%;
        height: auto;
        margin-top: -35px;
        margin-bottom: 25px;
       background-color: white;
        display: block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border:solid;
        border-width: 1px;
        border-color: #d1d1d1;

    }

    div#sociosImg{
        width: 100%;
        height: 500px;
        margin-top: 35px;
        display: block;
        background-image: url(../img/Espumlatex6r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 25px;   

    }

    p#sociosDescr{
        
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-top: 5%;
        margin-bottom: 40px;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 5%;
    }
    
    div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display: none;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
}









}
















@media (min-width: 425px){

    ul#navRes{
    margin-top: 30%;
}

.desct{
    color:#1e82c2; 
    font-size: .8rem; 
    font-weight: 500;
}

    div#section3{
        background-color: #1e82c2;
        width: 80%;
        height: 20%;
        margin-top: 0px;
        text-align: left;
        text-align: center;
        padding: 3% 10% 3% 10%;
    }



    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 450px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 1.3rem; 
        margin-top: 550px; 
        margin-left:30px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    div#nav{
        display: inline-block;
        width:77%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
        

    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 30px;
        display: block;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 70px;
        display: block;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 100%;
        height: 180px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px; 
    }

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 20px;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 52.8%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }
     div#carrusel{
        width: 1410px;
        height: 200px;
        justify-content: space-between;
        margin-left: 0px;
        display: flex;
        margin-top: 30px;
     
     
    }   

    div#section2{
        width: 90%;
        height: 400px;
        padding-top: 40px;   
        margin-left: 5%;
        margin-right: 5%;
       
    
    }

  

     div#imgIntro1c{
        width: 70%;
        height: 200px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
  
        
    }
         

       div#imgIntro2c{
        width:70%;
        height: 200px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:70%;
        height: 200px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:70%;
        height: 200px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:70%;
        height: 200px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:70%;
        height: 200px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:70%;
        height: 200px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 3%;
        margin-left: 3%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 190%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
     
    }
    
   

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
     p#cant{
        font-size: .8rem;
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
   
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 550px;
        margin-left: 67%;
        z-index: 10000;
       
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
      
       
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}

    div#section1outlet{
        width: 100%;
        height: 150px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 5px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 100%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
    

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-left: -15%;

    
}

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 70%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 48%;
        margin-left: 10%;
        position: absolute;
     }

    p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 40%;
        margin-left: 10%;
        width:60%;
        position: absolute;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 60%;
        margin-left: 10%;
        width:60%;
        position: absolute;
     }

   

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 80%;
    margin-left: 5%;
}

p#outlet{
    font-size: .7rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 150px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 135px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
   width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 2.5%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 30%;
    height: 150px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2.5%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 30%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 29%;
    height: 150px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 2.5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 29%;
    height: 150px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 45%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 175%;
        background-position-y: 200px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }

    div#solucionesImg2{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 116%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 45%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 116%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

    p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: .8rem;
    }

   

    div#buscar{
        width: 60%;
        height: 44px;
        margin-left: 20%;
        margin-right: 20%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;

 
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }



   

       



    div#flechas{
        width: 67%;
        padding-left: 40.5%;
        margin-top: 30px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    display:none;
    
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



     
     

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 8%;
    display: none;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: .9rem;
    font-weight: 300;
}

div#flogo{
    width: 12%;
    height: auto;
    margin-top: 70px;
    margin-left: 12.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 1.6rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }
    
    div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border:none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 14%;
        height: 48px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border:none;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 5px;
    padding: 0%;
    margin-left: -20%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 2rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 85%; 
    margin-left: 10%; 
    width: 75%; 
    line-height: 1;
}

span#svideo{
    font-size: 1rem;
    font-weight: 300; 
}

div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 108%;
    margin-top: -48px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }
    
    .PUs{
    width: 110px;
    height: 180px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 4%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 4%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 4%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 4%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: auto;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 490%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 90%;
        padding: 5%;
        height: auto;
        margin-top: -15px;
        margin-bottom: 25px;
       background-color: white;
        display: block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border:solid;
        border-width: 1px;
        border-color: #d1d1d1;

    }

    div#sociosImg{
        width: 100%;
        height: 500px;
        margin-top: 35px;
        display: block;
        background-image: url(../img/Espumlatex6r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 25px;   

    }

    p#sociosDescr{
        
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-top: 5%;
        margin-bottom: 40px;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 5%;
    }
    
    div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display: none;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
}




}















@media (min-width: 640px){

    p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: .9rem;
    }
    
    div#section3{
        background-color: #1e82c2;
        width: 80%;
        height: 20%;
        margin-top: 0px;
        text-align: left;
        text-align: center;
        padding: 3% 10% 3% 10%;
    }



    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 3rem; 
        margin-top: 460px; 
        margin-left:90px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 1.5rem; 
        margin-top: 560px; 
        margin-left:90px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    div#nav{
        display: inline-block;
        width: 80%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
        

    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 20px;
        display: block;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 70px;
        display: block;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 100%;
        height: 180px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px; 
    }

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;
        margin-top: 20px;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 52.8%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }
     div#carrusel{
        width: 1440px;
        height: 200px;
        justify-content: space-between;
        margin-left: 0px;
        display: flex;
     
     
    }   

    div#section2{
        width: 100%;
        height: 400px;
        padding-top: 40px;   
        margin-left: 0%;
        margin-right: 0%;
       
    
    }

  

     div#imgIntro1c{
        width: 65%;
        height: 200px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
  
        
    }
         

       div#imgIntro2c{
        width:65%;
        height: 200px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:65%;
        height: 200px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:65%;
        height: 200px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:65%;
        height: 200px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:65%;
        height: 200px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:65%;
        height: 200px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: 3%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 4%;
        margin-left: 4%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 165%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
     
    }
    
   

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
   
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 700px;
        margin-left: 70.5%;
        z-index: 10000;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalsis{
        width: 100%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 50%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 48%;
        margin-left: 10%;
        position: absolute;
     }

    p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 65%;
        margin-left: 10%;
        position: absolute;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 60%;
        margin-left: 10%;
        position: absolute;
     }

     

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 80%;
    margin-left: 5%;
}

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 24%;
    height: 200px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 24%;
    height: 200px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 24%;
    height: 200px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 24%;
    height: 200px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 5%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 24%;
    height: 200px;
    display: inline-block;
    margin-left: 5%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 24%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 35%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 200px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }

    div#solucionesImg2{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 50%;
        height: 44px;
        margin-left: 25%;
        margin-right: 25%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;

        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

   

       



    div#flechas{
        width: 67%;
        padding-left: 44%;
        margin-top: 30px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    display:none;
    
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



     
     

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 8%;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: .9rem;
    font-weight: 300;
}

div#flogo{
    width: 10%;
    height: auto;
    margin-top: 70px;
    margin-left: 10.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 1.8rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border-width: none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -14%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 2.7rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 55%; 
    margin-left: 10%; 
    width: 75%; 
    line-height: 1;
}

span#svideo{
    font-size: 1rem;
    font-weight: 300; 
}

iv#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 105%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-750px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }
    
    .PUs{
    width: 160px;
    height: 225px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 5%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 5%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 5%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 5%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: auto;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 275%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 90%;
        padding: 5%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 25px;
       background-color: white;
        display: block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border:solid;
        border-width: 1px;
        border-color: #d1d1d1;

    }

    div#sociosImg{
        width: 100%;
        height: 500px;
        margin-top: 35px;
        display: block;
        background-image: url(../img/Espumlatex5r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 25px;   

    }

    p#sociosDescr{
        
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-top: 5%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 5%;
    }
    
    div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
}





}













@media (min-width: 768px){

     div#section3{
        background-color: #1e82c2;
        width: 80%;
        height: 20%;
        margin-top: 0px;
        text-align: left;
        text-align: center;
        padding: 3% 10% 3% 10%;
    }



    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 3rem; 
        margin-top: 450px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 1.5rem; 
        margin-top: 550px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    div#nav{
        display: inline-block;
        width: 85%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
        

    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 40px;
        display: block;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: 12px;
        margin-right: 70px;
        display: block;
     
    }


    div#section2{
        width: 3500px;
        height: 400px;
        padding-top: 20px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
    }

 
     
    div#carrusel{
        width: 120%;
        justify-content: space-between;
        display: inline-block;
        margin-left: 50px;
     
     
    }

    

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 52.8%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }

  div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#imgIntro1c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        

        
        
    }
         

       div#imgIntro2c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:5.8%;
        height: 250px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:5.5%;
        height: 250px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 4%;
        margin-left: 4%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 165%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
     
    }
    
   

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
   
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 500px;
        margin-left: 70.5%;
        z-index: 10000;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 70%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 50%;
        margin-left: 10%;
        position: absolute;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 48%;
        margin-left: 10%;
        position: absolute;
     }


    p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 62%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 50%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }


     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 100%;
    margin-left: 10%;
}

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 28%;
    height: 200px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 28%;
    height: 200px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 28%;
    height: 200px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 28%;
    height: 200px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 10%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 28%;
    height: 200px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/almohada2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 28%;
    height: 200px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 35%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 200px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }

    div#solucionesImg2{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 35%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 20px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 50%;
        height: 44px;
        margin-left: 25%;
        margin-right: 25%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;

        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

    div#carrusel{
        width: auto;
        height: 250px;
        justify-content: space-between;
        display: block;
        margin-left: 50px;
     
     
    }

       div#section2{
        width: 3500px;
        height: 250px;
        padding-top: 50px;   
        margin-left: 0%;
        margin-right: 0%;
        
    
    }

    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
      
    }

    div#flechas{
        width: 67%;
        padding-left: 40.3%;
        margin-top: 40px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    display:none;
    
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



      div#carrusel{
        width: 190%;
        justify-content: space-between;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
       
     
     
    }

     div#intro{
        width: 14.9%;
        height: 280px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px;
      
      
    }


    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 8%;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: .9rem;
    font-weight: 300;
}

div#flogo{
    width: 5%;
    height: auto;
    margin-top: 70px;
    margin-left: 47.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 2rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -10%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 3rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 45%; 
    margin-left: 10%; 
    width: 75%; 
    line-height: 1;
}

span#svideo{
    font-size: 1.2rem;
    font-weight: 300; 
}

iv#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 105%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }
    
    .PUs{
    width: 135px;
    height: 220px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 10%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 10%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 10%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 10%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: auto;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 230%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 90%;
        padding: 5%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 25px;
       background-color: white;
        display: block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border:solid;
        border-width: 1px;
        border-color: #d1d1d1;

    }

    div#sociosImg{
        width: 100%;
        height: 500px;
        margin-top: 35px;
        display: block;
        background-image: url(../img/Espumlatex2r.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 25px;   

    }

    p#sociosDescr{
        
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-top: 5%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 10%;
    }
    
    div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display: hidden;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;





}














@media (min-width: 1024px){
    div#nav{
        display: inline-block;
        width: 71%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
       
  
      
      
 
    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }


    div#section2{
        width: 3500px;
        height: 400px;
        padding-top: 80px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
    }

 
     
    div#carrusel{
        width: 120%;
        justify-content: space-between;
        display: inline-block;
        margin-left: 50px;
     
     
    }

    

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 51.7%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }

  

     div#imgIntro1c{
        width:6%;
        height: 250px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }
         

       div#imgIntro2c{
        width:6%;
        height: 250px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:6%;
        height: 250px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:6%;
        height: 250px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:6%;
        height: 250px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:6%;
        height: 250px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:6%;
        height: 250px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: .7%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

   
     

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 4%;
        margin-left: 4%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 135%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 1.5rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 0px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    div#solucionesImg1{
        width: 350px;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 250px;
        background-position: center;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 195px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top:620px;
        margin-left: 85.5%;
        z-index: 10000;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -70px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    
     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 35%;
        margin-left: 10%;
        position: absolute;
     }
     
     h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 31%;
        margin-left: 10%;
        position: absolute;
        width: 50%;
     }

     p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 40%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 40%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }


     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 100%;
    margin-left: 10%;
}

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 27%;
    height: 220px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 27%;
    height: 220px;
    margin-left: 10%;
    display: inline-block;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
   width: 27%;
    height: 220px;
    margin-left: 10%;
    display: inline-block;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 27%;
    height: 220px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 10%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 27%;
    height: 220px;
    display: inline-block;
    margin-left: 10%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 27%;
    height: 220px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 22%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 200px;
      
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#solucionesImg2{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 100px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 50%;
        height: 44px;
        margin-left: 25%;
        margin-right: 25%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 97.5%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

    div#carrusel{
        width: auto;
        height: 250px;
        justify-content: space-between;
        display: block;
        margin-left: 50px;
     
     
    }

       div#section2{
        width: 3500px;
        height: 250px;
        padding-top: 50px;   
        margin-left: 0%;
        margin-right: 0%;
        
    
    }

    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
      
    }

    div#flechas{
        width: 67%;
        padding-left: 30.3%;
        margin-top: 40px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



      div#carrusel{
        width: 190%;
        justify-content: space-between;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
       
     
     
    }

     div#intro{
        width: 14.9%;
        height: 280px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 0px;
      
      
    }


    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 4%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 220px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 0%;
    display: block;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

div#logo{
    width: 70px;
    height: auto;
    display: inline-block; 
    margin-top: 20px;
    margin-left: 5%;
  

  
}

p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: 1rem;
    font-weight: 300;
}

div#flogo{
    width: 5%;
    height: auto;
    margin-top: 70px;
    margin-left: 47.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 2rem; 
        font-weight: 400; 
        font-style: italic;
     }




div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -50px;
        
        margin-top: 0px;
      
       
    }
    
    div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: none;
        border-color:#1e82c2;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -9%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 4rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 30%; 
    margin-left: 10%; 
    width: 70%; 
    line-height: 1;
}

span#svideo{
    font-size: 1.5rem;
    font-weight: 300; 
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 104%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-750px;
    position: absolute;
    z-index: 99998;
}

input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
        
    }
    
    .PUs{
    width: 125px;
    height: 200px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 10%;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 10%;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 10%;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 10%;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: 600px;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: 140%;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 49%;
        height: 498px;
        margin-top: 25px;
       background-color: white;
        display: inline-block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        padding:0px;
    }

    div#sociosImg{
        width: 49%;
        height: 500px;
        margin-top: 25px;
        display: inline-block;
        background-image: url(../img/Espumlatex4r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 10px;   

    }

    p#sociosDescr{
        margin: 8% 8% 4% 8%;
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-left: 8%;
        margin-top: 2%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
        display: flex;
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -80px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 10%;
    }
    
     a#menu:hover{
     color: #1e82c2;
 }
 
  li#menuOpcs:hover{
      color: #1e82c2;
  }
  
   img.media:hover {
    opacity: .5;
  }
  
   #menuOpc.non{
    margin-left: 13%; 
    opacity: .7;
}

div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display:inline-block;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;


    

}



   


@media (min-width: 1280px){
    
    div#nav{
        display: inline-block;
        width: 90%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
       
  
      
      
 
    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
    }

 
     
    div#carrusel{
        width: 120%;
        justify-content: space-between;
        display: inline-block;
        
        margin-left: 50px;
     
     
    }

    

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 51.7%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }

  

     div#imgIntro1c{
        width:8%;
        height: 300px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }
         

       div#imgIntro2c{
        width:8%;
        height: 300px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:8%;
        height: 300px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:8%;
        height: 300px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:8%;
        height: 300px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:8%;
        height: 300px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:8%;
        height: 300px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: 1%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    div#flechas{
        width: 67%;
        padding-left: 465px;
        margin-top: 10px;
    }

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 210%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 210%;
        
    }

    div#imgIntro4c:hover{

        background-size: 150%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 210%;
        
    }

    div#imgIntro7c:hover{

        background-size: 210%;
        
    }

    div#solucionesImg1:hover{

        background-size: 165%;
        
    }

    div#solucionesImg2:hover{

        background-size: 105%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 2rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 30px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    p#intro1{
        font-size: 1rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    div#solucionesImg1{
        width: 350px;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 250px;
        background-position: center;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 195px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 720px;
        margin-left: 88.5%;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -200px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
         width: 52%;
        height: auto;
        text-align: left;
        margin-left: 5%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

   

     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 30%;
        margin-left: 10%;
        position: absolute;
     }

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 27%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 100%;
    margin: 0px;
}

 h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 30%;
        margin-left: 10%;
        position: absolute;
        width: 50%;
     }

     p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 31%;
    height: 300px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position:relative;
    
}

div#imgauto2{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}
div#imgauto3{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgcadena1{
    width: 31%;
    height: 300px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgcadena2{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}
div#imgcadena3{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgcalzado1{
    width: 31%;
    height: 300px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgcalzado2{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}
div#imgcalzado3{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgindus1{
    width: 31%;
    height: 300px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgindus2{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 0%;
    transition: background-size .5s ease-in-out;
    position:relative;
}
div#imgindus3{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgconsumo1{
    width: 31%;
    height: 300px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position:relative;
}

div#imgconsumo2{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}
div#imgconsumo3{
    width: 31%;
    height: 300px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position:relative;
}



    div#solucionesImg1{
        width: 22%;
        height:400px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 200px;
      
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#solucionesImg2{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 110px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 175px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 22%;
        height: 400px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 170px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 60%;
        height: 35px;
        margin-left: 20%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

    div#carrusel{
        width: auto;
        height: 300px;
        justify-content: space-between;
        display: block;
       
        margin-left: 50px;
       
     
     
    }

       div#section2{
        width: 3500px;
        height: 340px;
        padding-top: 50px;   
        margin-left: 0%;
        margin-right: 0%;
        
    
    }

    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
      
    }

    div#flechas{
        width: 67%;
        padding-left: 24.9%;
        margin-top: 10px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 10%;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



      div#carrusel{
        width: 190%;
        justify-content: space-between;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
       
     
     
    }

     div#intro{
        width: 14.9%;
        height: 280px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 20px;
      
      
    }


    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}

  p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: 1rem;
        margin-top: 0px;
    }

    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 4rem; 
        margin-top: 450px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 590px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

        p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: 1rem;
    font-weight: 300;
}

div#flogo{
    width: 5%;
    height: auto;
    margin-top: 70px;
    margin-left: 47.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 34%;
        margin-left: 10%;
        position: absolute;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 34%;
        margin-left: 10%;
        position: absolute;
     }

     span#stat{
        color:#1e82c2; 
        font-size: 2rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border:none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -5%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 4rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 20%; 
    margin-left: 10%; 
    width: 55%; 
    line-height: 1;
}

span#svideo{
    font-size: 1.5rem;
    font-weight: 300; 
}

img#lupam{
        
        width: 17px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 104%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
        
    }
    
    .PUs{
    width: 180px;
    height: 400px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 0px;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 0px;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 0px;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 0px;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: 560px;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: cover;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 49%;
        height: 448px;
        margin-top: 25px;
       background-color: white;
        display: inline-block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        padding: 0px;
    }

    div#sociosImg{
        width: 49%;
        height: 450px;
        margin-top: 25px;
        display: inline-block;
        background-image: url(../img/Espumlatex3r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 10px;   

    }

    p#sociosDescr{
        margin: 8% 8% 4% 8%;
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-left: 8%;
        margin-top: 2%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
        display: flex;
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -250px;
        margin-top: 0px;
      
       
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 0%;
    }
    
     a#menu:hover{
     color: #1e82c2;
 }
 
  li#menuOpcs:hover{
      color: #1e82c2;
  }
  
   img.media:hover {
    opacity: .5;
  }
  
  #menuOpc.non{
    margin-left: 13%; 
    opacity: .7;
}

div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display:inline-block;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    flo






}




@media (min-width: 1535px){
    
    div#nav{
        display: inline-block;
        width: 90%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
       
  
      
      
 
    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }
    
    div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -100px;
        
        margin-top: 0px;
      
       
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
    }

 
     
    div#carrusel{
        width: 120%;
        justify-content: space-between;
        display: inline-block;
        
        margin-left: 50px;
     
     
    }

    

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 50.7%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }

  

     div#imgIntro1c{
        width:8%;
        height: 300px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }
         

       div#imgIntro2c{
        width:8%;
        height: 300px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:8%;
        height: 300px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:8%;
        height: 300px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:8%;
        height: 300px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:8%;
        height: 300px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:8%;
        height: 300px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: .5%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    div#flechas{
        width: 67%;
        padding-left: 465px;
        margin-top: 10px;
    }

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 50%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 140%;
    }

    #imgauto2:hover{
        background-size: 140%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 140%;
    }

     div#imgcadena2:hover{
        background-size: 140%;
    }

     div#imgcadena3:hover{
        background-size: 140%;
    }

    div#imgcalzado1:hover{
        background-size: 140%;
    }

    div#imgcalzado2:hover{
        background-size: 140%;
    }

    div#imgcalzado3:hover{
        background-size: 140%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 260%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 230%;
        
    }

    div#imgIntro4c:hover{

        background-size: 170%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 230%;
        
    }

    div#imgIntro7c:hover{

        background-size: 230%;
        
    }

    div#solucionesImg1:hover{

        background-size: 135%;
        
    }

    div#solucionesImg2:hover{

        background-size: 205%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 2rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 30px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    p#intro1{
        font-size: 1rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    div#solucionesImg1{
        width: 350px;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 250px;
        background-position: center;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 195px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 720px;
        margin-left: 90.5%;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 50%;
        height: auto;
        text-align: left;
        margin-left: 5%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }
    
    div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

   

     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
  
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 20%;
        margin-left: 10%;
        position: absolute;
  

     }

  h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
        width: 50%;
     }

     p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
        width: 60%;
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
     }


     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 100%;
    margin: 0px;
}

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 31%;
    height: 350px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
   position: relative;
}
div#imgauto3{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
   position: relative;
}

div#imgcadena1{
    width: 31%;
    height: 350px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
   position: relative;
}

div#imgcalzado1{
    width: 31%;
    height: 350px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 31%;
    height: 350px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 0%;
    transition: background-size .5s ease-in-out;
   position: relative;
}
div#imgindus3{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 31%;
    height: 350px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
     width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 31%;
    height: 350px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 20%;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 115%;
        background-position-y: 250px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#solucionesImg2{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 80px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 60%;
        height: 35px;
        margin-left: 20%;
        position: absolute;
        margin-top: 100px;
        margin-right: 20%;
        
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

    div#carrusel{
        width: auto;
        height: 300px;
        justify-content: space-between;
        display: block;
       
        margin-left: 50px;
       
     
     
    }

       div#section2{
        width: 3500px;
        height: 340px;
        padding-top: 50px;   
        margin-left: 0%;
        margin-right: 0%;
        
    
    }

    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
      
    }

    div#flechas{
        width: 67%;
        padding-left: 20.2%;
        margin-top: 10px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



      div#carrusel{
        width: 190%;
        justify-content: space-between;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
       
     
     
    }

     div#intro{
        width: 14.9%;
        height: 280px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 20px;
      
      
    }


    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#fmenuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 12%;
    color:#ffffff;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#fmenuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    color: #ffffff;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
    margin-right: 5%;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 16%;
    
}

ul#fnav{
    list-style: none;   
    z-index: 2000;
    margin-left: 24%;
    margin-top: 50px;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#fmenuOpc2{
    display: block;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -40px;
    padding-bottom: 5px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

  li#fmenuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -40px;
    border-width: 1px;
    padding-bottom: 5px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#fsubmenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#fsub1{
    display: block;
}

ul#sub2{
    display: none;
}

ul#fsub2{
    display: none;
}
  p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: 1rem;
        margin-top: 0px;
    }

    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 4rem; 
        margin-top: 450px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 590px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: 1rem;
    font-weight: 300;
}

div#flogo{
    width: 5%;
    height: auto;
    margin-top: 70px;
    margin-left: 47.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

span#stat{
        color:#1e82c2; 
        font-size: 2rem; 
        font-weight: 400; 
        font-style: italic;
     }
     
     div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 90%;
    height: 40px;
    display: inline-block;
    margin-left: 0px;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: none;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 0px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -5%;
   
 
    
}

p#vid_fondo{
    color:white;
    font-size: 4rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 20%; 
    margin-left: 10%; 
    width: 45%; 
    line-height: 1;
}

span#svideo{
    font-size: 1.5rem;
    font-weight: 300; 
}

img#lupam{
        
        width: 22px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 104%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
        
    }
    
     .PUs{
    width: 215px;
    height: 400px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
     margin-left: 0px;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 0px;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 00px;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 0px;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}

div#sociosDestacados{
        width: 90%;
        height: 560px;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: cover;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 49%;
        height: 448px;
        margin-top: 24px;
       background-color: white;
        display: inline-block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        padding:0%;
    }

    div#sociosImg{
        width: 49%;
        height: 450px;
        margin-top: 25px;
        display: inline-block;
        background-image: url(../img/Espumlatex2r.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 10px;   

    }

    p#sociosDescr{
        margin: 8% 8% 4% 8%;
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-left: 8%;
        margin-top: 2%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
        display: flex;
    }
    
     button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 0%;
    }
    
     a#menu:hover{
     color: #1e82c2;
 }
 
  li#menuOpcs:hover{
      color: #1e82c2;
  }
  
   img.media:hover {
    opacity: .5;
  }
  
  #menuOpc.non{
    margin-left: 16%; 
    opacity: .7;
}

div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display:inline-block;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;




}











@media (min-width: 1920px){
    
    div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }
    
    div#nav{
        display: inline-block;
        width: 90%;
        height: 60px;
        position: absolute;
        margin-top: 5px;
        margin-left: 0%;
        padding-left: 0px;
       
  
      
      
 
    }
    
    img#menuimg{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }
    
    img#lupares{
        float:right;
        width: 30px;
        margin-top: -27px;
        margin-right: 25px;
        display: none;
     
    }


  

     div#section2master{
        width: 100%;
        height: auto;
        padding-top: 40px;   
        display: flex;  
        flex-flow: row;
        margin-left: 0%;
        margin-right: 0%;
       
    
    }
    
    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
    }

 
     
    div#carrusel{
        width: 120%;
        justify-content: space-between;
        display: inline-block;
        
        margin-left: 50px;
     
     
    }

    

    h2#nuestrasSoluciones{
        font-size: 1.7rem;
        font-weight: 500;

    }

    div#destacados{
        width: 90%;
        height: auto;
        margin-top: 0px;
        background: linear-gradient(to bottom, #e5eaeb 50.7%,#ffffff 50%);
        padding: 2.5% 5% 5% 5%;
    }

  

     div#imgIntro1c{
        width:8%;
        height: 300px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: 250%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        z-index: 1000;
        transition: background-size .5s ease-in-out;
        cursor: pointer;

        
        
    }
         

       div#imgIntro2c{
        width:8%;
        height: 300px;
        background-image: url(../img/Purgas\ 2\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
    }

     div#imgIntro3c{
        width:8%;
        height: 300px;
        background-image: url(../img/Masterbatches\ y\ Copuestos\ e.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
      
     }

     div#imgIntro4c{
        width:8%;
        height: 300px;
        background-image: url(../img/Sistemas\ de\ Poliuretano\ e.png);
        background-repeat: no-repeat;
        background-size: 160%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro5c{
        width:8%;
        height: 300px;
        background-image: url(../img/Polimeros\ de\ Ingenieria\ e.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro6c{
        width:8%;
        height: 300px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position: center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
     }

     div#imgIntro7c{
        width:8%;
        height: 300px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios\ e.jpg);
        background-repeat: no-repeat;
        background-size: 220%;
        background-position:left-center;
        margin-top: 0px;
        margin-right: .9%;
        border-radius: 5px;
        display: inline-block;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
     }

    div#flechas{
        width: 67%;
        padding-left: 465px;
        margin-top: 10px;
    }

    img#flechader{
        margin-left: 10px;

    }

    img#flechaizq{
        transform:rotate(180deg);
    }

    img#diagonal{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
   
    }

    img#diagonal2{
        float: right;
        margin-top: 10px;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        
   
    }

     img#dobles{
        float: right;
        margin-top: 17.75%;
        margin-right: 10px;
        width: 10px;
        
        position: absolute;
        margin-left: 15%;
   
    }

     img#izq{
        float: right;
        margin-top: 17.5%;
        margin-right: 10px;
        width: 20px;
        height: 20px;
        position: absolute;
        margin-left: 14.5%;
       
   
    }

    #caps{
        font-size: 1rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 5%;
        margin-left: 5%;
        font-weight: 600;
        width: 50%;
    }

    #caps2{
        font-size: 1rem;
        color:#1e82c2;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 8%;
        margin-left: 5%;
        font-weight: 600;
        width: 80%;
    }

    #capssistemas{
        font-size: .8rem;
        color: white;
        padding: 0;
        margin: 0;
        position:absolute;
        margin-top: 4%;
        margin-left: 4%;
        font-weight: 600;
        width: 80%;
    }

    #imgauto1:hover{
        background-size: 170%;
    }

    #imgauto2:hover{
        background-size: 170%;
    }

    #imgauto3:hover{
        background-size: 170%;
    }

    div#imgcadena1:hover{
        background-size: 170%;
    }

     div#imgcadena2:hover{
        background-size: 170%;
    }

     div#imgcadena3:hover{
        background-size: 170%;
    }

    div#imgcalzado1:hover{
        background-size: 170%;
    }

    div#imgcalzado2:hover{
        background-size: 170%;
    }

    div#imgcalzado3:hover{
        background-size: 170%;
    }
    
    div#imgindus2:hover{
        background-size: 170%;
    }

    div#imgindus3:hover{
        background-size: 110%;
    }

    div#imgconsumo1:hover{
        background-size: 170%;
    }

    div#imgconsumo2:hover{
        background-size: 170%;
    }

    div#imgconsumo3:hover{
        background-size: 250%;
    }


    #aplicaciones{
        position: absolute;
        float: right;
        margin-top: 105%;
        margin-left: 64%;

    }

    li#nav:hover{
        color: #1e82c2;
    }

    a#nav:hover{
        color: #1e82c2;
    }

    button#contacto:hover{

        background-color:#ececec;
        
    }

    div#imgIntro1c:hover{

        background-size: 260%;
        
    }

    div#imgIntro2c:hover{

        background-size: 160%;
        
    }

    div#imgIntro3c:hover{

        background-size: 230%;
        
    }

    div#imgIntro4c:hover{

        background-size: 170%;
        
    }

    div#imgIntro5c:hover{

        background-size: 170%;
        
    }

    div#imgIntro6c:hover{

        background-size: 230%;
        
    }

    div#imgIntro7c:hover{

        background-size: 230%;
        
    }

    div#solucionesImg1:hover{

        background-size: 125%;
        
    }

    div#solucionesImg2:hover{

        background-size: 205%;
        
    }

    div#solucionesImg3:hover{

        background-size: 105%;
        
        
    }

    div#solucionesImg4:hover{

        background-size: 105%;
        
    }




    li#nav:hover{
        color: #1e82c2;
    }

    h1#intro{
        font-size: 2rem;
        color: #1e82c2;
        font-weight: 500;
        padding: 0px;
        margin: 0px; 
        width:100%;
        margin-top: 30px;
       
    }

    p#intro{
        font-size: 1.2rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    p#intro1{
        font-size: 1rem;
        color: #6A7172;
        width: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
    }

    div#soluciones{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    div#solucionesImg1{
        width: 350px;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 150%;
        background-position-y: 250px;
        background-position: center;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#desc{
        width: 100%;
        height: 50%;
        background-color: rgb(255, 255, 255);
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: relative;
        margin-top: 0%;
      
    }
    
    div#solucionesImg2{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 220px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 195px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 350px;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg5{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/Polimeros\ de\ Ingeniería.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg6{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }
    
    div#solucionesImg7{
        width: 31%;
        height: 380px;
        display: flex;
        margin-left: 0%;
        margin-right: 0%; 
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        text-align: left;
        margin-top: 40px;
    
    }

    .prods1Purgas{
        width:100%;
        height: auto;
        display: block;
        margin-top: 10px;
        
    }

    img#whats{
        width: 150px;
        position: fixed;
        margin-top: 690px;
        margin-left: 92.5%;
    }
    
    #section2Prod{
        width: 100%;
        height: auto;
        margin-top: 120px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
        justify-content: space-between;
    
    
    
    }

    .prods1{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
      
      
        
    }
    
    .prods1Purgas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }

    .prods1Analisis{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 0px;
        
    }
    
    .prods1Sistemas{
        width:65%;
        height: auto;
        display: flex;
        margin-top: 80px;
        
    }
    
    .prods21{
        width:25%;
        height: 220px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3.jpg);
        background-size: cover;
        display: flex;
        margin-bottom: 20px;
      
       
    }
    
    .prods22{
        width:25%;
        height: 220px;
        background-image: url(../img/Purgas\ 2.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods23{
        width:25%;
        height: 220px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
       
       
    }
    
    .prods24{
        width:25%;
        height: 220px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods25{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ de\ Ingeniería.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods26{
        width:25%;
        height: 220px;
        background-image: url(../img/Polimeros\ Reciclados.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
       
    }
    
    .prods27{
        width:25%;
        height: 220px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 80px;
        
    }
    
    div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }
    
    div#section1Espumlatex{
        width: 100%;
        height: 600px;
        background-image: url(../img/sillon5.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -300px;
        margin-top: 0px;
      
       
    }

    div#section1Prod{
        width: 100%;
        height: auto;
        padding-top: 140px;  
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; 
         
    }

    div#introProds{
        width: 60%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        display: flex;
        margin-top: 80px;
        
        
    }

    div#imgIntro2{

        width:30%;
        height: 350px;
        background-image: url(../img/Productos\ y\ Servicios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        display: flex;
        margin-top: 60px;
        
    }
    
    
    
    div#section1{
        width: 100%;
        height: 700px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position-y: 80%;
        margin-top: 0px;
    
      
       
    }
    
     div#section1nosotros{
        width: 100%;
        height: 600px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: 0px;
        
        margin-top: 0px;
      
       
    }

     div#section1p{
        width: 100%;
        height: 600px;
        background-image: url(../img/Análisis\ de\ Procesos\ Productivos\ 3e.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1purgas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Purgas.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

     div#section1master{
        width: 100%;
        height: 600px;
        background-image: url(../img/Masterbatches\ y\ Copuestos.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1sistemas{
        width: 100%;
        height: 600px;
        background-image: url(../img/Sistemas\ de\ Poliuretano.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        margin-top: 0px;
      
       
    }

      div#section1plasticos{
        width: 100%;
        height: 600px;
        background-image: url(../img/Polimeros\ de\ Ingenieria.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        margin-top: 0px;
      
       
    }

    div#section1outlet{
        width: 100%;
        height: 200px;
        background-image: url(../img/outlet3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
      
       
    }

    div#section1eco{
        width: 100%;
        height: 600px;
        background-image: url(../img/eco2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -150px;
        
        margin-top: 0px;
      
       
    }

     div#section1asesoria{
        width: 100%;
        height: 600px;
        background-image: url(../img/Asesoría\ y\ Apoyo\ para\ Inventarios.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position-y: -200px;
        
        margin-top: 0px;
      
       
    }

    div#section1Prod2{
        width: 100%;
        height: auto;
        padding-top: 90px; 
        display: flex;  
        flex-flow: row;
        flex-direction: row-reverse; 
        justify-content: space-between;     
    }

    div.materiales{
        width: 99%;
        height: 220px;
        border:solid;  
        border-width: 1px; 
        margin-top: 20px;
        border-radius: 10px;
        border-color: #d1d1d1;
        position: relative;
        background-color: white;
        
    }

     div.opt{
        width: 100%;
        height: 60px; 
        border:solid;  
        border-width: 1px; 
        margin-top: 0px;
        border-bottom: none;
        border-left: none;
        border-right: none;
        border-color:#c5d4d6;
        display: block;
        margin-left: 0px;
        position: relative;
        
    }

    div#cant{
    width: 19%;
    height: 100px;
    display: inline-block;
    margin-top: 40px;
    position: absolute;
    text-align: center;
    margin-left: 10px;

}


    div#introNosotros{
        width: 50%;
        height: auto;
        text-align: left;
        margin-right: 0%;      
        margin-top: 80px;
    }

    div#introanalisis{
        width: 50%;
        height: auto;
        text-align: left;
        margin-left: 5%;      
        margin-top: 40px;
    }

    div#imgIntro3{

        width:42%;
        height: 450px;
        background-image: url(../img/Nosotros.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        display: flex;
        margin-top: 80px;
         
    }

    div#section1Outlet{
        width: 100%;
        height: auto;
        padding-top: 90px;    
        text-align: center;  
    }

   

    #nombreText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
        
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #apellidosText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #correoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
     
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }
    
    #telefonoText{
        width: 40%;
        font-size: 1.2rem;
        font-weight: 300;
        height: 25px;
        display: block;
       
        background-color: #c5d4d6;
        border: none;
        margin-bottom: 15px;
        
    }

    div#outletRes{
    margin-top: 40px;
    height: auto;
    display: none;

   
    }

    table{
    width: 60%;
    text-align: center;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 50px;
    display:block;
    }

    input#buscar{
        border-radius: 20px;
        border-width: 1px;
        border-color:#1e82c2;
        width: 100%;
        height: 30px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

   

     img#lupa{
        
        width: 25px;
        margin-top: 5px;
        padding: 0%;
        position: absolute;
        margin-left: -40px;
        
        
    }

    div#prods{
        width: 225px;
        height: auto+15px;
        position: absolute;
        background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 16%, #1e82c2 10%);
        margin-left: 11%;
        margin-top: -46px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 20px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        z-index: 999;
        display: none;
       
        

        
    }

    div#sub{
        width: 250px;
        height: 270px;
        position: absolute;
        background-color: #1e82c2;
        margin-left: 41%;
        margin-top: 240px;
        color: white;
        text-align: left;
        padding: 5px 20px 10px 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        display: none;
       
        z-index: 100;
       
        
        
    }

   

  

    li#prods{
        list-style: none;
        margin-top: 10px;
        margin-bottom: 10px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    li#prods_s{
        list-style: none;
        margin-top: 12px;
        margin-bottom: 12px;
        border-bottom: solid;
        border-width: 1px;
        padding-top: 3px;
        padding-bottom: 15px ;
        padding-right: 50px;
        font-weight: 400;
        cursor: pointer;
        font-size: .9rem;
        width: 10%;
        
     
        
    }

    #der_m{
        position: absolute;
        margin-top: 0px;
        margin-left: 30px;
        width: 20px;
    }

    a#nav_s{
        text-decoration: none;
        color: #6A7172;
        padding-bottom: 40px;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    a#nav_s:visited{
        text-decoration: none;
    }

     a#nav_s:hover{
        color: #1e82c2;
     }

     h1#tittleImage{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 20%;
        margin-left: 10%;
        position: absolute;
     }
     
    h1#tittleImageMaster{
        color: #ffffff;
        font-size: 2rem;
        font-weight: 600;
        margin-top: 18%;
        margin-left: 10%;
        position: absolute;
        width:34%;
     }
     
        p#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
       
     }
     
     p#descImageI{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 23%;
        margin-left: 10%;
        position: absolute;
     }


  

     span#stat{
        color:#1e82c2; 
        font-size: 2rem; 
        font-weight: 400; 
        font-style: italic;
     }

     span#descImage{
        color: #ffffff;
        font-size: 1rem;
        font-weight: 600;
        margin-top: 17%;
        margin-left: 10%;
        position: absolute;
     }

     p#intro1analisis{
    font-size: 1rem;
    color: #6A7172;
    width: 100%;
    margin: 0px;
}

p#outlet{
    font-size: .9rem;
    color: #6A7172;
    width: 96.5%;
    margin: 0px;
}

button#descargar{
    width: 195px;
    height: 30px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 0%;
    font-size: .8rem;
    color: #1e82c2;
}

button#cotizacion{
    width: 195px;
    height: 30px;
    margin-top: 11px;
    margin-left: 80px;
    font-size: .8rem;
    color: #1e82c2;
}

div#auto{
    width: 100%;
    height: auto;

}

div#mattext{
    width: 79%;
    height: 72%;
    border-right: solid;
    border-width: 1px;
    border-color: #c5d4d6;
    display: inline-block;

}



div#cadena{
    width: 100%;
    height: auto;

}

div#calzado{
    width: 100%;
    height: auto;

}

div#industrial{
    width: 100%;
    height: auto;

}

div#consumo{
    width: 100%;
    height: auto;

}

div#imgauto1{
    width: 30%;
    height: 400px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/imgs3.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
    
}

div#imgauto2{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/imgs32.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgauto3{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/imgs2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena1{
    width: 30%;
    height: 400px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/refri2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcadena2{
    width: 30%;
    height: 400px;;
    display: inline-block;
    background-image: url(../img/cuarto2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-x: -30px;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcadena3{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/caja.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado1{
    width: 30%;
    height: 400px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/plantillas3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgcalzado2{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/tenis.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgcalzado3{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/plantillas2.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus1{
    width: 30%;
    height: 400px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/poly.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgindus2{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/voya.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 0%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgindus3{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/viuda.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo1{
    width: 30%;
    height: 400px;
    display: inline-block;
    margin-left: 0%;
    background-image: url(../img/almohada3.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    transition: background-size .5s ease-in-out;
    position: relative;
}

div#imgconsumo2{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/sillon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}
div#imgconsumo3{
    width: 30%;
    height: 400px;
    display: inline-block;
    background-image: url(../img/colchon.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: center;
    border-radius: 5px;
    margin-left: 2%;
    transition: background-size .5s ease-in-out;
    position: relative;
}



    div#solucionesImg1{
        width: 20%;
        height:500px ;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/imgs11.png);
        background-repeat: no-repeat;
        background-size: 115%;
        background-position-y: 250px;
        text-align: left;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        position: relative;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
        
        
    }

    div#solucionesImg2{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/refri2.png);
        background-repeat: no-repeat;
        background-size: 200%;
        background-position: center;
        background-position-y: 80px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    }
    
    div#solucionesImg3{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/calzado2.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }
    
    div#solucionesImg4{
        width: 20%;
        height: 500px;
        margin-left: 0%;
        margin-right: 0%;
        background-image: url(../img/almohada3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-y: 200px;
        text-align: left;
        margin-top: 0px;
        border-radius: 5px ;
        border: solid;
        border-width: 1px;
        border-color: #dbdbdb;
        transition: background-size .5s ease-in-out;
        cursor: pointer;
    
    }

   

    div#buscar{
        width: 40%;
        height: 35px;
        margin-left: 30%;
        position: absolute;
        margin-top: 100px;
        margin-right: 30%;
        
    }

    input#buscari{
        border:none;
        width: 100%;
        height: 40px;
        font-size:1.6rem ;
        font-weight: 500;
        color: #ffffff;
        padding-left: 10px;
        text-decoration: none;
        background-color: #6a717200;
        outline: none;
        border-bottom: solid;
        border-width: 1px;
        border-color: #d1d1d13f;
        font-family: "Montserrat", sans-serif;
        
    }

    img#lupa{
    width: 30px;
    margin-top: 5px;
    padding: 0%;
    float: right;
    position: absolute;
    margin-right: 10%;
    
}

    div#carrusel{
        width: auto;
        height: 300px;
        justify-content: space-between;
        display: block;
       
        margin-left: 50px;
       
     
     
    }

       div#section2{
        width: 3500px;
        height: 340px;
        padding-top: 50px;   
        margin-left: 0%;
        margin-right: 0%;
        
    
    }

    div#intro{
        width: 12%;
        height: 300px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 150px; 
      
    }

    div#flechas{
        width: 67%;
        padding-left: 16.5%;
        margin-top: 10px;
    }

    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}


    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#sub2{
    display: none;
}



      div#carrusel{
        width: 190%;
        justify-content: space-between;
        display: inline-block;
        overflow: hidden;
        margin-left: 1%;
       
     
     
    }

     div#intro{
        width: 14.9%;
        height: 280px;
        text-align: left;
        margin-right: 0%;   
        margin-top: 20px;
      
      
    }


    li#menuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 7%;
    background-color: #ffffff;
    color:#6A7172;
    font-weight: 600;
}

li#fmenuOpc{
 
    vertical-align: top;
    float: left;
    list-style: none;
    margin-right: 12%;
    color:#ffffff;
}

li#menuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    background-color: #ffffff;
    color: #6A7172;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
    font-weight: 600;
}

li#fmenuOpcs{
 
    vertical-align: top;
    float: left;
    list-style: none;
    color: #ffffff;
    width: 240px;
    padding: 5px 15px 15px 15px;
    z-index: 2000;
    margin-top: -5px;
    margin-right: 5%;
}

li#submenu{
 
    vertical-align: top;
    list-style: none;
    margin-right: 10px;
}

ul#nav{
    list-style: none;   
    z-index: 2000;
    margin-left: 21%;
    
}

ul#fnav{
    list-style: none;   
    z-index: 2000;
    margin-left: 24%;
    margin-top: 50px;
    
}
    li#menuOpc2{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#fmenuOpc2{
    display: block;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: -40px;
    padding-bottom: 5px;
    padding-top: 5px;

}

    li#menuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -40px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

  li#fmenuOpc2s{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: -40px;
    border-width: 1px;
    padding-bottom: 5px;
    padding-top: 5px;

}

li#submenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#fsubmenu{
    display: block;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -20px;
    border-bottom: solid;
    border-width: 1px;
    padding-bottom: 15px;
    padding-top: 5px;

}

li#menuOpc:hover{
    color:#1e82c2;
}

img#flecha_sub{
    width: 20px;
    margin-top: 0px;
    margin-left: 5px;
    position: absolute;
}

ul#sub1{
    display: none;
}

ul#fsub1{
    display: block;
}

ul#sub2{
    display: none;
}

ul#fsub2{
    display: none;
}
  p#apps{
        color: #6A7172; 
        font-weight: 400; 
        font-size: 1rem;
        margin-top: 0px;
    }

    #capM{
        color: white; 
        font-weight: 600; 
        font-size: 4rem; 
        margin-top: 450px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    #capM2{
        color: white; 
        font-weight: 600; 
        font-size: 2.5rem; 
        margin-top: 590px; 
        margin-left:100px; 
        position:absolute; 
        line-height: 1; 
        font-style: italic;
        z-index: 0;

    }

    p#footer{
    color: white;
    width: 80%;
    margin-left: 15%;
    margin-top: 30px;
    font-size: 1rem;
    font-weight: 300;
}

div#flogo{
    width: 5%;
    height: auto;
    margin-top: 70px;
    margin-left: 47.5%;
    margin-right: 47.5;
    position: absolute;


  

  
}

img#flogo{
    width: 100%;
    height: auto;
    display: inline-block; 
    opacity: .2;
    
    
}

div#footer{
    width: 100%;
    height:230px;
    background-color: #6A7172;
    padding-top: 20px;
}

a#footerR{
    text-decoration: none;
    color:white;
    font-weight: 300;
    font-family: "Bitcount Grid Single", system-ui;
    padding-bottom: 10px;
   
}

a#menu{
    text-decoration: none;
    color: #6A7172;
}

div#buscador{
    width: 50%;
    height: 43px;
    margin-left: 25%;
    margin-right: 25%;
    position: absolute;
    margin-top: 100px;
  


}



div#busca{
    width: 80%;
    height: 40px;
    display: inline-block;
    margin-left: 5%;

    
}

input#texto{
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        border: none;
        border-color:#1e82c2;
        width: 99%;
        height: 40px;
        font-size:1rem ;
        color: #6A7172;
        padding-left: 10px;
        text-decoration: none;
        
    }

    div#boton{
        width: 10%;
        height: 42px;
        background-color: white;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border: none;
        border-width: 1px;
        margin-top: 1px;
        margin-left: -4px;
        position: absolute;
        display: inline-block;

    }

    img#lupa2{
    width: 25px;
    margin-top: 8px;
    padding: 0%;
    margin-left: -5%;
   
 
    
}

div#section1contacto{
    width: 100%;
        height: 200px;
        background-image: url(../img/Contacto.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        background-position-x: 0px;
        margin-top: 0px;
}

p#vid_fondo{
    color:white;
    font-size: 4rem; 
    font-weight:600; 
    position: absolute; 
    margin-top: 15%; 
    margin-left: 10%; 
    width: 37%; 
    line-height: 1;
}

span#svideo{
    font-size: 1.5rem;
    font-weight: 300; 
}

div#resultados{
    z-index: 99999; 
    position: relative; 
    width: 100%; 
    height: 300px; 
    margin-left: 0%; 
    margin-right: 0%; 
    margin-top: -10px; 
    background-color:#a5a5a500; 
    padding-right: 1%; 
    padding-left: 1%;
    display: none;
    border-radius: 10px;
}

li#nuevoli{
    color:white;
    list-style: none;
    border-bottom: solid;
    border-color: #d1d1d1;
    padding-top: 5px;
    padding-bottom: 10px;
    border-width: 1px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 10px;
}

ul#listaResultados{
    padding: 5px;
}

a#nuevoa{
    text-decoration: none;
    color:white;
    
}

img#cerrar2{
    position: absolute;
    margin-left: 105%;
    margin-top: -40px;
    cursor: pointer;
    display: none;
}

div#buscadorMaster{
    width: 100%;
    height: 600px;
    background-color:#1e82c2;
    margin-top:-745px;
    position: absolute;
    z-index: 99998;
}

img#lupam{
        
        width: 22px;
        margin-top: 0px;
        padding: 0%;
        position: absolute;
        margin-left: 5%;
        
        
    }
    
    .PUs{
    width: 270px;
    height: 400px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat    ;
    border-radius: 5px;
}

#PUs1{
    background-image: url(../img/PU1.png);
    margin-left: 0px;
}

#PUs2{
    background-image: url(../img/PU2.png);
    margin-left: 10px;
}

#PUs3{
    background-image: url(../img/PU3.png);
     margin-left: 10px;
}

#PUs4{
    background-image: url(../img/PU4.png);
    margin-left: 0px;
}

#PUs5{
    background-image: url(../img/PU5.png);
    margin-left: 10px;
}

#PUs6{
    background-image: url(../img/PU6.png);
     margin-left: 10px;
}

#PUs7{
    background-image: url(../img/PU7.png);
    margin-left: 0px;
}

#PUs8{
    background-image: url(../img/PU8.png);
     margin-left: 10px;
}

#PUs9{
    background-image: url(../img/PU9.png);
     margin-left: 10px;
}

#PUs10{
    background-image: url(../img/PU10.png);
     margin-left: 0px;
}

#PUs11{
    background-image: url(../img/PU11.png);
     margin-left: 10px;
}



div#sociosDestacados{
        width: 90%;
        height: 560px;
        margin-top: 20px;
        background-image: url(../img/sociosbg2.jpg);
        background-size: cover;
        background-position-y: 0px;
        background-repeat: no-repeat;
        padding: 2.5% 5% 5% 5%;
 
       
    }

     div#sociosDescr{
        width: 49%;
        height: 450px;
        margin-top: 25px;
       background-color: white;
        display: inline-block;
        position: relative;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 5px;
        padding:0%;
        border:none;
    }

    div#sociosImg{
        width: 49%;
        height: 450px;
        margin-top: 25px;
        display: inline-block;
        background-image: url(../img/Espumlatex.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: -.5%;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    h2#nuestrosSocios{
        font-size: 1.7rem;
        font-weight: 500;
        color: white;
        margin-top: 10px;   

    }

    p#sociosDescr{
        margin: 8% 8% 4% 8%;
        font-size: 1rem;
        position: absolute;
        color: #6A7172;
        position: relative;
        
    }

    button#espumlatex{
        width: 150px;
        height: 50px;
        background-color: #1e82c2;
        color: white;
        font-size: 1rem;
        padding: 0;
        margin-left: 8%;
        margin-top:2%;
      
    }

    div#contSocios{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 10px;
        display: flex;
    }
    
    button#contactoNosotros{
    width: 160px;
    height: 50px;
    background-color:#1e82c2 ;
    color:#ffffff;
    margin-top: 30px;
    margin-left: 0%;
    }
    
    .media{
    width: 22px;
}

#menuOpc.non{
    margin-left: 26%; 
    opacity: .7;
}

 a#menu:hover{
     color: #1e82c2;
 }
 
  li#menuOpcs:hover{
      color: #1e82c2;
  }
  
   img.media:hover {
    opacity: .5;
  }
  
  div#info{
    width: 100%;
    height: 38px;
    background-color: white;
    position: relative;
    border-bottom: solid;
    border-width: 1px;
    border-color: #6A717250;
    display:inline-block;
}

p#info{
    display: inline-blocks;
    width: 200px;
}

img.media{
    display: inline-block;
    margin-top: 9px;
}

div#info2{
    width: 400px;
    height: 40px;
    float:right;
  
  









}