@charset "utf-8";
/* CSS Document */
/*******************************************************************************************************************/
/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 768px) { 
    .contenedor{
        padding: 0px 20px;
    }
    .contenedor2{
        padding: 0px 20px;
    }
    .textonosotros{

        padding: 20px;
        background: rgb(197,155,38);
        background: linear-gradient(90deg, rgba(197,155,38,1) 0%, rgba(247,243,209,1) 50%, rgba(192,162,42,1) 100%);
    }
    .textonosotros h2{
        font-size: 2em;
        color: #000;
        font-family: 'Teko', sans-serif;
    }
    .textonosotros p{
        color: #000;
        font-size: 1em;
        text-align: justify;
    }
    .texnosotros h2{
        font-family: 'Teko', sans-serif;
        font-size: 2em;
        margin: 0px;
    }
    .texnosotros p{
        font-size: 1em;
    } 
    .productostili h2{
        font-size: 2em;
        color: #000;
        text-align: center;
        font-family: 'Teko', sans-serif;

    }
    .productostili p{
        font-size: 1em;
        color: #000;
        text-align: justify;
    }
    .productostili ul li{
        font-size: 1em;
        color: #000;
        text-align: justify;
    }
    .infooter p{
        font-size: 1em;
        text-align: center;
    }
    .infooter h2{
        font-size: 2em;
        font-family: 'Teko', sans-serif;
        margin: 0px;
       
    }
    .infooter ul li a{
        font-size: 1em;
        color: #fff;
    }
    .logofooter{
        text-align: center;
        margin-top: 20px;
    }
    .imghome img{
        text-align: center;
        width: 90%;
    }
    .texnosotros{
        color: #fff;
        text-align: center;
        padding: 0px;
    }
    .logop img{
        width: 70%;
    }   
    .iconos-movil{
        text-align: right;
    }
    .iconos-movil img{
        width: 27px;
    }
    
    .menu{
        position: absolute;
        z-index: 10;
        width: 300px;
        background-color:#af0000;
        right: 0px;
        padding: 20px;
        margin-top: -400px;
        background: rgb(197,155,38);
        background: linear-gradient(90deg, rgba(197,155,38,1) 0%, rgba(247,243,209,1) 50%, rgba(192,162,42,1) 100%);
    }
    
    .menu ul li{
        margin-left: 5px;
        margin-right: 5px;
        list-style: none;
    }
    .menu ul li a{
        color: #000;
        padding-bottom: 10px;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 1PX;
        display: inline-block;
    }    
    
    
/*******************************************************************************************************************/   
} 
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 769px) { }
@media only screen and (min-width: 769px) and (max-width: 992px) {
    .contenedor{
        padding: 0px 20px;
    }
    .contenedor2{
        padding: 0px 20px;
    }
    .menu ul li{
        margin-left: 5px;
        margin-right: 5px;
        display:inline;
    }
    .menu ul li a{
        color: #ffffff;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 1PX;
    }
    .textonosotros{
        position: absolute;
        margin-left: -150px;
        margin-top: 5px;
        padding: 20px;
        background: rgb(197,155,38);
        background: linear-gradient(90deg, rgba(197,155,38,1) 0%, rgba(247,243,209,1) 50%, rgba(192,162,42,1) 100%);
    }
    .textonosotros h2{
        font-size: 2em;
        color: #000;
        font-family: 'Teko', sans-serif;
    }
    .textonosotros p{
        color: #000;
        font-size: 1em;
        text-align: justify;
    }
    .texnosotros h2{
        font-family: 'Teko', sans-serif;
        font-size: 2em;
        margin: 0px;
    }
    .texnosotros p{
        font-size: 1em;
    } 
    .productostili h2{
        font-size: 2em;
        color: #000;
        font-family: 'Teko', sans-serif;

    }
    .productostili p{
        font-size: 1em;
        color: #000;
        text-align: justify;
    }
    .productostili ul li{
        font-size: 1em;
        color: #000;
        text-align: justify;
    }
    .infooter p{
        font-size: 1.2em;
    }
    .infooter h2{
        font-size: 3em;
        font-family: 'Teko', sans-serif;
        margin: 0px;
    }
    .infooter ul li a{
        font-size: 1.2em;
        color: #fff;
    }    
    .imghome img{
        text-align: center;
        width: 90%;
    }
    .texnosotros{
        color: #fff;
        text-align: center;
        padding: 20px;
    }
    .logop img{
        width: 100%;
    }
/*******************************************************************************************************************/  
}
/*******************************************************************************************************************/
/* Medium screens */
@media only screen and (min-width: 993px) { }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .contenedor{
        padding: 0px 20px;
    }
    .contenedor2{
        padding: 0px 20px;
    }
    .menu ul li{
        margin-left: 10px;
        margin-right: 10px;
        display:inline;
    }
    .menu ul li a{
        color: #ffffff;
        font-size: 23px;
        font-weight: bold;
        letter-spacing: 1PX;
    }
    
    .textonosotros{
        position: absolute;
        margin-left: -150px;
        margin-top: 30px;
        padding: 40px;
        background: rgb(197,155,38);
        background: linear-gradient(90deg, rgba(197,155,38,1) 0%, rgba(247,243,209,1) 50%, rgba(192,162,42,1) 100%);
    }
    .textonosotros h2{
        font-size: 3em;
        color: #000;
        font-family: 'Teko', sans-serif;
    }
    .textonosotros p{
        color: #000;
        font-size: 1.2em;
        text-align: justify;
    } 
    
    .texnosotros h2{
        font-family: 'Teko', sans-serif;
        font-size: 3em;
        margin: 0px;
    }
    .texnosotros p{
        font-size: 1.2em;
    }     
    .productostili h2{
        font-size: 3em;
        color: #000;
        font-family: 'Teko', sans-serif;

    }
    .productostili p{
        font-size: 1.2em;
        color: #000;
        text-align: justify;
    }
    .productostili ul li{
        font-size: 1.2em;
        color: #000;
        text-align: justify;
    }
    
    .infooter p{
        font-size: 1.2em;
    }
    .infooter h2{
        font-size: 3em;
        font-family: 'Teko', sans-serif;
        margin: 0px;
    }
    .infooter ul li a{
        font-size: 1.2em;
        color: #fff;
    }
    .imghome img{
        text-align: center;
        width: 90%;
    }
    .texnosotros{
        color: #fff;
        text-align: center;
        padding: 40px;
    }
    .logop img{
        width: 100%;
    }
/*******************************************************************************************************************/  
} 
/*******************************************************************************************************************/
/* Extra Large screens */
@media only screen and (min-width: 1201px) { }
@media only screen and (min-width: 1201px){
    .contenedor{
        padding: 0px 20px;
    }
    .contenedor2{
        padding: 0px 20px;
    }
    .menu ul li{
        margin-left: 10px;
        margin-right: 10px;
        display:inline;
    }
    .menu ul li a{
        color: #ffffff;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 1PX;
    }
    
    .textonosotros{
        position: absolute;
        margin-left: -150px;
        margin-top: 100px;
        padding: 40px;
        background: rgb(197,155,38);
        background: linear-gradient(90deg, rgba(197,155,38,1) 0%, rgba(247,243,209,1) 50%, rgba(192,162,42,1) 100%);
    }
    .textonosotros h2{
        font-size: 3em;
        color: #000;
        font-family: 'Teko', sans-serif;
    }
    .textonosotros p{
        color: #000;
        font-size: 1.2em;
        text-align: justify;
    }    
    

    .texnosotros h2{
        font-family: 'Teko', sans-serif;
        font-size: 3em;
        margin: 0px;
    }
    .texnosotros p{
        font-size: 1.2em;
    } 
    .productostili h2{
        font-size: 3em;
        color: #000;
        font-family: 'Teko', sans-serif;

    }
    .productostili p{
        font-size: 1.2em;
        color: #000;
        text-align: justify;
    }
    .productostili ul li{
        font-size: 1.2em;
        color: #000;
        text-align: justify;
    }
    .imghome img{
        text-align: center;
        width: 90%;
    }
    .texnosotros{
        color: #fff;
        text-align: center;
        padding: 50px;
    }
    .logop img{
        width: 100%;
    }
/******************************************************************************************************************/   
}
/*******************************************************************************************************************/