@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;
    }

/*--- FONTS ---*/
    @font-face {
        font-family: "regular";
        font-style: normal;
        src: url("fonts/opensans-regular-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-regular-webfont.woff") format("woff"), 
        url("fonts/opensans-regular-webfont.ttf") format("truetype"), 
        url("fonts/opensans-regular-webfont.svg#opensans-regular-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "medium";
        font-style: normal;
        src: url("fonts/opensans-semibold-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-semibold-webfont.woff") format("woff"), 
        url("fonts/opensans-semibold-webfont.ttf") format("truetype"), 
        url("fonts/opensans-semibold-webfont.svg#opensans-semibold-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "bold";
        font-style: normal;
        src: url("fonts/opensans-bold-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-bold-webfont.woff") format("woff"), 
        url("fonts/opensans-bold-webfont.ttf") format("truetype"), 
        url("fonts/opensans-bold-webfont.svg#opensans-bold-webfont") 
        format("svg");
    }
    @font-face {
        font-family: "light";
        font-style: normal;
        src: url("fonts/opensans-light-webfont.eot?#iefix") 
        format("embedded-opentype"), 
        url("fonts/opensans-light-webfont.woff") format("woff"), 
        url("fonts/opensans-light-webfont.ttf") format("truetype"), 
        url("fonts/opensans-light-webfont.svg#opensans-light-webfont") 
        format("svg");
    }

    @font-face {
        font-family: 'lucida_regular';
        src: url('fonts/lfax-webfont.woff2') format('woff2'),
             url('fonts/lfax-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'lucida_demibold';
        src: url('fonts/lfaxd-webfont.woff2') format('woff2'),
             url('fonts/lfaxd-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'lucida_demibold_italic';
        src: url('fonts/lfaxdi-webfont.woff2') format('woff2'),
             url('fonts/lfaxdi-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'lucida_italic';
        src: url('fonts/lfaxi-webfont.woff2') format('woff2'),
             url('fonts/lfaxi-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    
/*--- COLORES ---*/
    /* DORADO: d3b466 */
    /* CREMA BASES: cbb36a */

/*--- CLERAFIX MENU RESPONSIVO ---*/
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
        }
    .clearfix:after {
        clear: both;
        }
    .clearfix {
        *zoom: 1;
        }

/*--- SPLASH DE CONSTRUCCION ---*/

        body {
            background-color: #000;
        }

/*--- DIV A CARGAR GALERIAS ---*/
        #acargar {
            background: rgba(0, 0, 0, 0.8);
            display: none;
            z-index: 200;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #cerrargaleria{
            background-color: #d3b466;
            opacity: 1;
            z-index: 250;
            display: block;
            float: right;
            width: auto;
            position: fixed;
            top:2%;
            padding: 5px;
            text-decoration: none;
            font-family: "regular";
            font-size: 0.8em;
            color: #000;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #cerrargaleria:hover{
            background-color: #DDD;
            opacity: 0.7;
            padding-left: 20px;
        }
        #muestra{
            display: inline-block;
            float: none;
            width: 100%;
            margin: 40px 0px 0px 0px; 
        }
        #muestra video{
            display: inline-block;
            float: none;
            width: 75%;
            height: auto;
            margin: 20px 0px 0px 0px; 
        }


/*--- MENU ---*/
            #wapp {
                z-index: 200;
                display: inline-block;
                float: none;
                position: fixed;
                top: 60px;
                right: 15px;
                height: auto;
                width: auto;
                }

            #wapp a img{
                text-decoration: none;
                position: relative;
                bottom:0px;
                opacity: 0.7;
                transition: all .25s;
                -moz-transition:transition: all .25s;
                -ms-transition:transition: all .25s;
                -webkit-transition:transition: all .25s
                -o-transition:transition: all .25s;
                }
            #wapp a img:hover{
                opacity: 1;
                bottom: 2px;
                }

            #menu{
                background: rgba(0,0,0,0.5);
                display: block;
                float: none;
                position: fixed;
                z-index: 100;
                width: 100%;
                height: 115px;
                left: 0;
                top: 0;
            }
            #logazo{
                display: inline-block;
                float: left;
                width: auto;
                position: absolute;
                z-index: 300;
                margin: 10px 0px 0px 0px;
            }
            nav {
                display: inline-block;
                position: relative;
                width: 100%;
                max-width: 950px;
                height: auto;
            }
            nav img{
                display: inline-block;
                float: left;
                width: 100%;
                max-width: 200px;
                margin: 10px 0px 0px 0px;
            }
            nav ul {
                display: inline-block;
                float: right;
                list-style: none;
                width: auto;
                margin: 70px 0px 0px 0px;
            }
            nav li {
                display: inline-block;
                float: none;
                width: auto;
                height: auto;
                margin: 0px;
                padding: 0px;
            }
            nav li a {
                text-decoration: none;
                font-family: 'lucida_regular';
                font-size: 0.9em;
                color: #cbb26a;
                margin: 0px 5px; 
                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.destacado {
                text-decoration: none;
                font-family: 'lucida_demibold';
                font-size: 0.9em;
                color: #FFF;
                margin: 0px 0px 0px 5px; 
                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: #FFF;
                bottom: 2px;
                position: relative;
            }
            nav a#pull {
                display: none;
            }

/*--- SEND-PHP ---*/

    #bloquesend{
        background-color: rgba(0,0,0,0.8);
        display: inline-block;
        float: none;
        width: auto;
        margin: 130px 0px 0px 0px;
        padding: 20px 0px;
    }
    #bloquesend h1{
        font-family: 'lucida_regular';
        font-size: 1.5em;
        color: #cbb26a;
        margin: 0px 0px 20px 0px;
    }
    #bloquesend h2{
        font-family: 'lucida_regular';
        font-size: 1em;
        color: #FFF;
    }
    #bloquesend a{
        text-decoration: none;
        font-family: 'lucida_regular';
        font-size: 0.8em;
        color: #cbb26a;
        margin: 0px 0px 0px 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;
    }
    #bloquesend a:hover{
        color: #FFF;
        bottom: 2px;
        position: relative;
    }

/*--- REDES ---*/
        #flotante{
            z-index: 150;
            display: inline-block;
            float: none;
            position: fixed;
            right: 0;
            top: 0;
        }
        #flotante img{
            width: 100%;
            max-width: 33px;
            padding: 0px;
            margin: 0px;
        }
        #flotante ul{
           display: inline-block;
           float: none;
           list-style-type: none;
           margin: 10px 15px 0px 0px;
        }
        #flotante li{
            display: inline-block;
            float: none;
        }
        #flotante a{
            text-decoration: none;
            position: relative;
            bottom:0px;
            opacity: 0.7;
            transition: all .25s;
            -moz-transition:transition: all .25s;
            -ms-transition:transition: all .25s;
            -webkit-transition:transition: all .25s
            -o-transition:transition: all .25s;
        }
        #flotante a:hover{
            opacity: 1;
            bottom: 2px;
        }

/*--- BANNERS HOME ---*/

        #bannershome{
            display: inline-block;
            float: none;
            width: 100%;
            max-width: 1000px;
        }
        #bannershome ul{
            list-style-type: none;
            width: 100%;
            margin: 55% 0px 0px 0px;
        }
        #bannershome ul li{
            display: inline-block;
            float: none;
            width: auto;
            max-width: 1000px;
            margin: 0px 0px 0px 0px;
        }
        /*#bannershome ul li:last-child{
            margin: 0px 0px 0px 0px;
        }*/
        #bannershome ul li img{
            box-shadow: 0px 0px 10px #000;
        }
        #bannershome ul li a{
            font-family: "lucida_demibold";
            font-size: 1.25em;
            color: #FFF;
            text-decoration: none;
            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;
        }
        #bannershome ul li a:hover {
            color: #000;
            bottom: 2px;
            position: relative;
        }

/*--- BLOQUES EN GENERAL ---*/

        #intro{
            min-height: 700px;
            width: 100%;
        }


        #volver{
            display: inline-block;
            width: 100%;
            margin: 10px 0px 0px 0px;
        }
        #volver img{
            float: right;
        }


        .bloquesgral {
            background-color: rgba(203, 179, 106, 0.8);
            /*background-color: #cbb36a;*/
            display: inline-block;
            width: 100%;
            max-width: 1000px;
            box-shadow: 0px 0px 20px #000;
            padding: 0px;
            margin: 0px;
        }
        .topmadera{
            display: block;
            position: relative;
            z-index: 0;
            width: 100%;
            overflow: hidden;
            margin: 0px 0px -160px 0px;
        }


        .bloquetexto {
            display: inline-block;
            float: none;
            width: 95%;
            position: relative;
            margin: 0px 0px 15px 0px;
        }
        .bloquetexto h1{
            font-family: "lucida_demibold";
            font-size: 1.25em;
            color: #FFF;
            text-align: left;
            margin: 0px 0px 20px 0px;
        }
        .bloquetexto h2{
            font-family: "regular";
            font-size: 0.9em;
            line-height: 1.25em;
            color: #000;
            text-align: justify;
        }
        .bloquetexto h3{
            font-family: "lucida_regular";
            font-size: 0.9em;
            color: #000;
            text-align: left;
        }
        .bloquetexto h4{
            display: block;
            float: right;
            font-family: "lucida_regular";
            font-size: 0.9em;
            color: #000;
            text-align: right;
            margin: 10px 0px 0px 0px;
        }
        .bloquetexto h5{
            font-family: "lucida_demibold";
            font-size: 2em;
            color: #FFF;
            text-align: left;
            margin: 0px 0px 15px 0px;
            padding: 0px 0px 15px 0px;
            border-bottom: 1px #FFF solid;
        }

        .bloquetexto a{
            text-decoration: none;
            color: #000;
            bottom: 0px;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
        }
        .bloquetexto a:hover{
            color: #FFF;
            bottom: 3px;
            position: relative;
        }


        .bloquepie {
            background-color: #cbb36a;
            display: inline-block;
            width: 100%;
            box-shadow: 0px 0px 20px #000;
            padding: 0px;
            margin: 0px 0px 30px 0px;
        }
        .bloquepie ul {
            display: inline-block;
            float: none;
            list-style-type: none;
            width: 100%;
            max-width: 1000px;
            padding: 0px;
            margin: 20px 0px 15px 0px;
        }
        .bloquepie ul li {
            display: inline-block;
            float: left;
            width: auto;
            margin: 0px 20px 0px 0px;
        }
        .bloquepie ul li:last-child {
            display: inline-block;
            float: right;
            width: auto;
            margin: 0px;
        }
        .bloquepie h2{
            font-family: "lucida_regular";
            font-size: 0.9em;
            color: #000;
            text-align: justify;
        }
        .bloquepie a{
            text-decoration: none;
            color: #000;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
        }
        .bloquepie a:hover{
            color: #FFF;
            opacity: 2;
            position: relative;
        }
        


        .bloqueseparadores {
            display: inline-block;
            width: 100%;
            height: 500px;
        }
        .bloqueseparadoresfinal {
            display: inline-block;
            width: 100%;
            height: 50px;
        }
        
        .cajaizq{
            display: inline-block;
            float: left;
            width: 48.5%;
        }

        .cajader{
            display: inline-block;
            float: right;
            width: 48.5%;
        }
        .cajader h3{
            font-family: "regular";
            font-size: 0.8em;
            color: #000;
            text-align: justify;
        }

/*--- NOTICIAS / NOVEDADES ---*/

        ul.picsimagen{
            list-style-type: none;
            display: inline-block;
        }
        ul.picsimagen li{
            background-color: #000;
            display: inline-block;
            float: left;
            width: 31%;
            margin: 0px 30px 0px 0px;
        }
        ul.picsimagen li:last-child{
            float: right;
            width: 31%;
            margin: 0px;
        }
        ul.picsimagen li img{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px;
        }   
        ul.picsimagen li a{
            text-decoration: none;
            opacity: 0.8;
            bottom: 0px;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
        }
        ul.picsimagen li a:hover{
            opacity: 1;
            bottom: 3px;
            position: relative;
        }
        ul.picsimagen li h1{
            font-family: "lucida_demibold";
            font-size: 1em;
            color: #FFF;
            text-align: left;
            margin: 10px 15px;
        }
        ul.picsimagen li h2{
            font-family: "regular";
            font-size: 0.8em;
            color: #cbb36a;
            text-align: left;
            line-height: 1.25em;
            margin: 0px 15px 15px 15px;
        }

        ul.picsimagen_all{
            list-style-type: none;
            display: inline-block;
        }
        ul.picsimagen_all li{
            background-color: #000;
            display: inline-block;
            float: left;
            width: 24%;
            height: 350px;
            margin: 0px 8px 15px 0px;
        }
        ul.picsimagen_all li img{
            display: inline-block;
            float: none;
            width: auto;
            margin: 0px;
        }   
        ul.picsimagen_all li a{
            text-decoration: none;
            opacity: 0.8;
            bottom: 0px;
            transition: all .15s;
            -moz-transition:transition: all .15s;
            -ms-transition:transition: all .15s;
            -webkit-transition:transition: all .15s;
            -o-transition:transition: all .15s;
        }
        ul.picsimagen_all li a:hover{
            opacity: 1;
            bottom: 3px;
            position: relative;
        }
        ul.picsimagen_all li h1{
            font-family: "lucida_demibold";
            font-size: 0.9em;
            color: #FFF;
            text-align: left;
            margin: 10px 15px;
        }
        ul.picsimagen_all li h2{
            font-family: "regular";
            font-size: 0.6em;
            color: #cbb36a;
            text-align: left;
            line-height: 1.5em;
            margin: 0px 15px 15px 15px;
        }

/*--- UBICACION (MAPA) ---*/
       
        #mapa{
            display: inline-block;
            float: none;
            width: 100%;
            padding: 20px 0px 0px 0px;
        }
        #mapa iframe{
            width: 100%;
            height: 400px;
            border: none;
        }

/*--- CONTACTO / RESERVAS ---*/

        #destaque{
            background-color: rgba(0,0,0,0.6);
            display: inline-block;
            float: none;
            width: auto;
            margin: 20px 0px;
            padding: 20px;
            font-family: "lucida_regular";
            font-size: 0.9em;
            line-height: 1.5em;
            color: #FFF;
            text-align: justify;
        }

        #form{
            display: inline-block;
            float: right;
            width: 100%;
        }

        /*--- FORMULARIO ---*/
            .contact_form {
                display: inline-block;
                float: right;
                width:100%;
                padding: 0px;
                margin: 0px;
            }
            .contact_form ul {
                width: 100%;
                float: none;
                list-style-type:none;
            }
            .contact_form li{
                display: inline-block;
                float: right;
                width: 100%;
                margin-bottom: 15px;
            }
            .contact_form input {
                background-color: rgba(255,255,255,0.5);
                float: none;
                height: 43px;
                width: 97.5%;
                padding: 0px 0px 0px 10px;
                border: none;
                text-align: left;
                font-family: 'regular';
                font-size: 1em;
            }
            .contact_form textarea {
                background-color: rgba(255,255,255,0.5);
                float: none;
                padding: 10px 0px 0px 10px;
                width: 97.5%;
                border: none;
                text-align: left;
                font-family: 'regular';
                font-size: 1em;
            }
            #botones {
                display: inline-block;
                float: left;
                width: 100%;
                padding-top: 10px;
            }
            .contact_form button {
                display: inline-block;
                float: left;
                width: 100%;
                margin: 0px;
                padding: 10px 30px;
                background-color: #957701;
                border: none;
                font-family: 'regular';
                font-size: 1em;
                color: #FFF;
                transition: all .25s;
                -moz-transition:transition: all .25s;
                -ms-transition:transition: all .25s;
                -webkit-transition:transition: all .25s;
                -o-transition:transition: all .25s;
            }
            .contact_form button:hover {
                background-color: #000;
                color: #FFF;
            }

        

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

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

            /*--- MENU ---*/
                #menu{
                    height: 115px;
                }
                #logazo{
                    display: block;
                    float: none;
                    width: 100%;
                    position: absolute;
                    z-index: 300;
                    margin: 10px 0px 0px 10px;
                }
                #logazo img{
                    float: none;
                    max-width: 150px;
                }
                nav {
                    width: 100%;
                    margin: 85px 0px 0px 0px;
                }
                nav img{
                    display: inline-block;
                    float: none;
                    width: 18%;
                    text-align: center;
                    margin: 5px 0px 0px 0px;
                }
                nav ul {
                    display: inline-block;
                    width: 100%;
                    float: none;
                    margin: 0px 0px 0px 0px;
                }

            /*--- SEND-PHP ---*/

                #bloquesend{
                    width: 95%;
                }

            /*--- BANNERS HOME ---*/

                    #bannershome ul{
                        width: 95%;
                        margin: 380px 0px 0px 0px;
                    }
                    #bannershome ul li{
                        max-width: 100%;
                    }

            /*--- BLOQUES EN GENERAL ---*/

                    #intro{
                        min-height: 500px;
                    }


                    #volver img{
                        float: none;
                    }


                    .bloquesgral {
                        width: 95%;
                    }
                    .topmadera{
                        margin: 0px 0px -90px 0px;
                    }



                    .bloquepie ul {
                        width: 95%;
                    }
                    .bloquepie h2{
                        font-size: 0.8em;
                    }
                    


                    .bloqueseparadores {
                        height: 150px;
                    }
                    
            /*--- NOTICIAS / NOVEDADES ---*/

                    ul.picsimagen li{
                        width: 30%;
                        margin: 0px 30px 0px 0px;
                    }
                    ul.picsimagen li:last-child{
                        width: 30%;
                    }

                    ul.picsimagen_all li{
                        width: 30%;
                        height: 350px;
                        margin: 0px 22px 15px 0px;
                    }

            /*--- CONTACTO / RESERVAS ---*/

                    #destaque{
                        margin: 15px 0px;
                        padding: 15px;
                        font-size: 0.75em;
                    }                        

            /*--- DIV A CARGAR GALERIAS ---*/
            #muestra video{
                display: inline-block;
                float: none;
                width: 95%;
                height: auto;
                margin: 20px 0px 0px 0px; 
            }


        }

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

            /*--- MENU ---*/
                
                #logazo{
                    display: inline-block;
                    float: left;
                    width: auto;
                    position: relative;
                    margin: 10px 0px 0px 10px;
                }
                #logazo img{
                    float: none;
                    max-width: 150px;
                }
                #menu{
                    height: 90px;
                }
                nav {
                    background-color: rgba(0,0,0,0.8);
                    height: auto;
                    width: 100%;
                    margin: 0px;
                }
                nav img{
                    width: 50%;
                    margin: 5px 0px 0px 0px;
                }
                nav ul {
                    float: none;
                    display: none;
                    margin: 0px;
                    padding: 0px;
                }
                nav ul li {
                    width: 100%;
                    margin: 10px 0px 0px 0px;
                    padding: 0px 0px 10px 0px;
                    border-bottom: 1px #333 solid;
                    border-right: none;
                }
                nav ul li:last-child {
                    margin: 10px 0px 0px 0px;
                    padding: 0px 0px 10px 0px;
                    border-right: none;
                }
                nav li a {
                    text-align: center;
                    margin: 0px 0px 0px 0px; 
                }
                nav li a:hover {
                    color: #FFF; 
                }
                nav a#pull {
                    display: block;
                    float: right;
                    width: 10%;
                    position: relative;
                    padding: 0px 0px 0px 0px;
                }
                nav a#pull:after {
                    content:"";
                    background: url('images/menu.png') no-repeat;
                    width: auto;
                    height: auto;
                    display: inline-block;
                    position: absolute;
                    right: 0px;
                    top: 0px;
                }

            /*--- REDES ---*/
                #flotante{
                    top: 18px;
                }

            /*--- SEND-PHP ---*/

                #bloquesend{
                    width: 95%;
                }

            /*--- BANNERS HOME ---*/

                    #bannershome ul{
                        width: 100%;
                        margin: 400px 0px 0px 0px;
                    }

            /*--- BLOQUES EN GENERAL ---*/


                    .bloquesgral {
                        width: 100%;
                    }
                    .topmadera{
                        margin: 0px 0px -55px 0px;
                    }



                    .bloquepie ul {
                        width: 90%;
                    }
                    .bloquepie ul li:first-child {
                        display: none;
                    }
                    .bloquepie ul li{
                        width: 100%;
                    }
                    .bloquepie ul li:last-child {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        margin: 20px 0px 0px 0px;
                    }
                    .bloquepie h2{
                        width: 100%;
                        text-align: center;
                        font-size: 0.8em;
                    }
                    


                    .bloqueseparadores {
                        height: 400px;
                    }
                    
            /*--- NOTICIAS / NOVEDADES ---*/

                    ul.picsimagen li{
                        width: 32%;
                        margin: 0px 10px 0px 0px;
                    }
                    ul.picsimagen li:last-child{
                        width: 32%;
                    }

                    ul.picsimagen_all li{
                        width: 47.5%;
                        height: 350px;
                        margin: 0px 15px 15px 0px;
                    }

            /*--- CONTACTO / RESERVAS ---*/

                    #destaque{
                        margin: 15px 0px;
                        padding: 15px;
                        font-size: 0.7em;
                    }                        

        }

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

            /*--- MENU ---*/
                
                #logazo{
                    margin: 10px 0px 0px 10px;
                }
                #logazo img{
                    max-width: 120px;
                }
                #menu{
                    height: 75px;
                }

            /*--- REDES ---*/
                #flotante{
                    top: 10px;
                }

            /*--- BANNERS HOME ---*/

                    #bannershome ul{
                        display: none;
                    }

            /*--- BLOQUES EN GENERAL ---*/


                    #intro{
                        min-height: 640px;
                    }

                    .topmadera{
                        margin: 0px 0px -25px 0px;
                    }



                    .bloquepie ul {
                        width: 90%;
                    }
                    .bloquepie ul li:first-child {
                        display: none;
                    }
                    .bloquepie ul li{
                        width: 100%;
                    }
                    .bloquepie ul li:last-child {
                        display: inline-block;
                        float: none;
                        width: 100%;
                        margin: 20px 0px 0px 0px;
                    }
                    .bloquepie h2{
                        width: 100%;
                        text-align: center;
                        font-size: 0.8em;
                    }
                    

                    .bloqueseparadores {
                        height: 400px;
                    }

                    .cajaizq{
                        display: inline-block;
                        float: none;
                        width: 100%;
                    }

                    .cajader{
                        display: inline-block;
                        float: none;
                        width: 100%;
                    }

                    .bloquetexto {
                        float: none;
                        width: 90%;
                        margin: 0px 0px 15px 0px;
                    }
                    .bloquetexto h1{
                        margin: 0px 0px 10px 0px;
                    }
                    .bloquetexto h2{
                        margin: 0px 0px 15px 0px;
                    }
                    
            /*--- NOTICIAS / NOVEDADES ---*/

                    ul.picsimagen li{
                        width: 100%;
                        margin: 0px 0px 15px 0px;
                        height: auto;
                    }
                    ul.picsimagen li:last-child{
                        width: 100%;
                        height: auto;
                    }

                    ul.picsimagen_all li{
                        width: 100%;
                        height: auto;
                        margin: 0px 0px 15px 0px;
                    }

            
        }

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

            /*--- REDES ---*/
                #flotante{
                    top: 8px;
                }

            /*--- BLOQUES EN GENERAL ---*/


                    #intro{
                        min-height: 480px;
                    }

                    .topmadera{
                        margin: 0px 0px -5px 0px;
                    }



                    .bloquepie ul {
                        width: 95%;
                    }
                 

                    .bloqueseparadores {
                        height: 480px;
                    }


                    .bloquetexto h1{
                        font-size: 1em;
                        margin: 0px 0px 10px 0px;
                    }
                    .bloquetexto h2{
                        font-size: 0.8em;
                        margin: 0px 0px 15px 0px;
                    }
                    .bloquetexto h3{
                        font-size: 0.8em;
                    }
                    .bloquetexto h5{
                        font-size: 1.2em;
                    }
                    
        }

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

            /*--- BLOQUES EN GENERAL ---*/


                    #intro{
                        min-height: 550px;
                    }

                    .topmadera{
                        margin: 0px 0px 5px 0px;
                    }

        }

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

                

        }

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

        }