@media (max-width:1280px) and (min-width:300px){
    .wrapper{
        width:95%;
    }
}

@media (max-width:1279px) and (min-width:300px){
    #contenido{
        width:77%;
    }
    aside{
        width:20%;
    }
    
    .principal .imagen{
        width:50%;
    }
    .modulo1 .texto{
        width:67%;
    }
    .modulo1 .imagen{
        width:30%;
    }
    .modulo3{
        width:31.33%;
    }
    .modulo3:nth-child(4n){
        margin-right:3%;
    }
    .modulo3:nth-child(3n){
        margin-right:0;
    }

    .modulo4{
        width:22.75%;
    }
    .modulo4:nth-child(5n){
        margin-right:3%;
    }
    .modulo4:nth-child(4n){
        margin-right:0;
    }
    footer .seccion{
        margin-right:2%;
    }
    footer .firma{
        width:17%;
    }
}
@media (min-width:1121px){
    #menu{
        width:auto;
        height:60px !important;
        overflow:hidden;
    }
}
@media (max-width:1120px) and (min-width:300px){
    header .movil{
        display:block;
    }
    #menu{
        display:none;
        width:100%;
        height:auto;
        overflow:auto;
        margin:20px 0;
    }
    #menu ul{
        display:block;
    }
    #menu ul li{
        width:100%;
    }
    #menu ul li a{
        width: 100%;
        display:block;
        color:#fff;
        text-decoration:none;
        padding:10px 15px;
        line-height:30px;
        border-bottom:1px dotted #666;
    }
    #menu ul li a:hover{
        background:#333;
        border:0;
        border-bottom:1px dotted #666;
    }
    #menu ul li a.active{
        background:#077201;
        border:0;
        border-bottom:1px solid #077201;
    }
    #menu .idioma{
        margin-left:0;
        width:100%
    }
    #menu .idioma:hover{
        background:#353535;
    }
    #menu .idioma img{
        margin-left:15px;
    }
}
@media (max-width:1024px) and (min-width:300px){
    #contenido{
        width:73%;
    }
    aside{
        width:23%;
    }
    
    .modulo1 .texto{
        width:64%;
    }

    .modulo1 .imagen{
        width:33%;
    }
    .modulo2{
        width:100%;
        margin-right:0%;
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px dotted #999;
    }
    .modulo2 .texto{
        width:64%;
        float:left;
    }
    .modulo2 .imagen{
        width:33%;
        float:right;
        margin-bottom:0px;
    }
    .modulo3{
        width:48.5%;
    }
    .modulo3:nth-child(3n){
        margin-right:3%;
    }
    .modulo3:nth-child(2n){
        margin-right:0;
    }
    .modulo4{
        width:31.33%;
    }
    .modulo4:nth-child(4n){
        margin-right:3%;
    }
    .modulo4:nth-child(3n){
        margin-right:0;
    }
    
    .box70{
        width:100%;
    }
    .box30{
        width:100%;
    }
    footer .seccion{
        margin-right:2%;
    }
    footer .firma{
        width:17%;
    }
}
@media (max-width:960px) and (min-width:300px){
    #contenido{
        width:100%;
    }
    aside{
        width:100%;
    }
    aside .tienda, aside .slider, aside .eventos, aside .spotify, aside .facebook, aside .twitter{
        display:none;
    }
    slider_aside{
        display:none;
    }
    footer .seccion{
        width:10.75%;
        margin-right:2%;
    }
    footer .seccion:nth-child(8){
        margin-right:0;
    }
    footer .firma{
        width:100%;
        text-align:center;
        margin-top:30px;
    }
}
@media (max-width:768px) and (min-width:300px){
    .principal .imagen{
        width:100%;
    }
    .modulo1 .texto{
        width:58%;
    }
    .modulo1 .imagen{
        width:38%;
    }
    
    footer .seccion{
        display:none;
    }
    footer .firma{
        margin-top:0px;
    }
}
    

@media (max-width:640px) and (min-width:300px){
    figcaption{
        display:none;
    }
    .modulo1 .texto{
        width:100%;
    }
    .modulo1 .imagen{
        width:100%;
        margin-bottom:20px;
    }
    .modulo2 .texto{
        width:50%;
        float:left;
    }
    .modulo2 .imagen{
        width:47%;
        float:right;
        margin-bottom:0px;
    }
    .modulo4{
        width:48.5%;
    }
    .modulo4:nth-child(3n){
        margin-right:3%;
    }
    .modulo4:nth-child(2n){
        margin-right:0;
    }
    .modulo5{
        width:100%;
        margin-right:0;
        padding-bottom:20px;
        border-bottom:1px dotted #999;
    }
    .modulo5 .texto{
        width:100%;
    }
    .modulo5 .imagen{
        display:none;
    }
}
@media (max-width:560px) and (min-width:300px){
    .modulo2 .texto{
        width:100%;
    }
    .modulo2 .imagen{
        width:100%;
        margin-bottom:20px;
    }
    .modulo3{
        width:100%;
        border-bottom:1px dotted #999;
        padding-bottom:20px;
    }
    .modulo3:nth-child(2n){
        margin-right:0%;
    }
}
@media (max-width:481px) and (min-width:300px){
    .modulo4{
        width:100%;
    }
    .modulo4:nth-child(3n){
        margin-right:0%;
    }
}

/* Altos menú */
@media (min-height:769px){
    #menu{
        height:auto;
    }
}
@media (max-height:640px) and (min-height:551px){
    #menu{
        height:460px;
    }
}
@media (max-height:550px) and (min-height:481px){
    #menu{
        height:380px;
    }
}
@media (max-height:480px) and (min-height:401px){
    #menu{
        height:320px;
    }
}
@media (max-height:400px) and (min-height:321px){
    #menu{
        height:240px;
    }
}
@media (max-height:320px) and (min-height:261px){
    #menu{
        height:180px;
    }
}
@media (max-height:260px) and (min-height:200px){
    #menu{
        height:100px;
    }
}