@charset "utf-8";

/*--- RESET CSS ---*/
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
    strong, sub, sup, tt, var, legend, fieldset {
        margin: 0;
        padding: 0;
    }
     
    img, fieldset {
        border: 0;
    }
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
        margin: 0;
    }
    body{
        background-color: #ffffff;
    }

/*--- FUENTES ---*/
    @font-face {
        font-family: 'regular';
        src: url('../estilos/fonts/aller_rg-webfont.eot');
        src: url('../estilos/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/aller_rg-webfont.woff') format('woff'),
             url('../estilos/fonts/aller_rg-webfont.ttf') format('truetype'),
             url('../estilos/fonts/aller_rg-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'light';
        src: url('../estilos/fonts/aller_lt-webfont.eot');
        src: url('../estilos/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/aller_lt-webfont.woff') format('woff'),
             url('../estilos/fonts/aller_lt-webfont.ttf') format('truetype'),
             url('../estilos/fonts/aller_lt-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'bold';
        src: url('../estilos/fonts/aller-webfont.eot');
        src: url('../estilos/fonts/aller-webfont.eot?#iefix') format('embedded-opentype'),
             url('../estilos/fonts/aller-webfont.woff') format('woff'),
             url('../estilos/fonts/aller-webfont.ttf') format('truetype'),
             url('../estilos/fonts/aller-webfont.svg#open_sansregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/*--- COLORES ---*/

    /*--- ROJO FIORI: 597704 ---*/
    
/*--- CONTENIDO ---*/
    #contenido{
        display: inline-block;
        float: none;
        width: 100%;
        height: auto;
        padding: 0px 0px 0px 0px;
        }
    
    #contenedor{
        display: inline-block;
        float: none;
        width: 100%;
        max-width: 1400px;
        margin: 0px;
        }

    #banner{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 20px 0px;
        }

/*-- MUESTRAS 2021 ---*/
    #muestras{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
        }
    #muestras ul{
        list-style-type: none;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        }
    #muestras ul li{
        display: inline-block;
        float: none;
        width: 23.5%;
        height: auto;
        background-color: #597704;
        margin: 0px 0.5% 30px 0.5%;
        border-radius: 30px 30px 30px 0px;
        padding: 0px;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #muestras ul li img{
        object-fit: cover;
        width: 100%;
        height: 150px;
        border-radius: 30px 0px 0px 0px;
        }
    #muestras ul li:hover, #muestras ul li:active {
        background-color: #BBB;
        bottom: 3px;
        position: relative;
        }
    #muestras ul li a {
        text-decoration: none;
        }
    #muestras h1{
        font-family: 'light';
        font-size: 1em;
        color: #000;
        text-align: center;
        margin: 10px 0px 10px 0px;
        }

/*-- FOTOS ANTIGUAS ---*/
    #fotos{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 10px 0px;
        }
    #fotos ul{
        list-style-type: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
        }
    #fotos ul li{
        display: inline-block;
        float: left;
        width: 15.9%;
        height: auto;
        margin: 0px 0% 15px 10px;
        padding: 0px;
        bottom: 0px;
        transition: all .20s;
        -moz-transition:transition: all .20s;
        -ms-transition:transition: all .20s;
        -webkit-transition:transition: all .20s;
        -o-transition:transition: all .20s;
        }
    #fotos ul li img{
        object-fit: cover;
        width: 100%;
        height: 120px;
        border-radius: 10px;
        }
    #fotos ul li:hover, #fotos ul li:active {
        bottom: 3px;
        position: relative;
        }
    #fotos ul li a {
        text-decoration: none;
        }
    #fotos h1{
        font-family: 'light';
        font-size: 1em;
        color: #000;
        text-align: center;
        margin: 10px 0px 10px 0px;
        }

    #volver{
        display: inline-block;
        float: none;
        width: 100%;
        margin: 0px 0px 20px 0px;
        }
    #volver a{
        text-decoration: none;
        font-family: 'bold';
        font-size: 1.5em;
        color: #000;
        text-align: center;
        margin: 10px 0px 10px 0px;
        }

/*--- MENU ---*/
            #menu{
                background-color: #597704;
                display: inline-block;
                float: none;
                width: 100%;
                height: 100px;
                margin: 0px;
                }
            #menucontenedor{
                display: inline-block;
                float: none;
                width: 100%;
                max-width: 1400px;
                height: auto;
                margin: 0px;
                }
            #logo {
                display: inline-block;
                float: left;
                width: auto;
                max-height: 80px;
                margin: 10px 0px 0px 15px;
                }
            #logo img {
                max-height: 80px;
                }

            #redes {
                display: inline-block;
                float: right;
                position: relative;
                width: auto;
                right: 0;
                top: 0;
                margin: 25px 25px 0px 0px;
                }
            #redes ul {
                list-style-type: none;
                }
            #redes ul li{
                display: inline-block;
                float: right;
                width: auto;
                height: auto;
                margin: 0px 0px 0px 10px;
                }
            #redes ul li a {
                text-decoration: none;
                margin: 0px; 
                bottom: 0px;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            #redes ul li a:hover, #redes ul li a:active {
                bottom: 2px;
                position: relative;
                }

            nav {
                display: inline-block;
                float: right;
                position: relative;
                width: auto;
                margin: 3.5% 0px;
                }
            nav ul {
                display: inline-block;
                float: right;
                list-style: none;
                width: auto;
                height: auto;
                margin: 0px;
                }
            nav li {
                position: relative;
                display: inline-block;
                float: none;
                width: auto;
                height: auto;
                margin: 0px 10px;
                padding: 0px;
                }
            nav li a {
                text-decoration: none;
                font-family: 'regular';
                font-size: 1em;
                color: #FFF;
                margin: 0px; 
                bottom: 0px;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
            nav li a:hover, nav li a:active {
                color: #000;
                bottom: 3px;
                position: relative;
                }

/*--- FOOTER ---*/
        #pie {
            display: none-block;
            float: none;
            width: 100%;
            margin: 0px;
            padding: 0px;
            }

        #piecontenedor{
            background-color: #333;
            display: inline-block;
            float: none;
            width: 100%;
            margin: 0px 0px 0px 0px;
            padding: 20px 0px 0px 0px;
            }
        #piecontenido{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1400px;
            margin: 0px;
            padding: 0px;
            }

        #pieizq{
            display: inline-block;
            float: left;
            width: auto;
            margin: 10px 0px 0px 25px;
            }
        #pieizq ul{
            display: inline-block;
            list-style-type: none;
            }
        #pieizq ul li{
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 10px 0px 0px;
            }
            
        #pieder{
            display: inline-block;
            float: right;
            width: auto;
            margin: 0px 25px 0px 0px;
            text-align: right;
            }
        #pieder ul{
            display: inline-block;
            list-style-type: none;
            }
        #pieder ul li{
            display: inline-block;
            float: right;
            width: auto;
            margin: 0px 0px 0px 20px;
            font-family: 'regular';
            font-size: 0.9em;
            text-align: right;
            color: #000;
            }
        #pieder ul li img{
            max-width: 200px;
            }
        #pieder ul li a {
                text-decoration: none;
                font-size: 1em;
                margin: 0px; 
                bottom: 0px;
                opacity: 1;
                transition: all .20s;
                -moz-transition:transition: all .20s;
                -ms-transition:transition: all .20s;
                -webkit-transition:transition: all .20s;
                -o-transition:transition: all .20s;
                }
        #pieder ul li a:hover, #pieder ul li a:active {
                opacity: 0.6;
                bottom: 3px;
                position: relative;
                }

        #pieder a {
            text-decoration: none;
            font-family: 'light';
            font-size: 0.55em;
            line-height: 2.55em;
            color: #666;
            margin: 0px; 
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #pieder a:hover {
            color: #004694;
            bottom: 2px;
            position: relative;
            }

        #pieizq a.enlacefooter {
            text-decoration: none;
            font-family: 'regular';
            font-size: 1em;
            line-height: auto;
            color: #666;
            margin: 0px; 
            bottom: 0px;
            transition: all .20s;
            -moz-transition:transition: all .20s;
            -ms-transition:transition: all .20s;
            -webkit-transition:transition: all .20s;
            -o-transition:transition: all .20s;
            }
        #pieizq a.enlacefooter:hover {
            color: #004694;
            bottom: 2px;
            position: relative;
            }


/*--- R E S P O N S I V O S ---*/

    /*--- PANTALLA 1280 (probar hasta 949) ...*/
        @media only screen and (max-width: 1280px) {

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 22%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 17%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 120px;
                    border-radius: 10px;
                    }

        }
                
    /*--- PANTALLA 950 (probar hasta 851) ...*/
        @media only screen and (max-width: 950px) {

            /*--- CONTENIDO ---*/
                #top{
                    max-width: 95%;
                    }
                #topizq{
                    font-size: 0.7em;
                    }
                #topder{
                    font-size: 0.7em;
                    }

                #contenedor{
                    max-width: 95%;
                    margin: 0px 0px 20px 0px;
                    }

                #contenedorizq{
                    width: 49%;
                    }
                #contenedorizq h1{
                    font-size: 0.9em;
                    margin: 0px 0px 5px 0px;
                    }
                #contenedorizq h2{
                    font-size: 0.9em;
                    margin: 0px 0px 10px 0px;
                    }
                #contenedorizq h3{
                    font-size: 0.9em;
                    margin: 20px 0px;
                    padding: 10px;
                    }

                #contenedorder{
                    width: 49%;
                    }

                #contenedormedio ul li{
                    float: left;
                    width: 23.25%;
                    margin: 0px 1% 20px 0px;
                    }
                #contenedormedio ul li .icono{
                    width: 40px;
                    margin: 10px 15px 10px 10px;
                    }
                #contenedormedio h1{
                    font-size: 0.9em;
                    margin: 5px 5px 0px 0px;
                    }
                #contenedormedio h2{
                    font-size: 0.9em;
                    }

                #mapa{
                    margin: 10px 0px 0px 0px;
                }

            /*--- MENU ---*/
                        #menucontenedor{
                            width: 95%;
                           }
                        
                        #logo {
                            width: 150px;
                            max-height: 78px;
                            margin: 10px 0px 5px 0px;
                            }

                        #redes {
                            margin: 100px 20px 0px 0px;
                            z-index: 500;
                            }

                        nav {
                            display: inline-block;
                            float: right;
                            position: relative;
                            width: auto;
                            margin: 3.5% 0px;
                            }
                        nav li {
                            margin: 0px 5px;
                            }
                        nav li a {
                            font-size: 0.95em;
                            }

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 30%;
                    margin: 0px 0.5% 15px 0.5%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 18%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 80px;
                    border-radius: 10px;
                    }

            /*--- FOOTER ---*/
                    #piebanners{
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        }
                    #piebanners ul{
                        margin: 20px 0px 0px 0px;
                        }
                    #piebanners ul li{
                        display: inline-block;
                        float: none;
                        width: 15%;
                        margin: 0px 0px 20px 0px;
                        }
                    #piebanners img{
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        }

                    #pieaccesos img {
                        display: inline-block;
                        float: none;
                        width: 30%;
                        height: auto;
                        }

                    #pieaccesos a {
                        text-decoration: none;
                        margin: 0px 0.5%; 
                        bottom: 0px;
                        opacity: 1;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #pieaccesos a:hover, #pieaccesos a:active {
                        opacity: 0.6;
                        bottom: 3px;
                        position: relative;
                        }

                    #piecontenedor{
                        background-color: #ccc;
                        display: inline-block;
                        float: none;
                        width: 100%;
                        margin: 0px 0px 10px 0px;
                        padding: 20px 0px 0px 0px;
                        }
                    #piecontenido{
                        display: inline-block;
                        float: none;
                        width: 100%;
                        max-width: 89%;
                        margin: 0px;
                        padding: 0px;
                        }

                    #pieizq{
                        display: inline-block;
                        float: left;
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        font-family: "regular";
                        font-size: 0.85em;
                        line-height: 1.25em;
                        color: #000;
                        text-align: left;
                        }
                    #pieizq ul{
                        display: inline-block;
                        list-style-type: none;
                        }
                    #pieizq ul li{
                        display: inline-block;
                        float: left;
                        width: auto;
                        margin: 0px 7px 0px 0px;
                        }
                        
                    #pieder{
                        display: inline-block;
                        float: right;
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        text-align: right;
                        }
                    #pieder ul{
                        display: inline-block;
                        list-style-type: none;
                        }
                    #pieder ul li{
                        display: inline-block;
                        float: right;
                        width: auto;
                        margin: 0px 0px 0px 20px;
                        font-family: 'regular';
                        font-size: 0.9em;
                        text-align: right;
                        color: #000;
                        }
                    #pieder ul li a {
                            text-decoration: none;
                            font-size: 1em;
                            margin: 0px; 
                            bottom: 0px;
                            opacity: 1;
                            transition: all .20s;
                            -moz-transition:transition: all .20s;
                            -ms-transition:transition: all .20s;
                            -webkit-transition:transition: all .20s;
                            -o-transition:transition: all .20s;
                            }
                    #pieder ul li a:hover, #pieder ul li a:active {
                            opacity: 0.6;
                            bottom: 3px;
                            position: relative;
                            }

                    #pieder a {
                        text-decoration: none;
                        font-family: 'light';
                        font-size: 0.55em;
                        line-height: 2.55em;
                        color: #666;
                        margin: 0px; 
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #pieder a:hover {
                        color: #004694;
                        bottom: 2px;
                        position: relative;
                        }

                    #pieizq a.enlacefooter {
                        text-decoration: none;
                        font-family: 'regular';
                        font-size: 1em;
                        line-height: auto;
                        color: #666;
                        margin: 0px; 
                        bottom: 0px;
                        transition: all .20s;
                        -moz-transition:transition: all .20s;
                        -ms-transition:transition: all .20s;
                        -webkit-transition:transition: all .20s;
                        -o-transition:transition: all .20s;
                        }
                    #pieizq a.enlacefooter:hover {
                        color: #004694;
                        bottom: 2px;
                        position: relative;
                        }

        }

    /*--- PANTALLA 850  (probar hasta 769)...*/
        @media only screen and (max-width: 850px) {

            /*--- CONTENIDO ---*/
                #top{
                    max-width: 95%;
                    }
                #topizq{
                    font-size: 0.7em;
                    }
                #topder{
                    font-size: 0.7em;
                    }

                #contenedor{
                    max-width: 95%;
                    margin: 0px 0px 20px 0px;
                    }

                #contenedorizq{
                    width: 49%;
                    }
                #contenedorizq h1{
                    font-size: 0.9em;
                    margin: 0px 0px 5px 0px;
                    }
                #contenedorizq h2{
                    font-size: 0.9em;
                    margin: 0px 0px 10px 0px;
                    }
                #contenedorizq h3{
                    font-size: 0.9em;
                    margin: 20px 0px;
                    padding: 10px;
                    }

                #contenedorder{
                    width: 49%;
                    }

                #contenedormedio ul li{
                    float: left;
                    width: 31.5%;
                    margin: 0px 1% 20px 0px;
                    }
                #contenedormedio ul li .icono{
                    width: 40px;
                    margin: 10px 15px 10px 10px;
                    }
                #contenedormedio h1{
                    font-size: 0.9em;
                    margin: 5px 5px 0px 0px;
                    }
                #contenedormedio h2{
                    font-size: 0.9em;
                    }

                #mapa{
                    margin: 10px 0px 0px 0px;
                    }

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 30%;
                    margin: 0px 0.5% 15px 0.5%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 300px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 23%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    border-radius: 10px;
                    }

            /*--- MENU ---*/
                        #logo {
                            float: none;
                            width: auto;
                            max-height: 78px;
                            margin: 5px 0px 5px 0px;
                            }

                        #redes {
                            margin: 45px 15px 0px 0px;
                            z-index: 500;
                            }

                        nav {
                            float: none;
                            margin: 0px 0px 5px 0px;
                            }
                        nav li {
                            margin: 0px 10px;
                            }
                        nav li a {
                            font-size: 0.95em;
                            }

            /*--- FOOTER ---*/
                    #piebanners{
                        background: none;
                        background-color: #222;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        }
                    #piebanners ul{
                        margin: 15px 0px 0px 0px;
                        }
                    #piebanners ul li{
                        display: inline-block;
                        float: none;
                        width: 15%;
                        margin: 0px 0px 10px 0px;
                        }
                    #piebanners img{
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        }

                    #piecontenido{
                        max-width: 95%;
                        }

                    #pieizq{
                        display: none;
                        }
                        
                    #pieder{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        text-align: right;
                        }
                    #pieder ul li{
                        display: inline-block;
                        float: left;
                        width: 100%;
                        margin: 0px 0px 0px 0px;
                        font-family: 'regular';
                        font-size: 0.9em;
                        text-align: center;
                        color: #000;
                        }

		}

    /*--- PANTALLA 768  (probar hasta 641)...*/
        @media only screen and (max-width: 768px) {

      	    /*--- CONTENIDO ---*/
                #top{
                    max-width: 95%;
                    margin: 5px 0px 0px 0px;
                    }
                #contenedor{
                    max-width: 95%;
                    margin: 0px 0px 20px 0px;
                    }

                #contenedorizq{
                    width: 49%;
                    }
                #contenedorizq h1{
                    font-size: 0.9em;
                    margin: 0px 0px 5px 0px;
                    }
                #contenedorizq h2{
                    font-size: 0.9em;
                    margin: 0px 0px 10px 0px;
                    }
                #contenedorizq h3{
                    font-size: 0.9em;
                    margin: 20px 0px;
                    padding: 10px;
                    }

                #contenedorder{
                    width: 49%;
                    }

                #contenedormedio ul li{
                    float: left;
                    width: 31.25%;
                    margin: 0px 1% 15px 0px;
                    }
                #contenedormedio ul li .icono{
                    width: 40px;
                    margin: 10px 15px 10px 10px;
                    }
                #contenedormedio h1{
                    font-size: 0.9em;
                    margin: 2px 5px 0px 0px;
                    }
                #contenedormedio h2{
                    font-size: 0.9em;
                    }

                #mapa{
                    margin: 10px 0px 0px 0px;
                    }

            /*--- MENU ---*/
                        #logo {
                            display: inline-block;
                            float: left;
                            width: auto;
                            max-height: 80px;
                            margin: 20px 0px 0px 15px;
                            }
                        #logo img {
                            max-height: 60px;
                            }

                        #redes {
                            margin: 30px 15px 0px 0px;
                            z-index: 500;
                            }
                        #redes img{
                            width: 40px;
                            height: auto;
                            }

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 30%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 23%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    border-radius: 10px;
                    }

            /*--- FOOTER ---*/
                    #piebanners{
                        background: none;
                        background-color: #222;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        }
                    #piebanners ul{
                        margin: 15px 0px 0px 0px;
                        }
                    #piebanners ul li{
                        display: inline-block;
                        float: none;
                        width: 15%;
                        margin: 0px 0px 10px 0px;
                        }
                    #piebanners img{
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        }

                    #piecontenido{
                        max-width: 95%;
                        }

                    #pieder{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        text-align: right;
                        }
                    #pieder ul li{
                        display: inline-block;
                        float: left;
                        width: 100%;
                        margin: 0px 0px 0px 0px;
                        font-family: 'regular';
                        font-size: 0.9em;
                        text-align: center;
                        color: #000;
                        }
                    #pieder .logo{
                        display: none;
                        }
		}

    /*--- PANTALLA 640  (probar hasta 481)...*/
        @media only screen and (max-width: 640px) {

            /*--- MENU ---*/
                
                #logo {
                    float: none;
                    width: 150px;
                    max-height: 78px;
                    margin: 5px 0px 5px 0px;
                    }

                #redes {
                    display: inline-block;
                    float: left;
                    position: absolute;
                    width: 100px;
                    left: 0;
                    top: 0;
                    margin: 35px 0px 0px 5px;
                    z-index: 500;
                    }
                #redes ul li{
                    display: inline-block;
                    float: left;
                    width: auto;
                    height: auto;
                    margin: 0px 0px 0px 5px;
                    }
                #redes img{
                    width: 40px;
                    height: auto;
                    }

                nav {
                    display: inline-block;
                    float: none;
                    position: absolute;
                    right: 0;
                    top: 25px;
                    z-index: 550;
                    width: auto;
                    margin: 0px 0px 0px 0px;
                    }
                nav ul {
                    background-color: #597704;
                    display: none;
                    float: right;
                    width: 100%;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px;
                    }
                nav li {
                    display: inline-block;
                    float: none;
                    width: 89%;
                    margin: 0px 0px 0px 0px;
                    padding: 8px 0px 8px 0px;
                    position: relative;
                    text-align: center;
                    border-bottom: 1px #CCC solid;
                    }
                nav li:last-child{
                    border-bottom: none;
                    }
                nav li a {
                    text-decoration: none;
                    font-family: 'regular';
                    font-size: 1em;
                    line-height: 1em;
                    text-align: right;
                    color: #FFF;
                    margin: 0px 0px; 
                    }
                nav a#pull {
                    display: inline-block;
                    float: right;
                    width: auto;
                    position: relative;
                    margin: 0px 0px 0px 0px;
                    }

            /*--- CONTENIDO ---*/
                #top{
                    max-width: 95%;
                    margin: 5px 0px 0px 0px;
                    }
                #topizq{
                    display: none;
                    }
                #topder{
                    font-size: 0.7em;
                    }

                #contenedor{
                    max-width: 95%;
                    margin: 0px 0px 20px 0px;
                    }

                #contenedorizq{
                    width: 100%;
                    }
                #contenedorizq h1{
                    font-size: 0.9em;
                    margin: 0px 0px 5px 0px;
                    }
                #contenedorizq h2{
                    font-size: 0.9em;
                    margin: 0px 0px 10px 0px;
                    }
                #contenedorizq h3{
                    font-size: 0.9em;
                    margin: 20px 0px;
                    padding: 10px;
                    }

                #contenedorder{
                    width: 100%;
                    }

                #contenedormedio ul li{
                    float: left;
                    width: 97%;
                    margin: 0px 0px 10px 0px;
                    }
                #contenedormedio ul li .icono{
                    width: 40px;
                    margin: 10px 15px 10px 10px;
                    }
                #contenedormedio h1{
                    font-size: 0.9em;
                    margin: 2px 5px 0px 0px;
                    }
                #contenedormedio h2{
                    font-size: 0.9em;
                    }

                #banner{
                    margin: 0px 0px 10px 0px;
                    }

                #mapa{
                    margin: 10px 0px 20px 0px;
                    }

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 40%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 31%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 110px;
                    border-radius: 10px;
                    }

            /*--- FOOTER ---*/
                    #piebanners{
                        background: none;
                        background-color: #222;
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        }
                    #piebanners ul{
                        margin: 15px 0px 0px 0px;
                        }
                    #piebanners ul li{
                        display: inline-block;
                        float: none;
                        width: 22.5%;
                        margin: 0px 0px 10px 0px;
                        }
                    #piebanners img{
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        }

                    #pieaccesos{
                        display: none;
                        }

                    #piecontenido{
                        max-width: 95%;
                        }

                    #pieder{
                        display: inline-block;
                        float: none;
                        width: auto;
                        margin: 0px 0px 0px 0px;
                        text-align: right;
                        }
                    #pieder ul li{
                        display: inline-block;
                        float: left;
                        width: 100%;
                        margin: 0px 0px 0px 0px;
                        font-family: 'regular';
                        font-size: 0.9em;
                        text-align: center;
                        color: #000;
                        }
                    #pieder .logo{
                        display: none;
                        }

	   }

    /*--- PANTALLA 480  (probar hasta 361)...*/
        @media only screen and (max-width: 480px) {

    		/*--- MENU ---*/

                    #logo {
                        display: inline-block;
                        float: none;
                        width: auto;
                        max-height: 120px;
                        margin: 20px 0px 0px 0px;
                        }
                    #logo img {
                        max-height: 60px;
                        }

                    #redes {
                        display: none;
                        float: right;
                        position: absolute;
                        width: auto;
                        margin: 30px 15px 0px 0px;
                        }
                    #redes img{
                        width: 40px;
                        height: auto;
                        }

            /*--- MUESTRAS 2021 ---*/
                #muestras ul li{
                    width: 47%;
                    margin: 0px 0.5% 10px 0.5%;
                    }
                #muestras ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 80px;
                    }

            /*-- FOTOS ANTIGUAS ---*/
                #fotos ul li{
                    float: none;
                    width: 45%;
                    }
                #fotos ul li img{
                    object-fit: cover;
                    width: 100%;
                    height: 100px;
                    border-radius: 10px;
                    }

        }