/* Fondo verde en los dias disponibles del calendario*/
.datepicker table tr td.day{
    background: #22848e;
    color: #FFF;
    font-weight: bold;
}

.page_fichaProducto .datepicker table tr td.active, .page_destino .datepicker table tr td.active, .page_RenfeHome .datepicker table tr td.active, .page_landing .datepicker table tr td.active, .page_hotelbedsModalities .datepicker table tr td.active, .page_seleccionModelos .datepicker table tr td.active, .page_datosPersonales .datepicker table tr td.active, .page_confirmacion .datepicker table tr td.active, .page_showCart .datepicker table tr td.active, .page_hotelbedsModalities .datepicker table tr td.active, .page_ociotourFechas .datepicker table tr td.active, .page_ociotourZonas .datepicker table tr td.active, .page_finVenta .datepicker table tr td.active, .page_oneboxSesiones .datepicker table tr td.active, .columns_2 .datepicker table, .page_compra .datepicker table tr td.active, .page_fichaProducto .datepicker table tr td.active:hover, .page_destino .datepicker table tr td.active:hover, .page_RenfeHome .datepicker table tr td.active:hover, .page_landing .datepicker table tr td.active:hover, .page_hotelbedsModalities .datepicker table tr td.active:hover, .page_seleccionModelos .datepicker table tr td.active:hover, .page_datosPersonales .datepicker table tr td.active:hover, .page_confirmacion .datepicker table tr td.active:hover, .page_showCart .datepicker table tr td.active:hover, .page_hotelbedsModalities .datepicker table tr td.active:hover, .page_ociotourFechas .datepicker table tr td.active:hover, .page_ociotourZonas .datepicker table tr td.active:hover, .page_finVenta .datepicker table tr td.active:hover, .page_oneboxSesiones .datepicker table tr td.active:hover, .columns_2 .datepicker table, .page_compra .datepicker table tr td.active:hover, .page_fichaProducto .datepicker table tr td:hover, .page_destino .datepicker table tr td:hover, .page_RenfeHome .datepicker table tr td:hover, .page_landing .datepicker table tr td:hover, .page_hotelbedsModalities .datepicker table tr td:hover, .page_seleccionModelos .datepicker table tr td:hover, .page_datosPersonales .datepicker table tr td:hover, .page_confirmacion .datepicker table tr td:hover, .page_showCart .datepicker table tr td:hover, .page_hotelbedsModalities .datepicker table tr td:hover, .page_ociotourFechas .datepicker table tr td:hover, .page_ociotourZonas .datepicker table tr td:hover, .page_finVenta .datepicker table tr td:hover, .page_oneboxSesiones .datepicker table tr td:hover, .columns_2 .datepicker table, .page_compra .datepicker table tr td:hover, .page_fichaProducto .datepicker table tr td.day:hover, .page_destino .datepicker table tr td.day:hover, .page_RenfeHome .datepicker table tr td.day:hover, .page_landing .datepicker table tr td.day:hover, .page_hotelbedsModalities .datepicker table tr td.day:hover, .page_seleccionModelos .datepicker table tr td.day:hover, .page_datosPersonales .datepicker table tr td.day:hover, .page_confirmacion .datepicker table tr td.day:hover, .page_showCart .datepicker table tr td.day:hover, .page_hotelbedsModalities .datepicker table tr td.day:hover, .page_ociotourFechas .datepicker table tr td.day:hover, .page_ociotourZonas .datepicker table tr td.day:hover, .page_finVenta .datepicker table tr td.day:hover, .page_oneboxSesiones .datepicker table tr td.day:hover, .columns_2 .datepicker table, .page_compra .datepicker table tr td.day:hover{
    background: #000066 !important;
    color: #ffffff !important;
}

/** Ocultar numeros y cambiar color de los dias del mes siguiente/anterior **/
.datepicker table tr td.old, .datepicker table tr td.new {
    font-size: 0;
    background: #ddd !important;
}

/** Poner el cursor clickable en lso botones **/
.btn_mini {
    cursor: pointer;
}

.boton_toggle_trenes{cursor: pointer;}

/** alinear los span de la cesta */
#cesta p span, .page_ociotourZonas #cesta p span{
    float: none !important;
    font-weight: normal !important;
}

#loaderContent.divCargando, #loaderAutoCompra.divCargando{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(https://ociotour.es/front/renfe/img/loadingv2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 -50px;
    box-sizing: border-box;
    z-index: 999999;
}

#loaderContent.enabled, #loaderAutoCompra.enabled {
    display: block;
}

#loaderContent.divCargando.ofertren{
    background: url(https://ociotour.es/front/renfe/img/loading_ofertren.jpg);
    background-color: rgba(0, 0, 0, 0.6) !important;
    background-size: 100% 102% !important;
    background-position: 0 !important;
}

div#bloqueInfoBusqueda * {
    font-family: 'Roboto', sans-serif;
}

div.contenedor_inputs{
    margin: 0 auto !important;
}

div.seleccion_ocio{
    padding-bottom: 0 !important;
}

div.divContenedorOcioCompra{
    border: 1px solid #B9B8B8 !important;
    border-top: 0 !important;
}

#search_ocio_container div.divContenedorOcioCompra{
    padding-bottom: 10px;
}

.botones_info span.changeOcio.btn_mini_azulado {
    display: none;
}

@media screen and (max-width: 1445px){
    #loaderContent.divCargando, #loaderAutoCompra.divCargando{
        background-size: cover;
        background-position: center center;
    }
}

@media screen and (max-width: 1425px){
    #loaderContent.divCargando .divInteriorCargando{
        width: 55% !important;
    }
}

@media screen and (max-width: 950px){
    #loaderContent.divCargando .divInteriorCargando{
        width: 85% !important;
    }

    .divInteriorCargando{
        margin-top: 3% !important;
    }
}

#loaderContent.divCargando .contenidoCarruselTexto {
    background: #000066;
    color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 25px;
}

#loaderContent.divCargando .contenidoCarruselTexto .textoCargando{
    text-align: left;
}

#loaderContent.divCargando .divInteriorCargando{
    width: 35%;
    background: #ffffffe6;
    border-radius: 10px;
}

.divInteriorCargando h2{
    font-size: 25px !important;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: bold;
    color: #000;
}

.btn_alerta{
    background-color: #dc0000 !important;
}

.contenidoPrincipal p {
    text-align: justify;
}

.contenidoPrincipal .experiencia p {
    text-align: center;
}

/** revision responsive agosto **/
div.trenes_seleccionados h2, div.seleccion_ocio h2{
    margin-left: 0 !important;
}

@media screen and (max-width: 795px) {
    #contenido #divBusqueda h2.v2_titulo2 .botones_info{
        margin-right: 5px !important;
    }
}

@media screen and (max-width: 750px) {
    div.seleccion_ocio.seleccion_hotel, div.seleccion_ocio, div.seleccion_paradores, div.seleccion_hotel{
        width: 100% !important;
    }

    div.seleccion_hotel .grupoDerecha{
        margin: 0 !important;
    }
}

@media screen and (max-width: 450px) {
    h2.v2_titulo2 span#productoMasInfo{
        margin-right: 5px;
    }

    #info_compra #elementosCompra .bloqueProductoContainer{
        min-height: 100px;
        height: auto;
    }

    #contenido #divBusqueda h2.v2_titulo2 .botones_info{
        margin-top: -5px !important;
        margin-right: 5px !important;
    }
}

#abrirFiltros{
    display: none;
    position: absolute;
    top: 10px;
    right: -48px;
    background: #8a0072;
    padding: 0 10px;
    color: #FFF;
    border-radius: 0 10px 10px 0;
}

#cerrarFiltros{
    display: none;
    float: right;
    margin-right: 10px;
}

/** responsive ***/
@media screen and (max-width: 1180px){
    .precioPagarYa .precio{font-size: 16px;}
}

@media (max-width: 1090px) {
    .grupoDerecha {
        margin: 0 !important;
    }
}

@media screen and (max-width: 1010px){
    .contenidoOrdenarPor{
        float: none !important;
        width: 95% !important;
        margin: 0 auto !important;
        display: block;
    }

    .hotelsFilterContainer, .hotelsFilterContainer2, .trainsFilterContainer{
        position: fixed;
        z-index: 9999;
        top: 0;
        margin: 0 !important;
        height: 100%;
        transition: 0.6s ease;
        left: -270px;
        width: 270px !important;
        padding-top: 20px;
    }

    .hotelsFilterContainer.active, .hotelsFilterContainer2.active, .trainsFilterContainer.active{
        left: 0;
    }

    h2.tituloFiltro{
        width: 120%;
    }

    div.seleccion_ocio.seleccion_hotel{
        float: none !important;
        width: 95% !important;
        margin: 15px auto !important;
        display: block;
    }

    #abrirFiltros, #cerrarFiltros{
        display: inline-block;
    }
}

@media screen and (max-width: 795px) {
    body #contenedor{
        margin: 0 !important;
    }

    #resumenBusqueda #divBusqueda{
        margin-bottom: 0px !important;
        padding-top: 10px;
        border: none !important;
    }
}

@media screen and (max-width: 665px){
    .seleccion_hotel .precioPagarYa{
        width: 20%;
    }

    .seleccion_hotel .barraHabitacion{
        width: 80%;
    }
}

@media screen and (max-width: 420px){
    #info_compra #elementosCompra .bloqueProductoContainer.bloqueDetalleTren svg.iconoTren{
        display: none !important;
    }

    .page_compra .promocion_container .btn_mini{
        font-size: 15px !important;
    }

    .page_compra .promocion_container input.codigoPromocion{
        width: 100% !important;
        margin-left: 0 !important;
    }

    .page_compra .promocion_container .btn_mini{float: none !important;}

    .page_compra .promocion_container{height: auto !important;}
}

@media screen and (max-width: 465px){
    .condicionesContainer strong .verCondiciones{
        display: block !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }

    .page_compra #seguroAnulacionContainer .separadorVertical.precioAgregado{
        float: none !important;
    }
    .separadorVertical{width: 90% !important;}
}

@media screen and (max-width: 400px){
    .swal2-modal button {
        display: block;
        float: none;
        width: 100%;
    }
}

@media screen and (max-width: 396px){
    #selectorContainer .contentPagos{
        margin-left: 0 !important;
    }
}

.contenidoOrdenarPor span.btnOrdenar{
    display: inline-block;
}

@media screen and (max-width: 870px){
    #info_compra #elementosCompra .bloqueProductoContainer{
        min-height: 100px;
        height: auto;
    }
}

@media screen and (max-width: 755px){
    div.producto_pagarya span.btn_mini{
        float: none !important;
    }
}

@media screen and (max-width: 370px){
    #contenido h2.v2_titulo2{
        font-size: 20px !important;
    }
}

/*** nuevos filtros */
h2.tituloFiltro {
    display: block !important;
    background: #666666 !important;
    color: #FFF !important;
    font-size: 18px !important;
    border-radius: 0 25px 25px 0 !important;
    padding: 10px !important;
    border: none !important;
}

.trainsFilterContainer, .hotelsFilterContainer{
    display: inline-block;
    float: left;
    width: 250px;
    margin-top: 10px;
    background: #FFF;
}

.trainsFilterContainer .filtro label, .hotelsFilterContainer .filtro label{
    text-align: left;
    font-family: 'Roboto', sans-serif;
    border-bottom: 1px solid #666666;
    color: #000;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
}

.trainsFilterContainer .filtro p, .hotelsFilterContainer .filtro p{
    text-align: left;
    margin: 5px 0;
    margin-left: 20px;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    cursor: pointer;
}

.trainsFilterContainer .filtro p.selected, .hotelsFilterContainer .filtro p.selected{
    margin-left: 8px;
}

.trainsFilterContainer .filtro p.selected svg, .hotelsFilterContainer .filtro p.selected svg{
    display: inline-block !important;
}

.hotelsFilterContainer .filtro img {
    display: block;
    margin: 5px 10px;
}

.hotelsFilterContainer .filtro.servicios img {
    display: inline-block;
    margin: 10px 0;
}

.hotelsFilterContainer .filtro.servicios img:first-child {
    margin-left: 10px;
}

.btnGris {
    background-color: #666666 !important;
    padding: 5px 20px !important;
    color: #FFF;
    font-family: 'Roboto', sans-serif !important;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 40px !important;
    margin: 10px 0;
    text-align: center;
    transition: background-color ease 0.7s;
    text-decoration: none;
    font-size: 15px !important;
    font-weight: 700;
    cursor: pointer;
}

/* iconos productos */
.iconoTipoProducto span svg {
    height: 30px !important;
    width: 30px !important;
    vertical-align: sub !important;
}

.hotelResume .iconoTipoProducto span svg {
    height: 20px !important;
    width: 20px !important;
    vertical-align: sub !important;
}

.iconoTipoProducto span svg path{
    fill: #666666 !important;;
}

#cesta_resumen .iconoTipoProducto span svg path{
    fill: #fff !important;;
}

div.div_suplemento{
    margin-left: 0 !important;
}

/* cambio iconos globales para todos los productos */
/** iconos inputs */
.contenedor_inputs .inputEdad{
    background: url(https://ociotour.es/front/renfe/img/edad.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
    padding-left: 25px !important;
}

.contenedor_inputs .inputNacionalidad{
    background: url(https://ociotour.es/front/renfe/img/nacionalidad.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
    padding-left: 25px !important;

}

.contenedor_inputs .date1Input, .contenedor_inputs .datetimepicker, .contenedor_inputs .calendarInput {
    background: url(https://trenmashotel.com/front/atodotren/img/calendario_entrada.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
    padding-left: 25px !important;
}

.contenedor_inputs .date2Input, .contenedor_inputs .datetimepicker_vuelta {
    background: url(https://trenmashotel.com/front/atodotren/img/calendario_salida.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
    padding-left: 25px !important;
}

.contenedor_inputs .marcaDestino, .contenedor_inputs .markerInput, .contenedor_inputs .marcaDestino + span.select2, .contenedor_inputs .markerInput + span.select2{
    background: url(https://trenmashotel.com/front/renfe/img/marca.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
}

.contenedor_inputs .childsInput{
    background: url(https://trenmashotel.com/front/renfe/img/child_globos.png) no-repeat left center !important;
    background-color: #ffffff !important;
    background-size: auto 90% !important;
}

/** cambio fuente y tamaño de labels e ijnouts */
.contenedor_inputs label, .contenedor_inputs select, .contenedor_inputs input, .span_habitacion{
    font-family: 'Roboto', sans-serif;
}

div.contenedor_inputs div.input select, div.contenedor_inputs div.input input {
    font-size: 15px !important;
    height: 30px !important;
    color: #666666 !important;
}


/* adapto boton buscsr */
.btn1.search{
    padding: 0px 40px !important;
    line-height: 30px !important;
}

/** adapto tamañode input de niños y su responsive */
div.contenedor_inputs div.input select.childsInput {
    width: 160px !important;
}

@media screen and (max-width: 800px){
    div.contenedor_inputs div.input select.childsInput {
        width: 240px !important;
    }
}

@media screen and (max-width: 385px){
    div.contenedor_inputs div.input select.childsInput {
        width: 90% !important;
    }
}

/** pantalla carga de trenes **/
#cargandoTrenes, #cargandoHoteles{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.6);
    display: none;
}

#cargandoTrenes.enabled, #cargandoHoteles.enabled{
    display: block;
}

#cargandoTrenes div.inner, #cargandoHoteles div.inner{
    width: 200px;
    margin: auto auto;
    margin-top: 40vh;
    text-align: center;
    font-size: 25px;
}

/** modal agencias **/
#gastosGestionAgencia.modal{
    width: 600px !important;
    background: transparent;
}

#gastosGestionAgencia.modal .inner {
    width: 100% !important;
}

#gastosGestionAgencia.modal .inner * {
    font-family: 'Roboto', sans-serif;
    color: #666666;
}

#gastosGestionAgencia.modal .content {
    margin: 35px 20px !important;
}

#gastosGestionAgencia.modal h3{
    font-size: 20px !important;
    color: #000066 !important;
}

#gastosGestionAgencia.modal input {
    width: 40px;
    text-align: right;
    border: 1px solid #999;
    padding: 4px;
}

/** color azul las letras del boton reservar */
#info_compra div.producto_pagarya .btn_mini * {
    color: #22848e !important;
}

h2.v2_titulo1{
    display: none !important;
}

/** centro seleccion de adultos */
#search_ocio_container .input .adultsInput{
    width: 69% !important;
}

#search_ocio_container.form_buscador_renfe .input .adultsInput{
    width: 110px !important;
}

.contenedor_inputs select.buscadorDestinoOcioTren {
    text-transform: uppercase !important;
}

#cesta .multiproducto .concepto:not(:first-child) .btn-eliminar,
#cesta .multiproducto .concepto:not(:first-child) .btnEliminar {
    display:none;
}

#cesta .paquete .multiproducto .concepto .btn-eliminar,
#cesta .paquete .multiproducto .concepto .btnEliminar {
    display:none;
}

#cesta .paquete .concepto:not(:first-child) .btn-eliminar,
#cesta .paquete .concepto:not(:first-child) .btnEliminar {
    display:none;
}

/** Descuento */
span.descuento {
    background: #DC0024;
    padding: 2px 5px;
    border-radius: 5px;
    vertical-align: text-bottom;
    display: inline-block;
}

span.descuento.noDescuento{
    display: none;
}

span.descuento * {
    color: #FFF !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
}

#cesta_resumen span.descuento{
    display: block;
    width: 80%;
    margin: 0 auto;
}

@media screen and (max-width: 1200px){
    #cesta_resumen span.descuento{
        width: 200px;
    }
}

#cesta_resumen span.descuento * {
    width: auto;
    display: inline-block !important;
}

span.descuento .textoDescuento{
    font-weight: bold !important;
    font-size: 19px !important;
    margin-left: 10px;
}

span.precioOld.strikethrough {
    display: inline-block !important;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 40%;
    right: 0;
    border-top: 2px solid;
    border-color: #FFC1C1;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

.page_hotelbedsModalities #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_ociotourFechas #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_seleccionModelos #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_ociotourZonas #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_oneboxSesiones #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
#seleccionOnebox #seleccionModelos .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_hotelbedsModalities #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_ociotourFechas #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_seleccionModelos #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_ociotourZonas #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
.page_oneboxSesiones #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento,
#seleccionOnebox #seleccionOnebox .grupos .groupConceptos .conceptos .concepto .totalSinDescuento {
    display: block !important;
}

div.seleccion_ocio .totalSinDescuento {
    display: block !important;
}


div.seleccion_ocio .groupConceptos .totalSinDescuento {
    display: inline-block !important;
}

.buttonShowInfoCompra{
    display: none;
    background: #22848e;
    color: #FFF;
    font-family: 'Times New Roman', serif;
    padding: 0px 10px 0 20px;
    border-radius: 0 17px 17px 0;
    cursor: pointer;
}

.swalFullScreen .btnGris{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 105px !important;
}

.swalFullScreen{
    padding: 0 !important;
    border-radius: 0 !important;
    padding-bottom: 50px !important;
    height: 100vh;
}

.swal2-container .swal_fichaHotel.swalFullScreen {
    padding: 15px !important;
    border-radius: 0 !important;
    padding-bottom: 50px !important;
    height: 100vh;
    width: 100%;
}

.boton_ocultarInfoCompra{
    display: none;
}

#elementosCompra img.imgCestaProducto {
    display: none;
}

.pack_panel_resume div#tituloEstasComprando, #contenido h2.v2_titulo2{
    font-family: 'Roboto', sans-serif !important;
}

.swal2-container {
    z-index: 999999;
}

/** proceso de compra nuevo enero 2020 **/
@media screen and (max-width: 600px) {

    .footer_vatt{
        padding-bottom: 101px;
    }

    .pack_panel_resume #tituloEstasComprando{
        display: block !important;
        margin-top: 10px;
    }

    div#tituloEstasComprando #marquesinaRes{
        float: right;
    }

    .buttonShowInfoCompra{
        display: inline-block;
    }

    /** Cambios responsive */
    .panelTodoCompra {
        position: fixed;
        width: 100%;
        z-index: 999;
        background: rgba(0, 0, 0, 0.8);
        bottom: 0;
        height: auto;
    }

    .panelTodoCompra.showed{
        height: 100vh;
    }

    /* Tengo que poner position static para quitar la relative que itnene y que el panel resume se quede al final */
    div#sec_contenido_izquierda {
        position: static;
    }

    div#contenido {
        position: relative;
    }

    /** #resumenBusqueda y #resumenCompra tienen que estar en un
    /** nuevo div, para poner este con un position absolute y pegarlo al pie */
    .panelContentCompra {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    div.producto_contenedor {
        background: none !important;
    }

    #info_compra {
        background: transparent !important;
    }

    /* Coloco los elementos compra uno encima del otro y con su padding */
    #info_compra #elementosCompra .bloqueProductoContainer {
        background: #ffffff !important;
        box-sizing: border-box;
        margin: 8px 0;
        display: block !important;
        height: auto !important;
    }

    /** padding pa separar los elementos */
    div#elementosCompra {
        padding: 0 8px;
    }

    #resumenCompra {
        margin: 0 !important;
    }

    #contenido #resumenCompra h2.v2_titulo2{
        display: none !important;
    }

    #resumenCompra div.producto_contenedor{
        background: transparent !important;
    }

    #divBusqueda div.producto_contenedor{
        border: none !important;
    }

    #info_compra #elementosCompra, #resumenBusqueda{
        display: none !important;
    }

    .panelTodoCompra.showed #info_compra #elementosCompra, .panelTodoCompra.showed #resumenBusqueda{
        display: block !important;
    }

    .botones_info span.btn_mini_azulado {
        border-radius: 0 20px 20px 0 !important;
        margin-left: -1px;
        background: #FFF !important;
        color: #000066 !important;
    }

    #resumenBusqueda #divBusqueda div.producto_contenedor {
        border: none !important;
        background: transparent !important;
    }

    div#bloqueInfoBusqueda * {
        color: #FFF !important;
    }

    .producto_contenedor .botones_info {
        float: left !important;
        margin-right: 10px;
        margin-top: 5px;
    }

    .boton_ocultarInfoCompra{
        display: block;
        position: absolute;
        top: -15px;
        right: 15px;
        background: #2C2B29;
        color: #FFF;
        padding: 5px 15px;
        cursor: pointer;
        border-radius: 15px;
        border: 1px solid #FFF;
    }

    .panelTodoCompra.showed .boton_ocultarInfoCompra{
        position: absolute;
        top: -25px;
        right: 15px;
        background: #FFF;
        color: #000;
        padding: 5px 15px;
        cursor: pointer;
        border: 1px solid #000
    }

    .panelTodoCompra.showed .boton_ocultarInfoCompra svg path{
        fill: #000 !important;
    }

    #info_compra .bloqueDetalleTren .iconoTrenContainer{
        height: auto;
    }

    #elementosCompra .fechaResumen{
        display: none;
    }

    /* Copiar esto en los css de l marca blanca */
    #elementosCompra .iconoTrenContainer.iconoOculto{
        display: none !important;
    }

    #elementosCompra img.imgCestaProducto {
        display: inline-block !important;
        width: 68px;
        margin: 0 10px;
    }

    #info_compra #elementosCompra .bloqueProductoContainer.bloqueDetalleHotel, #info_compra #elementosCompra .bloqueProductoContainer.bloqueDetalleOcio{
        padding-left: 10px !important;
    }

    span.conteidoPrecioIconos .iconoTipoProducto{
        display: none !important;
    }

    #info_compra div.producto_pagarya span.descuento{
        display: inline-block;
    }

    #info_compra div.producto_pagarya{
        text-align: right !important;
    }

    #cesta_resumen span.descuento {
        width: auto !important;
        padding: 0 5px;
    }

    #info_compra div.producto_pagarya{
        border-top: 4px solid #666666;
    }

    .boton_ocultarInfoCompra .mostrado{display: none;}
    .boton_ocultarInfoCompra .ocultado{display: block;}
    .panelTodoCompra.showed .boton_ocultarInfoCompra .mostrado{display: block;}
    .panelTodoCompra.showed .boton_ocultarInfoCompra .ocultado{display: none;}

    #tituloEstasComprando #marquesinaRes{
        width: 90% !important;
    }

    .pack_panel_resume div#tituloEstasComprando{
        font-size: 24px !important;
    }

    .bloquePrecio{
        display: block !important;
        text-align: right !important;
    }

    #cesta_resumen .conteidoPrecioIconos{
        display:  inline-block;
    }

    #info_compra #cesta_resumen.producto_pagarya .conteidoPrecioIconos span.iconoTipoProducto{
        display: none !important;
    }

    #info_compra #cesta_resumen.producto_pagarya span.priceLabelFrom, #info_compra #cesta_resumen.producto_pagarya span.priceLabelTotal, #info_compra #cesta_resumen.producto_pagarya span.descuento{
        display: inline-block;
        font-size: 18px;
    }

    #info_compra div.producto_pagarya{
        padding: 10px !important;
    }

    #info_compra #cesta_resumen.producto_pagarya span.importe{
        font-size: 20px;
    }
}

@media screen and (max-width: 535px){
    #tituloEstasComprando #marquesinaRes{
        width: 90% !important;
    }
}

@media screen and (max-width: 385px){
    #search_ocio_container .input .adultsInput {
        width: 90% !important;
    }

    #tituloEstasComprando #marquesinaRes{
        width: 86% !important;
    }
}