@import url(header.css);
@import url(texto.css);
@import url(footer.css);
@import url(fontello.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

.contenedor0 {
    padding-top: 40px;
}


.contenedor1 {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.contenedor1 .div2 {
    text-align: center;
}

.contenedor1 .div2 a {
    color: #556F35;
}

.contenedor1 .div2 a:hover{
    color: #D76F21;
}

.contenedor1 .menu-corto {
    margin: 30px 0;
}
/*------MENU------*/


.primera-seccion {
    margin-top: 54.5px;
}

.menu-corto a:hover {
    color:rgb(85,111,53);
    border-bottom: 1px solid rgb(85,111,53);
}

.menu-corto .hoy{
    color: rgb(85,111,53);
    border-bottom: 1px solid rgb(85,111,53);
}
.cont-prelista {
    background: url(../imagenes_logo/lightpaperfibers.png);
    width: 95%;
    border-radius: 5px;
}

.cont-lista {
    width: 98%;
    margin:4px auto;
    padding: 7px;
    border-radius: 5px;
}

.titulo-lista {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 20px;
}

.submenu {
    font-size: 25px;
    color: rgb(194, 3, 3);
    margin: 2px 0;
}

.menu-corto {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.menu-corto a {
    padding: 0 5px;

}

@media screen and (min-width: 900px){
    .elfsight-app-322bd54e-3f10-491e-8b01-2f3a6470bae3{
        width: 80%;
    }
    .movil {
        display: none;
    }

    .nomovil {
        display: block;
    }

    .banneruno, .bannerdos {
        flex-direction: row;
        margin: 20px 0;
    }
    .banneruno img, .bannerdos img {
        width: 60%;
    }

    .banneruno video {
        max-width: 60%;
    }

    .banneruno .tit, .bannerdos .tit {
        font-size: 26px;
    }
    .banneruno .relleno, .bannerdos .relleno {
        width: 80%;
        font-size: 20px;
        padding: auto;
        min-height: 233px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    .banneruno .superboton, .bannerdos .superboton {
        font-size: 22px;
        width: 150px;
    }
    .owl-carousel {
        max-height: 250px;
    }

    .owl-carousel .owl-item{
        margin: 0 10px;
    }
    
}


@media screen and (min-width:1100px){
    .main {
        width: 75%;
    }
    
    .contenedor1 {
        width: 75%;
        display: flex;
        justify-content: center;
    }
    
    .imagen1 img{
        width: 100%;
    }

    .boton-ordena {
        text-align: center;
        position: relative;
        top: -45px;
    }
    
    .boton-ordena a {
        height: 65px;
        width: 200px;
        font-size: 25px;
    }
    .owl-stage-outer {
        max-height: 230px;
    }
    .contenedor0 {
        width: 680px;
    }

}