/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #dis, #pre { display: none; }
        nav, ul.menu-servicios { width: 710px;}
        ul.menu, ul.menu-servicios { width: 100%; }
        ul.menu li.list a, ul.menu-servicios li.list a { font-size: 0.9em; padding: 0 20px; }
        /* .contenedor, #slider { max-width: 710px; } */  
        .contenedor { max-width: 710px; } /* FMB: quitamos el slider anterior de residencialroche.com */ 
        .nivo { width: 728px; }
        .nivo-controlNav { left: 40%!important; }
        #entorno #imagenes img { width: 41%;}
        #frmBuscador #bus { width: 35%; margin: 0 auto; position: relative; bottom: 0; right: 0; margin-bottom: 10px;}
        #buscador-btn a.vertodo:first-child { margin-left: 0;}
        a.vertodo { margin-left: 10px; font-size: 0.8em; }
        #buscador #ref label { font-size: 0.8em;}
        #btnLimpiar { font-size: 0.9em; }
        #frmBuscador #bus input { float: none;}
        #frmBuscador #hab { width: 15%; }
        #frmBuscador #ban { width: 12%; }
        #frmBuscador #roc { width: 12%; }
        #frmBuscador #pla { width: 16%; }
        /* FMB #frmBuscador .frmInput { padding: 10px 5px 0; } */
        #frmBuscador .frmInput { padding: 10px 0px 0; }
        .ad-gallery .ad-nav { width: 100%; float: none; margin-top: 0;}
        .ad-gallery .ad-thumbs .ad-thumb-list { padding-left: 0; height: auto;}
        .ad-gallery .ad-back, .ad-gallery .ad-forward { display: none; }
        .caracteristicas_wrapper table { font-size: 0.9em;}
        #alojamiento #temporadas table { width: 90%; }
        #alojamiento .caracteristicas_wrapper { font-size: 0.9em; }        
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */


    @media only screen and (max-width: 767px) {

        body { background: none; background-color: #B7C7D8; }
       
               
        /* FMB header { margin-bottom: 20px; } */
        #slogan, #social, .telefono, #idiomas, #inicio #slider-wrapper, #mapa-wrapper, #contacto-intro, #dis, #pre, #buscador-btn .vertodo, .rrss { display: none; }
        #slogan2 { display: none; }
        #buscador #ref input { padding: 8px; }
        #mod_scroll_top_btn { display: none!important; }
        ul.menu, ul.menu-servicios { width: 100%; clear: both; }        
        ul.menu { position: relative; top: -10px;}
        ul.menu li.list, ul.menu-servicios li.list, ul.menu li.list a, ul.menu-servicios li.list a { float: none; height: auto!important; }
        nav { height: 100%; width: auto; left: 0; text-align: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; }        
        ul.menu li.list ul { display: block; }
        ul.menu li.list a:active, ul.menu li.list .active:link, ul.menu li.list .active:visited { height: auto!important; background: none; color: #fff; }
        ul.menu li:hover.list ul.submenu { display: block; position: relative; }
        ul.submenu { position: relative; top: 0; z-index: 0; background: none; float: none; }
        
        /*FMB footer .contenedor { background: none; padding: 20px 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} */         
        /*FMB .contenedor { padding: 0 10px; } */ 
        
        #inicio, #entorno, #servicios, #contacto { padding: 0 10px; width: auto; }
        #inicio .contenedor, #entorno .contenedor, #servicios .contenedor, #contacto .contenedor { 
            border-radius: 10px;
       -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
        padding-top: 10px;}
        #inicio #presentacion img { width: 28%; margin: 20px 10px 10px 0;}
        #entorno article {width: 100%; padding-top: 10px;}
        #entorno sidebar { width: 92%; margin-top: 0; }
        #entorno #imagenes img { width: 40%; }
        ul.menu-servicios li.list { width: 100%;}
        ul.menu-servicios li.list a:hover, ul.menu-servicios li.list:hover, ul.menu-servicios li.list a:focus, ul.menu-servicios li.list a:active, ul.menu-servicios li.list .active:link, ul.menu-servicios li.list .active:visited { background: none; }
        nav, ul.menu-servicios { left: 0; }
        ul.menu-servicios { padding: 0; height: 100%; }
        #servicios article, #entorno .contenedor { padding-bottom: 10px; min-height: 0; }
        #menu-contacto ul li:last-child, #menu-contacto ul li span, #menu-contacto ul li label { display: none; }
        #menu-contacto li { border-bottom: 0; margin: 5px 0;}
        .menu-contacto-inner { margin: 0; }
        #contacto sidebar { width: 92%; text-align: center; margin-bottom: 0; margin-top: 0; padding-left: 0; }
        #contacto #contacto-wrapper { padding-top: 15px; width: 90%; padding-left: 0;}
        #contacto .formulario { margin-top: 0; padding-left: 0; }
        input.form-text[type="text"] { margin: 20px 5px 0 0; width: 100%; }
        .comentario textarea { width: 100%; }
        .formulario label, #menu-contacto label { text-align: left; width: 100%; }
        .form-submit { margin-right: 0; }
        #frmBuscador #frm1, #frmBuscador #frm2 { width: 100%; }
        #frmBuscador .frmInput { width: 100%!important; margin: 0; padding: 0; clear: both; }
        #tip ul li { float: left; width: 45%; }
        /*FMB .frmWrapper { width: 57%; margin: 0 auto; margin-bottom: 6px; } */
        .frmWrapper { width: 50%; margin: 0 auto; margin-bottom: 6px; }
        .frmInput li { margin-bottom: 6px!important; }
        #frmBuscador #hab li { width: 18%;}
        #frmBuscador #ban li { width: 30%; }
        #frmBuscador #ban label, #frmBuscador #pis label, #frmBuscador #air label, #frmBuscador #roc label { margin-right: 4px; }
        #frmBuscador #bus { position: relative; bottom: 0; right: 0; width: 100%; }
        #bus .form-submit { width: 90%; margin: 15px auto; float: none; display: block; }
        #frmBuscador label { font-size: 1em; }
        .frmInput > label { border-top: 1px dashed #82A8B6; width: 100%; display: inline-block; }
        #frmBuscador #pla, #frmBuscador #zon { border-bottom: 1px dashed #82A8B6;}
        #frmBuscador #zon .jqTransformSelectWrapper { margin: 0 auto 10px; float: none; display: block;}
        span.jqTransformCheckboxWrapper { margin-top: 2px;}
        .frmRadio label { font-size: 1em; position: relative; top: -2px;}
        .jcarousel-control-prev, .jcarousel-control-next, #alquiler .overline, #venta .overline, #alquiler .overlinei, #venta .overlinei, #galeria-list .readmore { display: none; } 
        #alquiler .overline-wrap h2 a, #venta .overline-wrap h2 a { width: 100%; }
        .galeriawrap {margin-left: 4px; margin-right: 4px; }
        .galeria-item { width: 46%; margin: 5px; padding: 5px 0; text-align: center; }
        .galeriaref { width: 100%; }
        #btnLimpiar { font-size: 0.9em;}
        #buscador #ref label { border-top: 0;}
        #buscador #ref { width: 90%; margin: 0 auto; float: none; } 
        
        #frmBuscadorPorReferencia { min-height: 100px; }
        
        #buscador #ref input { width: 100%; }
        /*FMB:esto para el ancho del ul del autocomplete: .autocomplete .ui-widget-content { width: 87%!important;} */

        
        .autocomplete .ui-widget-content { width: 75% !important;}
        
        .autocomplete .ui-menu .ui-menu-item a { width: 98%;}
        nav li.list { display: none; }        
        #navbtn { display: block; }
        #navbtn a { background: url("../images/bg.png") repeat scroll 0 0 #F8F8F8; color: #8f8f8f; height: 40px; line-height: 40px; text-align: left; }
        .ad-gallery .ad-nav { width: 100%; float: none; margin-top: 0;}
        .ad-gallery .ad-thumbs .ad-thumb-list { padding-left: 0; height: 100%;}
        .ad-gallery .ad-back, .ad-gallery .ad-forward { display: none; }
        .caracteristicas_wrapper table { font-size: 0.9em;}
        #alojamiento #temporadas table { width: 90%; }
        .ad-gallery .ad-nav { padding: 0; }
        .ad-gallery .ad-thumbs li { padding-right: 0; }
        .ad-gallery .ad-thumbs li a img { width: 70px; margin-right: 5px; }
        .ad-gallery .ad-image-wrapper { width: 100%; left: 0; height: 210px;}
        .ad-image { left: 0; }
        .ad-image img { width: 96%; }       
        #alojamiento #nombre .overline, #alojamiento #nombre .overlinei { height: auto; }
        #alojamiento #nombre .overline { width: 100%; }
        #alojamiento #nombre .overline h1 { margin-top: 10px; margin-bottom: 0; position: relative; }
        #alojamiento h1 { top: -8px;}
        #alojamiento .overline h1, #alojamiento #observaciones h3, #alojamiento #temporadas h3, #alojamiento #caracteristicas h3, #alojamiento #descripcion h3 {font-size: 1em; line-height: 20px; }
        #alojamiento #observaciones h3, #alojamiento #temporadas h3, #alojamiento #caracteristicas h3, #alojamiento #descripcion h3 {top: -7px; }
        #alojamiento .caracteristicas_wrapper { font-size: 0.9em; }
        .caracteristicas_wrapper ul li, .caracteristicas_wrapper ul.carParc li  { float: left; width: 50%; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        #entorno #imagenes img { width: 28%; }
        .ad-image img { width: 100%; }
        .ad-gallery { width: 92%; }
        /*.ad-gallery .ad-image-wrapper .ad-image {width: 90%!important; left: 20px; height: 220px;}*/
        .ad-gallery .ad-image-wrapper { height: 280px!important;}
        .ad-gallery .ad-thumbs li a img { width: 68px; margin-right: 5px; }
        .liPar {display: none;}
    }

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 479px) {
        #logo { padding: 0; width: 100%; }        
        ul.menu li.list a, ul.menu-servicios li.list a { font-size: 0.9em; }
        #inicio .contenido , #alojamientos .contenedor, #alojamiento .contenedor, #servicios .contenedor, #entorno .contenedor, #contacto .contenedor, #error .contenedor { 
            width: auto;  
            border: 4px solid #fff; 
        }
        .caracteristicas_wrapper ul li, .caracteristicas_wrapper ul.carParc li { float: none; width: 100%; }        
        .liPar {display: none;}
    }