@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

#toggle {
    display: none;
}

#logo{
    background-image: url(../img/logo.png);
    background-position: left;
    background-size: contain;
    width: 200px;
    left: -40px;
    top: -155px;
    height: 60px;
}

#seccion{
    background-color: transparent;
}

.seccion1a #Panel{
    text-align: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.FichaGeneral{
    width: 315px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

#headerGroup{
    z-index: auto;
    display: inherit;
    background-color: transparent;
}

#header, #headerGroup{
    height: 170px;
    min-height: 170px;
}

#header{
    background-image: url(../img/headerhj.png);
    background-position: top;
    background-repeat: repeat-x;
    box-shadow: none;
}

#headerHJ{
    background-color: transparent;
}

#subnav {
    display: none;
    width: 100%;
    /*display: flex;*/
    background-color: transparent;
    border: none;
    justify-content: center;
    align-items: center;
}

#menuEventos {
    width: 100%;
}

#menuEventos ul {
    display: flex;
    gap: 12px;
}

#subnav li {
    width: auto;
    min-width: unset;
    font-style: normal;
}

#subnav a {
    color: #3a3a3a;
    width: auto;
    line-height: normal;
    white-space: unset;
}

#bloqueOpcionesMenu{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: none;
    background-color: transparent;
}

#bloqueIdiomas{
    max-width: inherit;
    height: auto;
    top: -40px;
}

#banderaES, #banderaEN, #banderaCA, #banderaEU, #banderaFR, #banderaPT, #banderaDE, #banderaIT{
    display: none;
}

#txtES, #txtEN, #txtCA, #txtEU, #txtMX, #txtFR, #txtPT, #txtDE, #txtIT{
    font-size: 0.7rem;
}

#idiomaES, #idiomaEN, #idiomaCA, #idiomaEU, #idiomaMX, #idiomaFR, #idiomaPT, #idiomaDE, #idiomaIT{
    float: left;
    width: auto;
    line-height: 35px;
    padding-right: 3px;
    padding-left: 3px;
    cursor: pointer;
}

#nav{
    top: -83px;
    height: auto;
}

#bloqueBuscadorUnCampo{
    top: 40px;
    left: unset;
    right: 0px;
    background-color: transparent;
    border: none;
    position: absolute;
    width: auto;
    height: auto;
    padding-left: 0px;
}

#lstResultadoRapido {
    position: absolute;
    top: 30px;
    width: 100%;
    border-radius: 0px;
}

#fichaBuscador {
    border-bottom: 1px solid #3a3a3a;
}

#btnBuscadorUnCampo{
    display: none;
}

input#txtBuscadorUnCampo {
    width: 250px;
    margin: 0px;
    background-color: #ffffff;
    border: 1px solid #3a3a3a;
}

#txtBuscadorUnCampo::-webkit-input-placeholder {
    color: #3a3a3a;
}

#header, #headerGroup {
    height: 115px;
    min-height: 115px;
}

#AccesoComprador {
    margin-top: 8px;
    gap: 8px;
}

#o_off {
    float: left;
    height: 35px;
    text-align: left;
    font-weight: bold;
    line-height: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

#o_off i{
    display: none;
}

#o_off:first-child {
    margin-left: 0px;
}

#o_off:last-child:after {
    display: none;
}

#o_onG {
    float: left;
    height: 35px;
    color: #3a3a3a;
    text-align: left;
    font-weight: bold;
    line-height: 50px;
}

#txtTituloSeccion div:after {
    content: '\f0da';
    font-family: FontAwesome;
    margin-left: 10px;
}

#tituloSeccion{
    display: none;
    border: none;
}

#bloqueConcesiones {
    padding: 16px;
    margin-left: 0px;
    margin-top: 12px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
}

#bloqueConcesiones input {
    border-color: #000;
}

.seccion7 #bloqueConcesiones{
    border-radius: 0px;
}

#bloqueInfoZona{
    line-height: normal;
}

/*Boton Consultar Codigo */

#botEtiquetasPago, div#consultaSaldoEtiqueta{
	width: auto;
}

.ListaSesionesNumeradas{
    width: 10%;
}

.CarritoResumen {
    font-weight: bold;
}

.Marcado {
    color: steelblue;
    font-weight: bold;
}

a#lblAvisoLegal, a#lblCondicionesGen{
    color: #ffffff;
}

#EncabezadoSesion{
    border-radius: 0px;
    border: 1px solid #d2d2d2;
}

#fichaEventoMasInfo {
    color: #79afd4;
}

#NombreZona{
    background-color: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    width: 76.5%;
}

#ZonasMapa{
    background-color: #ffffff;
    padding: 16px;
    width: 76.5%;
    border: 1px solid #d2d2d2;
}

/******************** PAGINACION *******************/

#PanelPaginacion, .pagination__controls{
    height: auto;
}

#anteriorPaginacion, #siguientePaginacion, .prev a, .next a {
    float: left;
    width: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
    background-color: transparent;
    border: none;
}

.paginaActual, .pagination .active{
    border: none;
}

.paginaActiva a {
    float: left;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
}

.paginaActiva a.otrasPaginas {
    color: currentColor;
}

.paginaActiva, .pagination li{
    text-align: center;
    margin: 1px;
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: currentColor;
    background-color: transparent;
    border: none;
    border-radius: 100%;
}

.paginaActual, .pagination .active{
    line-height: 20px;
    background-color: transparent;
}

/***************************** RESUMEN DE COMPRA ***************************************/

.seccion8 #imgEncabezaSesion, 
.seccion8a #imgEncabezaSesion, 
.seccion9 #imgEncabezaSesion, 
.seccion10 #imgEncabezaSesion{
	display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30px;
}

.seccion8a #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion8 #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion9 #wrapper.VentaCombinada #EncabezadoSesion, 
.seccion10 #wrapper.VentaCombinada #EncabezadoSesion{
    display: flex;
    padding: 15px;
    border-radius: 0px;
    box-shadow: none;
    border: 1px solid #d2d2d2;
}

.seccion8 #EncabezadoSesion > div:first-child, 
.seccion8a #EncabezadoSesion > div:first-child, 
.seccion9 #EncabezadoSesion > div:first-child, 
.seccion10 #EncabezadoSesion > div:first-child{
	display: inherit;
}

.seccion8 #EncabezadoSesion, 
.seccion8a #EncabezadoSesion, 
.seccion9 #EncabezadoSesion, 
.seccion10 #EncabezadoSesion{
	flex-direction: row;
}

.seccion8 #EncabezadoSesion #EncabezaSesionImagen, 
.seccion8a #EncabezadoSesion #EncabezaSesionImagen, 
.seccion9 #EncabezadoSesion #EncabezaSesionImagen, 
.seccion10 #EncabezadoSesion #EncabezaSesionImagen{
	width: 25%;
    margin-right: 20px;
}

.seccion8 #EncabezadoSesion #EncabezaSesionInfo, 
.seccion8a #EncabezadoSesion #EncabezaSesionInfo, 
.seccion9 #EncabezadoSesion #EncabezaSesionInfo, 
.seccion10 #EncabezadoSesion #EncabezaSesionInfo{
	width: 100%;
}

.seccion8 #EncabezadoSesion > div:first-child, 
.seccion8a #EncabezadoSesion > div:first-child, 
.seccion9 #EncabezadoSesion > div:first-child, 
.seccion10 #EncabezadoSesion > div:first-child{
	height: inherit;
	margin-top: 0px;
	margin-bottom: 0px;
}

.seccion8 #EncabezadoSesion *, 
.seccion8a #EncabezadoSesion *, 
.seccion9 #EncabezadoSesion *, 
.seccion10 #EncabezadoSesion *{
	text-align: left;
}

#ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, 
#ZonaResumenCompraOperaciones #imgEncabezaSesion{
	display: inherit;
}

.seccion8 #EncabezadoSesion, 
.seccion8a #EncabezadoSesion, 
.seccion9 #EncabezadoSesion, 
.seccion10 #EncabezadoSesion{
    box-shadow: none;
    border: 1px solid #d2d2d2;
    margin-bottom: 0px;
}

#ZonaDetalleResumen{
    margin: 0px;
    line-height: 40px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ededed;
    border: 1px solid #d2d2d2;
    border-bottom: none;
}

.cabeceraDetalleButaca{
    padding: 0px 10px;
    background-color: #ededed;
    border: none;
    padding-top: 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    color: #898989;
    height: auto;
    width: 100%;
    box-sizing: border-box;
}

.detalleButaca {
    background-color: #ededed;
    padding-bottom: 10px;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    width: 100%;
    box-sizing: border-box;
}

#ZonaResumenCompraOperaciones .cabeceraDetalleButaca{
    border-color: #d2d2d2;
}

#TotalCarrito{
    background-color: #d3d3d3;
    margin-top: 10px;
}

.subTotal{
    display: none;
}

.bloqueCarrito {
    font-size: 12px;
    width: auto;
    height: auto;
    position: absolute;
    top: 4px;
    right: 95px;
    left: inherit;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

.CarritoResumenVacio {
    opacity: 0.7;
}

#txtCarrito, #infoCarrito, #imgCarrito, #enlaceCarrito {
    width: auto;
    margin: 0px 3px;
}

.bloqueCarrito #txtCarrito:after {
    content: "-";
}

#bloqueIdiomas .Marcado .txtIdiomas {
    text-decoration: underline;
}

#planoCabecera, #MapaZonas{
    min-height: 0px;   
    border-radius: 0px!important;
    background-color: #ffffff!important;
	    DISPLAY: NONE;
}

#ContenedorButacas{
    width: 100%!important;
}

#bloqueLiteralUbicacion{
    height: auto;
    line-height: inherit;
}

.ListaSesionesInfoSesion, .ListaSesionesInfo2Sesion, .ListaSesionesInfo3Sesion{
    width: 12%;
}

.ListaSesionesInfoCanal{
    display: none;
}

#ListaSesiones{
    background-color: #ffffff;
        padding: 16px;
    border: 1px solid #d2d2d2;
}

/**** SECCION 7 *****/

/*** Fichitas Concesiones ***/

#seleccionButacasAmpliado{
    display: none;
}

div#bloqueEntradasSeleccionadasAmpliado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 500px;
    overflow: auto;
    border: 1px solid #d2d2d2;
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    width: 48%;
    min-width: inherit;
}

.seleccionButacasAmpliadoConcesion {
    width: 100%;
    text-align: left;
    margin-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: elLipsis;
    margin-top: 3px;
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 70px;
    padding: 10px;
    box-sizing: border-box;
}

.seleccionButacasAmpliadoFila,
.seleccionButacasAmpliadoButaca {
    width: auto;
    font-weight: bold;
}

.seleccionButacasAmpliadoFila {
    margin-left: 0px;
}

.btnEliminarButaca {
    display: inherit;
    color: darkgray;
    width: auto;
    margin: 0px 10px;
}

.seccion7 .btnEliminarButaca {
    position: absolute;
    top: 5px;
    right: 10px;
}

.btnEliminarButaca .fa-times-circle:before {
    content: "\f00d";
}

.seleccionButacasAmpliado,
.seleccionButacasAmpliadoSeleccionado {
    background-color: #fff;
}

/***
.seleccionButacasAmpliadoFila:before {
    content: "Fila ";
}**/

.seleccionButacasAmpliadoButaca:before {
    content: "ASIENTO ";
}

div#bloqueEntradasSeleccionadasAmpliado {
    min-width: 0px;
    width: 100%;
    float: right;
}

#wrapper.BLOQUEUNICO div#bloqueEntradasSeleccionadasAmpliado {
    width: 100%;
}

.seleccionButacasAmpliado {
    position: relative;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div#bloqueEntradasSeleccionadasAmpliado{
    width: 75%;
    padding: 10px;
}

#GestorAforoPlano{
    overflow: auto;
}

#bloqueEntradasSeleccionadasAmpliado:empty {
    display: none;
}

#CambiaFechaListaZonas, #CambiarFechaListaZonas{
    margin-left: 10px;
}

#wrapper.BLOQUEUNICO #bloqueConcesiones{
    margin-left: 0px;
}

#wrapper.BLOQUEUNICO div#bloqueEntradasSeleccionadasAmpliado:before, #bloqueEntradasSeleccionadasAmpliado:before{
   content: "BUTACAS SELECCIONADAS";
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    font-weight: bold; 
}

#version{
    display: none;
}

#CambiarFechaListaZonas .enlace{
    text-decoration: underline;
    margin-left: 5px;
}

#msgAvisoAcreditacionConcesiones{
    display: none;
}

#CarritoTitulo {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    line-height: 40px;
    padding: 0px 15px;
    display: inherit;
}

.ListaSesionesHora a {
    color: #3a3a3a;
}

.ListaZonasZona .nombreZona, 
.ListaZonasZona .nombreBloque {
    width: auto;
    line-height: normal;
}

/*** Calendario ***/

#ModoNormalCalendario .cabeceraDiaMes {
    height: 40px;
    color: #3a3a3a;
}

#ModoNormalCalendario .DiaSeleccionado {
    color: #0861a3!important;
}

#ModoNormalCalendario .cabeceraDiaMesNoClick {
    opacity: 0.3;
    cursor: not-allowed;
}

/*** Botones ***/

#butt_bPagar, 
#butt_bBloquear,
.btnPago,
.seccion8 #BotoneraPago .btnPago {
    margin: 0px;
}

#butt_bActualizar {
    margin-left: 0px;
    height: unset;
}

button#butt_bMisCompras {
    margin-top: 0px;
}

#VolverZonas {
    display: none;
}

div#o_onG, #o_off {
    line-height: normal;
}

.radTipoEntrega {
    border-radius: 4px!important;
}

/*Boton Cancelar-Cambiar*/

.seccion8 #botoneraOperacion button#btnCancelaCarrito,
.seccion8a #botoneraOperacion button#btnCancelaCarrito,
.seccion8 #botoneraOperacion button#btnCambiarCarrito,
.seccion8a #botoneraOperacion button#btnCambiarCarrito {
    padding: 4px 8px;
}

/*** Botoneras ***/

#bloqueBotonComprar, 
#BotoneraPago,
#bloqueOpciones,
#ZonaBotonesMensajeVentaCombinada,
div#botoneraVC,
.operacionesAbonadoAcceso,
#botoneraOperacion {
    display: flex;
    justify-content: end;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}

#bloqueCompradorBotonera {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}

#BotoneraDatosUsuario,
#opcionesEntrega {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    flex-wrap: wrap;
}

/*Info adicional*/

#fichaEventoMasInfo,
#EncabezaSesionMasInfoEvento a, 
#EncabezaSesionMasInfoRecinto a {
    display: none;
}

/*Privacidad*/

a#enlaceIntervinientePrivacidad1_0 {
    line-height: normal;
}

/*Mensaje emergente*/

#mensajeError {
    padding: 12px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

.contenidoEmergente {
    max-height: 500px;
    min-height: 200px;
    height: auto;
}

div#cajaAlert {
    display: flex;
    justify-content: center;
    align-items: center;
}
#cajaMensajeAlert {
    margin: auto;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

#CajaEtiquetas .respuestaEtiquetas {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*Eleccion de butacas*/

#leyendaPlantillasInicio {
    border-radius: 0px;
}

#leyendaPlantillasTodos {
    gap: 8px;
}

div#bloqueLeyendaPlantillas {
    border-radius: 0px;
}

/*Mensaje emergente de VC*/
.ProductoVCMixtaP #EncabezaSesionImagen {
    width: 100%!important;
}

.ProductoVCMixtaS {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
}

.ayudaNoVisible {
    display: none;
}

/**Venta Combinada**/

.fichaVentaCombinada,
.MensajesVentaCombinadaCaja,
.CajaCriterio {
    box-shadow: none;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
}

.CajaCriterio {
    background-color: #ffffff!important;
}

.AbonoCarta #EncabezaSesionFechaHora {
    background-color: transparent;
    color: #3a3a3a;
}

.AbonoCarta .detalleButacaFila, 
.AbonoCarta .detalleButacaTotal,
.AbonoCarta .detalleButacaColumna {
    width: auto;
    white-space: unset;
    min-width: 20%;
}

.AbonoCarta .detalleButacaTotal {
    text-align: center;
	display: none;
}

.AbonoCarta .cabeceraDetalleButaca, 
.AbonoCarta .detalleButaca {
    padding: 6px;
    justify-content: center;
}

.AbonoCarta #EncabezaSesionFechaHora .CabeceraSesionTxtLinea2 {
    line-height: normal;
}

/*** Usuario Logueado Agencias ***/

#bloqueRegistro {
    color: #3a3a3a;
}

.menuAgencia .opcionAgencia, 
#opcionAgencia1 .opcionAgencia {
    color: #3a3a3a;
    text-align: center;
}

/*** Menu Agencias Favoritos ***/

.seccion1g #Panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.fichaFavoritoAgencia {
    min-width: 320px;
    margin: 0px;
    padding: 12px;
    height: auto;
    min-height: 150px;
    box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
    -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07);
}

.fichaFavoritoAgencia .bloqueContenido {
    position: unset;
}

.fichaFavoritoAgencia .bloqueContenido #fichaAgenciaLinea1 {
    font-size: 16px;
    padding-bottom: 8px;
}

/*Acreditaciones*/

.acreditaConcesiones {
    background-color: transparent;
}

#bloqueAcreditaConcesiones {
    border-radius: 0px;
    width: 100%;
}

/*Seleccion de entradas*/

#cabeceraConcesion #nombreConcesion, .detalleConcesion .nombreConcesion {
    padding-left: 8px;
}

/*Seleccion de zona*/

.filaListaZonas .ListaZonasZona {
    display: flex;
    align-items: center;
}

/*Cambiar Clave*/

.seccion1s1 #Panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#grupoCambioClave {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
    box-sizing: border-box;
}
#titCambioClave {
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    padding-bottom: 0px;
    text-align: center;
}
#campoClaveNueva input, div#campoClaveActual input, div#campoClaveNuevaRep input {
    width: 100%;
    border-radius: 0px;
    box-sizing: border-box;
}
#litClaveActual, div#litClaveNueva, div#litClaveNuevaRep {
    text-align: left;
    width: auto;
    padding-left: 4px;
    padding-top: 15px;
    line-height: 25px;
}
#botoneraCambioClave {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
    box-sizing: border-box;
    padding-top: 15px;
}
#botoneraCambioClave input.boton {
    width: 100%;
}

/*** Acceso Agencias ***/

.seccion1s #Panel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

#bloqueAgencias {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
}

div#bloqueAgenciasTitulo {
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

#bloqueAgenciasCanal, #bloqueAgenciasTerminal, #bloqueAgenciasUsuario, #bloqueAgenciasUsuario, div#bloqueAgenciasClave {
    left: 0%!important;
    width: 100%!important;
    padding-left: 0px;
    padding-right: 0%;
}

#agenciaCanal, #agenciaTerminal, #agenciaUsuario, #agenciaClave {
    width: 100%!important;
    border-radius: 0px;
    margin-top: 0px;
    margin-right: 0px;
}

#bloqueAgenciasBotonera {
    left: 0px;
    width: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin-top: 30px;
}

#bloqueAgenciasBotonera input {
    width: 100%;
}

#bloqueAgencias font {
    width: auto;
    padding-left: 4px;
    padding-top: 15px;
    line-height: 25px;
}

/*** Login ***/

#bloqueComprador {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

#bloqueCompradorCanal, 
#bloqueCompradorClave {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

#bloqueCompradorCanal font, 
#bloqueCompradorClave font {
    min-width: 60px;
}

#bloqueCompradorCanal input, 
#bloqueCompradorClave input {
    min-width: 200px;
    margin: 0px;
}

/*** Consulte sus entradas ***/

#bloquePendientes {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

#refRecogidaMisCompras, 
#correoMisCompras,
#tRegaloMisCompras,
#nifMisCompras {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

#refRecogidaMisCompras label, 
#correoMisCompras label,
#tRegaloMisCompras label,
#nifMisCompras label {
    min-width: 80px;
    width: auto!important;
    text-align: right!important;
}

#refRecogidaMisCompras input, 
#correoMisCompras input,
#tRegaloMisCompras input,
#nifMisCompras input {
    min-width: 200px;
    margin: 0px;
}

#bloquePendientes p:last-child {
    justify-content: center;
}

/*** Footer ***/

#footer {
    height: auto;
}

#piePaginaConfigurable {
    display: flex;
    flex-wrap: nowrap;
    padding: 12px;
    height: auto;
}

#footerleft {
    width: 100%;
    height: 100%;
    float: unset;
    position: unset;
    padding: 0px;
}

#blqAvisoCondiciones {
    padding-top: 0px;
    width: 100%;
    height: auto;
    float: unset;
    position: unset;
}

/*** CUSTOMIZACION ***/

/*** body ***/

body{
    font-size: 14px;
    background-color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #3a3a3a; 
}

input, textarea, select {
    color: #3a3a3a;
    border-radius: 0px!important;
    padding: 4px;
}

/*** Header ***/

#header {
    background-color: #00000040;
    /***border-bottom: 2px solid #d2d2d2;**/
}

#bloqueOpcionesMenu a{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #ff8c02;
    font-weight: bold;
    text-transform: uppercase;
}

/*on hover*/ 
#bloqueOpcionesMenu a:hover {
    color: #fe7202;
    font-weight: bold;
    text-transform: uppercase;
}

/*Carrito*/

.bloqueCarrito{
    color: white;
}

.CarritoResumen {
    color: white;
}

/* Bloque de idiomas */

#bloqueIdiomas{
    color: white;
}

#idiomaES, #idiomaEN, #idiomaCA, #idiomaEU, #idiomaMX, #idiomaFR, #idiomaPT, #idiomaDE, #idiomaIT{
    border-right: 1px solid white;
}

#bloqueIdiomas .Marcado{
    color: white;
    font-weight: normal;
}

/*** Fichas de evento ***/

.FichaGeneral{
    background-color: #fff;
   color: currentColor;
}
#botonFicha{
    background-color: #ff8d02;
    border-color: #ff8d02;
   color: #fff;
   font-weight: bold;
   font-family: 'Roboto', sans-serif;
   font-size: 16px;
}
#botonFicha:hover{
    background-color: #fe7202;
    border-color: #fe7202;
    color: #fff;
    font-weight: bold;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

/*** Boton informacion adicional ***/

.botonEntradas,
#msgConcesionCorte, 
#EncabezaSesionMasInfoEvento a,
#EncabezaSesionMasInfoRecinto a  {
    color: #f82457;
}

/*Boton Cerrar ventanas emergentes/Cerrar buscador*/

#btnCerrar, #BotonCerrar a {
    color: #000;
}

/*** Zoom Aforo ***/

#btnZoomMin, #btnZoomMas {
    background-color: #0861a3!important;
}

/*** Footer ***/

#footer {
  background-color: #ff8d02;
  /* border-top: 2px solid #d2d2d2; */
  margin-top: auto;
}
a#lblAvisoLegal, a#lblCondicionesGen{
   color: #ffffff;
}
#piePaginaConfigurable{
    color: #ffffff;
    background-color: transparent;
}
#bloqueCopyRightFijo {
    color: #ffffff;
}

/*** Botones ***/

/*Botones primarios*/

#butt_bMisCompras, 
.botonEtiquetas, 
#btnAceptarProvinciasINE, 
.boton, 
.botonEtiquetas, 
#btnAceptarProvinciasINE, 
.boton4 #btnAceptar, 
#btnModificarDatos, 
#btnModificarClave, 
#CambiaZonaListaZonas, 
#btnAceptar,
#butt_bLoginCompradorr, 
#butt_bAltaComprador,
#butt_SeleccionVC1Click  {
    background-color: #ff8d02;
    border-color: #ff8d02;
    color: #fff;
    font-weight: 400;
     font-family: 'Source Sans Pro', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
}

/*on hover primarios*/
#butt_bMisCompras:hover, 
.botonEtiquetas:hover, 
#btnAceptarProvinciasINE:hover, 
.boton:hover, 
.botonEtiquetas:hover, 
#btnAceptarProvinciasINE:hover, 
.boton4 #btnAceptar:hover, 
#btnModificarDatos:hover, 
#btnModificarClave:hover, 
#CambiaZonaListaZonas:hover, 
#btnAceptar:hover
#butt_bLoginCompradorr:hover, 
#butt_bAltaComprador:hover,
#butt_SeleccionVC1Click:hover {
    background-color: #fe7202;
    border-color: #fe7202;
    color: #fff!important;
    font-weight: 400;
     font-family: 'Source Sans Pro', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
}

/*Botones secundarios*/

#btnCambiarCarrito, 
#btnCancelaCarrito, 
#butt_bCancelarCarrito, 
#butt_bVolver, 
#butt_bCancelar, 
#VolverZonas .paginacion, 
#opcionVolver .paginacion, 
#EnlaceVolverMisCompras a, 
#btnCancelarEtiquetas, 
#butt_bCancelarPago,
#butt_CancelarVC {
    background-color: grey;
    border-color: grey;
    color: #fff;
    font-weight: 400;
     font-family: 'Source Sans Pro', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
}

/*on hover secundarios*/
#btnCambiarCarrito:hover, 
#btnCancelaCarrito:hover, 
#butt_bCancelarCarrito:hover, 
#butt_bVolver:hover, 
#butt_bCancelar:hover, 
#VolverZonas .paginacion:hover, 
#opcionVolver .paginacion:hover, 
#EnlaceVolverMisCompras a:hover, 
#btnCancelarEtiquetas:hover, 
#butt_bCancelarPago:hover,
#butt_CancelarVC:hover {
    background-color: grey!important;
    border-color: grey!important;
    color: #fff!important;
    font-weight: 400;
     font-family: 'Source Sans Pro', sans-serif;
    border-radius: 4px;
    font-size: 14px;
    padding: 4px 8px;
    text-decoration: none;
    margin: 0px;
    min-height: 30px;
}

/*Area privada*/

#bloqueOpcionesAreaPrivada .opcionAreaPrivada {
    border-radius: 0px;
    background-color: #0861a3;
    color: #fff;
    border: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

#bloqueOpcionesAreaPrivada .opcionAreaPrivada.opcionSeleccionada {
    background-color: #fff;
    color: #0861a3;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    border: none;
    border-radius: 0px;
    font-size: 14px;
}

#bloqueAreaPrivada #msgBienvenida {
    border-bottom: 1px solid #0861a3;
}

/*Botones registro*/

#OpcionDePago0 {
    background-color: #0861a3;
    color: #fff;
    border: 1px solid #0861a3;
}

#OpcionDePago1 {
    background-color: grey;
    border-color: grey;
    color: #fff;
}

/*** Seleccion de butacas ***/
.seleccionButacasAmpliado {
    border-left: 5px solid #fe7202;
}

/*** Resumen de carrito y compra ***/

#CarritoTitulo {
	background-color: #fe7202;
	color: #ffffff;
}

/*** Volver a la pagina anterior ***/

#VolverNavegacion:before, #VolverNavegacion a {
    color: #3a3a3a!important;
}

/*Venta Combinada*/

#bloqueProductosExtraVCMixta .tituloProductoVCMixtaS, 
#bloqueProductosExtraVCMixta .subTituloProductoVCMixtaS {
    background-color: #79afd4;
}

#botonFichavc {
    background-color: #8151c1;
    border-color: #8151c1;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
	margin-top: 10px;
}

#botonFichavc:hover {
    background-color: #8151c1;
    border-color: #8151c1;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	text-transform: uppercase;
}

.fichaVCNombre {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
    color: #3a3a3a!important;
}

.MensajesVentaCombinadaCaja {
    border-bottom: 3px solid #fc549b;
}

.CriteriosVCTitulo {
    border-bottom: 2px solid #fc549b;
}

/*** Customizacion para movil ***/

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

    /*color de fondo de header mobile*/
    
    #toggle + label {
    background-color: transparent!important;
    }
    
    #toggle + label:after {
    /*Icono hamburguesa*/color: #ffffff!important;
    }

    #toggle:checked + label:after {
    /*Icono cerrar*/    color: #fe7202 !important;
    background-color: transparent;

    }
    /*#headerHJ {
    background-color: #0861a3!important;
    }*/

    .bloqueCarrito, #bloqueIdiomas, #bloqueIdiomas .Marcado {
        color: #ffffff;
    }

    #idiomaES, #idiomaEN, #idiomaCA, #idiomaEU, #idiomaMX, #idiomaFR, #idiomaPT, #idiomaDE, #idiomaIT {
        border-right: 1px solid #ffffff;
    }

    /*Boton Login Comprador y alta comprador*/
    #butt_bLoginCompradorr {
        background-color: #0861a3!important
    }

    #butt_bAltaComprador {
        color: #ffffff!important;
    }

    /*Usuario Agencia Logado Banda Superior*/
    #nombreUsuarioAgencia {
        background-color: #1a1a1a!important;
        color: #ffffff!important;
    }

    /*Menu Agencias Favoritos*/
    #opcionAgencia1 .opcionAgencia {
        color: #3a3a3a!important;
    }
}


/*** RESPONSIVE ***/


@media only screen and (max-width: 1050px){
    
    #logo{
        height: 80px;
        background-size: contain;
    }
    
    #toggle + label{
        box-shadow: none!important;
    }

    #toggle:checked + label{
        background-image: none!important;
        box-shadow: none!important;
    }

    #toggle:checked + label:after {
        margin: 0px!important;
        padding-left: 10px;
        padding-right: 10px;
    }

    #toggle:checked ~ #header {
        z-index: 99;
    }

    #toggle:checked ~ #content {
        margin-top: 210px!important;
    }

    #AccesoComprador {
        box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.07)!important;
        margin-top: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #nav {
        left: 0px!important;
        top: -5px!important;
        margin-bottom: 0px!important;
    }
    
    #DetalleTabla{
        background-color: #fff;
    }

    .bgTdTabla {
        border: 1px solid #0861a3!important;
    }

    #TablaDatosPago {
        border: none!important;
    }
    
    #Concesiones .bgTdTabla{
        background-color: #fff;
    }
    
    #ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, #ZonaResumenCompraOperaciones #imgEncabezaSesion{
        display: none!important;
    }
    
    #ZonaDetalleResumen, .cabeceraDetalleButaca, .detalleButaca, .detalleButaca{
        width: 100%!important;
    }
    
    .seccion8 #EncabezaSesionTitulo, .seccion8a #EncabezaSesionTitulo, .seccion9 #EncabezaSesionTitulo, .seccion10 #EncabezaSesionTitulo{
        padding-left: 0px!important;
    }
    
    #EncabezadoSesion #EncabezaSesionImagen{
        display: none!important;
    }
    
    #EncabezadoSesion #EncabezaSesionInfo{
        width: 100%!important;
    }
    
    .ListaSesionesHora{
        width: auto!important;
        margin-right: 20px!important;
    }
    
    .btnEliminarButaca{
        right: 0px;
        bottom: 0px;
    }
    
    .detalleButaca {
    position: relative;
    }
    
    .bloqueCarrito{
        width: auto!important;
        top: 12px!important;
        right: 95px!important;
    }

    #bloqueIdiomas {
        top: 12px!important; 
    }
    
    #MapaZonas{
        border-radius: 0px!important;
    }
    
    #NombreZona{
        width: 100%;
        margin-left: 0px;
        padding: 16px;
    }
    
    div#bloqueEntradasSeleccionadasAmpliado{
        width: 100%!important;
    }
    
    .comisionConcesion {
    display: inherit!important;
                opacity: 0.7;
    }
    
    .comisionConcesion:before {
    content: "+";
    }
    
    .importeConcesion{
        margin-right: 10px;
    }
    
    #bloqueBuscadorUnCampo {
    top: 180px!important;
    width: 250px!important;
    left: 0%!important;
    padding: 0px!important;
    margin-bottom: 0px!important;
    text-align: center;
    margin: auto;
    }

    #lstResultadoRapido {
        width: 250px;
    }

    #header, #headerGroup {
        overflow: visible!important;
    }

    #cajaMensajeAlert {
        width: 60%!important;
        margin: auto!important;
    }

    #refRecogidaMisCompras label, #correoMisCompras label {
        width: auto!important;
    margin-right: 0px;
    text-align: right!important;
    line-height: normal!important;
    }

    #bloquePendientes p {
        height: 40px!important;
    }

    .ProductoVCMixtaP #EncabezadoSesion {
        display: none!important;
    }

    #butt_bCancelar, 
    #butt_bCancelarCarrito, 
    #butt_bVolver, 
    #butt_bPagar, 
    #butt_bBloquear, 
    #butt_bPagoCarrito, 
    #butt_bContinuarCarrito, 
    #butt_bSelManu, 
    #butt_bSelAuto, 
    #butt_bContinuar,
    .btnPago {
        margin-bottom: 0px!important;
        width: auto!important;
        height: 30px!important;
        margin-left: 0px!important;
        text-transform: unset!important;
    }

    #BotoneraPago {
        width: 100%!important;
    }

    /**Footer**/
    #footer {
        height: auto!important;
    }

    #piePaginaConfigurable {
        padding-bottom: 62px;
    }

    #footerleft {
        width: 100%!important;
        height: auto!important;
        padding: 0px!important;
    }

    #bloqueCopyRight {
        height: auto!important;
    }

    #blqAvisoCondiciones {
        width: 100%!important;
        height: auto!important;
        padding: 0px!important;
    }
}

@media only screen and (max-width: 500px){
    #bloqueOpcionesMenu {
        flex-direction: column;
        align-items: center;
    }

    #bloqueIdiomas{
        top: 3px!important;
        right: 5px!important;
    }
    
    .bloqueCarrito{
        top: 19px!important;
        right: 5px!important;
        width: auto!important;
    }
    
    .seleccionButacasAmpliado, 
    .seleccionButacasAmpliadoSeleccionado{
        width: 100%;
    } 

    #piePaginaConfigurable {
        flex-wrap: wrap;
        gap: 16px;
    }

    #cajaMensajeAlert {
        width: 85%!important;
    }

    button#butt_bMisCompras {
        width: 100%;
    }

    #butt_bCancelar, 
    #butt_bCancelarCarrito, 
    #butt_bVolver, 
    #butt_bPagar, 
    #butt_bBloquear, 
    #butt_bPagoCarrito, 
    #butt_bContinuarCarrito, 
    #butt_bSelManu, 
    #butt_bSelAuto, 
    #butt_bContinuar,
    #butt_bSeleccionar,
    .btnPago, 
    #btnAceptar,
    #bloqueCompradorBotonera .boton,
    #butt_bGuardaCompradorr,
    #butt_CancelarVC,
    #butt_SeleccionVC1Click,
    #butt_consultaSaldoEtiqueta,
    #butt_bValidar,
    #butt_operacionesAbonadoAcceso0,
    #butt_operacionesAbonadoMejora0 {
        width: 100%!important;
    }
    .seccion4 .ListaSesionesEnlace {
        width: 100%;
    }

    /**Login**/

    #bloqueCompradorCanal, 
    #bloqueCompradorClave {
        align-items: start;
        flex-direction: column;
    }

    #bloqueCompradorCanal font, 
    #bloqueCompradorClave font {
        text-align: left;
    }

    /*Inputs*/
in
    .tipoCampoPago {
        width: 100%;
    }

    .tipoCampoPago input {
        margin-right: 0px;
        width: 100%;
    }

    /*VC*/

    #bloqueSesionesCriterio .DetalleTabla {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
        height: 100%;
    }

    .AbonoCarta .ListaSesionesTitulo, 
    .AbonoCarta .ListaSesionesFecha {
        width: 100%!important;
        height: auto;
        line-height: normal;
        margin-right: 0px!important;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    .AbonoCarta .ListaSesionesHora {
        width: 50%!important;
        height: auto;
        line-height: normal;
        margin-right: 0px!important;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }

    .AbonoCarta #DetalleTabla {
        height: auto;
    }

    #respuestaEtiquetas {
        margin-bottom: 12px;
    }

    /*Toggle en movil*/

    #header, #headerGroup {
        min-height: 235px!important;
    }

    #bloqueBuscadorUnCampo {
        top: 180px!important;
    }

    #toggle:checked ~ #content {
        margin-top: 210px!important;
    }
}

@media only screen and (min-width: 1280px){
    
    #headerGroup, #aside, #piePaginaConfigurable{
        width: 1200px;
        max-width: 1200px;
    }

    .FichaGeneral{
        width: 372px;
        height: 461px;
    }
    
    #divImgFichaRecintos, #divImgFichaEventos{
        height: 192px;
    }
    
    #NombreZona{
    background-color: #ffffff;
    padding: 16px;
    width: 80%;
    }

    #ZonasMapa{
    background-color: #ffffff;
    padding: 16px;
    width: 100%;
    margin-left: 0px;
    }
    
    #bloqueConcesiones{
        width: 100%;
    margin-top: 12px;
    margin-left: 0px;
    }
}

/*****Estilos Mexico******/
#divImgFichaRecintos, #divImgFichaEventos {
    width: 100%;
    height: auto;
}
.FichaGeneral {
    height: auto;
    max-height: 540px;
    padding-bottom: 60px;
}

#fichaEventoTitulo, #fichaRecintoNombre {
    float: left;
    width: 100%;
    height: auto;
    margin-left: 0px;
    line-height: normal;
    max-height: unset;
    padding-bottom: 8px;
}

#fichaEventoTitulo p, 
#fichaRecintoNombre p {
    display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (min-width: 1280px){
    .FichaGeneral{
    background-position-x: 35px;
    background-position-y: 10px;
    width: 350px;
    height: auto;
    background-color: white;
    box-shadow: none;
    border: 7px solid WHITE;
    border-radius: 0px;
    }
    
    #divImgFichaRecintos, #divImgFichaEventos {
        width: 100%;
        height: auto;
        max-height: 425px;
    }
}

body{
    background-image:url(../img/fondo.jpg)!important;
    background-position: center top;
    background-size: cover;
    background-color: white;
    background-repeat: no-repeat;
}

#headerHJ {
    background-color: transparent;
    /**background-image: url(../img/logomxmf.png);**/
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: 140px;
    margin-top: 16px;
}

#header, #headerGroup {
	background: white;
	height: 80px;
	min-height: 80px;
}

/*
#logo {
	display: none;
}*/

#bloqueIdiomas {
    color: white;
    top: 16px;
    position: absolute;
    right: 0px;
    z-index: 99;
}

#nav {
    position: absolute;
    top: 140px;
    width: 100%;
    z-index: 99;
}

#zonaDatos {
    background-color: white;
    margin: 0px;
    padding: 24px;
    width: 100%;
    margin-bottom: 16px!important;
}

.seccion1 #zonaDatos,
.seccion1a #zonaDatos,
.seccion1b #zonaDatos {
    background-color: transparent!important;
}

/*Consulte sus entradas*/
/***********Seccion1e - Consulte sus entradas***************/
#TituloMisCompras {
    text-align: center;
    padding-bottom: 10px;
    height: auto;
    width: 100%;
}
#SubtituloMisCompras {
    font-weight: bold;
    font-size: 16px;
    height: 40px;
    padding-bottom: 0px;
    text-transform: uppercase;
    width: 100%;
}
#bloquePendientes {
    width: 100%;
    max-width: 500px;
    padding: 0px 10px;
}
#bloquePendientes input {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #d2d2d2;
    margin-top: 0px;
    margin-bottom: 5px;
    background-color: white;
}
#TituloMisCompras {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
label#SubtituloMisCompras {
    display: none;
}
#nifMisCompras label {
    line-height: 40px;
}
#tarjetaMisCompras label, #refRecogidaMisCompras label, #nifMisCompras label, #correoMisCompras label, #tRegaloMisCompras label {
    width: auto;
    margin-right: 0px;
}
#bloquePendientes p {
    position: unset;
}
button#butt_bMisCompras {
    margin-top: 0px;
    width: 100%;
    margin-left: 0px;
    padding: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0;
}
#TituloMisCompras, #SubtituloMisCompras, #tarjetaMisCompras, #refRecogidaMisCompras, #tRegaloMisCompras, #correoMisCompras {
    height: auto;
}

#bloquePendientes label {
    line-height: normal;
}
.seccion1e #Panel {
    display: flex;
    justify-content: center;
}
div#bloquePendientes > p:nth-child(2) {
    display: none;
}
#FormaPago0 {
    margin-right: 12px;
}
#SeleccionaDatosDePago {
    padding-bottom: 12px;
}
.tipoIntervinientePrivacidad, .tipoIntervinienteCondiciones {
    margin-bottom: 16px;
    line-height: normal;
}
.tipoIntervinientePrivacidad .enlace, .tipoIntervinienteCondiciones .enlace {
    height: 0px;
    line-height: normal;
}

@media only screen and (max-width: 1050px) {
    #header {
        background-color: #0861a3!important;
    }
    #headerHJ {
        background-position: center;
        height: 125px;
    }
    #nav {
        top: 145px!important;
    }
    #toggle:checked ~ #content {
        margin-top: 240px!important;
    }
}

@media only screen and (max-width: 500px) {
    #header, #headerGroup {
        min-height: 290px!important;
        height: 290px!important;
    }
    #headerHJ {
        height: 90px;
    }
    #nav {
        top: 115px!important;
    }
    #toggle:checked ~ #content {
        margin-top: 290px!important;
    }
    .tipoCampoPago {
        width: 100%;
    }
    .seccion8a #bloqueOpciones {
        width: 100%!important;
    }
    #FormaPago0 {
        margin-right: 0px;
        margin-bottom: 12px;
    }
}

/*Estilos para fondo oscuro*/
#o_onG, #o_off {
    color: white;
}


/****BLOQUES JUNTO A MAPA***/

div#ZonasMapa {
	float: left;
    width:100%;
	/* margin-left: 560px; */
	/* margin-top: -300px; */
	/* height: 300px; */
}

#wrapper.NONUMERADO #planoCabecera, #wrapper.NONUMERADO #MapaZonas {
    display: block;
}


.seccion5a #EncabezaSesionMasinfoTexto, .seccion5a #EncabezaSesionMasinfoUrl, .seccion5a #EncabezaSesionMasinfoTitulo, .seccion5a #EncabezaSesionMasinfoP0Titulo, .seccion5a #EncabezaSesionMasinfoP1Titulo, .seccion5a #EncabezaSesionMasinfoP2Titulo, .seccion5a #EncabezaSesionMasinfoP3Titulo, .seccion5a #EncabezaSesionMasinfoP4Titulo, .seccion5a #EncabezaSesionMasinfoP0Texto, .seccion5a #EncabezaSesionMasinfoP1Texto, .seccion5a #EncabezaSesionMasinfoP2Texto, .seccion5a #EncabezaSesionMasinfoP3Texto, .seccion5a #EncabezaSesionMasinfoP4Texto, .seccion5a #EncabezaSesionMasinfoP5Texto {
    display: block;
}


/*****STYLES*****/

/****Seccion8a******/
.seccion8a #literalSubtotalEntradas, 
.seccion8a #subTotalEntradas, 
.seccion8a #literalSubtotalImporte, 
.seccion8a #subTotalImporte, 
.seccion8a #literalTotalEntradas, 
.seccion8a #totalEntradas, 
.seccion8a #literalTotalImporte, 
.seccion8a #totalImporte {
	margin-left: 0px;
}
.seccion8a #TotalCarrito {
    line-height: normal;
    height: auto;
    display: flex;
    width: 100%;
    justify-content: end;
    gap: 8px;
    padding: 8px;
    align-items: center;
		font-size:16px;
}
.seccion8a #TablaDatosPago {
    margin-bottom: 0px;
}
.seccion8a #CheckIntervinientes {
    padding-top: 0px;
}

@media only screen and (max-width: 1050px) {
.seccion8a #literalTotalImporte, .seccion8a #literalSubtotalImporte {
	width: auto!important;
}
.seccion8a #totalImporte, .seccion8a #subTotalImporte {
    width: auto!important;
}
.seccion8a .detalleButacaConcesion {
    width: auto!important;
    min-width: 20%;
}
.seccion8a .detalleButacaFila, .seccion8a .detalleButacaColumna {
    width: auto!important;
    min-width: 20%;
}
.seccion8a .detalleButacaTotal {
    width: auto!important;
    min-width: 20%;
}
}

@media only screen and (max-width: 480px){ 
#zonaDatos {
    padding: 8px;
}
.seccion8a .detalleButaca, .seccion8a .cabeceraDetalleButaca {
	font-size: 14px;
	}
.seccion8a #ZonaResumenCompraOperaciones {
margin-top: 0px;
}
.seccion8a #bloqueOpciones {
	margin-top: 0px;
}
}

/****Header Responsive****/
@media only screen and (max-width: 1050px) {
#header, #headerGroup {
    background-color: transparent!important;
}
#bloqueOpcionesMenu {
    height: auto!important;
}
}

@media only screen and (max-width: 480px) {
	#headerHJ {
	margin-top: 40px;
}
}

/****Consulta compras****/
#butt_bMisCompras:hover {
    font-size: 16px!important;
    font-weight: bold!important;
    padding: 10px!important;
}

/***Seccion5a***/
.seccion5a #Panel {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.seccion5a #NombreZona {
    display: none;
}
/***
.seccion5a #ZonasMapa {
    float: left;
    width: 60%;
    margin-left: 0px;
    margin-top: 0px;
}

.seccion5a #MapaZonas {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
}***/

.seccion5a #EncabezadoSesion {
    margin-bottom: 0px;
} 

@media only screen and (max-width: 1050px) {
    .seccion5a .bgTdTabla .ListaZonasPrecio {
        width: auto!important;
        height: auto!important;
        line-height: normal!important;
        min-width: 30%;
    }
    .seccion5a .bgTdTabla {
        line-height: normal!important;
        display: flex;
        justify-content: start;
        align-items: center;
    }
    .seccion5a #MapaZonas {
        margin-top: 0px!important;
        width: 100%;
    }
    .seccion5a #ZonasMapa {
        width: 100%;
    }
}

/**Ficha general**/
@media only screen and (max-width: 1050px) {
    .FichaGeneral {
        width: 315px!important;
        margin-top: 30px;
        height: auto!important;
        min-height: unset!important;
        margin-top: 0px!important;
    }
    #toggle:checked ~ #content {
        margin-top: 275px!important;
    }
}

/****Seccion6****/
.seccion6 #planoCabecera {
    width: 100%;
    display: flex;
    justify-content: center;
}
.seccion6 #totalConcesiones {
    display: flex;
    margin: 0px;
    justify-content: end;
    align-items: center;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    height: auto;
}
.seccion6 #totalEntradasConcesiones, .seccion6 #totalImporteConcesiones {
    width: auto;
    font-weight: bold;
    margin-left: 0px;
    display: flex;
    gap: 4px;
}
.seccion6 .nombreConcesion,
.seccion6 .importeConcesion {
    height: auto;
    line-height: normal;
    margin-right: 0px;
    padding-left: 0px!important;
}
.seccion6 #cabeceraConcesion {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1050px) {
    .seccion6 #bloqueLeyendaButacas, .seccion6 #bloqueLeyendaPlantillas {
        display: none;
    }
    .seccion6 #imgPlanoCabecera {
        position: unset!important;
    }
    .seccion6 #Concesiones .bgTdTabla {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 0px!important;
    }
    .seccion6 .nombreConcesion, .seccion6 .importeConcesion {
        width: auto!important;
        text-align: left!important;
    }
    .seccion6 #totalEntradasConcesiones, .seccion6 #totalImporteConcesiones {
        width: auto!important;
        height: auto!important;
    }
    .seccion6 #cabeceraConcesion {
        display: flex!important;
        border-bottom: none;
        height: auto;
        justify-content: space-between;
        align-items: center;
    }
    .seccion6 #masInfoConcesion {
        display: none;
    }
}
@media only screen and (max-width: 480px) {
    .seccion6 #Concesiones .bgTdTabla {
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .seccion6 #totalEntradasConcesiones, .seccion6 #totalImporteConcesiones {
        width: 100%;
    }
}

/***Quita borde azul***/
@media only screen and (max-width: 1050px) {
    .bgTdTabla {
        border: 1px solid #d2d2d2!important;
    }
    
}


/****OCULTAR CAMPOS DE ENTRADAS PENDIENTES***/

/***
p#refRecogidaMisCompras {
    display: none;
}***/

p#tRegaloMisCompras {
    display: none;
}

#ListaZonasPrecio, .ListaZonasPrecio {
    width: auto;
}


/****ABONOS METAL FEST****/

.fichaVentaCombinada {
    /**background-image: url(../img/ABONO.jpg) !important;**/
    background-position-x: 35px;
    background-position-y: 10px;
    width: 350px;
    height: auto;
    background-color: white;
    /* margin-left: 830px; */
    /* margin-top: 90px; */
}

.fichaVCNombre {
    display: none;
}

.fichaVCMensaje {
    margin-top: 0px
}

#OpcionesVentaCombinada {
    display: none;
}


.AbonoCarta .VCPropiedadesCriterios {
    display: none;
}

.ListaSesionesEnlace {
    display: none !important;
}

.seccion5a .AbonoCarta .CajaCriterio {
    display: none;
}

.seccion6 .AbonoCarta .CajaCriterio {
    display: none;
}

.AbonoCarta #btnLanzaPDF {
	display: block !important;
    margin-top: 10px;
    width: 190px;
    height: 50px;
    font-size: 20px;
}


.seccion1c #zonaDatos {
    background-color: transparent;
}

.seccion5a div#botoneraVC {
    display: none;
}

.seccion6 div#botoneraVC {
    display: none;
}

#ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child, #ZonaResumenCompraOperaciones #imgEncabezaSesion {
    display: none !important;
}

.AbonoCarta .detalleButacaConcesion, .AbonoCarta .detalleButacaComision, .AbonoCarta .detalleButacaImporte {
    display: block;
}

.AbonoCarta .detalleButacaFila {
    display: none !important;
}

.AbonoCarta .detalleButacaColumna {
    display: none;
}

#bloqueOpcionesMenu {
    margin-top: -90px;
    margin-left: 0px;
}

.fichaVCCriterioNombre {
	letter-spacing: 2px;
    font-weight: 700;
    text-align: center;
    font-size: larger;
}

#content {
    margin-top: 12px;
    margin-bottom: 12px;
}

div#FechaListaZonas {
    display: none;
}

/***ABONO A LA CARTA

div#ListaZonasPrecio0 {
    display: none;
}



div#ListaZonasPrecio1 {
    display: none;
}

div#importeConcesion {
    DISPLAY: NONE;
}

.seccion6 .totalConcesion {
    DISPLAY: NONE;
}



.seccion6 .importeConcesion {
    DISPLAY: NONE;
}


.seccion6 #totalImporteConcesiones{
	DISPLAY: NONE;
}


#ListaZonasPrecio, .ListaZonasPrecio {
    DISPLAY: NONE;
}***/


/*****AGENCIAS*****/

#bloqueRegistro {
    left: 40px;
    color: WHITE;
}

.seccion6 .comisionConcesion {
    DISPLAY: NONE;
}

.seccion9 .detalleButacaFila, .seccion9 .detalleButacaColumna {
    display: none !important;
}

.menuAgencia .opcionAgencia, #opcionAgencia1 .opcionAgencia {
    color: white;
}


#fichaEventoFechaHora p, #fichaEventoFechaHoraCompleta p, #fichaRecintoPoblacion p {
    display: none;
}

.seccion1c3 div#MensajeVentaCombinadaDescripcion {
    width: 50%;
}

.seccion1c .fichaVCMensaje {
    display: none;
}

.seccion6 div#MensajeVentaCombinadaDescripcion {
    width: 50%;
}

.detalleButacaComision {
    display: none !important;
}


#fichaEventoTitulo p, #fichaRecintoNombre p {
    letter-spacing: 2px;
    font-weight: 900 !important;
    text-align: center;
    font-size: larger;
}

#fichaEventoRecinto p, #fichaRecintoDireccion p {
    display: none;
}

.seccion1a #fichaEventoProvincia p {
    display: none;
}

.seccion1a #fichaEventoRecinto {
    display: none;
}

.seccion1a #fichaEventoFechaHora {
    display: none;
}

.seccion1a #fichaEventoProvincia {
    display: none;
}

.FichaGeneral {
    min-height: 345px !important;
}