/* media query modificado para verlo en tablet real. 
    Cuando se implemente el detector de dispositivo crear una copia de este css (boostrap-tablet-real.css) tal y como está y restaurar en el original (boostrap-tablet.css) el max-width a 959px */
@media (min-width: 768px) and (max-width: /*959px*/ 1025px) {




    /**error 404*/
    .estiloserror.boxerrorimage {
        height: 600px;
        width: 100%;
        margin: 0 auto 20px;
        overflow: hidden;
        background-image: url("/img/pies.jpg");
        background-size: 100% auto;
    }

        .estiloserror.boxerrorimage .reservar_ahora_container {
            left: 20px;
            top: 140px;
        }

        .estiloserror.boxerrorimage .boxerrortexto {
            margin-left: 44%;
            margin-top: 145px;
            width: 50%;
        }
    /**end error 404*/


    footer .footer_uno .span10 ul li {
        margin: 0 0.4% 0 0;
    }


    .container.nuestras_propuestas {
        display: none;
    }


    /******************************************************************************************************************/
    /* estilos web TABLET *********************************************************************************************/
    /******************************************************************************************************************/

    /*MENU PRINCIPAL **************************************************************************************************/
    /*submenu nivel 1**************************************************************************************************/
    .navbar-wrapper .cabecera_izquierda {
        width: 50%;
        float: left;
    }

        .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 {
            width: 100% !important;
        }

            .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 > li.expo {
                width: 40%;
            }

            .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 > li {
                width: 30%;
            }


    /*.nav.navbar-nav.nivel_1 li {
        min-height: 114px;
    }*/
    .nav.navbar-nav.nivel_1 li a {
        min-height: 100px;
    }

    .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 > li.expo .logo,
    .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 > li.expo .logo img {
        width: 100%;
    }

    .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 .texto_peq {
        display: none;
    }

    .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 .urbanos a,
    .navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 .resorts a {
        padding: 13% 15px 0 15px;
    }

    /*.navbar-wrapper .cabecera_izquierda .nav.navbar-nav.nivel_1 .expo a {
                padding-top: 25px;
                padding-bottom: 25px;
            }*/

    .navbar-wrapper .cabecera_derecha {
        width: 49% !important;
        float: left;
    }




        .navbar-wrapper .cabecera_derecha .header_derecha .reservas {
            font-size: 11px;
        }

        .navbar-wrapper .cabecera_derecha .header_derecha_abajo {
            float: right;
            width: 100%;
        }

            .navbar-wrapper .cabecera_derecha .header_derecha_abajo .enlaces_menu_secundario {
                margin-right: 0;
                float: left;
                width: 55%;
                margin-top: 25px;
                text-align: right;
            }

            .navbar-wrapper .cabecera_derecha .header_derecha_abajo .boton_menu_secundario {
                text-align: right;
                width: 45%;
            }


            .navbar-wrapper .cabecera_derecha .header_derecha_abajo .enlaces_menu_secundario a {
                display: inline-block;
                float: left;
                margin-left: 0;
                max-width: 100%;
                padding-left: 0;
                width: 45%;
            }

            .navbar-wrapper .cabecera_derecha .header_derecha_abajo .enlaces_menu_secundario .box_username {
                width: 55%;
            }

                .navbar-wrapper .cabecera_derecha .header_derecha_abajo .enlaces_menu_secundario .box_username a {
                    width: 100%;
                }


        .navbar-wrapper .cabecera_derecha.collapsing,
        .navbar-wrapper .cabecera_derecha.collapse,
        .navbar-wrapper .cabecera_derecha.in {
            display: block !important;
            height: 100px !important;
        }


    /*submenu nivel 2**************************************************************************************************/
    .navbar-default.nivel_2 {
        position: absolute;
        z-index: 1;
        right: 1%;
        width: 100%;
        background: transparent;
    }

        .navbar-default.nivel_2 .navbar-toggle,
        .navbar-default.nivel_2 .navbar-toggle.collapsed {
            display: block !important;
            z-index: 99999;
            width: 100%;
        }

        .navbar-default.nivel_2 .navbar-header button.navbar-toggle {
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 3px solid #202020;
            border-radius: 0;
            margin-right: 0;
            margin-top: 39px;
            min-width: 108px;
            padding: 8px 10px;
            background: #202020;
            text-align: left;
            height: 38px;
            transition-duration: 0.5s;
            transition-property: margin-top;
            transition-timing-function: ease;
        }


            .navbar-default.nivel_2 .navbar-header button.navbar-toggle.collapsed {
                background: #303030;
                margin-top: 0;
                transition-duration: 0.3s;
                transition-property: margin-top;
                transition-timing-function: ease;
            }

        .navbar-default.nivel_2 .navbar-header .icon_menu {
            width: 17px;
            vertical-align: text-bottom;
            display: inline-block;
        }

        .navbar-default.nivel_2 .navbar-header .navbar-toggle .icon_menu span.icon-bar {
            display: none;
        }

        .navbar-default.nivel_2 .navbar-header .navbar-toggle .icon_menu span.icon-close {
            display: block;
            background: #202020;
            color: #F0F0F0;
            font-size: 13px;
        }

        .navbar-default.nivel_2 .navbar-header .navbar-toggle.collapsed .icon_menu span.icon-bar {
            display: block;
        }

        .navbar-default.nivel_2 .navbar-header .navbar-toggle.collapsed .icon_menu span.icon-close {
            display: none;
        }

        .navbar-default.nivel_2 .navbar-header .icon_menu span {
            background-color: #F0F0F0;
        }

        .navbar-default.nivel_2 .navbar-header .txt_menu {
            text-transform: uppercase;
            color: #F0F0F0;
            margin-left: 8px;
            /*font-weight: bold;*/
            font-family: 'HelveticaNeueETW01-75Bd';
            vertical-align: middle;
            display: inline-block;
        }

        .navbar-default.nivel_2 .navbar-default button.navbar-toggle {
            background-color: #404040 !important;
        }






        .navbar-default.nivel_2 .navbar-collapse {
            width: 98%;
            margin-left: 2%;
        }

    nav.navbar-default.nivel_2 .navbar-collapse.in {
        padding-top: 0;
        height: 1000px;
        overflow-y: inherit;
        max-height: 1000px;
    }

    .navbar-default.nivel_2 .collapse {
        float: left;
    }


    .navbar-default.nivel_2 .nav.navbar-nav {
        background-color: #404040;
        border-bottom: 3px solid #202020;
        width: 100%;
        margin-top: -1px;
    }


    .navbar-default.nivel_2 .navbar-collapse.in .nav.navbar-nav {
        margin-top: -1px;
        transition-duration: 2s;
        transition-property: margin-top;
        transition-timing-function: ease;
    }

    .navbar-default.nivel_2 .navbar-collapse.collapse .nav.navbar-nav {
        margin-top: -42px;
        transition-duration: 2s;
        transition-property: margin-top;
        transition-timing-function: ease;
    }




    .navbar.nivel_2 .navbar-collapse .dropdown.open ul.dropdown-menu {
        display: block;
        visibility: visible; /* shows sub-menu */
        opacity: 1;
        transition-delay: 0s; /* this removes the transition delay so the menu will be visible while the other styles transition */
    }

    .navbar.nivel_2 .navbar-collapse .dropdown ul.dropdown-menu {
        visibility: hidden; /* hides sub-menu */
        opacity: 0;
        position: absolute;
        top: 100%;
        transition: all 0.5s ease 0s, visibility 0s linear 0.5s; /* the last value is the transition-delay for visibility */
        display: block;
    }



    /*end MENU PRINCIPAL **************************************************************************************************/


    /************************************************************************************************************************/
    /********************************************** FORMULARIO RESERVA HOME *************************************************/
    /************************************************************************************************************************/
    .reservar_ahora_container {
        position: absolute;
        top: 149px;
        left: 9px;
    }

    /************************************************************************************************************************/
    /*********************************end FORMULARIO RESERVA HOME ***********************************************************/
    /************************************************************************************************************************/



    /*SLIDER HOME *********************************************************************************************************/






    .carroselheader .info_hotel_box {
        top: 383px;
        width: 100%;
        left: 0;
    }


        .carroselheader .info_hotel_box .b_destacado_principal {
            position: relative;
        }

    .carroselheader .responsive-slider a.slider-control {
        display: none;
    }

    .carroselheader .carrosel_body_int {
        right: 0;
        width: 100%;
    }

    .carroselheader .responsive-slider .pages .ancho_page {
        width: 100%;
    }


    .carroselheader .info_hotel_box {
        left: 32%;
        top: 200px;
        width: 37%;
    }

    /*page*/
    .carroselheader .responsive-slider .pages {
        position: absolute;
    }

        .carroselheader .responsive-slider .pages.pages_butllets {
            display: block;
            top: 515px;
            z-index: 99;
            margin-left: 3%;
        }

    .responsive-slider .pages.pages_butllets .ancho_page {
        width: 100%;
    }

    .responsive-slider .pages.pages_butllets .ancho_page_list a span {
        display: none;
    }

    .responsive-slider .pages.pages_butllets {
        background: transparent;
        border: none;
    }


    .responsive-slider.propuestas .pages.pages_butllets {
        position: relative;
        top: 11px;
        display: block;
    }


    body .responsive-slider .pages.pages_butllets .ancho_page .ancho_page_list a {
        background-color: #E0E0E0;
        border: medium none;
        display: inline-block;
        height: 16px;
        margin: 0 6px 0 0;
        padding: 0;
        width: 16px;
        border-radius: 25px;
        CCborderRadius: 25px; /*explorer*/
        -moz-border-radius: 25px; /*firefox*/
        -webkit-border-radius: 25px; /*crome*/
    }


        body .responsive-slider .pages.pages_butllets .ancho_page .ancho_page_list a:hover, body .responsive-slider .pages.pages_butllets .ancho_page .ancho_page_list a.active {
            border: medium none;
            background-color: #202020;
        }



    .info_hotel_box {
        min-height: 80px;
        width: 450px;
        left: 450px;
        top: 270px;
    }


    /* end page*/
    /* end SLIDER HOME *****************************************************************************************************/












    /*contenidos SUBDESTACADO PRINCIPAL ***********************************************************************************/

    /* end contenidos SUBDESTACADO PRINCIPAL ******************************************************************************/













    /*SLIDER PROPUESTAS ***********************************************************************************************/

    .container.nuestras_propuestas {
        margin-bottom: 0 !IMPORTANT;
    }

        .container.nuestras_propuestas.propuestas_movil {
            display: none;
        }

        .container.nuestras_propuestas.propuestas_web {
            display: block;
        }

        .container.nuestras_propuestas .span12 {
            width: 99%;
        }

            .container.nuestras_propuestas .span12 .span12 {
                width: 100%;
            }



        .container.nuestras_propuestas .responsive-slider.propuestas .propuestas_box {
            border: 1px solid #C0C0C0;
            float: left;
            height: 168px;
            margin: 0 0 0 2%;
            overflow: hidden;
            position: relative;
            width: 31.3%;
            z-index: 0;
        }



        .container.nuestras_propuestas .responsive-slider.propuestas .slides ul li .slide-body {
            width: 100%;
        }

        .container.nuestras_propuestas .slider-control {
            display: none;
        }



        .container.nuestras_propuestas .propuesta_tabs {
            /*width: 49%;*/
        }







    /*end SLIDER PROPUESTAS *******************************************************************************************/








    /*container HOTELES ***********************************************************************************************/
    /*.nuestros_hoteles .caja_hoteles.resort .mlist .h_estrellas .icon-star {
        font-size: 10px !important;
    }*/

    /*generales*/





    /*resorts*/
    .container.nuestros_hoteles.resorts.paginicio .span4 {
        width: 31.99%;
    }

    .container.nuestros_hoteles.resorts.paginicio .responsive-slider {
        width: 98%;
    }

    .nuestros_hoteles .span12 {
        width: 99%;
    }

    .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .pages.pages_butllets {
        position: absolute;
        top: 300px;
        display: block !important;
        z-index: 999;
        background: transparent;
        border: none;
    }

        .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .pages.pages_butllets .ancho_page {
            width: 100%;
        }

        .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .pages.pages_butllets a {
            border: none;
            margin-right: 15px;
            padding: 0 8px;
            background: #E0E0E0;
            border-radius: 25px;
            -moz-border-radius: 25px; /*firefox*/
            -webkit-border-radius: 25px; /*crome*/
            CCborderRadius: 25px; /*explorer*/
        }

            .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .pages.pages_butllets a:hover,
            .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .pages.pages_butllets a.active {
                background: #202020;
                border-top: none !important;
            }

    .container.nuestros_hoteles.resorts.paginicio .carrosel_resort .slider-control {
        display: none;
    }

    /*end container HOTELES*********************************************************************************************/






    /*contenidos DESTACADOS *******************************************************************************************/
    .bkg_contenidos_destacados {
    }

        .bkg_contenidos_destacados .destacadobox {
            width: 20% !important;
            margin-right: 3%;
        }

    .contenidos_destacados .caja {
        width: 100% !important;
    }

        .contenidos_destacados .caja .image a {
            width: 100% !important;
        }

        .contenidos_destacados .caja .image {
            height: 110px !important;
        }

            .contenidos_destacados .caja .image img {
                width: 20% !important;
                height: 110px !important;
            }

        .contenidos_destacados .caja .content {
            width: 93% !important;
        }

    .container.contenidos_destacados .destacadobox .content p.ico_flecha {
        display: none;
    }
    /* end contenidos DESTACADOS **************************************************************************************/





    /****************************************  BOX HOTEL PARTE SUPERIOR - PROCESO DE RESERVA ***********************/
    /*ficha info hotel*/
    .container.proceso_reserva .span12 .content_hotel_box .info {
        min-height: 80px;
    }

    .content_hotel_box .h_imagen .h_dos .imagen button {
        height: 180px;
    }

    .container.proceso_reserva .floatright .boton.b_small.secundario {
        margin-top: 55px;
    }


    .container.proceso_reserva .fh_der {
        width: 38%;
        text-align: center;
    }

        .container.proceso_reserva .fh_der img {
            width: 100%;
        }




    /**************************************** END BOX HOTEL PARTE SUPERIOR - PROCESO DE RESERVA ***********************/



    /****LISTADO DE RESULTADOS  ***************************************************************************************/
    .container .columnauno {
        float: left;
        width: 30% !important;
        padding: 0 20px;
    }

    .container .columnados {
        float: left;
        width: 50% !important;
    }

    .container .columnatres {
        float: right;
        margin-right: -6px;
        position: relative;
        width: 20%;
    }

        .container .columnatres .boton_desde {
            right: 0;
            position: absolute;
            margin-left: 0;
        }

    .container.ficha_hotel .columnauno .h_imagen,
    .container.ficha_hotel .columnauno .h_imagen .h_dos {
        width: 100%;
    }




    /**** end LISTADO DE RESULTADOS  ***************************************************************************************/






    /*** popup ********************************************************************************************************************/

    #myModal.box_ficha_hotel,
    #myModal.box_ficha_hotel .modal-dialog,
    #myModal.box_ficha_hotel .modal-dialog .ficha_hotel_tab_content {
        width: 99%;
        left: 0;
    }

    .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider {
        width: 100% !important;
    }

        .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider .slides {
            width: 100%;
        }

            .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider .slides ul {
                width: 100%;
            }

        .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider li {
            width: 100% !important;
        }

            .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider li .slide-body {
                width: 100%;
            }

        .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider img {
            width: 100%;
            max-width: 100%;
        }

        .ficha_hotel_tab_content .carrosel_ficha_producto .responsive-slider .slides ul li .slide-body img {
            max-width: 100%;
        }

    .ficha_hotel_tab_content .carrosel_ficha_producto_int .responsive-slider .slides ul,
    .ficha_hotel_tab_content .carrosel_ficha_producto_int .responsive-slider .slides ul li {
        width: 100%;
    }

        .ficha_hotel_tab_content .carrosel_ficha_producto_int .responsive-slider .slides ul li .slide-body {
            width: 16.6%;
            max-width: 15.6%;
        }

        .ficha_hotel_tab_content .carrosel_ficha_producto_int .responsive-slider .slides ul li a {
            width: 100%;
            max-width: 16.6%;
        }

        .ficha_hotel_tab_content .carrosel_ficha_producto_int .responsive-slider .slides ul li img {
            width: 100%;
            max-width: 100%;
        }


    /*** end popup ****************************************************************************************************/













    /*REGISTRO  ******************************************************************************************************/
    /*columnas*/
    .container.registro .columna_derch.span4 {
        display: none;
    }

    .container.registro .formulario.columna_izq.span8 {
        width: 97%;
    }




    /* end REGISTRO  ******************************************************************************************************/










    /*PROCESO DE RESERVA  ************************************************************************************************/
    .container.barraprogreso .span12,
    .container.procesoreserva_pasos .span12 {
        width: 99%;
    }

    .container.procesoreserva_pasos.paso_5 .span12 {
        width: 98%;
    }



    /*lista de resultados*************************************************************************************************/
    .container.resumen_busqueda .span12 {
        width: 99%;
    }

    .search-results .resumen_busqueda {
        width: 100%;
    }

    .resumen_busqueda .dv-reservation-form-row .span12 {
        width: 100%;
        margin-left: 0;
    }

        /*donde*/
        .container.resumen_busqueda .span12 .donde {
            padding: 0 1% 0 1%;
        }

        .container.resumen_busqueda .span12 .cuando {
            padding: 0 1% 0 1%;
            width: 33%;
        }

    .container.resumen_busqueda .row .span12 .cuando fieldset {
        width: 48%; /* 49%*/
    }

    .container.resumen_busqueda  #bookingSearchForm  .cuando  fieldset + fieldset {
        margin-left: 4%;
    }

       /* .container.resumen_busqueda .row .span12 .cuando fieldset input {
            padding-left: 1px;
        }*/

    .reservar_calendario fieldset .form-group:before {
        margin-left: 4%;
    }

    .resumen_busqueda .span12 fieldset .form-group:before {
        margin-left: 12%;
    }
    /*como*/
    .container.resumen_busqueda .row .span12 .como {
        padding: 0 0 0 1%;
    }

        .container.resumen_busqueda .row .span12 .como .como_list {
            width: 45%;
        }

            .container.resumen_busqueda .row .span12 .como .como_list .btn-default {
                width: 100%;
            }

            .container.resumen_busqueda .row .span12 .como .como_list .list_desplegable.open ul.buscador_ul {
                width: 100%;
            }

           .container.resumen_busqueda .row .span12 .como .como_list + .como_list {
                margin-left: 10%;
            }
        /*como pophover*/
        .container.resumen_busqueda .row .span12 .como.popoverdesplegable {
            padding: 0 1% 0 1%;
            width: 30%;
        }

    .container.resumen_busqueda .row .span12 .buscar.popoverdesplegable {
        width: 12%;
    }
    /*buscar*/
    .container.resumen_busqueda .row .span12 .buscar {
        padding: 0 0 0 1%;
        width: 14%;
    }

        .container.resumen_busqueda .row .span12 .buscar .boton_busqueda {
            width: 100%;
        }

            .container.resumen_busqueda .row .span12 .buscar .boton_busqueda button {
                width: 100%;
            }

        .container.resumen_busqueda .row .span12 .buscar .como_list .como_titulo div {
            float: left;
        }

            .container.resumen_busqueda .row .span12 .buscar .como_list .como_titulo div.question {
                float: left;
                clear: left;
            }


    /*end PROCESO DE RESERVA  ********************************************************************************************/
























    /******************************************************************************************************************************************/
    /******************************************************************************************************************************************/
    /*********************************************  PROCESO DE RESERVA SEPARADO POR LOS 5 PASOS ***********************************************/
    /******************************************************************************************************************************************/

    .container.resumen_busqueda #bookingSearchForm .como .comotxt {
        width: 100%;
    }

    #como {
        width: 100%;
    }

    .container.resumen_busqueda .como .comobox #como .comodatos {
        width: 100%;

    }

    /*******************************************************************************************************************************/
    /*  PLAN DE RESERVA  ***********************************************************************************************************/
    /*******************************************************************************************************************************/

    .container.resumen_busqueda #bookingSearchForm .lugar {
        width: auto;
    }

    /*  PLAN DE RESERVA GENERICO ****************************************************************************************/
    /*titulo mostrar/ocultar*/
    .procesoreserva_pasos .planreserva {
        margin: 0;
        max-width: inherit;
        width: auto;
    }

        .procesoreserva_pasos .planreserva .planreserva_titulo {
            position: relative;
            width: auto;
            bottom: 0;
            border-top: none;
            background: transparent;
            padding: 0;
            height: auto;
            min-height: 40px;
            float: none;
            transition-duration: 0.5s;
            transition-property: margin-top;
            transition-timing-function: ease;
        }

            .procesoreserva_pasos .planreserva .planreserva_titulo a h3 {
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
                padding: 10px;
                margin: 0;
                float: left;
            }

            .procesoreserva_pasos .planreserva .planreserva_titulo a.collapsed .titulo_planreserva {
                display: inline-block;
            }

    .procesoreserva_pasos .planreserva {
        position: absolute;
        right: 10px; /*0*/
        z-index: 10;
        border: none;
    }

        .procesoreserva_pasos .planreserva .planreserva_titulo h3 {
            cursor: inherit;
        }
        /*  END PLAN DE RESERVA GENERICO ************************************************************************************/

        /*  RESUMEN DE RESERVA DE OFERTA ***********************************************************************/

        .procesoreserva_pasos .planreserva.reserva_oferta {
            border-top: medium none;
        }

    body .container.procesoreserva_pasos .span4.planreserva.reserva_oferta .planreserva_content.in {
        box-shadow: -6px 10px 5px -4px #cccccc;
        overflow: visible;
    }

    .procesoreserva_pasos .planreserva.reserva_oferta .planreserva_titulo {
        display: block;
    }

    

    /*  end RESUMEN DE RESERVA DE OFERTA ******************************************************************/



    /* PLAN DE RESERVA PASO 1 *******************************************************************************************/

    /*reason_why oculatdo para tablet y movil*/
    .container.procesoreserva_pasos .planreserva .reason_why {
        display: none;
    }

    .procesoreserva_pasos.paso_1 .planreserva.reserva_oferta .planreserva_titulo  .icono_oferta {

        margin: 0;
        right: 0;
        top: initial;
        position: absolute;
        bottom: -20px;
    }

    .procesoreserva_pasos.paso_1 .planreserva.reserva_oferta .planreserva_titulo .collapsed + .icono_oferta {
        display: inline-block;
    }

    .procesoreserva_pasos.paso_1 .planreserva.reserva_oferta .planreserva_titulo .icono_oferta .texto {
        background-color: #007FC1;
    }

    .procesoreserva_pasos .planreserva.reserva_oferta .planreserva_titulo .active_acordeon.collapsed h3 {
        width: 68px;
    }

    .planreserva.reserva_oferta {
        font-size: 0;
    }



    .planreserva.reserva_oferta a .ficha_habitacion_oferta {
        display: none;
     }


    /* END PLAN DE RESERVA PASO 1 ***************************************************************************************/




    /* PLAN DE RESERVA PASO 2 *******************************************************************************************/
    /* END PLAN DE RESERVA PASO 2 ***************************************************************************************/




    /* PLAN DE RESERVA PASO 3 *******************************************************************************************/
    /* END PLAN DE RESERVA PASO 3 ***************************************************************************************/



    /* PLAN DE RESERVA PASO 4 *******************************************************************************************/
    .procesoreserva_pasos.paso_4 .planreserva .planreserva_titulo .precio_final {
        display: none;
    }

    .procesoreserva_pasos .planreserva .planreserva_titulo {
        min-height: 40px;
    }

        .procesoreserva_pasos .planreserva .planreserva_titulo .active_acordeon {
            min-height: 40px;
            cursor: pointer;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-bottom-left-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-bottomleft: 5px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }


    .procesoreserva_pasos.paso_4 .planreserva .planreserva_titulo .active_acordeon .precio_final_tablet {
        background-color: #303030;
        color: #FFFFFF;
        display: block;
        float: right;
        padding: 8px 10px;
        font-family: 'HelveticaNeueETW01-75Bd';
        font-size: 16px;
        text-transform: uppercase;
    }



    .procesoreserva_pasos .planreserva .planreserva_titulo .active_acordeon h3 {
        padding: 11px 12px 11px 10px;
    }

    .procesoreserva_pasos .planreserva .planreserva_titulo .active_acordeon.collapsed h3 {
        width: 48px;
        max-height: 40px;
    }


    .procesoreserva_pasos .planreserva .planreserva_titulo .active_acordeon h3 .icon-reservation {
        background: url("/img/iconos/puntos-icon_reservation.png") no-repeat scroll 20px center rgba(0, 0, 0, 0);
        padding-right: 20px;
    }

    .container.procesoreserva_pasos .planreserva .planreserva_titulo h3 span {
        margin-right: 0;
    }

    /* END PLAN DE RESERVA PASO 4 ***************************************************************************************/

    /*******************************************************************************************************************************/
    /*  END PLAN DE RESERVA  *******************************************************************************************************/
    /*******************************************************************************************************************************/



    /*******************************************************************************************************************************/
    /*  PROCESO DE RESERVA (COLUMNA IZQUIERDA) *************************************************************************************/
    /*******************************************************************************************************************************/


    /*  PROCESO DE RESERVA (COLUMNA IZQUIERDA GENERICO) *****************************************************************/

    /*contenido mostrar/ocultar*/
    .container.procesoreserva_pasos .span4.planreserva .planreserva_content {
        /*border: 1px solid #303030;*/ /*provisional, es un sombreado montse*/
    }
    /*ocultar*/

    body .container.procesoreserva_pasos .span4.planreserva .planreserva_content {
        display: block;
        height: 100%;
        margin-right: -340px;
        overflow: hidden;
        transition-delay: 0s;
        opacity: 0;
        transition-property: margin opacity;
        transition-duration: 0.5s;
    }


    .container.procesoreserva_pasos .planreserva .planreserva_titulo a.collapsed h3 .titulo_planreserva {
        display: inline-block;
        font-size: 0;
        height: 0;
        letter-spacing: 0;
        margin: -43px 0 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        width: 0;
        transition-delay: 0s;
        transition-duration: 0.5s;
        transition-property: font-size opacity letter-spacing;
    }



    /*mostrar*/
    body .container.procesoreserva_pasos .span4.planreserva .planreserva_content.in {
        height: 100%;
        min-height: 100%;
        /*display: block !important; montse, es provisional*/
        display: block;
        width: 98%;
        float: right;
        border: medium none;
        margin-right: 1px;
        opacity: 1;
        transition-delay: 0s;
        transition-duration: 0.5s;
        transition-property: all;
        box-shadow: -5px 0 5px -4px #CCCCCC;
        -webkit-box-shadow: -5px 0 5px -4px #CCCCCC;
        -moz-box-shadow: -5px 0 5px -4px #CCCCCC;
    }

    .container.procesoreserva_pasos .planreserva .planreserva_titulo a h3 .titulo_planreserva {
        letter-spacing: inherit;
        opacity: 1;
        font-size: inherit;
        height: auto;
        transition-delay: 0.1s 1.5s 1.5s;
        transition-duration: 0.5s;
        transition-property: font-size opacity letter-spacing;
    }


    /*  END PROCESO DE RESERVA (COLUMNA IZQUIERDA GENERICO) *************************************************************/


    /*  PROCESO DE RESERVA - PASO 1 (SELECCIONA FECHAS) *****************************************************************/

    body .container.procesoreserva_pasos .procesoreserva_izq .codigodto .codigoizq {
        width: 59%;
    }

    body .container.procesoreserva_pasos .procesoreserva_izq .codigodto .codigoder input {
        width: 74px;
    }

    body .container.procesoreserva_pasos .procesoreserva_izq .codigodto .codigoder a {
        min-width: 65px;
        width: auto;
    }

    body .container.procesoreserva_pasos .procesoreserva_izq .codigodto .codigoder {
        width: 35%;
    }

    .procesoreserva_pasos.paso_1 .btn_continuar {
        display: block;
    }
    /*  END PROCESO DE RESERVA - PASO 1 (SELECCIONA FECHAS) *************************************************************/


    /* PROCESO DE RESERVA - PASO 2 (SELECCIONA HABITACIÓN) **************************************************************/
    .span8.procesoreserva_izq {
        width: 77.746%;
    }

    .titulo_total {
        display: inline-block;
    }

    /* Planes de viaje */

    .procesoreserva_pasos.paso_2 .planviaje .pv_izquierda {
        width: 100%;
    }

    .procesoreserva_pasos.paso_2 .planviaje .pv_izquierda .fh_imagen {
        height: initial;
        width: 100%;
    }

    .procesoreserva_pasos.paso_2 .planviaje .pv_derecha {
        width: 100%;
        margin-left: 0;
        height: auto;
        min-height: initial;
    }

    /* Fin Planes de viaje */





    /* END PROCESO DE RESERVA - PASO 2 (SELECCIONA HABITACIÓN) **********************************************************/


    /*  PROCESO DE RESERVA - PASO 3 (PERSONALIZA ESTANCIA) **************************************************************/

    .ficha_habitacion .opciones h6 {
        padding-left: 10px;
        width: 40%;
    }

        .ficha_habitacion .opciones h6 + h6 {
            width: 60%;
        }

        .procesoreserva_pasos.paso_3 .ficha_habitacion .opciones > ul > li {
            /*margin-left: 0;*/
        }

        .procesoreserva_pasos.paso_3 .ficha_habitacion .opciones label > ul > li:last-child {
            width: auto;
            float: right;
        }

    .procesoreserva_pasos.paso_3 .ficha_habitacion .opciones ul > .ultimashab.enfasis {
           display: none;
    }

    .procesoreserva_pasos.paso_3 .ficha_habitacion .opciones ul > .ultimashab + li {
        margin-left: 0;
    }

        .ficha_habitacion .opciones ul .ultimashab p {
            display: none;
        }

        .ficha_habitacion .opciones ul .ultimashab + li {
            margin-left: 0;
            width: 40%;
            padding-left: 0;
        }

    .ficha_habitacion .opciones div > ul > li + li {
        margin-left: 0;
        padding-left: 18px;
        width: 30%;
    }

    .ficha_habitacion .opciones div > ul > li:last-child {
        text-align: right;
    }

    .ficha_habitacion .ind_precio.ind_sobre_ficha_pers_estancia .ribete_triangulo_01 {
        z-index: 0;
    }

    .ficha_habitacion .ind_precio.ind_sobre_ficha_pers_estancia .ribete_triangulo_02 {
        z-index: 0;
    }

    .plan_habitacion_contenido ul li h5 {
        width: 66%;
    }

    .plan_habitacion_contenido ul li p {
        width: 30%;
        margin-left: 4%;
    }

    /*  END PROCESO DE RESERVA - PASO 3 (PERSONALIZA ESTANCIA) **********************************************************/


    /* PROCESO DE RESERVA - PASO 4 (DATOS DE RESERVA) *******************************************************************/
    /* END PROCESO DE RESERVA - PASO 4 (DATOS DE RESERVA) ***************************************************************/

    /* PROCESO DE RESERVA - PASO 5 (CONFIRMACIÓN) ***********************************************************************/
    /* END PROCESO DE RESERVA - PASO 5 (CONFIRMACIÓN) *******************************************************************/



    /*******************************************************************************************************************************/
    /*  END PROCESO DE RESERVA (COLUMNA IZQUIERDA) *********************************************************************************/
    /*******************************************************************************************************************************/


    /******************************************************************************************************************************************/
    /******************************************************************************************************************************************/
    /*********************************************  END PROCESO DE RESERVA SEPARADO POR LOS 5 PASOS *******************************************/
    /******************************************************************************************************************************************/

























    /*FOOTER *********************************************************************************************************/
    footer .footer_dos .hoteles {
        margin-left: 1% !important;
        margin-right: 1% !important;
        padding-right: 1% !important;
        width: 17% !important;
    }

    footer .footer_uno ul {
        margin-top: 16px;
    }

        /*footer .footer_uno ul li {
        width: auto;
        margin-right: 15px !important;
        margin: 0 1% !important;
    }

        footer .footer_uno ul li a span.texto {
            margin-left: 0 !important;
        }*/


        footer .footer_uno ul li a span.icon {
            font-size: 25px;
        }




    /* end FOOTER ****************************************************************************************************/






    /***************************************************************************************************************************************/
    /* BOOSTRAP  ***************************************************************************************************************************/
    /***************************************************************************************************************************************/
    .row {
        margin-left: 0;
        margin-right: 0;
        width: 100%; /*100%  */
        *zoom: 1;
    }

        .row:before,
        .row:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row:after {
            clear: both;
        }

    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 1%; /*20px*/
    }


    .iframeHotel {
        border: 0 none;
        margin-left: 7px;
        width: 98%;
    }

    .container.proceso_reserva .span12.info_hotel {
        /*margin-left: 0;*/
    }

    .container.proceso_reserva .nombre_hotel_box {
        /*margin-left: 0;*/
    }

    .container.proceso_reserva .row {
        overflow: hidden;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 98%; /* 98% 724px*/
        padding-left: 0;
        padding-right: 0;
        /*overflow:hidden; montse: para ocultar en la home la linea del h5....*/
    }


        .container.bloque_container {
            padding-left: 10px;
            padding-right: 10px;
        }

    .span12 {
        /*width: 724px;*/
        width: 100%; /* 98% 100%*/
        *width: 99.94680851063829%;
    }

    .span11 {
        /*width: 662px;*/
        width: 91.43646408839778%;
        *width: 91.38327259903608%;
    }

    .span10 {
        /*width: 600px;*/
        width: 82.87292817679558%;
        *width: 82.81973668743387%;
    }

    .span9 {
        /*width: 538px;*/
        width: 74.30939226519337%;
        *width: 74.25620077583166%;
    }

    .span8 {
        /*width: 476px;*/
        width: 65.74585635359117%;
        *width: 65.69266486422946%;
    }

    .span7 {
        /*width: 414px;*/
        width: 57.18232044198895%;
        *width: 57.12912895262725%;
    }

    .span6 {
        /*width: 352px;*/
        width: 48.61878453038674%;
        *width: 48.56559304102504%;
    }

    .span5 {
        /*width: 290px;*/
        width: 40.05524861878453%;
        *width: 40.00205712942283%;
    }



    .span4 {
        /*width: 228px;*/
        width: 31.491712707182323%;
        *width: 31.43852121782062%;
    }




    .row.hoteles.resort .span4:first-child {
        margin-left: 0;
    }

    .row.hoteles.resort .span4 {
        width: 32.589%;
    }

    .span3 {
        /*width: 166px;*/
        width: 23.5%; /*22.92817679558011%;*/
        *width: 22.87498530621841%;
    }

    .span2 {
        /*width: 104px;*/
        width: 14.3646408839779%;
        *width: 14.311449394616199%;
    }

    .span1 {
        /*width: 42px;*/
        width: 5.801104972375691%;
        *width: 5.747913483013988%;
    }

    .offset12 {
        margin-left: 764px;
    }

    .offset11 {
        margin-left: 702px;
    }

    .offset10 {
        margin-left: 640px;
    }

    .offset9 {
        margin-left: 578px;
    }

    .offset8 {
        margin-left: 516px;
    }

    .offset7 {
        margin-left: 454px;
    }

    .offset6 {
        margin-left: 392px;
    }

    .offset5 {
        margin-left: 330px;
    }

    .offset4 {
        margin-left: 268px;
    }

    .offset3 {
        margin-left: 206px;
    }

    .offset2 {
        margin-left: 144px;
    }

    .offset1 {
        margin-left: 82px;
    }

    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

        .row-fluid:before,
        .row-fluid:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row-fluid:after {
            clear: both;
        }

        .row-fluid [class*="span"] {
            display: block;
            float: left;
            width: 100%;
            min-height: 30px;
            margin-left: 2.7624309392265194%;
            *margin-left: 2.709239449864817%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .row-fluid [class*="span"]:first-child {
                margin-left: 0;
            }

        .row-fluid .controls-row [class*="span"] + [class*="span"] {
            margin-left: 2.7624309392265194%;
        }

        .row-fluid .span12 {
            width: 100%;
            *width: 99.94680851063829%;
        }

        .row-fluid .span11 {
            width: 91.43646408839778%;
            *width: 91.38327259903608%;
        }

        .row-fluid .span10 {
            width: 82.87292817679558%;
            *width: 82.81973668743387%;
        }

        .row-fluid .span9 {
            width: 74.30939226519337%;
            *width: 74.25620077583166%;
        }

        .row-fluid .span8 {
            width: 65.74585635359117%;
            *width: 65.69266486422946%;
        }

        .row-fluid .span7 {
            width: 57.18232044198895%;
            *width: 57.12912895262725%;
        }

        .row-fluid .span6 {
            width: 48.61878453038674%;
            *width: 48.56559304102504%;
        }

        .row-fluid .span5 {
            width: 40.05524861878453%;
            *width: 40.00205712942283%;
        }

        .row-fluid .span4 {
            width: 31.491712707182323%;
            *width: 31.43852121782062%;
        }

        .row-fluid .span3 {
            width: 22.92817679558011%;
            *width: 22.87498530621841%;
        }

        .row-fluid .span2 {
            width: 14.3646408839779%;
            *width: 14.311449394616199%;
        }

        .row-fluid .span1 {
            width: 5.801104972375691%;
            *width: 5.747913483013988%;
        }

        .row-fluid .offset12 {
            margin-left: 105.52486187845304%;
            *margin-left: 105.41847889972962%;
        }

            .row-fluid .offset12:first-child {
                margin-left: 102.76243093922652%;
                *margin-left: 102.6560479605031%;
            }

        .row-fluid .offset11 {
            margin-left: 96.96132596685082%;
            *margin-left: 96.8549429881274%;
        }

            .row-fluid .offset11:first-child {
                margin-left: 94.1988950276243%;
                *margin-left: 94.09251204890089%;
            }

        .row-fluid .offset10 {
            margin-left: 88.39779005524862%;
            *margin-left: 88.2914070765252%;
        }

            .row-fluid .offset10:first-child {
                margin-left: 85.6353591160221%;
                *margin-left: 85.52897613729868%;
            }

        .row-fluid .offset9 {
            margin-left: 79.8342541436464%;
            *margin-left: 79.72787116492299%;
        }

            .row-fluid .offset9:first-child {
                margin-left: 77.07182320441989%;
                *margin-left: 76.96544022569647%;
            }

        .row-fluid .offset8 {
            margin-left: 71.2707182320442%;
            *margin-left: 71.16433525332079%;
        }

            .row-fluid .offset8:first-child {
                margin-left: 68.50828729281768%;
                *margin-left: 68.40190431409427%;
            }

        .row-fluid .offset7 {
            margin-left: 62.70718232044199%;
            *margin-left: 62.600799341718584%;
        }

            .row-fluid .offset7:first-child {
                margin-left: 59.94475138121547%;
                *margin-left: 59.838368402492065%;
            }

        .row-fluid .offset6 {
            margin-left: 54.14364640883978%;
            *margin-left: 54.037263430116376%;
        }

            .row-fluid .offset6:first-child {
                margin-left: 51.38121546961326%;
                *margin-left: 51.27483249088986%;
            }

        .row-fluid .offset5 {
            margin-left: 45.58011049723757%;
            *margin-left: 45.47372751851417%;
        }

            .row-fluid .offset5:first-child {
                margin-left: 42.81767955801105%;
                *margin-left: 42.71129657928765%;
            }

        .row-fluid .offset4 {
            margin-left: 37.01657458563536%;
            *margin-left: 36.91019160691196%;
        }

            .row-fluid .offset4:first-child {
                margin-left: 34.25414364640884%;
                *margin-left: 34.14776066768544%;
            }

        .row-fluid .offset3 {
            margin-left: 28.45303867403315%;
            *margin-left: 28.346655695309746%;
        }

            .row-fluid .offset3:first-child {
                margin-left: 25.69060773480663%;
                *margin-left: 25.584224756083227%;
            }

        .row-fluid .offset2 {
            margin-left: 19.88950276243094%;
            *margin-left: 19.783119783707537%;
        }

            .row-fluid .offset2:first-child {
                margin-left: 17.12707182320442%;
                *margin-left: 17.02068884448102%;
            }

        .row-fluid .offset1 {
            margin-left: 11.32596685082873%;
            *margin-left: 11.219583872105325%;
        }

            .row-fluid .offset1:first-child {
                margin-left: 8.56353591160221%;
                *margin-left: 8.457152932878806%;
            }

    input,
    textarea,
    .uneditable-input {
        margin-left: 0;
    }

    .controls-row [class*="span"] + [class*="span"] {
        margin-left: 20px;
    }

    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 710px;
    }

    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 648px;
    }

    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 586px;
    }

    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 524px;
    }

    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 462px;
    }

    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 400px;
    }

    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 338px;
    }

    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 276px;
    }

    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 214px;
    }

    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 152px;
    }

    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 90px;
    }

    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 28px;
    }


    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%;
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%;
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%;
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%;
    }

    .col-sm-pull-0 {
        right: 0;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666666666666%;
    }

    .col-sm-push-10 {
        left: 83.33333333333334%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666666666666%;
    }

    .col-sm-push-7 {
        left: 58.333333333333336%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666666666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.666666666666664%;
    }

    .col-sm-push-1 {
        left: 8.333333333333332%;
    }

    .col-sm-push-0 {
        left: 0;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .navbar {
        border-radius: 4px;
    }

    .lead {
        font-size: 21px;
    }


    .lead {
        font-size: 21px;
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            display: table;
            content: " ";
        }

        .dl-horizontal dd:after {
            clear: both;
        }

        .dl-horizontal dd:before,
        .dl-horizontal dd:after {
            display: table;
            content: " ";
        }

        .dl-horizontal dd:after {
            clear: both;
        }

    .form-horizontal .control-label {
        text-align: right;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }

        .nav-tabs.nav-justified > li > a {
            border-bottom: 1px solid #dddddd;
            border-radius: 4px 4px 0 0;
        }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }

    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a {
            margin-bottom: 0;
        }

    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }

    .navbar-header {
        float: right; /*left*/
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: auto;
        }

        .navbar-collapse .navbar-nav.navbar-left:first-child {
            margin-left: -15px;
        }

        .navbar-collapse .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }

        .navbar-collapse .navbar-text:last-child {
            margin-right: 0;
        }

    .container > .navbar-header,
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }

    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }

    .navbar-toggle {
        /*display: none;*/
    }


    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                /*padding-top: 15px;
  padding-bottom: 15px; */
            }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
    }

    .navbar-form select.form-control {
        width: auto;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }

    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .navbar-form.navbar-right:last-child {
            margin-right: -15px;
        }

    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0;
        }

    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }

    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .carousel-control .glyphicons-chevron-left,
    .carousel-control .glyphicons-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
    }

    .form-inline select.form-control {
        width: auto;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            float: none;
            margin-left: 0;
        }


    .caja_hoteles .h_descripcion {
        min-height: 68px;
    }

    .nuestros_hoteles .caja_hoteles .h_descripcion a .nombrehotel {
        display: inline-block;
        /*padding-left: 20px;*/
        width: 60%;
    }


    .nuestros_hoteles .caja_hoteles .h_descripcion ul li a .resort_list {
        width: 77%;
    }

    .nuestros_hoteles .caja_hoteles .h_descripcion ul li .resort_list h4 {
        width: 83%;
    }

    .span4 .caja_hoteles.resort .h_descripcion .nombrehotel {
        min-height: 42px;
    }


    .nuestros_hoteles .span6 .caja_hoteles .h_descripcion a .nombrehotel {
        width: 70%;
    }

    .nuestros_hoteles .span3 .caja_hoteles .h_descripcion a .nombrehotel {
        width: 100% /*44%*/;
    }


    .home_page .nuestros_hoteles .span3 .caja_hoteles .h_contenido .imagen img {
        height: 221px;
        width: auto;
    }


    .home_page .nuestros_hoteles .span4 .caja_hoteles .h_contenido .imagen img {
        height: 221px;
        width: auto;
    }


    .home_page .nuestros_hoteles .span6 .caja_hoteles .h_contenido .imagen img {
        height: auto;
        width: 100%;
    }

    /*.nuestros_hoteles .span3 .caja_hoteles {
        min-height: 350px;
    }*/



    /********************************************************************************************************************/
    /* PROCESO DE RESERVA - PASO 4 (DATOS DE RESERVA) *******************************************************************/
    /********************************************************************************************************************/

    .procesoreserva_pasos.paso_4 .span8 .bloque_datos_contacto .input_list > li .nota {
        width: 33%;
    }



    /********************************************************************************************************************/
    /* END  PROCESO DE RESERVA - PASO 4 (DATOS DE RESERVA) **************************************************************/
    /********************************************************************************************************************/



    /********************************************************************************************************************/
    /* PROCESO DE RESERVA - PASO 5 (CONFIRMACIÓN) ***********************************************************************/
    /********************************************************************************************************************/

    .procesoreserva_pasos.paso_5 .mensaje .mensaje-txt {
        max-width: 66%;
    }


    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada .oferta_box .foto {
        margin-right: 10px;
    }


    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada .call-to-action.general {
        display: inline-block;
        width: 100%;
    }

    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada .b_acceso_a_destacados {
        width: 100%;
    }


    .procesoreserva_pasos.paso_5 .span12.reserva .span12 {
        width: 100%;
    }


    .procesoreserva_pasos.paso_5 .span12.reserva_hotel .tu_reserva .tu_reserva_head {
        padding: 13px 10px;
    }

    .procesoreserva_pasos.paso_5 .span12.reserva_hotel .tu_reserva .datos_reserva {
        padding: 10px 14px;
    }

    .procesoreserva_pasos.paso_5 .span12.reserva_hotel .tu_reserva .tu_reserva_head .condiciones_reserva {
        display: inline-block;
        float: none;
        margin-left: 5px;
        margin-right: 0;
    }

    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada .oferta_box {
        padding-bottom: 66px;
        position: relative;
    }

    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada .call-to-action.general {
        position: absolute;
        bottom: 16px;
        left: 20px;
        width: 83%;
    }

    .procesoreserva_pasos.paso_5 .ofertas_venta_cruzada img + .content_oferta {
        float: left;
        width: 33%;
    }

    /********************************************************************************************************************/
    /* END PROCESO DE RESERVA - PASO 5 (CONFIRMACIÓN) *******************************************************************/
    /********************************************************************************************************************/


/************* GESTION DE RESERVAS ***************************/


    /*** cancelar reserva ****/

    body .gestion_reserva.cancelar_reserva .span4.planreserva .planreserva_content {
  display: block;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}


        .container.gestion_reserva .boxerrorimage {
  height: 430px;
}

    /**** end cancelar reserva **************************/

/**** END GESTION DE RESERVAS **************************/



}




@media (min-width: 768px) and (max-width: 782px) {

    .home_page .nuestros_hoteles .span6 .caja_hoteles .h_contenido .imagen img {
        height: 100%;
        width: auto;
    }
}


@media (min-width: 782px) and (max-width: 850px) {

    .home_page .nuestros_hoteles .span6 .caja_hoteles.urbano .h_contenido .imagen img, .home_page .nuestros_hoteles .span6 .caja_hoteles.resort .h_contenido .imagen img {
        height: 100%;
        width: auto;
    }

    .home_page .nuestros_hoteles .span6 .caja_hoteles.urbano .h_subtitulo + .h_contenido .imagen img, .home_page .nuestros_hoteles .span6 .caja_hoteles.resort .h_subtitulo + .h_contenido .imagen img {
        height: auto;
        width: 100%;
    }
}