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

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

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

#toggle + label {
    position: absolute;
    cursor: pointer;
    padding: 10px;
    
    width: auto;
    border-radius: 3px;
    padding: 0px;
    color: #FFF;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    margin: 0px;
    top: 8px;
    right: inherit;
    left: 12px;
    transition: all 500ms ease;
    z-index: 998;
}

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

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

#toggle:checked + label {
  background:transparent;
}

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

}


#wrapper {
    width: 100%;
}

#header {
   position: absolute;
   top: -285px;
   width:100%;
   min-height: 275px;
}

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



/* -------------------- */



::-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: rgba(255,255,255,1) ; 
  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%;

    overflow: hidden;
}

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

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

#logo {
   
    width: 160px;
    height: 39px;
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 0px;
    -webkit-transform: translateX(-50%);
    margin: 0px;
}

/* --- 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: 140px;
   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: 30px;
}

#aside {
  width: 100%;
}

#seccion {
    width: 96%;
    margin: 2%;
}

#tituloSeccion {
   width: 100%;
   left: 0px;
}

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

#o_off {
   display:none;
}

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

/* ********************* SECCIONES ******************************************* */

#EncabezadoSesion {
   margin-left: 0%;
   width: 100%;
   border: 0px;
}

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

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

#EncabezaSesionMasInfoEvento, 
#EncabezaSesionMasInfoRecinto {   
    width: 30px;
    font-size: 32px;
}

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

/* ****** seccion1a *********** LISTA SESIONES  ******************************* */

.FichaGeneral {
    width: 92%;
    height: 500px;
    margin: 0px;
}

#divImgFichaRecintos, #divImgFichaEventos {
    width: 100%;
    top: 0px;
}

#fichaEventoTipoE,
#fichaEventoTitulo,
#fichaEventoRecinto,
#fichaEventoFechaHora,
#fichaEventoProvincia {
    position: relative;
    text-align: left;
    top: 0px;
    height: 33px;
}

#botonFicha {
    width: 86%;
    position: relative;
    top: 6px;
}



/* ****** 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;
    line-height: 20px;
}

#ListaZonasAforo, 
.ListaZonasAforo {
    display: none;
} 

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

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

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


#bloqueLeyendaButacas,
#bloqueLeyendaPlantillas {
    float: left;
    margin: 2%;
    width: 88%;
    padding: 12px 9px 12px 5px;
}

#bloqueLiteralUbicacion {
    margin-left: 2%;
}

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

/* --- 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;
}

.numEntradasConcesion select {
   margin-top:12px;
}

.nombreConcesion {
   width:58%;
}

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

#precioDescuento {
     clear: both;
    float: left;
    line-height: 12px;
    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%;
}

#ListaEntregas {    
    width: 87%;
    margin-left: 2%;
    padding: 12px 12px 12px 14px;
} 

.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%;
}

.seccion8a #EncabezadoSesion {
   padding:0px; 

}

#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;
}

/* ****** seccion8a *********** CONFIRMAR COMPRA ***************************** */

.subTotal {
   height: 80px;
}

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

#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: 87%;
    margin-left: 2%;
    padding: 12px 12px 12px 14px;
}

#TextoTarjetas {
    width: 91%;
    margin-left: 2%;
    padding: 12px 12px 12px 1px;
}

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

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

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

.tipoLiteralPago {
   
}


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

#campoPago4 {
    border: 1px solid #335b8c;
}

#divCheckAcepta,
#divCheckBoletines {
    width: 97%;
    height: auto;
    line-height: 20px;
}

#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: 275px;
}

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

#bloqueCopyRight {
    height: 55%;
}

#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%;
  
}



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

}

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

.FichaGeneral {
    width: 47%;
    padding: 6px;
}


}


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

#opcionesRegistro {
   display:none;
}

.FichaGeneral {
    width: 92%;
    margin: 0px;
}


}