/******* FUENTES *******/

@font-face {
    font-family: 'Asap-Bold';
    src: url('../fonts/Asap-Bold.eot');
    src: url('../fonts/Asap-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Asap-Bold.woff') format('woff'), url('../fonts/Asap-Bold.ttf') format('truetype'), url('../fonts/Asap-Bold.svg#Asap-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Asap-Regular';
    src: url('../fonts/Asap-Regular.eot');
    src: url('../fonts/Asap-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Asap-Regular.woff') format('woff'), url('../fonts/Asap-Regular.ttf') format('truetype'), url('../fonts/Asap-Regular.svg#Asap-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Asap-Italic';
    src: url('../fonts/Asap-Italic.eot');
    src: url('../fonts/Asap-Italicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Asap-Italic.woff') format('woff'), url('../fonts/Asap-Italic.ttf') format('truetype'), url('../fonts/Asap-Italic.svg#Asap-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CoveredByYourGrace';
    src: url('../fonts/CoveredByYourGrace.eot');
    src: url('../fonts/CoveredByYourGraced41d.eot?#iefix') format('embedded-opentype'), url('../fonts/CoveredByYourGrace.woff') format('woff'), url('../fonts/CoveredByYourGrace.ttf') format('truetype'), url('../fonts/CoveredByYourGrace.svg#CoveredByYourGrace') format('svg');
    font-weight: normal;
    font-style: normal;
}


/******* SPRITES *******/

.sprite-eci {
    background: url(../Images/sprite-eci.png) no-repeat top left;
    display: inline-block;
}

span.stars {
    background: url(../Images/sprite_stars_veci.png) 0 -20px no-repeat;
    text-indent: -999999px;
    display: inline-block;
    height: 9px;
    position: relative;
    left: 4px;
}

a:hover span.stars {
    background-position: 0 -29px;
}

.ico-eci-footer {
    background-position: -5px -0px;
    width: 267px;
    height: 40px;
}

.ico-corredores-grande {
    background-position: -5px -45px;
    width: 245px;
    height: 125px;
}

.ico-visa-mastercard {
    background-position: -5px -175px;
    width: 195px;
    height: 47px;
}

.ico-eci-top {
    background-position: -5px -227px;
    width: 187px;
    height: 68px;
}

.ico-etiqueta-eci-carrousel {
    background-position: -5px -300px;
    width: 140px;
    height: 84px;
    position: absolute;
    top: 0;
    left: 0;
}

.ico-etiqueta-eci {
    background-position: -5px -389px;
    width: 140px;
    height: 84px;
    position: absolute;
    top: 5%;
    left: 0;
}

.ico-vente-maraton {
    background-position: -5px -478px;
    width: 125px;
    height: 64px;
}

.ico-tarjeta-veci {
    background-position: -150px -300px;
    width: 76px;
    height: 52px;
}

.ico-white-arrow { /*flecha tu viaje empieza aquí*/
    background-position: -197px -227px;
    width: 66px;
    height: 34px;
    float: right;
    margin-top: -15px;
    margin-right: -35px;
}

.ico-bike {
    background-position: -205px -175px;
    width: 52px;
    height: 33px;
}

.ico-flecha-izquierda {
    background-position: -150px -357px;
    width: 49px;
    height: 42px;
}

.ico-triathlon {
    background-position: -197px -266px;
    width: 43px;
    height: 25px;
}

.ico-flecha-arriba {
    background-position: -204px -357px;
    width: 42px;
    height: 49px;
}

.ico-logo-star-white {
    background-position: -231px -300px;
    width: 34px;
    height: 32px;
}

.ico-logo-star {
    background-position: -150px -404px;
    width: 34px;
    height: 32px;
}

.ico-running {
    background-position: -189px -411px;
    width: 33px;
    height: 35px;
}

.ico-calendario-footer {
    background-position: -227px -411px;
    width: 32px;
    height: 32px;
}

.ico-ver-catalogo {
    background-position: -150px -441px;
    width: 32px;
    height: 30px;
}

.ico-ninos {
    background-position: -227px -448px;
    width: 30px;
    height: 28px;
}

.ico-pago {
    background-position: -187px -451px;
    width: 29px;
    height: 30px;
}

.ico-arrow-menu {
    background-position: -231px -337px;
    width: 27px;
    height: 14px;
}

.ico-phone-green {
    background-position: -150px -476px;
    width: 27px;
    height: 27px;
}

.ico-phone {
    background-position: -221px -481px;
    width: 27px;
    height: 27px;
}

.ico-close {
    background-position: -166px -513px;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -12px;
    right: -12px;
}

.ico-otras-modalidades {
    background-position: -197px -513px;
    width: 25px;
    height: 37px;
}

.ico-usuario {
    background-position: -227px -513px;
    width: 24px;
    height: 32px;
}

.ico-calendario-top {
    background-position: -5px -547px;
    width: 23px;
    height: 23px;
}

.ico-mail {
    background-position: -61px -547px;
    width: 23px;
    height: 17px;
}

.ico-search {
    background-position: -245px -266px;
    width: 22px;
    height: 22px;
}

.ico-calendario {
    background-position: -89px -547px;
    width: 21px;
    height: 25px;
}

.ico-interrogacion {
    background-position: -227px -550px;
    width: 20px;
    height: 19px;
}

.ico-dropdown-select {
    background-position: -33px -547px;
    width: 23px;
    height: 26px;
}

.ico-arrow-select-hover {
    background-position: -135px -536px;
    width: 23px;
    height: 26px;
}

.ico-arrow-select {
    background-position: -163px -544px;
    width: 23px;
    height: 26px;
}

.ico-check-off {
    background-position: -182px -486px;
    width: 26px;
    height: 22px;
}

.ico-check-on-eci {
    background-position: -135px -508px;
    width: 26px;
    height: 23px;
}

.ico-radio-off {
    background-position: -251px -357px;
    width: 15px;
    height: 15px;
}

.ico-radio-on {
    background-position: -251px -377px;
    width: 15px;
    height: 15px;
}



.redesSociales {
    top: 10px;
    margin-bottom: 7px;
}

    .redesSociales span {
        font-family: Asap-Bold;
        font-size: 14px;
        float: right;
    }

/****** LAYOUT GENERAL ********/

.mano {
    cursor: pointer;
}

.titulo-seccion {
    font-family: Asap-Bold;
    display: block;
    font-size: 20px;
    margin: 10px 0;
}

.imp-seccion {
    font-family: Asap-Bold;
    font-size: 13px;
    margin-left: 10px;
}

.titulo-subseccion {
    font-family: Asap-Bold;
    display: block;
    font-size: 16px;
    margin: 10px 0;
}

.observaciones-web {
    font-family: Asap-Regular;
    font-size: 15px;
    margin: 10px 0;
}

.descripcion-precio {
    font-family: Asap-Bold;
    font-size: 14px;
    color: #5b5b5f;
    display: block;
    margin-top: 10px;
    margin-bottom: -13px;
}

.precio-viaje {
    color: #84d020;
    font-family: Asap-Bold;
    font-size: 30px;
}

.reserva-ya {
    color: #84d020;
    font-family: Asap-Bold;
    font-size: 16px;
    white-space: nowrap;
}

.info {
    background-color: #fff;
    margin-bottom: 30px;
}

.pagina-info {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px 35px;
}

.info-destacada {
    background-color: #7fcc1b;
    margin-bottom: 30px;
}

.borde-dch {
    border-right: solid 1px #EDEDED;
}

.link-ver-mas {
    font-family: Asap-Bold;
    font-size: 14px;
    color: #67b500;
    outline: none;
}

.contenedor-select {
    position: relative;
    width: auto;
}

    .contenedor-select select {
        background: url(../Images/arrow-select.png) no-repeat top right;
        width: 90% !important;
        min-width: 50px;
        /*Añadir posicion ico-select*/
        background-position: 99% 1px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #ccc;
        height: 30px;
        padding: 4px 0;
    }

        .contenedor-select select:hover {
            background-position: 99% -51px;
        }

.bolddate a {
    font-weight: bold !important;
    color: #058914 !important;
}

.oculto {
    display: none;
}

.fondo-oscurecido {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: 20px;
}

.etiqueta-ultimas-plazas {
    position: absolute;
    right: 0;
    top: 8%;
    color: #fff;
    background-color: #f28c00;
    width: 80px;
    padding: 10px;
    font-family: Asap-Bold;
    font-size: 14px;
    line-height: 16px;
}

.etiqueta-eci-info {
    position: absolute;
    left: 5px;
    color: #fff;
    font-family: Asap-Regular;
    font-size: 14px;
    line-height: 14px;
    display: block;
    width: 80px;
}

.viajes-destacados .etiqueta-eci-info {
    top: 11%;
}

.carousel-inner .etiqueta-eci-info {
    top: 8%;
}

.item-categoria .etiqueta-eci-info {
    top: 20%;
}


/*****MENSAJE INFORMACIÓN******/

.titulo-info {
    font-size: 25px;
    font-family: 'Asap-Bold';
    margin-top: 10px;
    margin-bottom: 8.5px;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    display: block;
}

.cuerpo-info {
    font-family: 'Asap-Bold';
    font-size: 15px;
    margin-top: 8.5px;
    margin-bottom: 8.5px;
    display: block;
}



/****** MENU CABECERA SUPERIOR ********/

.menu-fijo-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    width: 100%;
    color: #fff;
    background-color: #67b500;
    min-height: 25px;
    font-family: Asap-Regular;
    font-size: 14px;
}

    .menu-fijo-top li {
        margin: 0 2px 2px 5px;
        line-height: 20px;
        display: inline-block;
        font-size: 13px;
        vertical-align: middle;
    }

    .menu-fijo-top .ico-mail {
        position: relative;
        top: 3px;
        font-family: Asap-Regular;
        margin-right: 3px;
    }

    .menu-fijo-top .ico-phone {
        margin-right: 5px;
        position: relative;
        top: 6px;
        font-family: Asap-Bold;
        font-size: 18px;
        margin-top: -6px;
    }

    .menu-fijo-top .ico-calendario-top {
        position: relative;
        top: 5px;
    }

    .menu-fijo-top input {
        line-height: 20px;
        margin-right: 10px;
        border: none;
        border-radius: 3px;
        position: relative;
        top: -3px;
        color: black;
        padding-left: 10px;
    }

    .menu-fijo-top .tlf-top {
        font-family: Asap-Bold;
        font-size: 17px;
        margin-top: 1px;
    }

    .menu-fijo-top .horario-top {
        margin-top: 5px;
    }

    .menu-fijo-top .buscador-top {
        margin-top: 9px;
    }

        .menu-fijo-top .buscador-top .fa-search {
            margin-top: -21px;
            margin-right: 15px;
            position: absolute;
            color: #67b500;
            right: 0;
        }

    .menu-fijo-top .calendario-top {
        font-family: Asap-Bold;
        font-size: 13px;
        margin-left: 0;
        margin-top: -2px;
    }

.menu-principal {
    height: 96px;
    top: 45px;
    background-color: #fff;
}

    .menu-principal .dropdown-toggle {
        text-transform: uppercase;
    }

    .menu-principal .navbar-nav > li.dropdown > a {
        color: #0f5c2b;
        font-family: Asap-Bold;
        font-size: 18px;
        height: 75px;
        line-height: 60px;
    }

    .menu-principal .navbar-nav .dropdown .dropdown-menu {
        min-width: 460px;
        left: -100px;
        padding: 15px;
        font-family: Asap-Bold;
        font-size: 15px;
    }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .img-responsive {
            width: 210px;
            max-width: 210px;
            height: 110px;
            max-height: 210px;
            padding-right: 15px;
            border-right: solid 1px #EDEDED;
        }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .list-unstyled {
            padding-right: 15px;
            padding-left: 10px;
            border-right: solid 1px #EDEDED;
        }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .ico-arrow-menu {
            position: absolute;
            top: -14px;
            left: 120px;
        }



/******* SIDEBAR ********/

.sidebar .btn-default {
    font-family: Asap-Bold;
    font-size: 18px;
    width: 100%;
}

    .sidebar .btn-default span {
        position: relative;
        left: -10px;
        bottom: -7px;
    }

/******* FOOTER VERSION VECI***********/

#footer-content01 {
    padding: 0 0 115px;
    background: url(../Images/fondoPie1.png) center bottom no-repeat;
}

#footer-content02 {
    padding: 0 0 20px;
    position: relative;
    background: url(../Images/fondoPie2.png) center top repeat-y;
}

.content-frame {
    margin: 0 auto;
    position: relative;
    width: 1165px;
}

#footer .content-frame02 {
    padding-top: 0;
    margin: 0 auto 0 auto;
    padding-bottom: 30px;
}

#legal {
    width: 1165px;
    margin: 0 auto;
    position: relative;
}

    #legal span {
        font-family: Asap-Regular;
        font-size: 12px;
    }

#logos {
    font-family: 'asapregular', sans-serif;
    font-size: 1.500em;
    color: #89907e;
    margin-top: -10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 20px;
    padding-right: 20px;
}

ol, ul {
    list-style: none;
}

#logos .fleft.first-child {
    padding-left: 0;
}

#logos .fleft {
    padding: 0 0 0 80px;
    float: left;
    width: 40%;
}

    #logos .fleft + .fleft + .fleft {
        float: right;
        width: auto;
    }

    #logos .fleft.last-child {
        margin-top: 25px;
    }

#logos p {
    padding: 17px 0 0;
    margin-top: 25px;
    text-align: left;
    float: left;
    margin-left: 0;
    font-family: asap-regular;
    font-size: 18px;
}

#logos .siguenos {
    padding: 0;
    margin-top: 0;
    float: right;
}

#logos .ico-tarjeta-veci {
    line-height: 20px;
    margin-top: 17px;
    text-align: right;
    float: left;
    margin-right: 5px;
}

#logos .ico-logo-star {
    text-align: left;
    float: left;
    margin-top: 45px;
    margin-right: 5px;
}

#social-links {
    margin-top: 30px;
    float: right;
    padding: 0;
    margin-right: -75px;
}

/********* PREFOOTER ***********/
.pre-footer {
    margin: 50px auto;
    font-family: Asap-Bold;
}

    .pre-footer .bloque-usuarios,
    .pre-footer .bloque-ninos,
    .pre-footer .bloque-lideres {
        padding: 20px;
        min-height: 220px;
        margin-bottom: 15px;
    }

        .pre-footer .bloque-usuarios .sprite-eci,
        .pre-footer .bloque-ninos .sprite-eci,
        .pre-footer .bloque-lideres .sprite-eci {
            display: block;
            margin: 0px auto;
        }

        .pre-footer .bloque-usuarios h3,
        .pre-footer .bloque-ninos h3,
        .pre-footer .bloque-lideres h3 {
            font-family: 'Asap-Bold';
            font-size: 22px;
            color: #0f5c2b;
            display: block;
            text-align: center;
        }

        .pre-footer .bloque-ninos h3 {
            color: #5b5b5f;
        }

        .pre-footer .bloque-usuarios span,
        .pre-footer .bloque-ninos span,
        .pre-footer .bloque-lideres span {
            height: 32px;
        }

    .pre-footer .bloque-usuarios {
        font-family: Asap-Bold;
        font-size: 14px;
        color: #fff;
        background-color: #7eca19;
        text-align: center;
    }

    .pre-footer .bloque-ninos {
        background-color: #dcdedb;
        color: #5b5b5f;
    }

    .pre-footer .bloque-lideres {
        font-family: Asap-Bold;
        font-size: 14px;
        color: #fff;
        background-color: #7eca19;
        text-align: center;
    }

/************ FOOTER **********/
footer {
    border-top: 1px solid #d0cece;
    background-color: #e8eae7;
    margin-bottom: 10px;
    font-family: Asap-Bold;
    font-size: 14px;
    margin-top: 30px;
}

    footer .form-inline .form-group {
        margin-bottom: 10px;
    }

    footer .ico-interrogacion {
        position: relative;
        left: 20px;
        top: 5px;
    }

    footer .lista-footer {
        color: #67b500;
        padding-left: 15px;
    }

    footer .logo-footer {
        display: block;
        margin: 30px;
    }

.footer-newsletter input[type="email"] {
    border-radius: 3px;
}

.footer-newsletter .lbl-check-condiciones {
    color: #67b500;
    cursor: pointer;
}

    .footer-newsletter .lbl-check-condiciones input {
        margin-right: 5px;
    }

        .footer-newsletter .lbl-check-condiciones input[type="checkbox"].error-validacion {
            outline: 5px auto #d95e16;
        }

    .footer-newsletter .lbl-check-condiciones span.error-validacion {
        color: #d95e16;
        outline: none;
    }

.footer-newsletter span #Email-error {
    font-size: 12px;
    color: #d95e16;
}

.footer-newsletter span.errorCondiciones {
    float: left;
    font-size: 12px;
    color: #d95e16;
}




/****** CARROUSEL HOME (SLIDER) ********/

#carousel-home {
    margin-top: -28px;
    margin-bottom: 40px;
}

    #carousel-home .carousel-indicators {
        position: relative;
        text-align: right;
        top: 45px;
    }

        #carousel-home .carousel-indicators li {
            background-color: #666;
            width: 14px;
            height: 14px;
            margin: 0;
            border: solid 1px #fff;
        }

        #carousel-home .carousel-indicators .active {
            background-color: #67b500;
        }

    #carousel-home .carousel-caption {
        bottom: 50%;
        left: 48%;
        text-align: left;
    }

    #carousel-home .carousel-inner .info-viaje {
    }

        #carousel-home .carousel-inner .info-viaje .nombre-viaje {
            font-family: Asap-Bold !important;
            font-size: 48px;
            display: block;
            margin-bottom: 20px;
        }

        #carousel-home .carousel-inner .info-viaje .label-precio {
            display: block;
            margin-bottom: -10px;
        }

        #carousel-home .carousel-inner .info-viaje .precio-viaje {
            color: #84d020;
            font-family: Asap-Bold;
            font-size: 40px;
        }

        #carousel-home .carousel-inner .info-viaje .descripcion-viaje {
            text-align: right;
        }

        #carousel-home .carousel-inner .info-viaje .reserva-ya {
            font-size: 24px;
        }

    #carousel-home .carousel-inner .text_slider_left {
        position: absolute;
        left: 20%;
    }

    #carousel-home .carousel-inner .text_slider_right {
        position: absolute;
        right: 20%;
    }

    #carousel-home .carousel-inner .text_slider_top {
        position: absolute;
        top: 10%;
    }

    #carousel-home .carousel-inner .text_slider_bottom {
        position: absolute;
        bottom: 20%;
    }




/****** CARROUSEL BANNER *****/
#carousel-banner {
    margin-top: 3px;
    margin-bottom: 40px;
}

    #carousel-banner .carousel-indicators {
        top: 0;
        right: 10px;
        width: 25%;
        left: auto;
    }

        #carousel-banner .carousel-indicators li {
            background-color: #666;
            width: 7px;
            height: 7px;
            margin: 0;
            border: solid 1px #fff;
        }

        #carousel-banner .carousel-indicators .active {
            background-color: #67b500;
        }




/****** SLIDER CATEGORIAS *******/
.categorias-slider {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 100px;
    margin-left: -15px;
    margin-right: 15px;
    background-color: #888;
    background-color: rgba(0, 0, 0, 0.5);
}

    .categorias-slider a {
        color: #fff;
        display: inline-block;
        width: 24%;
        margin: 20px 0;
        padding: 15px;
        border-right: solid 2px #fff;
        font-size: 18px;
        font-family: Asap-Bold;
    }

    .categorias-slider .sprite-eci {
        margin-bottom: -10px;
        margin-right: 10px;
    }

    .categorias-slider a:last-child {
        border-right: none;
    }

.seccion-categoria .glyphicon-chevron-right {
    right: 0;
}


.info-viaje .nombre-viaje, .precio-viaje .descripcion-precio {
    font-family: Asap-Bold !important;
}


/*VIAJES DESTACADOS*/

.viajes-destacados .titulo-seccion {
    margin-bottom: 10px;
    color: #5b5b5f;
}

    .viajes-destacados .titulo-seccion h4 {
        font-size: 19px;
        font-family: Asap-Regular;
    }

.viajes-destacados .col-xs-12.col-md-6.alpha:nth-child(odd) {
    padding-right: 0;
    padding-left: 15px;
}





/******* SLIDER EVENTOS *******/

#carousel-slider-eventos {
    background-color: #fff;
    padding: 20px 40px 0 40px;
}

.seccion-slider-eventos .titulo-seccion {
    z-index: 1;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #5b5b5f;
}

.seccion-slider-eventos .viaje-listado {
    margin-bottom: 0;
}

    .seccion-slider-eventos .viaje-listado .descripcion-viaje {
        font-size: 15px;
        color: #5b5b5f;
    }

    .seccion-slider-eventos .viaje-listado .precio-viaje {
        position: absolute;
        bottom: 10px;
        right: 0;
        font-size: 30px;
    }

        .seccion-slider-eventos .viaje-listado .precio-viaje .descripcion-precio {
            font-family: Asap-Bold;
            margin-bottom: -10px;
        }

        .seccion-slider-eventos .viaje-listado .precio-viaje .simbolo-euro {
            font-size: 20px;
        }

.seccion-slider-eventos .carousel-control {
    width: 0 !important;
    opacity: 1;
}

.seccion-slider-eventos .glyphicon-chevron-left,
.seccion-slider-eventos .glyphicon-chevron-right {
    color: #67b500;
    text-shadow: none;
    opacity: 1;
}

    .seccion-slider-eventos .glyphicon-chevron-left:hover,
    .seccion-slider-eventos .glyphicon-chevron-right:hover {
        color: #539200;
    }

.seccion-slider-eventos .glyphicon-chevron-left {
    left: 25px;
}

.seccion-slider-eventos .glyphicon-chevron-right {
    right: 25px;
}

/******* VIAJE LISTADO *******/
.viaje-listado {
    position: relative;
    background-color: #fff;
    margin-bottom: 30px;
}

    .viaje-listado .contenedor-img,
    .item-categoria .contenedor-img {
        position: relative;
        overflow: hidden;
        padding-bottom: 45%;
        height: 170px;
    }

        .viaje-listado .contenedor-img img,
        .item-categoria .contenedor-img img {
            position: absolute;
            height: auto;
        }

    .viaje-listado .reserva-ya {
        position: absolute;
        bottom: 10px;
        right: 5px;
    }

    .viaje-listado .nombre-viaje {
        color: #84d020;
        height: 75px;
    }

    .viaje-listado .descripcion-viaje {
        font-size: 15px;
        height: 100px;
        color: #5b5b5f;
    }

    .viaje-listado .info-viaje {
        padding: 5px 20px;
        min-height: 275px;
    }

        .viaje-listado .info-viaje .row {
            display: block;
            height: 85px;
        }

    .viaje-listado .precio-viaje {
        font-size: 45px;
        position: relative;
        bottom: 15px;
    }

        .viaje-listado .precio-viaje .descripcion-precio {
            height: 20px;
        }

        .viaje-listado .precio-viaje .label-precio {
        }

        .viaje-listado .precio-viaje .simbolo-euro {
            font-size: 38px;
        }


.carousel-inner .viaje-listado .contenedor-img {
    height: 170px;
}

.carousel-inner .viaje-listado .info-viaje {
    min-height: 220px;
    padding: 5px 0;
}

.carousel-inner .viaje-listado .nombre-viaje {
    height: 75px;
}

.no-eventos {
    background-color: white;
}

    .no-eventos .titulo-info .fecha-eventos-busq {
        font-family: Asap-Regular;
    }

    .no-eventos .titulo-info {
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 30px !important;
        line-height: 50px !important;
        text-align: center;
        font-size: 25px;
        font-family: 'Asap-Bold';
        margin-top: 5px;
        margin-bottom: 8.5px;
        font-weight: 500;
        line-height: 1.1;
        color: inherit;
        display: block;
    }




/****** POPUP HOTELES *********/

.popup-hoteles .cabecera-popup {
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 25px;
    padding-right: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .popup-hoteles .cabecera-popup h3,
    .modal-title {
        color: #5b5b5f;
        margin-top: 5px;
    }

    .popup-hoteles .cabecera-popup .tlf-top {
        font-family: Asap-Bold;
        font-size: 20px;
        position: relative;
        top: -25px;
    }

    .popup-hoteles .cabecera-popup .ico-close {
        top: -28px;
        right: -28px;
    }

.popup-hoteles.mapa .cabecera-popup .ico-close {
    right: -41px;
}

.popup-hoteles .cabecera-popup .sprite-eci {
}

.popup-hoteles .direccion-hotel strong {
    display: inline-block;
    margin-bottom: 10px;
}

.popup-hoteles .mapa-hotel iframe {
}

.popup-hoteles .modal-footer {
    border-top: 0;
}

.popup-hoteles .contenedor-img {
    height: 244px;
}

    .popup-hoteles .contenedor-img img {
        max-height: 244px !important;
    }

.popup-hoteles .descripcion-viaje {
    font-size: 13px !important;
    font-family: Asap-Regular;
    font-weight: normal;
}
/***** ESTRELLAS NORMALES HOTELES *****/



span.stars.stars1 {
    width: 11px;
}

span.stars.stars2 {
    width: 22px;
}

span.stars.stars3 {
    width: 33px;
}

span.stars.stars4 {
    width: 44px;
}

span.stars.stars5 {
    width: 55px;
}

span.stars.stars1-5 {
    width: 25px;
    background-position: -45px -20px;
}

span.stars.stars2-5 {
    width: 36px;
    background-position: -34px -20px;
}

span.stars.stars3-5 {
    width: 47px;
    background-position: -23px -20px;
}

span.stars.stars4-5 {
    width: 58px;
    background-position: -12px -20px;
}

span.stars.stars5-5 {
    width: 70px;
    background-position: 0 -20px;
}

a:hover span.stars.stars1-5 {
    background-position: -45px -29px;
}

a:hover span.stars.stars2-5 {
    background-position: -34px -29px;
}

a:hover span.stars.stars3-5 {
    background-position: -23px -29px;
}

a:hover span.stars.stars4-5 {
    background-position: -12px -29px;
}

a:hover span.stars.stars5-5 {
    background-position: 0 -29px;
}


/******** CARROUSEL IMAGENES ALOJAMIENTO*******/

.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity: 0;
}

.carousel.carousel-fade .active.item {
    opacity: 1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;
}

.carousel.carousel-fade .carousel-control {
    z-index: 3;
}


/******* PAGINA DETALLE VIAJE ********/

/*CABECERA PÁGINA DETALLE VIAJE*/
#carousel-home .cabecera-pagina {
    height: auto !important;
}

.cabecera-pagina {
    height: 200px;
    position: relative;
    top: 0;
    overflow: hidden;
}

#carousel-home .cabecera-pagina {
    overflow: visible;
}

.cabecera-pagina img {
    overflow: hidden;
}

.titulo-pagina {
    position: absolute;
    bottom: 1px;
    margin-left: -15px;
    margin-right: 15px;
    background-color: #888;
    background-color: rgba(0, 0, 0, 0.5);
}

    .titulo-pagina h1 a {
        color: #fff;
    }

    .titulo-pagina h2 a {
        color: #fff;
    }

    .titulo-pagina h1 {
        color: #fff;
        line-height: 40px;
        font-size: 48px;
        width: 100%;
        margin: 25px 0;
    }

/*MIGAS DE PAN DETALLE VIAJE*/

.breadcrumb {
    margin: 10px 0;
    background-color: transparent;
    font-family: Asap-Regular;
    font-size: 14px;
    font-weight: bold;
    padding-left: 0;
}

    .breadcrumb > li + li:before {
        color: #999;
        content: " > ";
        padding: 0 5px;
    }

/*SECCION INFORMATIVA DETALLE VIAJE*/

.seccion-detalle-viaje .titulo-seccion {
    color: #5b5b5f;
}

.seccion-detalle-viaje .titulo-seccion-hotel {
    color: #67b500;
    font-family: Asap-Bold;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0;
}

.seccion-detalle-viaje .tab-content {
    position: relative;
    top: 0;
    border: none;
    border-top: none;
    padding: 15px;
}

    .seccion-detalle-viaje .tab-content img {
        max-width: 100% !important;
        /*max-height: 244px !important;*/
    }

.seccion-detalle-viaje .nav-tabs > li > a {
    font-family: Asap-Bold;
    font-size: 20px;
    color: #5b5b5f;
    padding: 10px 20px;
    display: inline !important;
}

.seccion-detalle-viaje .nav-tabs > li.active > a,
.seccion-detalle-viaje .nav-tabs > li.active > a:hover,
.seccion-detalle-viaje .nav-tabs > li.active > a:focus {
    border: none;
    border-bottom: #fff;
}

.seccion-detalle-viaje .nav-tabs > li {
    margin-bottom: -3px;
    padding: 10px 0;
}

.seccion-detalle-viaje .nav-tabs {
    border: none;
}

.seccion-detalle-viaje .info-destacada {
    padding: 15px 0;
}

    .seccion-detalle-viaje .info-destacada .importante {
        color: #fff;
        margin-top: -20px;
    }

        .seccion-detalle-viaje .info-destacada .importante h3 {
            color: #0f5c2b;
            margin-top: 15px;
        }

        .seccion-detalle-viaje .info-destacada .importante h4 {
            color: #0f5c2b;
        }

    .seccion-detalle-viaje .info-destacada .link-modal {
        color: #0f5c2b;
        text-align: left;
        width: 100%;
    }

        .seccion-detalle-viaje .info-destacada .link-modal:hover {
            color: #0f5c2b;
            cursor: pointer;
        }

    .seccion-detalle-viaje .info-destacada .btn-lg {
        width: 100%;
        white-space: normal;
        margin-bottom: 10px;
    }

/**LAYOUT PROCESO DE RESERVA**/

.containerReserva {
    padding-bottom: 10px !important;
}

/****** MENU CABECERA SUPERIOR RESERVA********/

.menu-principal.reserva {
    position: absolute;
    width: 100%;
    min-width: 1170px;
}

.menu-fijo-top.reserva {
    position: absolute;
    min-width: 1170px;
    max-height: 36px;
}

    .menu-fijo-top.reserva .container {
        width: 1170px !important;
    }
/**FIN LAYOUT PROCESO DE RESERVA**/

/*PESTAÑA FICHA TÉCNICA EN DETALLE VIAJE*/

#ficha-tecnica {
    border: 0 solid white !important;
}

    #ficha-tecnica tbody tr {
        border-bottom: 1px solid rgb(211, 211, 211);
        border-top: 0 solid white !important;
    }

    #ficha-tecnica tr {
        padding: 10px 0;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
    }

    #ficha-tecnica .td01 {
        font-family: Asap-Regular;
        font-size: 15px;
        color: #67b500;
        border: 0 solid white !important;
        width: 200px;
    }

    #ficha-tecnica .td02 {
        font-family: Asap-Regular;
        font-size: 15px;
        color: #5b5b5f;
        border: 0 solid white !important;
    }


/*PESTAÑA PRECIO EN DETALLE VIAJE*/


.enlace-mapa {
    font-size: 15px;
    font-weight: bold;
    float: right;
    margin-bottom: 12px;
    color: #67b500;
    margin-right: -15px;
}

#panePrecio .titulo {
    font-family: Asap-Bold;
    color: #5b5b5f;
    font-size: 18px;
}

#panePrecio #availability-table {
    margin-bottom: 40px;
}

#availability-table thead tr {
    border-top: 1px solid #d5d5d5;
}

#availability-table tr {
    padding: 10px 0;
    border-bottom: 1px solid #d5d5d5;
}

#availability-table td {
    padding: 10px 0 10px 20px;
}

#availability-table tr td.observaciones {
    border-top: 1px solid transparent;
    padding-right: 25px;
    font-family: Asap-Regular;
}

    #availability-table tr td.observaciones strong {
        color: #F28C00;
    }

    #availability-table tr td.observaciones span.num-noches-min {
        color: #F28C00;
        font-size: 13px;
    }

#availability-table thead td {
    font-family: Asap-Bold;
    color: #5b5b5f;
    font-size: 15px;
    padding: 10px 0 10px 10px;
}

#availability-table tbody .nombre-alojamiento {
    vertical-align: top;
}

#availability-table tbody .nombre {
    vertical-align: top;
    font-family: Asap-Bold;
    font-size: 15px;
    color: #67b500;
}

#availability-table tbody .distancia-carrera label {
    font-weight: normal;
}

#availability-table tr .tdHab {
    /*float: right;*/
    margin-right: 18%;
    border-top: 0;
}

#availability-table tr .tdPrecio {
    float: right;
    margin-right: 20%;
}

#availability-table .link-modal {
    font-family: Asap-Bold;
    font-size: 15px;
}

#availability-table p {
    margin-bottom: 0;
    margin-top: 10px;
}

#availability-table .precio {
    font-family: Asap-Bold;
    color: #67b500;
    font-size: 20px;
    white-space: nowrap;
    float: right;
    margin-right: 10%;
}

#availability-table .ocupacion {
}

    #availability-table .ocupacion .num-plazas {
        font-size: 15px;
        margin-top: -5px;
        color: #fff;
        background-color: #657165;
        padding: 2px 5px;
        border-radius: 4px;
    }

    #availability-table .ocupacion .icono-user {
        float: left;
        margin-right: 5px;
    }

        #availability-table .ocupacion .icono-user .glyphicon {
            display: block;
            color: #657165;
            font-size: 20px;
        }



/*********** PÁGINA CATEGORIA Y SUBCATEGORIA *************/

.contenedor-menu-categoria {
    position: relative;
}

.menu-categoria {
    position: absolute;
    bottom: 1px;
    left: 25%;
    width: 75%;
    height: 90px;
    margin-left: -15px;
    margin-right: 15px;
    text-align: right;
}

    .menu-categoria a {
        font-family: Asap-Bold;
        font-size: 18px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        margin: 20px 0;
        padding: 15px;
        border-right: solid 2px #fff;
    }

        .menu-categoria a:last-child {
            border-right: none;
        }

        .menu-categoria a.activo {
            color: #84d020;
        }

.contador-total {
    text-align: right;
    color: #5b5b5f;
}

    .contador-total h3 {
        /*margin-top: 0;*/
        margin-bottom: 26px;
    }


.seccion-categoria {
    background: #fff;
    padding: 0 15px 15px 15px;
    margin: 0 15px 30px 15px;
}

    .seccion-categoria .item-categoria {
        position: relative;
        padding-bottom: 20px;
        border-bottom: solid 1px #EDEDED;
        margin-bottom: 20px;
        min-height: 220px;
    }

    .seccion-categoria h3 {
        color: #5b5b5f;
        margin-bottom: 15px;
    }

    .seccion-categoria .num-eventos {
        font-family: Asap-Regular;
    }

    .seccion-categoria .nombre-viaje {
        font-family: Asap-Bold;
        font-size: 16px;
        color: #84d020;
        display: inline;
        margin-bottom: 10px;
    }

    .seccion-categoria .fecha-evento {
        color: #5b5b5f;
        font-weight: bold;
        font-size: 15px;
    }

    .seccion-categoria .subcategoria {
        color: #5b5b5f;
        font-weight: bold;
        font-size: 15px;
    }

        .seccion-categoria .subcategoria a {
            color: #5b5b5f;
            cursor: pointer;
            text-decoration: none;
        }

    .seccion-categoria .col-precio {
        position: absolute;
        bottom: 20px;
        right: 30px;
        display: table-cell;
        vertical-align: bottom;
        text-align: right;
    }

        .seccion-categoria .col-precio .descripcion-precio {
            font-family: Asap-Regular;
            margin-bottom: -10px;
        }

        .seccion-categoria .col-precio .precio-viaje {
            display: block;
        }

        .seccion-categoria .col-precio .reserva-ya {
            padding-top: 15px;
        }

    .seccion-categoria .btn-lg {
        font-size: 14px;
        padding: 5px 40px;
    }






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

.pasos-proceso-pago {
    text-align: center;
    min-width: 970px;
}

    .pasos-proceso-pago li {
        font-family: Asap-Bold;
        font-size: 14px;
        color: #5b5b5f;
        border-color: #dcdedb;
        background: #dcdedb;
        display: inline-block;
        padding: 10px 15px;
        margin: 20px 10px 30px 10px;
    }

        .pasos-proceso-pago li.active {
            color: #0f5c2b;
            background: #7eca19;
            background: -moz-linear-gradient(#84d020,#67b600);
            background: -ms-linear-gradient(#84d020,#67b600);
            background: -o-linear-gradient(#84d020,#67b600);
            background: -webkit-linear-gradient(#84d020,#67b600);
            background: linear-gradient(#84d020,#67b600);
        }

    .pasos-proceso-pago .linea-union {
        display: block;
        width: 60%;
        border: 0;
        border-top: 4px solid #5b5b5f;
        width: 60%;
        margin: -60px auto 50px auto;
    }

.tabs-proceso-pago {
    width: 970px;
    margin: 0 auto;
}


    /*Estilos genéricos*/
    .tabs-proceso-pago .tab-content {
        font-family: Asap-Regular;
        color: #5b5b5f;
        background: #fff;
        padding: 5px 15px;
    }

        .tabs-proceso-pago .tab-content .nombre-alojamiento-verde {
            color: #67b500;
        }

    .tabs-proceso-pago .contenido {
        /*margin-left: 10px;*/
    }

    .tabs-proceso-pago label {
        font-family: Asap-Regular;
        font-size: 15px;
        font-weight: normal;
        margin-left: 0;
        margin-right: 10px;
    }

    .tabs-proceso-pago .radio {
        width: 100%;
    }

    .tabs-proceso-pago .help-block {
        margin: 0;
    }

    .tabs-proceso-pago .descripcion-viaje {
        font-family: Asap-Regular;
        margin-bottom: 20px;
        font-size: 15px;
    }

        .tabs-proceso-pago .descripcion-viaje.contenido {
            display: inline-block;
        }

    .tabs-proceso-pago .tab-content .nav-tabs {
        background: #eff1ee;
    }

    .tabs-proceso-pago .nav-tabs > li > a,
    .tabs-proceso-pago .nav-tabs > li > a:hover {
        font-family: Asap-Bold;
        font-size: 20px;
        color: #5b5b5f;
        border: none;
    }

    .nav-tabs > li > a:hover
    /*Estilos inputs, radios y selects*/
    .tabs-proceso-pago input[type="text"],
    .tabs-proceso-pago input[type="tel"],
    .tabs-proceso-pago input[type="email"] {
        width: 175px;
    }

    .tabs-proceso-pago input[type="text"],
    .tabs-proceso-pago input[type="tel"],
    .tabs-proceso-pago input[type="number"],
    .tabs-proceso-pago input[type="email"],
    .tabs-proceso-pago input[type="file"],
    .tabs-proceso-pago input[type="radio"],
    .tabs-proceso-pago input[type="checkbox"],
    .tabs-proceso-pago textarea {
        outline: none;
        outline-offset: 0;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        margin-left: 5px;
        line-height: normal;
        border-radius: 3px !important;
        font-size: 14px;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        padding: 6px 12px;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

        .tabs-proceso-pago input[type="text"]:active,
        .tabs-proceso-pago input[type="text"]:focus,
        .tabs-proceso-pago input[type="text"]:hover,
        .tabs-proceso-pago input[type="number"]:active,
        .tabs-proceso-pago input[type="number"]:focus,
        .tabs-proceso-pago input[type="number"]:hover,
        .tabs-proceso-pago input[type="tel"]:active,
        .tabs-proceso-pago input[type="tel"]:focus,
        .tabs-proceso-pago input[type="tel"]:hover,
        .tabs-proceso-pago input[type="email"]:active,
        .tabs-proceso-pago input[type="email"]:focus,
        .tabs-proceso-pago input[type="email"]:hover,
        .tabs-proceso-pago input[type="file"]:active,
        .tabs-proceso-pago input[type="radio"]:active,
        .tabs-proceso-pago input[type="checkbox"]:active,
        .tabs-proceso-pago input[type="file"]:hover,
        .tabs-proceso-pago input[type="radio"]:hover,
        .tabs-proceso-pago input[type="checkbox"]:hover,
        .tabs-proceso-pago input[type="file"]:focus,
        .tabs-proceso-pago input[type="radio"]:focus,
        .tabs-proceso-pago input[type="checkbox"]:focus {
            border-color: #67b500;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(103,181,0,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(103,181,0,.6);
        }

    .tabs-proceso-pago select {
        border-radius: 3px !important;
        font-size: 14px;
        padding: 4px 10px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
        /*Ocultar flecha desplegar select en IE*/
        .tabs-proceso-pago select::-ms-expand {
            display: none;
        }

    .tabs-proceso-pago .contenedor-img-ficha {
        width: 400px;
        height: 298px;
        overflow: hidden;
        margin-bottom: 20px;
        text-align: right;
    }

    .tabs-proceso-pago .contenedor-img img {
        /*width: 100%;*/
    }

    /***spin busqueda alojamientos***/
    .tabs-proceso-pago #spin img {
        display: block;
        margin: auto;
    }

    .tabs-proceso-pago #spin span {
        display: block;
        margin: auto;
        font-family: Asap-Bold;
        text-align: center;
        color: #0f5c2b;
    }

.contenedor-galeria .item-galeria {
    max-width: 75px;
    max-height: 80px;
    overflow: hidden;
    display: inline-block;
    margin: 11px 5px 0 0;
}

    .contenedor-galeria .item-galeria:last-child {
        margin-right: 0;
    }

    .contenedor-galeria .item-galeria img {
        /*width: 100%;*/
    }

.tabs-proceso-pago .form-group {
    margin-top: 5px;
    width: 100%;
}

.input-extra {
    width: 300px !important;
}

.btn-pagar-vacaciones {
    font-family: Asap-Bold;
    font-size: 24px;
    color: #fff;
    width: 335px;
    display: block;
    margin: 20px auto;
    padding: 15px 0;
    background-color: #0f5c2b;
}

    .btn-pagar-vacaciones:hover {
        border-color: #0f5c2b;
        text-decoration: none;
    }

.tabs-proceso-pago .btn-default {
    text-transform: uppercase;
}

.tabs-proceso-pago .pager {
    margin: 10px 0;
    min-height: 45px;
}

.tabs-proceso-pago .btn-siguiente {
    padding: 10px 30px;
}

.volver-paso-anterior {
    font-family: Asap-Regular;
    font-size: 14px;
    color: #6fbc09;
    margin-top: 15px;
}


/*Estilos Botones que funcionan como radio inputs*/
/*Mostrar radios como opciones pinchables*/
/*Se ocultan los input para mostrar las imágenes personalizadas*/
.tabs-proceso-pago input[type=radio] {
    display: none;
}

/*
      Change the look'n'feel of labels (which are adjacent to radiobuttons).
      Add some margin, padding to label
    */
.tabs-proceso-pago #pane3 .tipo-carreras input[type=radio] + label,
.tabs-proceso-pago #pane4 .tipo-corredor input[type=radio] + label {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    padding: 8px 20px;
    margin-right: 20px;
    background: #E7E7E7;
}

.tabs-proceso-pago #pane4 .tipo-corredor input[type=radio] + label {
    font-family: Asap-Bold;
}
/*
     Change background color for label next to checked radio button
     to make it look like highlighted button
    */
.tabs-proceso-pago #pane3 .tipo-carreras input[type=radio]:checked + label,
.tabs-proceso-pago #pane4 .tipo-corredor input[type=radio]:checked + label {
    color: #0f5c2b;
    background-color: #6fbc09;
}

/* Maquetar estilos de los mensajes de error (se aplica a todos los span que tienen alguna clase que acabe en -error)*/
.tabs-proceso-pago .field-validation-error span {
    display: block;
    color: #d95e16;
    padding-top: 5px;
}

.tabs-proceso-pago .field-validation-error-dni span {
    display: inline;
    color: #d95e16;
    padding-top: 5px;
    margin-left: 10px !important;
}

#label-error-multicorredor, #error-nombre-equipo-repetido {
    display: block;
    color: #d95e16;
    padding-top: 5px;
    padding-left: 5px;
}

.alerta-multicorredor {
    color: #d95e16;
}


/* PROCESO DE RESERVA >> PASO #1 */
.tabs-proceso-pago #pane1 #formSelecPaquete {
    margin-top: 10px;
}

.tabs-proceso-pago #pane1 .formulario-tipo-comprador .radio {
    margin-top: 10px;
}

.tabs-proceso-pago #pane1 #no-es-agencia {
    display: none;
}

.tabs-proceso-pago #pane1 #formAgencia {
    margin-top: 10px;
}

    .tabs-proceso-pago #pane1 #formAgencia label {
        width: 145px;
        text-align: right;
        margin-top: 5px;
        margin-right: 0;
        border-radius: 3px !important;
        margin-left: 5px;
    }

        .tabs-proceso-pago #pane1 #formAgencia label.label-info-av {
            text-align: left;
        }

    .tabs-proceso-pago #pane1 #formAgencia input {
        display: inline-block;
    }

    .tabs-proceso-pago #pane1 #formAgencia .error-validacion.field-validation-error span {
        margin-left: 155px;
        font-family: Asap-Bold;
    }

.tabs-proceso-pago #pane1 .anterior-siguiente {
    margin-bottom: 5px;
}

.tabs-proceso-pago #pane1 .checkbox-acept-lopd {
    margin-top: 20px;
}

    .tabs-proceso-pago #pane1 .checkbox-acept-lopd input[type="checkbox"].error-validacion {
        outline: 5px auto #d95e16;
    }

    .tabs-proceso-pago #pane1 .checkbox-acept-lopd span.error-validacion {
        color: #d95e16;
        outline: none;
    }

.tabs-proceso-pago #pane1 span.errorCondiciones {
    float: left;
    margin-top: -6px;
    margin-left: 20px;
    font-size: 12px;
    font-family: Asap-Bold;
    color: #d95e16;
}

.tabs-proceso-pago #pane3 span.errorCondiciones {
    margin-left: 20px;
    font-size: 12px;
    font-family: Asap-Bold;
    color: #d95e16;
}

.tabs-proceso-pago #pane1 .contenedor-img {
    float: right;
}




/* PROCESO DE RESERVA >> PASO #2 */
.tabs-proceso-pago #pane2 #NumPersonas {
    width: 70px;
}

.tabs-proceso-pago #pane2 .error-validacion {
    color: #d95e16;
    font-weight: bold;
}

.tabs-proceso-pago #pane2 #fechaDesde,
.tabs-proceso-pago #pane2 #fechaHasta {
    width: 100px;
    text-align: right;
}

.tabs-proceso-pago #pane2 #btnConsultDisponibilidad {
    margin: 20px auto;
}

.tabs-proceso-pago #pane2 .formulario-hoteles-disp .lista-alojamientos {
    padding-left: 0;
}

.tabs-proceso-pago #pane2 .formulario-hoteles-disp label {
    margin: 5px auto;
    color: #67b500;
}

    .tabs-proceso-pago #pane2 .formulario-hoteles-disp label.activo {
        font-weight: bold;
        color: #67b500;
    }

.tabs-proceso-pago #pane2 #availability-table td {
    padding-left: 0;
}

.tabs-proceso-pago #pane2 .combinaciones-hab {
    width: 95%;
    padding: 10px;
    margin-left: 35px;
}

    .tabs-proceso-pago #pane2 .combinaciones-hab select {
        font-size: 14px;
        width: 90%;
        margin: 5px auto 10px auto;
    }

.tabs-proceso-pago #pane2 #linkMasCombinaciones {
    display: inline-block;
    margin: 5px auto auto 50px;
}

.tabs-proceso-pago #pane2 .table-responsive {
    margin-left: 20px;
    margin-top: 10px;
}

.tabs-proceso-pago #pane2 #availability-table thead td {
    font-size: 14px;
}

.tabs-proceso-pago #pane2 .link-modal {
    font-size: 14px;
    display: block;
}

.tabs-proceso-pago #pane2 .contenedor-img {
    margin-bottom: 0;
}

.tabs-proceso-pago #pane2 .titulo-seccion-hotel {
    color: #67b500;
    font-family: Asap-Bold;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0;
}


/* PROCESO DE RESERVA >> PASO #3 */
.tabs-proceso-pago #pane3 .tab-content {
    background-color: #fff;
}

.tabs-proceso-pago #pane3 .tabs-pasajeros {
    background-color: #fff;
    margin: -15px;
}

    .tabs-proceso-pago #pane3 .tabs-pasajeros .nav-tabs,
    .tabs-proceso-pago #pane3 .tabs-pasajeros .nav-tabs > li.active > a,
    .tabs-proceso-pago #pane3 .tabs-pasajeros .nav-tabs > li.active > a:hover,
    .tabs-proceso-pago #pane3 .tabs-pasajeros .nav-tabs > li.active > a:focus {
        border: none;
    }

.tabs-proceso-pago #pane3 .radio {
    margin-top: 10px;
}

.tabs-proceso-pago #pane3 .opcional-traslado .agotado {
    color: #d95e16;
    font-weight: bold;
    margin-top: 10px;
}

.tabs-proceso-pago #pane3 .agotado {
    color: #d95e16;
    font-weight: bold;
}

.tabs-proceso-pago #pane3 .formulario-otras-opciones .radio {
    width: 33%;
}

.tabs-proceso-pago #pane3 .formulario-datos-comprador label {
    width: 127px;
    text-align: right;
    margin-right: 5px;
    margin-top: 5px;
}

.tabs-proceso-pago #pane3 .formulario-datos-comprador .label-tiene-dni {
    width: 55px;
}

#info-extra {
    margin-top: 10px;
}

    #info-extra span {
        font-size: 13px;
    }

.tabs-proceso-pago #pane3 .formulario-datos-comprador {
    margin-bottom: 20px;
}

    .tabs-proceso-pago #pane3 .formulario-datos-comprador .radio .text-left {
        text-align: left;
        padding-left: 15px;
    }

.tabs-proceso-pago #pane3 .opciones-adicionales {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #EDEDED;
}

    .tabs-proceso-pago #pane3 .opciones-adicionales .tipos-seguro .form-group label {
        margin-left: -5px;
    }

    .tabs-proceso-pago #pane3 .opciones-adicionales .tipos-seguro .descripcion-opcional {
        display: block;
        font-size: 14px;
        margin-left: 20px;
    }

.tabs-proceso-pago .observaciones { /*#pane3 .opciones-adicionales .tipos-seguro*/
    display: block;
    font-size: 14px;
    color: #F28C00;
    padding-top: 5px;
    font-family: Asap-Regular;
}

    .tabs-proceso-pago .observaciones.tipos-seguro {
        margin-left: 20px;
    }

    .tabs-proceso-pago .observaciones span { /*#pane3 .opciones-adicionales .tipos-seguro*/
        display: block;
        font-size: 11px;
        /*font-style:italic;*/
        color: #5b5b5f;
    }

.tabs-proceso-pago #pane3 .opciones-adicionales .tipos-seguro .ico-interrogacion {
    display: inline-block;
    margin-left: 10px;
    margin-right: 30px;
}

.tabs-proceso-pago #pane3 .opciones-adicionales .opcional-traslado .descripcion-opcional {
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

.tabs-proceso-pago #pane3 .opciones-adicionales .formulario-datos-viajero label {
    width: 145px;
    text-align: right;
    margin-right: 5px;
    margin-top: 5px;
}

.tabs-proceso-pago #pane3 .opciones-adicionales .formulario-datos-viajero .error-validacion.field-validation-error span {
    margin-left: 160px;
}

.tabs-proceso-pago #pane3 .multicorredor-sinCupo {
}

.tabs-proceso-pago #pane3 .datos-corredor label.codigo-postal {
    width: 80px;
}

.tabs-proceso-pago #pane3 .datos-corredor .radio {
}

.tabs-proceso-pago #pane3 .formulario-datos-viajero .radio {
    display: block;
}

    .tabs-proceso-pago #pane3 .formulario-datos-viajero .radio > label {
        margin: 8px auto;
    }

    .tabs-proceso-pago #pane3 .formulario-datos-viajero .radio .css-label-radio {
        margin-left: 10px;
    }

.tabs-proceso-pago #pane3 .datos-corredor [id^="formNumChip_"] label,
.tabs-proceso-pago #pane3 .datos-corredor [id^="formFederado_"] label,
.tabs-proceso-pago #pane3 .datos-corredor [id^="formNombreClub_"] label {
    width: 125px;
    margin-top: -3px !important;
}

.tabs-proceso-pago #pane3 .datos-corredor [id^="formNumChip_"] .field-validation-error span {
    margin-left: 50px;
}

.tabs-proceso-pago #pane3 .datos-corredor [id^="formFederado_"] .field-validation-error span {
    margin-left: 18px;
}

.tabs-proceso-pago #pane3 .datos-corredor #corredor-cp-error {
    margin-left: 398px;
}

.tabs-proceso-pago #pane3 .datos-corredor [id^="formNumChip_"],
.tabs-proceso-pago #pane3 .datos-corredor [id^="formFederado_"],
.tabs-proceso-pago #pane3 .datos-corredor [id^="formNombreClub_"] {
    display: inline-block;
    margin-left: 43px;
}

.tabs-proceso-pago #pane3 .datos-corredor label.text-left {
    width: auto;
}


.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li.active > a,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li.active > a:hover,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li.active > a:focus,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li.active > a:active,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li > a:hover,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li > a:focus,
.tabs-proceso-pago #pane3 .opcional-seguro-viaje #tabs-opcional-seguro > li > a:active {
    background: #fff;
    border-color: #fff;
    text-decoration: none;
}

.tabs-proceso-pago #pane3 .opcional-seguro-viaje .tab-content {
    margin-left: -15px;
}

.tabs-proceso-pago #pane3 .comentario-opcional {
    margin-top: 30px;
}

    .tabs-proceso-pago #pane3 .comentario-opcional textarea {
        display: block;
        border-radius: 3px;
        width: 100%;
        min-height: 85px;
    }

.tabs-proceso-pago #pane3 .tipo-carreras label {
    font-family: Asap-Bold;
    margin-bottom: 20px;
}

    .tabs-proceso-pago #pane3 .tipo-carreras label:hover {
        cursor: pointer;
    }

.tabs-proceso-pago #pane3 .tipo-carreras .distancia-carrera {
    font-size: 18px;
    display: inline-block;
    text-align: center;
    width: 90px;
    padding: 8px 20px;
    margin-right: 20px;
    background: #E7E7E7;
}

.tabs-proceso-pago #pane3 .formulario-datos-viajero select {
    width: 175px !important;
    display: inline-block;
    margin-left: 5px;
}

.tabs-proceso-pago #pane3 .opcional-otras-opciones .comentario-opcional {
    margin-top: 0;
    margin-bottom: 10px;
}

.tabs-proceso-pago #pane3 .anterior-siguiente {
    margin: 10px auto;
}

/* PROCESO DE RESERVA >> PASO #4 */
.tabs-proceso-pago #pane4 .contenedor-img {
    margin-top: 10px;
}

.tabs-proceso-pago #pane4 .fecha-viaje {
    font-family: Asap-Bold;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}

.tabs-proceso-pago #pane4 .formulario-otras-opciones .radio {
    width: auto;
}

.tabs-proceso-pago #pane4 .num-viajeros {
    margin: 5px auto;
}

.tabs-proceso-pago #pane4 .tipo-corredor label {
    margin-top: 10px;
}

.tabs-proceso-pago #pane4 #divFormPagador label {
    width: 100px;
    margin-right: 5px;
    text-align: right;
}

.tabs-proceso-pago #pane4 #divFormPagador .error-validacion.field-validation-error span {
    margin-left: 115px;
}

.tabs-proceso-pago #pane4 #divFormPagador .label-extra {
    width: 130px !important;
}


.tabs-proceso-pago #pane4 #divFormPagador label.text-left {
    width: auto;
}

.tabs-proceso-pago #pane4 #divFormPagador .radio {
    margin: 3px auto;
}

.tabs-proceso-pago #pane4 #divFormPagador select {
    width: 175px !important;
    display: inline-block;
    margin-left: 5px;
}

/* PROCESO DE RESERVA >> PASO #5 */
.tabs-proceso-pago #pane5 {
    padding: 10px 0;
}

    .tabs-proceso-pago #pane5 .btn-venta-anticipada,
    .tabs-proceso-pago #pane5 .btn-venta-total {
        font-family: Asap-Bold;
        font-size: 18px;
        width: 260px;
        height: 115px;
        display: block;
        padding-top: 45px;
        vertical-align: middle;
        margin: 25px auto;
    }

    .tabs-proceso-pago #pane5 .btn-venta-anticipada {
        color: #0f5c2b;
        background-color: #84d020;
    }

    .tabs-proceso-pago #pane5 .btn-venta-total {
        color: #5b5b5f;
        background-color: #dcdedb;
    }

    .tabs-proceso-pago #pane5 .btn-pagar-vacaciones {
        margin: 30px auto 40px auto;
    }


/* PROCESO DE RESERVA >> Página de Gracias */
.mensaje-info {
    background: #fff;
    padding: 100px;
    color: #5b5b5f;
    margin-top: 30px;
}


/* PROCESO DE RESERVA >> Resumen de la reserva flotante*/

.mostrar-resumen {
    font-family: Asap-Bold;
    position: fixed;
    right: 0;
    top: 25%;
    width: 0;
    z-index: 1039;
    padding: 0;
    color: #0f5c2b;
    background: #7eca19;
    background: -moz-linear-gradient(#84d020,#67b600);
    background: -ms-linear-gradient(#84d020,#67b600);
    background: -o-linear-gradient(#84d020,#67b600);
    background: -webkit-linear-gradient(#84d020,#67b600);
    background: linear-gradient(#84d020,#67b600);
}

    .mostrar-resumen .glyphicon-chevron-left,
    .mostrar-resumen .glyphicon-chevron-right {
        position: absolute;
        top: 0;
        left: -50px;
        display: block;
        color: #fff;
        background-color: #84d020;
        font-size: 30px;
        padding: 10px;
    }

        .mostrar-resumen .glyphicon-chevron-left:hover,
        .mostrar-resumen .glyphicon-chevron-right:hover {
            cursor: pointer;
        }

    .mostrar-resumen .glyphicon-chevron-left {
        display: none;
    }

.resumen-sombreado {
    background: #dcdedb;
    color: #5b5b5f;
}

.resumen-compra {
    font-family: Asap-Bold;
    position: fixed;
    right: 0;
    top: 25%;
    width: 300px;
    z-index: 1039;
    padding: 15px;
    color: #0f5c2b;
    background: #7eca19;
    background: -moz-linear-gradient(#84d020,#67b600);
    background: -ms-linear-gradient(#84d020,#67b600);
    background: -o-linear-gradient(#84d020,#67b600);
    background: -webkit-linear-gradient(#84d020,#67b600);
    background: linear-gradient(#84d020,#67b600);
}

    .resumen-compra .titulo-resumen {
        font-size: 24px;
        color: #fff;
    }

    .resumen-compra .glyphicon-chevron-left,
    .resumen-compra .glyphicon-chevron-right {
        position: absolute;
        top: 0;
        left: -50px;
        display: block;
        color: #fff;
        background-color: #84d020;
        font-size: 30px;
        padding: 10px;
    }

        .resumen-compra .glyphicon-chevron-left:hover,
        .resumen-compra .glyphicon-chevron-right:hover {
            cursor: pointer;
        }

    .resumen-compra .glyphicon-chevron-left {
        display: none;
    }

    .resumen-compra .table {
        margin-bottom: 0;
    }

        .resumen-compra .table > thead > tr > th,
        .resumen-compra .table > tbody > tr > th,
        .resumen-compra .table > tfoot > tr > th,
        .resumen-compra .table > thead > tr > td,
        .resumen-compra .table > tbody > tr > td,
        .resumen-compra .table > tfoot > tr > td {
            border: none;
            padding: 0;
        }

    .resumen-compra .nombre-viaje,
    .resumen-compra .detalles {
        font-size: 15px;
    }

    .resumen-compra .detalles {
        font-size: 15px;
        padding-bottom: 5px;
    }

    .resumen-compra .subconcepto {
        padding-top: 5px !important;
    }

    .resumen-compra .concepto {
        padding-top: 15px !important;
    }

    .resumen-compra .descuento-no-dorsal {
        padding-top: 15px !important;
        color: #d95e16 !important;
        font-size: 15px;
    }

    .resumen-compra .importe {
        font-size: 18px;
        color: #fff;
        white-space: nowrap;
    }

    .resumen-compra .total {
        font-size: 24px;
        color: #fff;
        padding-top: 15px !important;
        white-space: nowrap;
    }




/********* CONTACTO **********/
.contacto .info-contacto {
    font-size: 15px;
}

.contacto .btn-default.btn-lg {
    margin-top: 10px;
}

.contacto img {
    margin-top: 15px;
}

.contacto .formulario-contacto {
    margin-top: 68px;
    padding: 20px;
    padding-top: 1px;
    color: #0f5c2b;
    background: #7eca19;
    background: -moz-linear-gradient(#84d020,#67b600);
    background: -ms-linear-gradient(#84d020,#67b600);
    background: -o-linear-gradient(#84d020,#67b600);
    background: -webkit-linear-gradient(#84d020,#67b600);
    background: linear-gradient(#84d020,#67b600);
}

.formulario-contacto .field-validation-error span,
.widget-formulario-contacto .field-validation-error span {
    display: block;
    color: #d95e16;
    padding-top: 5px;
}



/******************** WIDGETS ****************/

/********** VER CATALOGO ************/

.widget-ver-catalogo {
    margin-bottom: 30px;
}

    .widget-ver-catalogo .btn-default {
        padding-bottom: 15px;
    }



/*********** VER CALENDARIO ************/

.calendario-viajes {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 10px 0;
    font-family: Asap-Bold;
}

    .calendario-viajes h3 {
        padding: 10px 0 0 15px;
        color: #0c4802;
    }

    .calendario-viajes .datepicker-inline {
        background-color: #f9f9f9;
        margin: 0 auto;
    }

    .calendario-viajes .datepicker table {
        border-collapse: separate;
        border-spacing: 3px;
    }

    .calendario-viajes .calendario2 .datepicker.datepicker-inline th.next, .calendario-viajes .calendario2 .datepicker.datepicker-inline th.prev {
        visibility: hidden !important;
    }


.widget-calendario {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 0 0 30px 0;
    font-family: Asap-Bold;
}

    .widget-calendario h3 {
        padding: 10px 0 0 15px;
        color: #0c4802;
    }

    .widget-calendario .datepicker-inline {
        background-color: #f9f9f9;
        margin: 0 auto;
    }



.datepicker .datepicker-switch {
    color: #7eca19;
}

.datepicker table {
    border-collapse: separate;
    border-spacing: 3px;
}

.datepicker .day {
    color: #7eca19;
    font-weight: bold;
    border-radius: 0;
    padding: 5px;
}

.datepicker .datepicker-switch,
.datepicker-days .active.day {
    font-family: Asap-Bold;
    font-size: 16px;
    color: #5b5b5f;
}

.datepicker-days .active.day {
    font-size: 12px;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
}

.datepicker-days .active.day,
.datepicker-months .month.active,
.datepicker-years .year.active,
.datepicker .day.activo,
.datepicker .day.activo:hover {
    color: #fff;
    background-color: #73BD11 !important;
    background-image: none !important;
    border-radius: 0;
}

.datepicker .activo.day .widget-calendario .active.day.activo,
.datepicker .activo.day:hover,
.datepicker .active.day.activo:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .active.day.activo,
.datepicker .active.day.activo:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .day.today {
    color: #fff !important;
    font-weight: bold;
    background: #f28c00 !important;
}

.datepicker .day.pasado,
.datepicker .disabled.day {
    background-color: #ebf0e9;
    color: #a6ba9c;
}

.datepicker .activo.day .widget-calendario .active.day.pasado,
.datepicker .activo.day:hover,
.datepicker .active.day.pasado:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .active.day.pasado,
.datepicker .active.day.pasado:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .day.futuro {
    background-color: #fff;
    color: #73bd11;
}

.datepicker .activo.day .widget-calendario .active.day.futuro,
.datepicker .activo.day:hover,
.datepicker .active.day.futuro:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .active.day.futuro,
.datepicker .active.day.futuro:hover {
    color: #fff;
    background-color: #539200;
    background-image: none;
}

.datepicker .old.day {
    visibility: hidden;
}

.datepicker .new.day {
    visibility: hidden;
}

.datepicker .prev,
.datepicker .next {
    color: #7eca19;
    font-size: 25px;
    padding-top: 0;
}

.selecciona-dia {
    color: #0f5c2b;
    font-family: 'CoveredByYourGrace';
    font-size: 30px;
}

.selecciona-aloj {
    color: #0f5c2b;
    font-family: 'CoveredByYourGrace';
    font-size: 30px;
    margin-top: 200px;
}

.tu-viaje {
    color: white;
    font-family: 'CoveredByYourGrace';
    font-size: 30px;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    display: block !important;
}

.widget-evento-calendario {
    background-color: #fff;
    margin: 10px 20px;
    font-family: Asap-Bold;
}

    .widget-evento-calendario h3 {
        color: #84d020;
        font-size: 17px;
        margin-top: 5px;
    }

    .widget-evento-calendario img {
        color: #84d020;
        font-size: 17px;
    }

    .widget-evento-calendario .img-viaje {
        max-width: 100%;
        height: 60px;
        overflow: hidden;
    }

        .widget-evento-calendario .img-viaje img {
            max-width: 120px;
        }

    .widget-evento-calendario .precio-viaje {
        //height: 100%;
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .widget-evento-calendario .precio-viaje .descripcion-precio {
            font-family: Asap-Regular;
            line-height: 14px;
            margin-bottom: -10px;
            margin-top: 0;
        }

        .widget-evento-calendario .precio-viaje .simbolo-euro {
            font-size: 20px;
        }



/********** BÚSQUEDA AVANZADA *************/
.widget-busqueda-avanzada {
    background-color: #7fcc1b;
    padding: 10px;
    margin-bottom: 30px;
}

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

.widget-busqueda-avanzada h3 {
    font-family: Asap-Bold;
    color: #0f5c2b;
    margin: 0;
    padding: 10px 10px 10px 15px;
}

.widget-busqueda-avanzada .radio:first-child {
    margin-right: 15px;
}

.widget-busqueda-avanzada .radio label {
    font-family: Asap-Regular;
    font-size: 15px;
    color: #0f5c2b;
    position: relative;
    top: -3px;
    left: 3px;
}

.widget-busqueda-avanzada input[type=text] {
    width: 145px;
    font-family: Asap-Regular;
    font-size: 15px;
}

.widget-busqueda-avanzada h4 {
    font-family: Asap-Bold;
    color: #0f5c2b;
}

.widget-busqueda-avanzada .ico-calendario {
    margin: 0 5px -10px 0;
}

.widget-busqueda-avanzada .btn-default {
    margin: 15px auto 10px auto;
}

.widget-busqueda-avanzada .formulario-avanzado .btn-danger {
    width: auto;
    background-color: transparent;
    color: #c9302c;
    border: 0;
    font-size: 20px;
    padding: 3px;
}

    .widget-busqueda-avanzada .formulario-avanzado .btn-danger:active {
        border: 0;
        box-shadow: none;
    }



/**************** BANNER **************/

.widget-banner {
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    max-width: 293px;
    overflow: hidden;
}

    .widget-banner img {
        width: 100% !important;
        height: auto !important;
    }


/************** FORMULARIO DE CONTACTO **************/

.widget-formulario-contacto {
    background-color: #dcdedb;
    padding: 10px 20px 20px 20px;
    margin-bottom: 30px;
}

    .widget-formulario-contacto h3 {
        color: #5b5b5f;
        margin: 0;
        padding: 10px 0 10px 0;
    }

    .widget-formulario-contacto .form-group {
        margin-bottom: 10px;
    }

    .widget-formulario-contacto .form-control {
        margin-bottom: 10px;
    }

    .widget-formulario-contacto .btn-default.btn-lg {
        padding: 16px;
    }

widget-formulario-contacto::-webkit-input-placeholder,
widget-formulario-contacto:-moz-placeholder,
widget-formulario-contacto::-moz-placeholder,
widget-formulario-contacto:-ms-input-placeholder {
    color: #d95e16;
}


/********************BANNER DE ALERTA DE COOKIES******************/

.CookieDeclarationDialogText, .CookieDeclarationIntro, .CookieDeclarationLastUpdated {
    margin: 0 0 14px 0;
}

.CookieDeclarationType {
    display: block;
    margin: 12px 0 12px 0;
    padding: 8px 8px 0 8px;
    border: 1px solid #333333;
    vertical-align: top;
    font-size: 11pt;
    color: inherit;
}

.CookieDeclarationTypeHeader {
    font-weight: bold;
}

.CookieDeclarationTypeDescription {
    margin: 2px 0 16px 0;
}

.CookieDeclarationTable {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 18px 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.CookieDeclarationTableHeader {
    font-weight: bold;
    border-bottom: 1px solid #777777;
    text-align: left;
    padding: 4px;
    overflow: hidden;
}

    .CookieDeclarationTableHeader[dir='rtl'] {
        text-align: right;
    }

.CookieDeclarationTableCell {
    text-overflow: ellipsis;
    word-wrap: break-word;
    border-bottom: 1px solid #777777;
    vertical-align: top;
    padding: 4px 4px 5px 4px;
}

#CookieDeclarationUserStatusLabelConsentId {
    text-overflow: ellipsis;
    word-wrap: break-word;
}

@media all and (max-width: 600px) {
    .CookieDeclaration table.CookieDeclarationTable tr td:nth-child(n+5), .CookieDeclaration table.CookieDeclarationTable tr th:nth-child(n+5), .CookieDeclaration table.CookieDeclarationTable colgroup col:nth-child(n+5) {
        display: none;
    }
}

@media (max-width: 768px) { /*media queries necesarias para mostrar menu en móviles*/
    #menu-principal {
        max-height: 750px !important;
        position: relative;
        width: 290px;
        float: right;
        margin-right: 0;
        background-color: white;
        z-index: 999;
    }

        #menu-principal .nav {
            padding-left: 15px !important;
        }

    .menu-principal .navbar-nav .dropdown .dropdown-menu {
        width: 295px;
        min-width: 200px !important;
        left: auto !important;
    }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .img-responsive {
            width: 125px !important;
            max-width: 125px !important;
            height: 80px;
            max-height: 80px !important;
        }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .list-unstyled {
            padding-left: 0 !important;
        }

        .menu-principal .navbar-nav .dropdown .dropdown-menu .ico-arrow-menu {
            left: 45px !important;
        }

    .contador-total {
        text-align: left;
    }

        .contador-total h3 {
            margin-left: 10px;
        }

    .tab-pane.table-responsive {
        border: 0;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal !important;
    }

    footer {
        background-color: transparent !important;
    }

    .widget-formulario-contacto {
        margin-top: 30px;
        margin-right: -15px;
    }

    .widget-ver-catalogo {
        margin-top: 30px;
    }

    .viajes-destacados .info-viaje-dest {
        padding: 0;
    }

    #map_alojamientos {
        height: 210px !important;
    }

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

@media (max-width: 992px) {

    .seccion-slider-eventos .carousel-inner {
        padding: 0 15px;
    }

    .seccion-slider-eventos .glyphicon-chevron-right {
        right: 15px;
    }

    .seccion-slider-eventos .glyphicon-chevron-left {
        left: 15px;
    }
}

@media (max-width: 300px) {
    .seccion-detalle-viaje .nav-tabs > li > a {
        padding: 10px;
    }
}

@media (max-width: 1180px) {
    div#legal,
    div.content-frame {
        width: auto;
    }
}

@media (max-width: 930px) {
    ul#logos .fleft {
        padding: 0;
    }
}