@charset "utf-8";
/* CSS Document */


body{
    overflow-x: hidden;
}



    

.chale{margin: 0; padding: 0;}

div{
    overflow-x: hidden;
}

.row{overflow-x: hidden;
margin: 0;
padding: 0;}

#body_confirma{
    background-image: url("../img/bg_body.png");
    background-size: 120%;
    background-repeat: no-repeat;
}

#confirma{
    padding-top: 100px;
    text-align: left !important;
}

#confirma h2{
    text-align: left;
}

#section_footer{
    background: #262d1e;
    color: #fff;
    border-top: 3px solid #abbf48;
}


#section_footer #t_footer{
    border: 0;
}

#contacto{
    padding: 0;
}


/*------------Inicia blog-------------*/


#art_01{
    background-image: url("../img/blog/blog/01/art_01.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


.articulo{
    color: #fff;
    padding: 120px;
    text-align: justify;
}

.articulo a{
    color: #fff;
    text-decoration: none;
}


/*------------Termina blog-------------*/




/*------------Inicia calidad-------------*/


#calidad{
    background-color: #80983f;
    color: #fff;
    margin: 0;
    padding: 0;
}


#calidad .row{
    margin: 0;
    padding: 0;
}

#calidad_A{
    background-image: url("../img/calidad/calidad.jpg");
    min-height: 500px;
}

#calidad_B{
    padding: 100px;
}

#calidad_B h2{
    padding: 0;
    color: #fff;
    text-align: left;
}


#calidad_B h4{
    color: #94B04C;
}


#nuestra_historia{
    color: #e2b45b;
}


/*------------Termina calidad-------------*/




/*------------Inicia nosotros-------------*/


#nosotros{
    margin: 0;
    padding: 0;
}


#mision{
    background-image: url("../img/nosotros/mision.jpg");
}

#vision{
    background-image: url("../img/nosotros/vision.jpg");
}


#mision, #vision{
    min-height: 320px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}


#mision div, #vision div{
    padding: 70px 120px;
}

h2#dejamos{
    text-align: center !important;
    font-weight: normal;
    color: #abbf48;
}


#chiles{
    min-height: 200px;
    background-image:url("../img/nosotros/fondo.jpg");
    background-size:100%;
    background-position: center center;
    background-attachment: fixed;
}



/*------------Fin nosotros-------------*/




/*------------Inicia productos-------------*/

#h_productos{color: #67803b;}



#tipos_de_particula{

    background-image: url("../img/productos/particula/fondo_particula.jpg");
    background-size: cover;
    background-position: center;
}



.tipos_de_particula{
    overflow-y: hidden;
    width: 100%;
    height: 1270px;
    position: relative;
    border-top: 2px solid #e2b45b;
}



#p_fon{
    background: url("../img/productos/fondo_productos.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
}

#w_productos a{
    opacity: 1;
    transition: all ease 200ms;
}


#w_productos a:hover{
    opacity: 0.7;
}



.w_particula{
    width: 300px;
    height: 410px;
    position: absolute;
    z-index: 5;
    overflow-y: hidden;
}

.w_particula h4{
    font-weight: 800;
    line-height: 80px;
    text-align: left;
    letter-spacing: -1px;
}

#polvo{
    left: 3%;
    top: 60px;
}


#entero{
    left: 32%;
    top: 400px;
}



#picado{
    left: 9%;
    top: 550px;
}


#hojuela{
    left: 37%;
    top: 840px;
}


#granulado{
    left: 60%;
    top: 720px;
}

#tipo_particula{
    background: url("../img/productos/fondo_particula.png");
    background-position: right top;

    background-repeat: no-repeat;
    width: 520px;
    height: 520px;
    position: absolute;
    top: 0;
    right: 0;

}

#tipo_particula h2{
    font-weight: bold;
    color: #fff;
    font-size: 40px;
}



/*------------Fin productos-------------*/



/*------------Inicio servicios seccion-------------*/

nuestros_servicios_desktop{
    border-top: 2px solid red;
}

#wrapper_nservicios{
    position: relative;
}

#w_header_servicios{
    width: 100%;
    position: absolute;
    top: 0;
}

#nuestros_serv{
    background: #e2b45b;
    width: 40%;
    margin:  0 auto;
    border-radius: 0 0 30px 30px;
}
    

#nuestros_serv h2{
    color: #fff !important;

}


#w_nuestros_servicios{
    width: 100%;
}

.zona_serv{
    width: 20%;
    float: left;
    height: 550px;
    background-repeat: no-repeat;
    background-size: 280%;
    background-position: center;    
    transition: all ease 300ms;
    overflow-y: hidden;
 
}

.zona_serv:hover{
    background-size: 380%;
}

.zona_serv h4, .zona_serv p{
    color: #fff;
    padding: 20px;
    text-align: center;
}

.zona_serv h4{
padding-top: 350px;
    transition: all ease 200ms;
}

.zona_serv p{
    opacity: 0;
    transition: all ease 300ms;
}

.zona_serv:hover h4{
    padding-top: 250px;
}

.zona_serv:hover p{
    opacity: 1;
}


.as{
    height: auto;
    min-height: 550px;
    background-color: rgba(38,45,30,0);
    transition: all ease 400ms;
}



#w_inspeccion{
    background-image: url("../img/servicios_seccion/inspeccion.jpg");
}

#w_inspeccion:hover .as{
    background-color: rgba(215,150,78,0.7);
}

#w_desmetalizado{
    background-image: url("../img/servicios_seccion/desmetalizado.jpg");
}

#w_desmetalizado:hover .as{
    background-color: rgba(148,176,76,0.7);
}


#w_tamizado{
    background-image: url("../img/servicios_seccion/tamizado.jpg");
}

#w_tamizado:hover .as{
    background-color: rgba(197,96,56,0.7);
}

#w_mezclado{
    background-image: url("../img/servicios_seccion/mezclado.jpg");
}

#w_mezclado:hover .as{
    background-color: rgba(128,152,63,0.7);
}

#w_molienda{
    background-image: url("../img/servicios_seccion/molienda.jpg");
}

#w_molienda:hover .as{
    background-color: rgba(38,45,30,0.7);
}









/*------------Fin servicios seccion-------------*/


.clear{
    clear: both;
    width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 768px) {
    
    .articulo{
    padding: 30px;
}
    
    
    
    

/*------------Inicia calidad-------------*/




#calidad_A{
    min-height: 300px;
    background-size: cover;
}

#calidad_B{
    padding: 40px;
}




/*------------Termina calidad-------------*/




/*------------Inicia productos-------------*/






.w_particula{
    width: 300px;
    height: 410px;
    position: relative;
    z-index: 0;
    overflow-y: hidden;
    margin: 0 auto;
}

.w_particula h4{
    font-weight: 800;
    line-height: 80px;
    text-align: left;
    letter-spacing: -1px;
}

#polvo{
    margin-top: 200px;
    left: auto;
    top: auto;
}


#entero{
    left: auto;
    top: auto;
}



#picado{
    left: auto;
    top: auto;
}


#hojuela{
    left: auto;
    top: auto;
}


#granulado{
    left: auto;
    top: auto;
}

#tipo_particula{
    background: url("../img/productos/fondo_particula.png");
    background-position: right top;

    background-repeat: no-repeat;
    width: 520px;
    height: 520px;
    position: absolute;
    top: 0;
    right: 0;

}

#tipo_particula h2{
    font-weight: bold;
    color: #fff;
    font-size: 40px;
}

.tipos_de_particula{
    overflow-y: hidden;
    width: 100%;
    height: auto;
    border-top: 2px solid #e2b45b;
}

/*------------Fin productos-------------*/  
    
    
}




@media only screen and (min-width: 993px) and (max-width: 1660px) {
    
    
.mobile{
    display: block;
}

.desktop{
    display: hidden;
    display: none;

} 
    
    
    
#tipos_de_particula{
    background-position: 50%;
}    
    
    
#polvo{
    left: 4%;
    top: 90px;
}


#entero{
    left: 32%;
    top: 400px;
}



#picado{
    left: 1%;
    top: 550px;
}


#hojuela{
    left: 32%;
    top: 840px;
}


#granulado{
    left: 65%;
    top: 720px;
}
    
    
    
    
}