/* ******************************************************************************************************************************************** */

/* ************************* RESPONSIVE  ****************************************************************************************************** */

/* ******************************************************************************************************************************************** */

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

	/* --- togle mennu --- */
	#toggle {
		position: absolute;
		appearance: none;
		cursor: pointer;
		left: -100%;
		top: -100%;
	}

	#toggle + label {
		background-color: #000;
		background-image: url(../img/logo.png);
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: auto 35px;
		position: absolute;
		cursor: pointer;
		padding: 10px;
		width: 100%;
		padding: 0px;
		color: #FFF;
		height: 40px;
		line-height: 40px;
		font-size: 12px;
		text-align: center;
		-webkit-font-smoothing: antialiased;
		cursor: pointer;
		margin: 0px;
		top: 0px;
		right: inherit;
		transition: all 500ms ease;
		z-index: 998;
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}

	#toggle + label:after {
		content: "\f0c9";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		font-size: 2rem;
		float: left;
		margin-left: 12px;
		color: #fff;
	}
	#toggle:checked ~ #header {
		top: 0;
	}

	#toggle:checked ~ #content {
		margin-top: 285px;
	}

	#toggle:checked + label {
		background: transparent;
		box-shadow: none;
		width: auto;
	}

	#toggle:checked + label:after {
		content: "\f00d";
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: none;
		font-size: 2rem;
		float: left;
		margin-right: 10px;
		color: #fff;

	}

	#header {
		position: absolute;
		top: -285px;
		width: 100%;
		min-height: 275px;
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}

	#headerGroup {
		min-height: 185px;
		height: 185px;
	}



	/* -------------------- */
	::-webkit-input-placeholder {
		color: inherit;
		opacity: 0.4;
	}
	::-moz-placeholder,
	:-ms-input-placeholder,
	:-moz-placeholder {
		color: #335b8c;
	}


	/* --- Waiting --- */
	#ventanaEspera {
		width: 100%;
		margin: 50% 0 0 0;
	}



	#imgVentanaEspera {
		width: 30%;
	}


	.bgWaiting {
		background: transparent;
		opacity: 1 !important;
		text-align: center;
	}


	#cajaMensajeAlert {
		width: 85%;
		margin: 20% 0 0 2%;
	}

	/* --- Mensaje de error --- */
	#mensajeError {
		padding: 0px;
	}
	#imgAviso {
		width: 100%;
	}


	/* --- Cookies --- */
	#txtAceptaCookies,
	#divCerrarAceptarCookies {
		width: 85%;
		margin: 12px;
	}

	#divAceptaCookies {
		padding: 0px;
	}


	/* --- Cabecera  --- */
	#header,
	#headerGroup {
		max-width: 100%;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	#headerHJ {
      display: inherit;
		float: left;
		width: 100%;
		background-color: #000;
		margin-bottom: 12px;
	}

	#bloqueIdiomas {
		position: absolute;
		top: 7px;
		left: inherit;
		right: 0px;
	}

	#logo {
		top: 2px;
		left: 0px;
		width: 100%;
		background-position: center;

	}

	/* --- Bloque registro --- */
	#bloqueRegistro {
		position: inherit;
		color: inherit;
		width: 96%;
		height: auto;
		left: 2%;
		border: 1px solid #d2d2d2;
		background: #fff;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		overflow: hidden;
		margin-bottom: 12px;
	}

	#loginRegistroP {
		margin-left: 12px;
		width: 100%;
	}

	#passRegistroP {
		width: 100%;
		margin-left: 12px;
	}

	#opcionesRegistro {
		float: left;
		width: 100%;
		height: 40px;
		padding: 0px;
		border: 0px;
		box-shadow: none;
		top: 0px;
		text-align: left;

	}

	#olvidoClaveRegistro:after {
		content: '';
		display: none;
	}

	#opcionesRegistro:hover {
		transform: none;
	}

	#recuerdaRegistro {
		width: 33%;
		height: auto;
		line-height: 20px;
		margin-left: 12px;
	}

	input#recuerdame {
		margin-right: 12px;
	}

	#accesoRegistro {
		width: 30%;
		height: auto;
		line-height: 20px;
	}

	#olvidoClaveRegistro {
		width: 33%;
		height: auto;
		line-height: 20px;
	}

	/* --- --- */
	#bloqueBuscadorUnCampo {
		top: 0px;
		width: 96%;
		left: 2%;
		padding: 0px;
		margin-bottom: 12px;
	}
	#txtBuscadorUnCampo {
		width: 78%;
		margin-left: 4px;
	}

	.bloqueCarrito {
		position: absolute;
		top: 0px;
		width: 40%;
		right: 55px;
		left: inherit;
	}

	#subnav {
		display: none;
	}

	#nav {
		top: 0px;
		height: auto;
		margin-bottom: 12px;
	}

	#bloqueOpcionesMenu {
		height: 100%;
	}


	/* --- Bloque Agencia --- */
	#bloqueAgenciaLogado {
		float: left;
		width: 100%;
		height: 50px;
		padding: 0px;
	}

	#nombreUsuarioAgencia {
		float: left;
		width: 100%;
		text-align: left;
		margin-right: 0px;
	}

	.menuAgencia {
		clear: both;
		width: 100%;
		height: 50px;
		border: 0px;
		box-shadow: inherit;
		border-radius: 0px;
		top: 0px;
		margin: 0px;
		padding: 0px;
	}

	.menuAgencia:hover {
		transform: translate(0px, 0px);
	}

	.opcionesAgencia {
		width: 37%;
		height: 25PX;
		line-height: 25px;
	}

	#opcionAgencia1 .opcionAgencia {
		color: #335b8c;
	}

	#opcionAgencia1 {
		width: 25%;
		height: 26px;
		line-height: 26px;
		color: #000;
	}

	#opcionAgencia3:after {
		display: none;
	}

	/* --- Content --- */
	#content {
		margin-top: 50px;
	}

	#aside {
		width: 100%;
	}

	#seccion {
		width: 96%;
		margin: 2%;
		padding: 10px;
		box-sizing: border-box;
	}

	#tituloSeccion {
		width: 100%;
		left: 0px;
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}

	#zonaDatos {
		width: 100%;
		margin: 0px;
	}

	#o_off {
		display: none;
	}

	#PanelPaginacion {
		width: 100%;
		height: 70px;
	}

	#PanelPaginacion:empty {
		display: none;
	}

	#agrupaPaginacion {
		margin: 2px;
	}

	/* ********************* SECCIONES ******************************************* */
	#EncabezadoSesion {
		margin-left: 0%;
		width: 100%;
	}

	#EncabezadoSesion > div:first-child {
		width: 100%;
		/*max-width: 230px;*/
	}

	#BloqueEncabezaSesionTitulo,
	#EncabezaSesionRecinto,
	#EncabezaSesionTipoE,
	#EncabezaSesionInfoAd,
	#EncabezaSesionDesc1Evento,
	#EncabezaSesionFechaHora {
		width: 100%;
		line-height: 20px;

	}
	


	#EncabezaSesionMasInfoEvento,
	#EncabezaSesionMasInfoRecinto {
		font-size: 20px;
		position: absolute;
    right: 0px;
    top: 0px;
	}

	#BloqueEncabezaSesionTitulo:empty,
	#EncabezaSesionRecinto:empty,
	#EncabezaSesionTipoE:empty,
	#EncabezaSesionTitulo:empty,
	#EncabezaSesionInfoAd:empty,
	#EncabezaSesionDesc1Evento:empty,
	#EncabezaSesionMasInfoEvento:empty,
	#EncabezaSesionFechaHora:empty {
		display: none;

	}
	
	.seccion8 #EncabezaSesionTitulo, .seccion8a #EncabezaSesionTitulo, .seccion9 #EncabezaSesionTitulo, .seccion10 #EncabezaSesionTitulo{
		position: inherit;
	}

	/* ****** seccion1a *********** LISTA SESIONES  ******************************* */
	#divImgFichaRecintos,
	#divImgFichaEventos {}

	#botonFicha {
		width: 100%;
	}



	/* ****** seccion1c *********** VENTA COMBINADA ****************************** */
	.CajaCriterio {
		width: 95%;
		margin: 0px;
		margin-bottom: 12px;
	}

	.fichaVentaCombinada {
		width: 90%;
		margin-left: 10px;
	}

	/* ****** seccion1e *********** COMPRUEBA TU COMPRA *************************** */
	#bloquePendientes p {
		height: auto;
	}

	#tarjetaMisCompras label,
	#refRecogidaMisCompras label,
	#nifMisCompras label,
	#correoMisCompras label,
	#tRegaloMisCompras label {
		width: 35%;
		margin-right: 0px;
		text-align: left;
		line-height: 20px;
	}

	#TituloMisCompras,
	#tarjetaMisCompras label {
		line-height: 20px;
	}

	#bloquePendientesSeguridad {
		width: 94%;
		margin-left: 0px;
	}

	#cabeceraMisCompras,
	.detalleMisCompras {
		white-space: inherit;
		line-height: 20px;
	}

	.detalleMisCompras {
		font-size: 12px;
	}

	.misComprasEntradas,
	.misComprasEntradasPendientes {
		display: none;
	}

	.misComprasFechaOperacion {
		width: 17%;
	}

	/* ********** seccion1h ************** CALENDARIO **************************** */
	.ListaSesionesAgrupaRecinto,
	.ListaSesionesAgrupaEvento,
	.ListaSesionesAgrupaFecha,
	.ListaSesionesAgrupaHora {
		border: 0px;
	}

	.NombreAgrupaRecinto,
	.NombreAgrupaEvento,
	.NombreAgrupaFecha,
	.NombreAgrupaHora {
		display: none;
	}

	#NavegacionMesCalendario {
		margin: 0px;
		min-width: 100%;
		width: 100%;
		float: left;
		height: 40px;
		margin-top: 10px;
		padding-top: 5px;

	}

	#NavegacionMesSiguiente,
	#NavegacionMesAnterior {
		float: left;
		width: 15%;
	}

	#NavegacionMesActualCombo {
		float: left;
		width: 67%;
	}

	#MesesCalendario {
		float: left;
		width: 47%;
		text-align: right;
		margin-right: 12px;

	}
	#AnyosCalendario {
		float: left;
		width: 40%;
		text-align: left;
	}

	/* ****** seccion1f *********** AGENCIAS ***************************************/
	#bloqueAgenciasCanal,
	#bloqueAgenciasTerminal,
	#bloqueAgenciasUsuario,
	#bloqueAgenciasClave {
		float: left;
		position: relative;
		width: 90%;
		left: 5%;
	}

	/* ****** seccion1k *********** DATOS REGISTRO *********************************/
	#DatosRegistro {
		float: left;
		width: 97%;
		height: auto;
		margin-left: 6px;
	}

	#datosClaveRegistro {
		height: auto;
	}

	#DatosRegistro #loginRegistro,
	#DatosRegistro #claveRegistro,
	#DatosRegistro #repetirClaveRegistro {
		width: 99%;
	}

	.camposRegistro {
		width: 99%;
	}


	/* ********** seccion1l ************** BUSCADOR AVANZADO ********************** */
	.tablaOpcionesBuscador #bloqueOficina,
	.tablaOpcionesBuscador #bloqueFechaInicial,
	.tablaOpcionesBuscador #bloqueFechaFinal,
	.tablaOpcionesBuscador #bloqueTipoE,
	.tablaOpcionesBuscador #bloquePoblacion,
	.tablaOpcionesBuscador #bloqueEvento,
	.tablaOpcionesBuscador #bloqueRecinto,
	.tablaOpcionesBuscador #bloquePrecioMin,
	.tablaOpcionesBuscador #bloquePrecioMax {
		float: left;
		position: relative;
		width: 98%;
		left: 0px;
		margin-left: 6px;
	}

	.txtCalendario {
		width: 35%;
	}

	#bloqueLiteralBuscador,
	#botonBuscador {
		margin-left: 0px;
	}

	/* ****** seccion1p *********** INFORME DE VENTAS ******************************/
	#bloqueOficina,
	#bloqueFechaInicial,
	#bloqueFechaFinal,
	#bloqueEvento,
	#bloqueRecinto,
	#bloqueButacas {
		width: 97%;
		margin-left: 6px;
	}

	#bloqueButacas {
		display: none;
	}

	.txtInforme {
		width: 28%;
	}

	div#bloqueButacas .txtInforme {
		width: 35%;
	}

	#ListadoVentasOperacionesFechaOperacion0,
	#ListadoVentasOperacionesFSesion3,
	#ListadoVentasOperacionesFechaOperacion,
	#ListadoVentasOperacionesFSesion {
		width: 16%;
		float: left;
		height: 30px;
		white-space: normal;
		overflow: inherit;
	}

	#ListadoVentasOperacionesRecinto1,
	#ListadoVentasOperacionesTitulo2,
	#ListadoVentasOperacionesRecinto,
	#ListadoVentasOperacionesTitulo {
		width: 22%;
		float: left;
		height: 30px;
	}

	#ListadoVentasOperacionesPrecioNeto5,
	#ListadoVentasOperacionesPrecioNeto,
	#ListadoVentasOperacionesComisionTotal7,
	#ListadoVentasOperacionesDtoTotal,
	#ListadoVentasOperacionesDtoTotal6,
	#ListadoVentasOperacionesPrecio8,
	#ListadoVentasOperacionesComisionTotal,
	#ListadoVentasOperacionesPrecio4,
	#ListadoVentasOperacionesPrecio {
		width: 14%;
		float: left;
		height: 30px;
		text-align: right;
	}

	#ListadoVentasOperacionesRef9,
	#ListadoVentasOperacionesRef {
		width: 10%;
		float: left;
		height: 30px;
		display: none;
	}


	#litTotalEntradas,
	#litInformeTotalNeto,
	#litInformeTotalComision,
	#litInformeTotalDto,
	#litTotalImporte {
		width: 67%;
	}
	#txtTotalEntradas,
	#txtTotalNeto,
	#txtTotalComision,
	#txtTotalDto,
	#txtTotalImporte {
		width: 30%;
	}

	.columna {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}


	/* ********** seccion1t ************** CONSULTA RESERVAS *********************** */
	#MensajeConsultaReservas {
		line-height: 20px;
		height: 60px;
	}

	#DatosConsultaReservaReferencia font,
	#DatosConsultaReservaMail font,
	#DatosConsultaReservaClave font {
		line-height: 20px;
		width: 30%;
	}

	/* ********** seccion1v ************** ENVENTOS X PROVINCIA ******************* */
	#litCmbProvincias {
		width: 30%;
		line-height: 20px;
	}

	.campoEventosRECINTO,
	.campoEventosEVENTO {
		float: left;
		width: 32%;
		font-size: 12px;
		overflow: hidden;
		height: 40px;
		margin-right: 3px;
	}

	.campoEventosPROVINCIA {
		display: none;
	}

	#FINICIOVENTAMINListadoEventos {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.campoEventosFINICIOVENTAMIN {
		float: left;
		width: 14%;
		font-size: 12px;

	}

	.campoEventosPOBLACION {
		float: left;
		width: 20%;
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.campoEventosCP {
		display: none;
	}





	/* ********** seccion1w ************** CONSULTA SORTEO *********************** */
	#MensajeConsultaSorteo {
		height: 60px;
		line-height: 40px;
	}

	#DatosConsultaRef font,
	#DatosConsultaNif font {
		line-height: 20px;
		width: 30%;

	}

	.titConsultaSorteo {
		line-height: 20px !important;
	}



	/* ****** seccion4 *********** LUSTA DE SESIONES  ******************************* */
	#CabeceraTabla,
	.ListaSesionesNumeradas,
	.ListaSesionesInfoSesion,
	.ListaSesionesInfo2Sesion,
	.ListaSesionesInfo3Sesion {
		display: none;
	}

	#DetalleTabla {
		float: left;
		width: 100%;
		height: auto;
		min-height: 80px;
		margin-top: 6px;
		margin-left: 0px;
		border: 1px solid #d2d2d2;
		line-height: 35px;
	}

	.ListaSesionesDisponibles {
		width: 33%;
	}

	.ListaSesionesDisponibles:lang(es):before {
		content: 'Disponible: '
	}
	.ListaSesionesDisponibles:lang(en):before {
		content: 'Available: '
	}
	.ListaSesionesDisponibles:lang(fr):before {
		content: 'Disponible: '
	}
	.ListaSesionesDisponibles:lang(eu):before {
		content: 'Eskuragarri: '
	}
	.ListaSesionesDisponibles:lang(ger):before {
		content: 'verfügbar: '
	}
	.ListaSesionesDisponibles:lang(it):before {
		content: 'disponibile: '
	}




	.ListaSesionesFavorito {
		float: left;
		width: 5%;
	}

	.ListaSesionesFecha {
		width: 100%;
		text-align: left;
	}

	.ListaSesionesHora {
		width: 25%;
		text-align: left;
	}

	/* ****** seccion5a *********** MAPA ZONAS  ********************************** */
	#MapaZonas {
		width: 96%;
		margin-top: 12px;
	}

	#plano img {
		position: relative;
		width: 100%;
		max-width: 215px;
		overflow: hidden;
		left: 15%;
		float: inherit;
	}



	#NombreZona {
		width: 94%;
	}

	#ZonasMapa {
		width: 100%;
		margin: 0px;
	}

	#tablaListaZonas {
		overflow: inherit;
		height: auto;
		max-height: inherit;
	}

	.colorZona {
		display: none;
	}


	#planoCabecera {
		width: 96%;
		margin-top: 12px;
	}

	#imgPlanoCabecera {
		position: relative;
		width: 100%;
		max-width: 215px;
		overflow: hidden;
		left: 15%;
		float: inherit;
	}

	#ListaZonasPrecio {
		width: 29%;
		height: 40px;
		line-height: 40px;
	}

	.ListaZonasPrecio {
		width: 29%;
		height: 44px;
	}

	#ListaZonasAforo,
	.ListaZonasAforo {
		display: none;
	}

	.bgTdTabla {
		height: 80px;
		line-height: 35px;
		width: 100%;
		overflow: hidden;
		margin-top: 12px;
		border: 1px solid #d2d2d2;
		padding: 5px;
		box-sizing: border-box;
	}

	.tdOn {
		height: 80px;
		width: 100%;
		overflow: hidden;
		margin-top: 12px;
		background-color: #d2d2d2;
	}

	#PulseZona {
		width: 87%;
		margin-left: 2%;
	}


	#bloqueLeyendaButacas,
	#bloqueLeyendaPlantillas {
		float: left;
		width: 100%;
		padding: 12px 9px 12px 5px;
		box-sizing: border-box;
	}

	#bloqueLiteralUbicacion {
		margin-left: 2%;
	}

	.leyendaPlantillasSubTabla,
	.leyendaPlantillasNombre {
		line-height: 20px;
	}

	.leyendaPlantillas {
		width: 100%;
	}

	/* --- Calendario --- */
	.CajaSemana {
		border: 0px;
	}

	.cabeceraDiaSemana {
		border: 0px;
		overflow: hidden;
	}
	.cabeceraDiaMesDeshabilitado,
	.cajaDiaDeshabilitado {
		border: 0px;
		width: 14.28%;
	}

	.cabeceraDiaMes {
		border: 0px;
	}
	.cajaDiaMes {
		border: 0px;
		background-image: inherit !important;
		width: 14.28%;
	}

	/* --- MUSEO AMPLIADO --- */
	#ModoMuseoAmpliado .ListaSesionesHora {
		text-align: left;
		width: 25%;
	}

	/* ****** seccion6 *********** CONCESIONES  ********************************** */
	#bloqueConcesiones {
		float: left;
		width: 100%;
		margin-left: 0px;
	}

	#cabeceraConcesion {
		display: none;
	}

	.masInfoConcesion {

		min-width: 6%;
		width: 6%;
		padding-top: 0px;
	}

	.importeConcesion {
		float: left;
		width: 20%;
		min-width: 20%;
		height: 100%;
		min-height: 25px;
		font-weight: normal;
		margin-left: 0px;
		text-align: center;
		font-weight: bold;

	}

	#ComisionesNoConcesion {

		font-weight: bold;
		float: left;
		text-align: left;
		height: 18px;
	}

	.numEntradasConcesion {
		display: inherit;
	}


	.nombreConcesion {
		width: 58%;
	}

	#precioSinDescuento {
		font-weight: normal;
		margin-right: 0px;
	}

	#precioDescuento {
		clear: both;
		float: left;
		line-height: 35px;
		margin-left: 6px;

	}

	.totalConcesion,
	.comisionConcesion,
	.numEntradasConcesionBotones {
		display: none;
	}

	#totalConcesiones {
		border: 0px;
		height: 50px;
	}

	#totalEntradasConcesiones,
	#totalImporteConcesiones {
		text-align: left;
		width: 100%;
		margin: 0px;
		font-weight: bold;
		line-height: 25px;
	}


	#butt_bPagar,
	#butt_bBloquear,
	#butt_bPagoCarrito,
	#butt_bContinuarCarrito,
	#butt_bSelManu,
	#butt_bSelAuto,
	#butt_bContinuar {
		margin-bottom: 12px;
		width: 98%;
		height: 45px;
		margin-left: 2%;
		text-transform: uppercase;
	}

	#butt_bCancelar,
	#butt_bCancelarCarrito,
	#butt_bVolver {
		margin-bottom: 12px;
		width: 98%;
		height: 45px;
		margin-left: 2%;
		text-transform: uppercase;
	}






	/* ****** seccion7 *********** SELECCION AFORO BUTACASs *********************** */
	#ContenedorButacas {
		zoom: 70%;
		transform: scale(0.7);
		transform-origin: left top 0px;
	}

	.seccion7 #bloqueConcesiones {
		width: 99%;
		margin-top: 12px;
	}

	.seleccionButacasAmpliadoFila,
	.seleccionButacasAmpliadoButaca {
		min-width: 10%;
	}


	.TipoEntrega {
		height: auto;
		line-height: 20px;
	}

	#leyendaButacasLibre,
	#leyendaButacasOcupada,
	#leyendaButacasSeleccionada {
		width: 100%;
	}

	.seccion7 #planoCabecera {
		display: none;
	}

	#bloquePreciosButacaAyuda {
		display: none;
	}

	#bloqueEntradasSeleccionadasAmpliado {
		width: 100%;
		min-width: 100%;
		overflow: hidden;
	}



	/* ****** seccion8 *********** LISTADO CARRITO ******************************* */
	#ZonaDetalleResumen {
		width: 95%;
	}



	#ZonaDetalleResumen,
	.cabeceraDetalleButaca,
	.detalleButaca,
	.detalleButaca {
		width: 95%;
	}

	.detalleButacaConcesion {
		width: 45%;
	}
	.detalleButacaFila,
	.detalleButacaColumna {
		width: 13%;
	}
	.detalleButacaTotal {
		width: 25%;
	}


	.detalleButacaImporte,
	.detalleButacaComision,
	.btnEliminarButaca {
		display: none;
	}



	#BotoneraPago {
		width: 98%;
	}

	.btnPago {
		float: right;
		clear: both;
		width: 98%;
		margin-bottom: 12px;
	}


	#CompleteCampos h2 {
		line-height: 20px;
	}
	
	.tipoLiteralPago {
    display: inherit;
}

.nuevoCamposPago {
    height: 60px;
}

	/* ****** seccion8a *********** CONFIRMAR COMPRA ***************************** */
	.subTotal {
		height: 80px;
	}

	#TotalCarrito {
		height: 80px;
		line-height: 27px;
		font-size: 1.2rem;
	}

	#literalTotalEntradas,
	#totalEntradas,
	#literalSubtotalEntradas,
	#subTotalEntradas {
		float: left;
		text-align: right;
	}

	#literalTotalImporte,
	#literalSubtotalImporte {
		clear: both;
		float: left;
		width: 60%;
	}

	#totalImporte,
	#subTotalImporte {
		float: left;
		width: 20%;
	}

	#ListaFormasPago {
		width: 100%;
		padding: 12px 12px 12px 14px;
	}


	#CompleteCampos {
		width: 95%;
		margin-left: 12px;
	}

	#TablaDatosPago,
	#camposPago0 {
		border: 0px;
		width: 96%;
	}

	.nuevoCamposPago {
		width: 97%;
		height: 40px;
	}

	.tipoLiteralPago {
		display: none;
	}

	#campoPago3,
	#cmbPaisPago,
	#cmbProvinciaPago,
	#cmbPoblacionPago {
		color: inherit;
	}

	#divCheckAcepta,
	#divCheckBoletines {
		width: 97%;
	}

	#checkBoletines,
	#acepto {
		width: 20px;
	}

	#bloqueOpciones {
		width: 95%;
		margin-right: 0px;
	}

	/* --- Tarjetas NF Responsive --- */
	.campoTarjetaNF .tipoLiteralPago {
		width: 100%;
		min-width: 100%;
		display: inherit;
		height: 40px;
		line-height: 40px;
		font-weight: bold;
		margin: 0px;
	}

	.campoTarjetaNF .tipoLiteralPago {
		display: inherit;
	}

	.campoTarjetaNF {
		width: 97% !important;
	}

	#selectorTarjetasNF {
		width: 50%;
		min-width: 247px;
		margin-bottom: 10px;
		display: flex;
	}

	#codigoTarjetasNF {
		width: 100%;
		margin-bottom: 10px;
	}

	input#txtCodigoTarjetaNF {
		min-width: 240px;
		width: 45%;
	}

	#litCodigoTarjetaNF {
		margin-right: 6px;
		float: left;
		width: 100%;
	}

	#litCodigoTarjetaNF {
		margin-right: 0px;
		margin-top: 0px;
		float: left;
		width: 100%;
		height: 20px;
		line-height: 20px;
	}

	/*  Tartjetas No Financieras  opcion en vertical */
	/* ****** seccion9 *********** RESULTADO COMPRA ****************************** */
	.seccion9 .cabeceraDetalleButaca {
		display: none;
	}

	.seccion9 .detalleButacaConcesion {
		width: 55%;
		min-width: 55%;
	}

	.seccion9 .detalleButacaFila,
	.seccion9 .detalleButacaColumna {
		width: 9%;
		min-width: 9%;
	}

	.seccion9 .detalleButacaFila:before {
		content: 'F. :';
		font-weight: bold;
	}

	.seccion9 .detalleButacaColumna :before {
		content: 'B. :';
		font-weight: bold;
	}

	.entradaDatosHT input {
		width: 90%;
	}

	#MensajeFinCompra {
		width: 85%;
		min-width: 90%;
		padding: 12px 12px 12px 14px;
		margin-left: 4px;
	}

	.entradaDatosHT {
		width: 100%;
		float: left;
		clear: both;
		line-height: 135px;
	}

	/* --- Formulario Ticket regalo --- */
	#DatosTicketRegalo {
		width: 98%;
		height: auto;
		margin-left: 4px;
		border: 0;
	}

	#NombreCompradorTicketRegalo,
	#MailCompradorTicketRegalo,
	#NombreDestTicketRegalo,
	#MailDestTicketRegalo,
	#MensajetTicketRegalo {
		width: 100%;
		height: auto;
	}

	input#nombreComprador,
	input#emailComprador,
	input#nombreDestinatario,
	input#emailDestinatario,
	textarea#msgTicketRegalo {
		height: 25px;
		margin-top: 12px;
		width: 90% !important;
	}

	/* ******************* FOOTER ************************************************ */
	#footer {
		height: 220px;
	}

	#piePaginaConfigurable {
		max-width: 100%;
		width: 100%;
	}
	#footerleft {
		width: 92%;
		height: 150px;
		padding: 12px 12px 0px 12px;
	}
	#blqAvisoCondiciones {
		width: 92%;
		height: 42px;
		padding: 0px 12px 0px 12px;
	}

	#bloqueCopyRight {
		height: 71%;
	}

	#bloqueCopyRightFijo {
		color: #fff;
		font-size: inherit;
	}

	#version {
		color: #fff;
	}

	/* ********************* ETIQUETAS ********************************************* */
	#bloqueEtiquetas {
		width: 100%;
		height: 100%;
		left: 0%;
		margin-left: 0px;

	}

	#bloqueLlavesConcesiones {
		width: 96%;
		padding: 4px;
		min-height: 200px;
	}
	#tituloEtiquetasLlave {
		float: left;
		width: 100%;
		height: 40px;
		line-height: 20px;
	}

	.mensajeEtiquetasLlave,
	.concesionEtiquetasLlave,
	.llave {
		width: 100%;
		text-align: left;
	}

	.respuestaEtiquetas input {
		width: 227px;
	}

	.literalLlave,
	.cajaLlave {
		width: 90%;
	}

	/* --- ACREDITACIONES --- */
	#numeroAcreditaciones {
		width: 100%;
		max-width: 100%;
	}

	.acreditaConcesiones {
		float: left;
		width: 97%;
		margin-bottom: 24px;
	}

	.txtRespuestaAcredita {
		width: 97%;
	}

	#msgIdentificaAcreditaciones {
		width: 90%;
	}

	#titNumeroAcreditaciones {
		line-height: 20px;
	}



	.acreditacionPrincipal {
		line-height: 20px;
		height: 20px;
		min-width: 20px;
	}

	.litRespuestaAcredita {
		width: 90%;
		height: 20px;
		line-height: 20px;
	}

	/* ********************* VENTANAS EMERGENTES ********************************** */
	.divEmergente {
		left: 0px;
		width: 100%;
		height: 100%;
		margin-left: 0px;
		padding-top: 5%;

	}


.tipoLiteralPago {
    display: inherit;
}

.nuevoCamposPago {
    height: 60px;
}

	/* ***************************************************************************** */
}

@media only screen and (max-width: 768px) {
	#EncabezaSesionTitulo {
		position: absolute;
		top: 0px;
		left: 0px;
		padding: 16px;
		box-sizing: border-box;
	}
	
		#EncabezaSesionMasInfoEvento,
	#EncabezaSesionMasInfoRecinto{
		    right: 10px;
    top: 14px;
	}

	.seccion8 #EncabezaSesionTitulo .CabeceraSesionTxtLinea1,
	.seccion8a #EncabezaSesionTitulo .CabeceraSesionTxtLinea1,
	.seccion9 #EncabezaSesionTitulo .CabeceraSesionTxtLinea1,
	.seccion10 #EncabezaSesionTitulo .CabeceraSesionTxtLinea1 {
		position: static;
	}

	#EncabezadoSesion #EncabezaSesionImagen {
		width: 30%;
		max-width: 500px;
	}

	.seccion8 #EncabezaSesionImagen,
	.secciona8 #EncabezaSesionImagen,
	.seccion9 #EncabezaSesionImagen,
	.seccion10 #EncabezaSesionImagen {
		max-width: 100%;
	}

	#EncabezadoSesion #EncabezaSesionInfo {
		position: static;
		width: 65%;
	}

	#EncabezadoSesion {
		position: relative;
		padding-top: 70px;
	}

	.seccion8 #EncabezadoSesion,
	.secciona8 #EncabezadoSesion,
	.seccion9 #EncabezadoSesion,
	.seccion10 #EncabezadoSesion {
		padding-top: 0px;
	}
	
		.seccion8 #EncabezadoSesion, .seccion8a #EncabezadoSesion, .seccion9 #EncabezadoSesion, .seccion10 #EncabezadoSesion{
		padding-top: 0px;
	}
	

	
}

@media only screen and (max-width: 768px) and (orientation: landscape) {

	.FichaGeneral {
		width: 47%;
	}


}

@media only screen and (max-width: 480px) {
	.detalleMisCompras #butt_bSelectOperacion {
		letter-spacing: 0px;
		font-size: 11px;
		padding-left: 2px;
		padding-right: 2px;
	}

	#EncabezadoSesion {
		flex-wrap: wrap;
	}

	#EncabezadoSesion #EncabezaSesionImagen {
		width: 100%;
		float: none;
	}

	#EncabezadoSesion #EncabezaSesionInfo {
		width: 100%;
	}
	
	.leyendaPlantillasNombre{
		width: 75%;
	}

}


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

	#opcionesRegistro {
		display: none;
	}

	.FichaGeneral {
		width: 92%;
	}

	#totalOperacion.subTotal {
		font-size: 14px;
	}

	#TotalCarrito {
		font-size: 14px;
	}

	#imgFichaEventos {
		max-height: 100%;
	}


}