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


/* ******************* GENERAL ************************************************* */
  
@page {
   size: 210mm 297mm;
   margin: 0.5cm;
   
   @top-left {
   content: "first: " string(heading, first); 
   }
   @top-center {
   content: "start: " string(heading, start); 
   }
    @top-right {
    content: "last: " string(heading, last); 
   }
  }
  
h2 { string-set: heading content() }

#navigation, form , .referrer {
  display: none;
}

#header {
  display: table-header-group;
}

#content {
  display: table-row-group;
}

#footer {
  display: table-footer-group;
}




/* ******************* BODY **************************************************** */
                                                               
  
body {
  
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  font-weight: normal;
  color: #000;

}




#wrapper{
  position: relative;
  width:100%;
  /*max-width: 1020px;*/
  padding-bottom:0px;
  margin: auto;
  min-width: 320px;
}

#header,
#headerGroup {
  display:none;
}
#headerHJ {
    display:none;   
}

#content{
   float: left; 
   position: relative;
   top: 0px;
   width: 100%;
   height: 100%;
   margin-top: 12px;
   margin-bottom: 12px; 
}
  
#footer {
   display:none;  
}



/* ******************* HEADER ************************************************** */



#logo{
   float: left;
   cursor: pointer;  
   width: 382px;
   height: 99px;
   background-repeat: no-repeat;
   background-image: url(../img/logo.jpg); 
   background-size: contain;    
   width: 275px;
   height: 100px;
   position: relative;
   top: 0px;
   left:0px;
}



/* --- Bloque Idiomas --- */
  
#bloqueIdiomas {
    display:none;   
}

/* --- Bloque Registro --- */


#bloqueRegistro {   
   display:none;
}

/* --- Bloque Buscador un campo --- */

#bloqueBuscadorUnCampo {
   display:none;
}  

/* --- Bloque Carrito --- */
 

.bloqueCarrito{
  display:none;
}

/* --- Bloque Titulo Pantalla --- */


#bloqueTituloPantalla {
    display: none;
}

/* --- Bloque Navegacion --- */
    
#nav {
   display:none;
}         
         




/* ******************* CONTENT ************************************************* */

#aside {
  position:relative;
  top: 0px;
  width: 100%;
} 

/* ********************* ETIQUETAS ********************************************* */

#bloqueEtiquetas {
   display:none;
}

/* --- Acreditacion --- */



#numeroAcreditaciones, 
#msgIdentificaAcreditaciones, 
.acreditaConcesiones{
  float:left;
  width: 100%;

}

.campoAcreditaConcesiones{
    float: left;
    width: 100%;
}

.acreditacionPrincipal {
    float: left;
    width: 3%;
}
.litRespuestaAcredita{
  float: left;
  width: auto;
  margin: 6px;  
}

.txtRespuestaAcredita {
    float: left;
    width: auto;
}


#btnCopiaAcreditaciones, 
.numEntradasAcredita{
  float: left;
  height: 40px;
  line-height: 40px;
  margin: 6px;
}


 





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

/* ********************* DESTACADOS ****************************************** */

#bloqueDestacados {}


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

/* ********************* SECCION  ******************************************** */

#seccion {
    float: left;
    width: 100%;
    height: auto;
    background-color: #fff;
}


#tituloSeccion {
    border-bottom: 1px solid #d2d2d2;
    float: left;
    width: 96%;
    left: 2%;
    position: relative;
    margin-top: 20px; 
    margin-bottom: 20px;
}

#txtTituloSeccion {}


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

/* ********************* cabeceraDatosHJ ************************************* */

#cabeceraDatosHJ {
  float: left;
  width: 100%;
  margin-bottom: 12px;
  display: none;
}

#EncabezadoSesionHJ {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

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

/* ********************* Promos ********************************************** */
#Promo1,
#Promo2 {
    float: left;
    width: 98%;
    margin: 1%;    
    display: none;
    
}

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


/* ********************* Fichas ********************************************** */


.FichaGeneral{
position: relative;
    float: left;
    width: 28%;
    height: 367px;
    min-height: 355px;
    margin-left: 0;
    margin-right: 9px;
    margin-bottom: 18px;
    padding: 12px;
    overflow: hidden;
    text-align: left;
    border: 1px solid #d2d2d2;
}

#divImgFichaRecintos,
#divImgFichaEventos {
    position: relative;
    top: 0px;
    width:98%;
    height: 162px;
   
    overflow: hidden;
    float:left;
    
    text-align: center;
    color:#1c2d3a;
    
    border: 1px solid #ddd;
    border-radius: 4px;

}

#divImgFichaRecintos {
    margin-bottom: 20px;
}


#imgFichaEventos, 
#imgFichaRecintos {
   max-height: 161px;
   max-width: 293px;   
}



#imgPortadaEventos, 
#imgPortadaRecintos {
  float: left;
  width: 25%;
  display:none;
}

#fichaEventoDuracion,
#fichaEventoCalificacion {
    display: none;
}

#fichaEventoTipoE {
  float:left;
  width: 100%;
  height:20px;
  margin-left:0px;
  margin-top: 12px;
}

#fichaEventoTipoE p {
  width: 100%;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


#fichaEventoTitulo, 
#fichaRecintoNombre {
      float: left;
    width: 95%;
    height: 60px;
    margin-left: 0px;
    line-height: 28px;

    max-height: 84px;
    overflow: hidden;
  
}

#fichaEventoTitulo:hover {
    
}

#fichaEventoTitulo p, 
#fichaRecintoNombre p{
  margin: 0px;
  padding: 0px;
  font-size: 19px;
  font-weight: bold;
 
}

#fichaEventoInfo, 
#fichaRecintoInfo{
  float:left;
  width: 154px;
  height: auto;
  margin-left:6px;
  display:none;
} 


#fichaEventoInfo p, 
#fichaRecintoInfo p{
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */
}

#fichaEventoRecinto {
  float: left;
    width: 95%;
    height: 25px;
    line-height: 25px;
    margin-left: 0px;
    position: relative;
    
}

#fichaRecintoDireccion {
    float: left;
    width: 95%;
    height: 25px;
    line-height: 25px;
    margin-left: 0px;
    position: relative;
      
}



#fichaEventoRecinto p, 
#fichaRecintoDireccion p {
  width: 100%;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
}



#fichaEventoFechaHora {
    float: left;
    width: 95%;
    height: 25px;
    line-height: 25px;
    margin-left: 0px;
    position: relative;
   
}

#fichaRecintoPoblacion {
    float: left;
    width: 95%;
    height: auto;
    margin-left: 0px;
    position: relative;
}

#fichaEventoFechaHora p, 
#fichaRecintoPoblacion p {
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* white-space: nowrap; */
  /* overflow: hidden; */
  /* text-overflow: ellipsis; */    
}






#fichaEventoProvincia {
  float:left;
  width: 100%;
  height:20px;

}

#fichaEventoProvincia p {
  width: 100%;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
   
  font-style: italic;
}



#logoInstalacion {
    display: none;
}
#fichaEventoMaxPrecio,
#fichaEventoMinPrecio {
    float: left;
    width: 100%;
    height: 20px;
    display: none;
}

#fichaEventoMaxPrecio p,
#fichaEventoMinPrecio p {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align:right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
}

#fichaEventoMasInfo, 
#fichaRecintoMasInfo {
    float: left;
    width: 64%;
    height: 20px;
    cursor: pointer;
    display:none;
}

#fichaRecintoPoblacion{
}

#CarritoTitulo {
    display: none;
}




/* --- Ticha TipoE --- */

.fichaTipoEvento {
    position: relative;
    float: left;
    width: 300px;
    height: 100px;
    margin-left: 20px;
    margin-bottom: 24px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #79afd4	;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 6px;
}

#fichaTipoEventoPortada {
    display: none;
}
#fichaTipoEventoNombre {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
}




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

/* ********************* Paginacion ****************************************** */

#PanelPaginacion {
   display:none;
}




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

/* ********************* COOKIES ********************************************* */

#divAceptaCookies {
   display:none;
}


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

/* ********************* WAITING ********************************************* */

#Transparente {
   display:none;
}

.bgTransparente {  
  display:none;
}

.txtWaiting {
   display:none;
}



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

#zonaDatos {
    width: 96%;
    float: left;
    margin: 12px 2% 30px;
}

#Panel {
    float: left;
    width: 100%;
    height: 100%;
}

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

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


#EncabezadoSesion {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
    padding: 0px;
    border: 0px solid;
    overflow: hidden;
    text-align: left;
    
    border: 1px solid #d2d2d2;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 /* primer div no tiene id o class */
 
#EncabezadoSesion > div:first-child {
    float: left;
    width: 100px;
    margin-right: 12px;
    padding: 12px;
}

#imgEncabezaSesion {
    width: 100%;
}

.CabeceraSesionTxtTitulo {
    
    
}

#BloqueEncabezaSesionTitulo, 
#EncabezaSesionRecinto, 
#EncabezaSesionTipoE, 
#EncabezaSesionInfoAd,
#EncabezaSesionDesc1Evento,
#EncabezaSesionMasInfoEvento{
    float: left;
    width: 75%;
   
}

#EncabezaSesionTitulo {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#EncabezaSesionFechaHora {
    float: left;
    width: 75%;
    height: 40px;
    line-height: 40px;
}

#EncabezaSesionMasInfoEvento,
#EncabezaSesionMasInfoRecinto {
  display:none;
}

#EncabezaSesionDesc1,
#EncabezaSesionDesc2,
#EncabezaSesionDesc3 {
  display:none;
}

#EncabezaSesionMasinfoTitulo {
    float: left;
    width: 98%;
    margin-left: 12px;
}

#EncabezaSesionMasinfoTexto {
    float: left;
    width: 98%;
    margin-left: 12px;
}

#EncabezaSesionMasinfoUrl {
    float: left;
    width: 100%;
    display:none;
}

#EncabezaSesionMasinfoP0Titulo,
#EncabezaSesionMasinfoP1Titulo,
#EncabezaSesionMasinfoP2Titulo,
#EncabezaSesionMasinfoP3Titulo,
#EncabezaSesionMasinfoP4Titulo,
#EncabezaSesionMasinfoP5Titulo {
    float: left;
    width: 98%;
    margin-left: 12px;
    font-weight: bold;
    margin-top: 5px;
}

#EncabezaSesionMasinfoP0Texto,
#EncabezaSesionMasinfoP1Texto,
#EncabezaSesionMasinfoP2Texto,
#EncabezaSesionMasinfoP3Texto,
#EncabezaSesionMasinfoP4Texto,
#EncabezaSesionMasinfoP5Texto {
    float: left;
    width: 98%;
    margin-left: 12px;
}

#EncabezaSesionDesc1Evento,
#EncabezaSesionDesc2Evento {
    display: none !important;
}
.CabeceraSesionTxtLinea1 {
    font-size: 19px;
    font-weight: bold;   
}
.CabeceraSesionTxtLinea2 {
   
}

#EncabezaSesionFechaHora .CabeceraSesionTxtLinea2 {
    font-size: 17px;
    font-weight: bold; 
}

#EncabezaSesionRecinto .CabeceraSesionTxtLinea2 {
    font-size: 13px;
    font-weight: bold; 
}

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


/* ****** seccion1a*********** Lista Sesiones ??? **************************** */


.seccion1a img#imgEncabezaSesion {
    width: 100%;
    max-width: 100%;
    max-height: 100%;

}


#VerTodosDestacados {
    z-index:999;
    float: left;
    width: 100%;
    padding-bottom: 12px;
}

.seccion1a #EncabezaSesionMasInfoEvento, 
.seccion1a #EncabezaSesionFechaHora, 
.seccion1a #EncabezaSesionTitulo {
    width: 100%;
    float: left;
    position: relative;
}


.seccion1a .NombreAgrupaRecinto,
.seccion1a .NombreAgrupaEvento ,
.seccion1a .LiteralesAgrupa,
.seccion1a #CabeceraAgrupaTabla {
    display: none;
}


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

/* ****** seccion1c *********** Venta Combinada  ***************************** */

#NavegaVentaCombinada {
    float: left;
    width: 98%;
    margin: 1%;
    border-bottom: 12px solid #f4f4f6;
}

.fichaVentaCombinada {
    position: relative;
    float: left;
    width: 47%;
    height: 162px;
    overflow: hidden;
    float: left;
    padding: 5px;
    margin-left: 12px;
    margin-bottom: 12px;
    text-align: left;
    color: #1c2d3a;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);

}

.MensajesVentaCombinadaCaja {
    float: left;
    width: 87%;
    background-color: #e6e6e6;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 6px;
    padding: 12px 12px 12px 12px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    margin-bottom: 12px;
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);

}

#MensajeVentaCombinadaTitulo {
    font-weight: bold;
    font-size: 15px;
    
}


#ZonaBotonesMensajeVentaCombinada {
    text-align: right;
}

.CriteriosVCTitulo {
    font-weight: bold;
    font-size: 13px;
    color: #3d3834;
    vertical-align: middle;
    display: inline;
    margin-top: 0px;
    padding-bottom: 10px;
    line-height: 38px;
    white-space: nowrap;
    text-decoration: none;
}

.CajaCriterio {
    float: left;
    width: 30%;
    height: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    margin-left: 12px;
    margin-bottom: 12px;
}


.CajaCriterioSeleccion {
   
}

#VCPropiedadesCaja {
    float: left;
    width: 100%;
}

#botoneraVC{
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 12px;
}



.CajaCriterioSeleccion #Criterio0::before {
    content: "1.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}
.CajaCriterioSeleccion #Criterio1::before {
    content: "2.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.CajaCriterioSeleccion #Criterio2::before {
    content: "3.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.CajaCriterioSeleccion #Criterio3::before {
    content: "4.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.CajaCriterioSeleccion #Criterio4::before {
    content: "5.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

.CajaCriterioSeleccion #Criterio5::before {
    content: "6.-";
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-top: 2px;
}

#wrapperCondiciones{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  padding:3%;
  text-align:justify;
  background-color: #FFFFFF;
  min-width: 300px;
  height: auto;
}

#headerCondiciones{
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  
}

#subtituloCondiciones{
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  
}

#condiciones{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
  text-align:justify;
}

#msgAvisoRecargoConcesiones{
  display: none;
}  






#CabeceraElementoVC{
  margin-bottom: 10px;
  clear: both;
}


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

/* ****** seccion1e *********** Comprueba tu compra *************************** */

#bloquePendientes {
    float: left;
    width: 99%;
    text-align: center;
}

#bloquePendientes p{
    float: left;
    position: relative;
    width: 70%;
    left: 15%;
    display: inherit;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}



#bloquePendientes input {
    float:left;
}

#bloquePendientes label {
    float:left;
}

#TituloMisCompras,
#SubtituloMisCompras,
#tarjetaMisCompras,
#refRecogidaMisCompras,
#tRegaloMisCompras {
    float: left;
    width: 99%;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#tarjetaMisCompras label,
#refRecogidaMisCompras label,
#tRegaloMisCompras label {
  width: 20%;
  text-align: left;
}

#tarjeta0,
#tarjeta1,
#tarjeta2,
#tarjeta3,
#refRecogida,
#ticketRegalo,
#validador {
    height: 25px;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    
    margin-top: 5px;
    margin-right: 5px;
}


#ImagenTarjetas{
    display: none !important;
}

#bloquePendientesSeguridad {
    float: left;
    width: 50%;
    
    background-color: #e6e6e6;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 12px 12px 12px 12px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 20%;
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
}

#bloquePendientesSeguridad p {
    float: left;
    width: 84%;
    height: 40px;
    line-height: 40px;
    left: 10%;
}



img#aRobot {
    float: left;
    height: 40px;
}

#bloquePendientesSeguridad label {
    width: 23%;
    text-align: left;
    height: 40px;
    line-height: 40px;
}

#butt_bActualizar {
  margin-left: 10px;
  float: left;
  height: 40px;
}



#tarjetaMisCompras input[type="text"] {
    width: 40px;
    margin-right: 6px;
}



#EPpago .txtTituloTabla {
   background-color: #79afd4	;
   color: #fff;
   float:left;
   width: 100%;
}

#cabeceraMisCompras {
   float: left;
    width: 100%;
    height: 40px;
    line-height: 20px;
    white-space: nowrap;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0px;
}

.detalleMisCompras{
     width: 100%;
    clear: left;
    white-space: nowrap;
    margin-top: 0px;
    padding: 5px 5px;
    line-height: 30px;
}

.txtTituloTabla, .item_buscador{
  float:left;
}

.misComprasFechaOperacion{
  width: 11%;
}
.misComprasEntradas, .misComprasEntradasPendientes, .misComprasBoton{
  width: 10%;
  text-align: center;
}
.misComprasRecinto{
  width: 18%;
  overflow: hidden;
  text-overflow: ellipsis;
} 

.misComprasEvento{
  width: 23%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.misComprasFechaSesion{
  width: 17%;
}

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

/* ****** seccion1f *********** Agencias  ************************************ */


#bloqueAgencias{
    float: left;
    width: 99%;
    text-align: center;
}

#bloqueAgenciasTitulo {
    float: left;
    width: 99%;
    height: 40px;

}

#bloqueAgenciasCanal,
#bloqueAgenciasTerminal,
#bloqueAgenciasUsuario,
#bloqueAgenciasUsuario{ 
    float: left;
    position: relative;
    width: 70%;
    left: 15%;
}

#bloqueAgencias font {
    float: left;
    width: 20%;
    text-align: left;
    line-height: 40px;
}

#agenciaCanal,
#agenciaTerminal,
#agenciaUsuario,
#agenciaClave {
    float: left;
    width: 70%;
    border-radius: 5px;
}

#bloqueAgenciasBotonera {
    float: left;
    position: relative;
    width: 70%;
    left: 15%;
}



#nombreUsuarioAgencia {    
   
}


/* --- Contenidos de Agencias --- */

.fichaFavoritoAgencia {
    position: relative;
    float: left;
    width: 30%;
    height: 162px;
    overflow: hidden;
    float: left;
    padding: 5px;
    margin-left: 12px;
    margin-bottom: 12px;
    text-align: left;
    color: #1c2d3a;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.25);

}



#fichaRecintoFavAgencia{
    z-index: 999;
    float: left;
    width: 25px;
    position: relative;
    top: -155px;
    left: 268px;
}

.FichaGeneral #fichaEventoFavAgencia {
    top: -330px;
    position: relative;
    left: 10px;
}

#fichaEventoFavAgencia {
    z-index: 999;
    float: left;
    width: 25px;
    color: #ff8f00;
    font-size: 20px;
}

#fichaEventoFavAgencia:hover {
    color:#d2d2d2;
}

.bloqueContenido {
    float: left;
    width: 100%;
    position: relative;
    top: 30px;
}

#cabeceraFavoritoConcesion {
    color: #ff8f00;

}


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

/* ********** seccion1h ************** CALENDARIO **************************** */


div#PanelContenedorCalendarioEventos {
    width: 99%;
    float: left;
}
#PanelContenedorCalendario {
    float: left;
    width: 99%;
    height: 100%;
}

#MensajeInicialCalendario {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
}



#NavegacionMesActual {
    float: left;
    color: #000;
    cursor: pointer;
    
    
    width: 80%;
    height: 30px;
    line-height: 30px;    
    text-align: center;
}

#NavegacionMesCalendario {
    margin: 0px;
    min-width: 100%;
    width: 100%;
    float: left;
    height: 40px;
    margin-top: 10px;
    padding-top: 5px;
}
#NavegacionMesSiguiente{
    float: left;
    width: 25%;
    text-align:right;
} 
#NavegacionMesAnterior {
    float: left;
    width: 25%;
}
#NavegacionMesActualCombo {
    float: left;
    width: 50%;
}
#MesesCalendario {
    float: left;
    width: 47%;
    text-align: right;
    margin-right: 12px;
}
#AnyosCalendario {
    float: left;
    width: 50%;
    text-align: left;
}




#MesSiguienteCalendario,
#MesAnteriorCalendario {
   font-size: 30px;
}

.cajaNavegacionCalendario{}


.CajaSemana {
    float: left;
    width: 100%;
    height: 148px;
    border-top: 5px solid #fff;
    background-color: #f9f9f9;
}

#CajaSemana0 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    
}
.cabeceraDiaSemana {    
    float: left;
    text-align: center;
    width: 13.87%;
    color: #000;
    border: 2px solid #fff;
     
}


.cajaDiaMesLunes{
  clear: left;
}

.cajaDiaMes{
    float: left;
    text-align: center;
    width: 13.87%;
    color: #000;
    height: 125px;
    min-height: 125px;
    overflow: hidden;
    background-color: #D7D7D7;
    border: 2px solid #fff;
}

.cabeceraDiaMes {
    float: left;
    width: 13.87%;
    height: 22px;
    color:#fff;
    background-color: #335b8c;
    font-weight: bold;
    text-align: left;
    font-size: 16px;    
    line-height: 22px;    
     border: 2px solid #fff;
}


.cajaExpandirDia:hover,
.cabeceraDiaMes:hover  {   
    color: #f00;
}

.cabeceraDiaMesDeshabilitado:hover {
    color:#fff; 
}

.cabeceraDiaMesDeshabilitado,
.cajaDiaDeshabilitado {
    float: left;

    height: 22px;
    width: 13.87%;
    border: 2px solid #fff;
}



.DiaPasado{
  opacity:0.3;
}




.cajaDiaMesAbierta {
    float: left;
    position: relative;
    text-align: center;
    width: 13.87%;
    max-height: 250px;
    overflow: auto;
    background-color: #fbfbfb;
    border: 2px solid #f00;
    padding-bottom: 10px;
   
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
}



.cajaDiaMesAbierta::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.cajaDiaMesAbierta::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}
.cajaDiaMesAbierta::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px solid #ffffff;
  border-radius: 50px;
}
.cajaDiaMesAbierta::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.cajaDiaMesAbierta::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.cajaDiaMesAbierta::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.cajaDiaMesAbierta::-webkit-scrollbar-track:hover {
  background: #666666;
}
.cajaDiaMesAbierta::-webkit-scrollbar-track:active {
  background: #333333;
}
.cajaDiaMesAbierta::-webkit-scrollbar-corner {
  background: transparent;
}


.cajaExpandirDia{
      height: 20px;
    min-height: 20px;
    width: 40px;
    min-width: 40px;
    text-align: right;
    float: right;
}
.subCajaExpandirDia{
  height: 19px;
  min-height: 19px;
  width: 35px;
  min-width: 35px;
  cursor: pointer;

}
.cajaSesion{
    float: left;
    width: 98%;
    height: 28px;
    min-height: 28px;
    line-height: 28px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    background-color: #e2e2e2;
    color: black;
    font-size: 12px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}


#DatosAdDesc1,
div#DatosAdDesc2,
div#DatosAdDesc3,
div#DatosAdInfoSes1,
div#DatosAdInfoCanal,
div#DatosAdInfoEvSes1,
div#DatosAdInfoEvSes2,
div#DatosAdInfoEvSes3,
div#DatosAdInfoRecSes1,
div#DatosAdInfoRecSes2,
div#DatosAdInfoRecSes3,
div#Disponible {
    display: none;
}




#DiaMesCalendario1 {
    background-image: url("../img/numeros/1.png");
}#DiaMesCalendario2 {
    background-image: url("../img/numeros/2.png");
}#DiaMesCalendario3 {
    background-image: url("../img/numeros/3.png");
}#DiaMesCalendario4 {
    background-image: url("../img/numeros/4.png");
}#DiaMesCalendario5 {
    background-image: url("../img/numeros/5.png");
}#DiaMesCalendario6 {
    background-image: url("../img/numeros/6.png");
}#DiaMesCalendario7 {
    background-image: url("../img/numeros/7.png");
}#DiaMesCalendario8 {
    background-image: url("../img/numeros/8.png");
}#DiaMesCalendario9 {
    background-image: url("../img/numeros/9.png");
}#DiaMesCalendario10 {
    background-image: url("../img/numeros/10.png");
}#DiaMesCalendario11 {
    background-image: url("../img/numeros/11.png");
}#DiaMesCalendario12 {
    background-image: url("../img/numeros/12.png");
}#DiaMesCalendario13 {
    background-image: url("../img/numeros/13.png");
}#DiaMesCalendario14 {
    background-image: url("../img/numeros/14.png");
}#DiaMesCalendario15 {
    background-image: url("../img/numeros/15.png");
}#DiaMesCalendario16 {
    background-image: url("../img/numeros/16.png");
}#DiaMesCalendario17 {
    background-image: url("../img/numeros/17.png");
}#DiaMesCalendario18 {
    background-image: url("../img/numeros/18.png");
}#DiaMesCalendario19 {
    background-image: url("../img/numeros/19.png");
}#DiaMesCalendario20 {
    background-image: url("../img/numeros/20.png");
}#DiaMesCalendario21 {
    background-image: url("../img/numeros/21.png");
}#DiaMesCalendario22 {
    background-image: url("../img/numeros/22.png");
}#DiaMesCalendario23 {
    background-image: url("../img/numeros/23.png");
}#DiaMesCalendario24 {
    background-image: url("../img/numeros/24.png");
}#DiaMesCalendario25 {
    background-image: url("../img/numeros/25.png");
}#DiaMesCalendario26 {
    background-image: url("../img/numeros/26.png");
}#DiaMesCalendario27 {
    background-image: url("../img/numeros/27.png");
}#DiaMesCalendario28 {
    background-image: url("../img/numeros/28.png");
}#DiaMesCalendario29 {
    background-image: url("../img/numeros/29.png");
}#DiaMesCalendario30 {
    background-image: url("../img/numeros/30.png");
}#DiaMesCalendario31 {
    background-image: url("../img/numeros/31.png");
}

#MensajeFinalCalendario {
    float: left;
    width: 100%;
    height: 40px;
}

#PanelContenedorSesionesCalendario {
    float: left;
    width: 100%;
}
/* Las agurpaciones tienen sentido cuando sale la lista desde el calendario */

/* ---- Informacion agrupada -------- */
#CabeceraAgrupaTabla {
    float: left;
    width: 100%;
    height: 80px;

}
/***********************************************************/
/******** NO ENCUENTRO SENTIDO A ESTA PUTA MIERDA ******** */

.ListaSesionesAgrupaRecinto{
   float: left;
   width: 98%;
   margin-top: 12px;
   border-bottom: 1px dotted #d2d2d2;
   
}
.ListaSesionesAgrupaEvento, 
.ListaSesionesAgrupaFecha,
.ListaSesionesAgrupaHora {
/*    float: left;
    width: 98%;
    margin-top: 12px;
    border-bottom: 1px dotted #d2d2d2;
*/    
}

 

.LiteralesAgrupa {
   font-size:12px;
   font-style:italic;
}
.NombreAgrupaRecinto, 
.NombreAgrupaEvento, 
.NombreAgrupaFecha , 
.NombreAgrupaHora {
    float: left;
    width: 25%;
    color: #d2d2d2;
}

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

/* ---- Informacion Sesiones -------- */

#PanelContenedorSesionesCalendario #DetalleTabla {
    float:left;
    width: 98%;
    clear: left;
    white-space: nowrap;
    height: auto;
    margin-top: 0px;
    padding: 5px 5px;
    line-height: 40px;
    
}


#PanelContenedorSesionesCalendario .ListaSesionesTitulo {
    display: inherit;
    text-align: left;
    width: 95%;
    float: left;
    font-weight: 900;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#PanelContenedorSesionesCalendario .ListaSesionesInfoSesion, 
#PanelContenedorSesionesCalendario.ListaSesionesInfo2Sesion, 
#PanelContenedorSesionesCalendario .ListaSesionesInfo3Sesion,
#PanelContenedorSesionesCalendario #ListaSesionesInfoCanal1 {
   display:none;
}



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

/* ****** seccion1l*********** Buscador  ************************************* */


#tablaBuscador{
   float: left;
    width: 100%;
    text-align: center;
}

#tablaOpcionesBuscador{
   display:none;
}

#bloqueLiteralBuscador, 
#botonBuscador{
    float: left;
    width: 100%;
    min-width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

#literalBuscador {
    text-align: center;
    width: 100%;
}

.tablaOpcionesBuscador #bloqueOficina, 
.tablaOpcionesBuscador #bloqueFechaInicial, 
.tablaOpcionesBuscador #bloqueFechaFinal, 
.tablaOpcionesBuscador #bloqueTipoE,
.tablaOpcionesBuscador #bloquePoblacion,
.tablaOpcionesBuscador #bloqueEvento, 
.tablaOpcionesBuscador #bloqueRecinto,
.tablaOpcionesBuscador #bloquePrecioMin,
.tablaOpcionesBuscador #bloquePrecioMax  {
    float:left;
    position: relative;
    width: 70%;
    left: 15%;
}

.txtCalendario {
    float: left;
    width: 20%;
    text-align: left;
}

.campoCalendario input[type="text"]{
    float: left;
    width: 30%;    
    margin-top: 0px;
    margin-left: 6px;
    height: 25px;
    margin: 0px;
    
}

.campoCalendario input[type="text"]:disabled, div:disabled{
  color: grey;
}

.miniCampoCalendario{
    cursor: pointer;
    float: left;
 
    margin-left: 6px;
    height: 40px;
    line-height: 28px;
}


#ContenedorCalendarioBuscador{
  float: left;
      width: 91%;
  margin-top: 20px;
}


#tablaBuscador .cabeceraDiaMesDeshabilitado{
  float: left;
  width: 29px;
  min-width: 29px;
  height: auto;
  min-height: 0px;
   margin: 1px;
   background-color: transparent;
}



#tablaBuscador .cajaNavegacionCalendario{
  font-size: 12px;
}
#tablaBuscador .cabeceraDiaMes{
   background-color: transparent;
  font-size: 12px;
  width: 29px;
    min-width: 29px;
}
#tablaBuscador .cabeceraDiaMesMarcado0{
  float: left;
  font-size: 12px;
  width: 29px;
  min-width: 29px;
  height: 20px;
  min-height: 20px;
  background-color: #99FF99;

  text-align: center;

}

#tablaBuscador .cabeceraDiaMesMarcado1{
  float: left;
  font-size: 12px;
  width: 29px;
  min-width: 29px;
  height: 20px;
  min-height: 20px;
  background-color: #FF9966;

  text-align: center;
 
}

#tablaBuscador .cajaDiaMes {
  display: none;
} 

#tablaBuscador .cajaDiaDeshabilitado{
  display: none;
}

#tablaBuscador .cabeceraDiaSemana {
  width: 29px;
    min-width: 0px;
    font-size: 12px;
    height: 24px;
    min-height: 24px;
    padding: 0px;
    line-height: 22px;
    overflow: hidden;
} 


#tablaBuscador .CajaSemana  {
  height: auto;
  min-height: 10px;
}



input#checkBuscarMes {
    float: left;
    margin-left: 96px;
}

#bloqueFechaInicial {

}


#bloqueCalendario{
  float: left;
  width: 30%;
  height: 300px;
}
.campoCalendario{
  float: left;
  width: 60%;
  margin-left: 20px;
  height: 40px;
}


#buscadorTipoE,
#buscadorPoblacion,
#buscarRecinto {
    float: left;
}


/* --------- Resultado Buscador ------------------ */

#tablaResultadoBuscador{
    float: left;
    width: 100%;
}

#tituloResultadoBuscador{
    margin: 20px;
}

#encabezadoResultadoBuscador {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}



.columnaBuscador{
  float: left;
  width: auto;
  font-size: 12px;
  margin-left: 40px;
}

.buscadorTitulo{
  font-weight: bold;
}

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

/* ****** seccion1n *********** Socios LFP *************************************/

#AccesoAbonado {
    float: left;
    width: 100%;
    text-align: center;
}

#CancelarAbonado {
    width: 50%;
    float: left;
    text-align: right;
}
#AceptarAbonado {
    float: left;
    width: 50%;
    text-align: left;
}



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

/* ****** seccion1k *********** Datos Registro *********************************/

#DatosRegistro {
    float: left;
    width: 100%;
    height: auto;
}

#datosClaveRegistro {
    float: left;
    width: 100%;
    height: 115px;
}

#titRegistroIdentificacion,
#titRegistroGenerales {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 55px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 12px;
}

#DatosRegistro #loginRegistro,
#DatosRegistro #claveRegistro, 
#DatosRegistro #repetirClaveRegistro{
    float: left;
    width: 33%;
    height: auto;
}

#txtMailRegistro #loginRegistro,
#txtClaveRegistro #passRegistro,
#txtRepetirClave #pass2Registro {
    height: 29px;
    width: 300px;
}



#camposRegistro {
    float: left;
    width: 100%;
}

.camposRegistro {
    float: left;
    width: 33%;
    margin-bottom: 12px;
}

#campoEnvioBoletines {
    float: left;
    width: 100%;
}

input#checkBoletines {
    vertical-align: middle;
}

#botoneraRegistro {
    float: left;
    width: 100%;
    text-align: center;
}

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

/* ****** seccion1p *********** Buscador Avanzado ******************************/
#tablaListadoVentas {
    width: 100%;
    float: left;
}

#tablaOpcionesListadoVentas {
    display: none;
}

#tablaResultadoListadoVentas {
    float: left;
    width: 100%;
}

div#ListadoVentas {
    float: left;
    width: 100%;
}

#ListadoVentasOperacionesCabecera {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 52px;
    white-space: nowrap;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 16px;
}

#ListadoVentasOperacionesFechaOperacion0,
#ListadoVentasOperacionesFSesion3,
#ListadoVentasOperacionesFechaOperacion,
#ListadoVentasOperacionesFSesion {
    width: 10%;
    float: left;
    height: 35px;
}

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

}

#ListadoVentasOperacionesPrecio4,
#ListadoVentasOperacionesPrecio {
    width: 8%;
    float: left;
    height: 30px;
        text-align: right;
}


#ListadoVentasOperacionesCliente5,
#ListadoVentasOperacionesEmailCliente6,
#ListadoVentasOperacionesNifCliente7,
#ListadoVentasOperacionesTelefonoCliente8,
#ListadoVentasOperacionesCliente,
#ListadoVentasOperacionesEmailCliente,
#ListadoVentasOperacionesNifCliente,
#ListadoVentasOperacionesTelefonoCliente{
    width: 8%;
    float: left;
    height: 30px;
    display:none;

}

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

.columna {
    width: 11%;
    float: left;
    height: 30px;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
    
}  


.linea {
    width: 100%;
    float: left;
    clear:both;   
} 

#ListadoVentasBotonera {
    display:none;
}
#ListadoVentasTotalImporte,
#ListadoVentasTotalEntradas {
    text-align: right;
        margin-top: 12px;
}

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

/* ****** seccion4b ************** Museo Ampliado  *************************** */


#ModoMuseoAmpliado {
    float: left;
    width: 99%;
}

#ModoMuseoAmpliado .cajaDiaDeshabilitado{
  display: none;
}
#ModoMuseoAmpliado .cajaDiaMes{
  display: none;
}



/* --- Calendario Museo --- */

#ModoMuseoAmpliado #bloqueCalendario{
    width: 100%;      
    height: 100%;
}

#ModoMuseoAmpliado #bloqueCalendario #EncabezadoSesion > div:first-child{
    float: left;
    width: 100px;
    margin-right: 12px;
}


#zonaEncabezadoSesionCalendario #BloqueEncabezaSesionTitulo, 
#zonaEncabezadoSesionCalendario #EncabezaSesionRecinto, 
#zonaEncabezadoSesionCalendario #EncabezaSesionTipoE, 
#zonaEncabezadoSesionCalendario #EncabezaSesionInfoAd, 
#zonaEncabezadoSesionCalendario #EncabezaSesionDesc1Evento, 
#zonaEncabezadoSesionCalendario #EncabezaSesionMasInfoEvento {
    float: left;
    width: 74%;
}


#ModoMuseoAmpliado #ContenedorCalendarioBuscador {
    width:100%;
    margin: 0px;
}

#ModoMuseoAmpliado #MensajeInicialCalendario {
    float: left;
    width: 100%;    
    height: 40px;
    white-space: nowrap;
    font-weight: bold;
}




#ModoMuseoAmpliado #NavegacionMesActual {
    float: left;
    width: 40%;

    position: inherit;
    font-size: 15px;
    margin: 0px;
    line-height: 20px;
}

#ModoMuseoAmpliado .DiaSeleccionado {
   color:#f00 !important;
}

#ModoMuseoAmpliado .CajaSemana {
    float: left;
    width: 100%;
    height: 40px;

}

#ModoMuseoAmpliado .cabeceraDiaMesDeshabilitado {
    height: 38px;
    display: inherit;
    background-color: transparent;    
}

#ModoMuseoAmpliado .cabeceraDiaMesDeshabilitado:hover {
    color: #335b8c;
}



#ModoMuseoAmpliado .cabeceraDiaMes {  
    font-size: 20px;
    background-color: transparent;
    height: 29px;
    display: inherit;
    color: #335b8c;
    text-align: center;    
    padding-top: 9px;
}

#ModoMuseoAmpliado .cajaExpandirDia:hover, 
#ModoMuseoAmpliado .cabeceraDiaMes:hover {
    color: #f00;
}

#ModoMuseoAmpliado .cabeceraDiaMesNoClick:hover,
#ModoMuseoAmpliado .cabeceraDiaMesNoClick {
    color:#bbbbbb;
} 


/* ----  Modo Museo Sesiones    ---- */



#ModoMuseoAmpliado .SesionSeleccionada {
  
    width: 100%;
    height: 100%;

}


#ModoMuseoAmpliado .ListaSesionesEnlace {

}

#ModoMuseoAmpliado .ListaSesionesFecha {
  display:none;
}

#ModoMuseoAmpliado #ListaSesionesHora0 {
    text-align: center;
}

#ModoMuseoAmpliado .ListaSesionesHora{
    text-align: left;
}

#ModoMuseoAmpliado .Hasta25 .ListaSesionesHora a{
  color: #3bb93b;
  font-weight: bold;
}
#ModoMuseoAmpliado  .Hasta50 .ListaSesionesHora a{
  color: #FF9800;
  font-weight: bold;
}
#ModoMuseoAmpliado .Hasta75 .ListaSesionesHora a{
  color: orange;
  font-weight: bold;
}
#ModoMuseoAmpliado .Hasta100 .ListaSesionesHora a{
  color: red;
  font-weight: bold; 
}
#ModoMuseoAmpliado .Completo .ListaSesionesHora a{
   color: black;
   font-weight: bold;
}

.ListaSesionesHora a{
  text-decoration: none;
}


#ModoMuseoAmpliado #SesionesMuseo{
    float: left;
    width: 100%; 
}

#ModoMuseoAmpliado #SesionesMuseo #EncabezadoSesion {
   display:none;
}


#ModoMuseoAmpliado #CabeceraAgrupaTabla {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

#ModoMuseoAmpliado #ListaSesionesTituloAgrupa { 
   display:none;
}
#ModoMuseoAmpliado #ListaSesionesFechaAgrupa {
    height: 40px;
    font-size: 16px;
    font-weight: bold;
}



#ModoMuseoAmpliado #CabeceraTabla{
   float:left;
   width:99%;
   height: 40px;
   line-height: 40px;
   margin-top: 25px;
}

#ModoMuseoAmpliado .NombreAgrupaSesiones,
#ModoMuseoAmpliado .ListaSesionesAgrupaHoraTit {
  display: none;
}


/* ----  Modo Museo Concesiones   ---- */

#BloquesMuseo {
    float: left;
    width: 100%;
    
}
#BloquesMuseo #EncabezadoSesion,
#BloquesMuseo #EncabezadoSesion > div:first-child,
#BloquesMuseo #EncabezaSesionTitulo,
#BloquesMuseo #EncabezaSesionTipoE,
#BloquesMuseo #EncabezaSesionRecinto {
   display:none;
}

#BloquesMuseo #EncabezaSesionFechaHora {
   margin-left:38px;
}


#ConcesionesMuseo {
    float: left;
    width: 100%;
}

#ConcesionesMuseo #EncabezadoSesion > div:first-child {
    display:none;
}

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

#ConcesionesMuseo #EncabezaSesionFechaHora {
    margin-left: 38px;
}






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

/* ****** seccion3 *********** Calendario Evento ***************************** */

#encabezadoSesionCalendario {
    float: left;
    width: 100%;
}


#CalendarioEvento table,
#CalendarioEvento {
    float: left;
    text-align: center;
    width: 100%;
}

.diasSemanaCalendarioEvento {
    text-align: center;
    width: 13.78%;
    color: #335b8c;
    font-weight: normal;
    border-top: 5px solid #fff;
    background-color: #f9f9f9;
    height: 40px;
    line-height: 40px;
    border-right: 5px solid #fff;
}
.diasCalendarioEventoOff {
   text-align: center;
    width: 13.78%;
    color: #9c9c9c;
    font-size: 20px;
    font-weight: bold;
    border-top: 5px solid #fff;
    background-color: #f9f9f9;
    height: 40px;
    line-height: 40px;
    border-right: 5px solid #fff;
}


.diasCalendarioEventoOn {
    text-align: center;
    width: 13.78%;
    color: #335b8c;
    font-size: 20px;
    font-weight: bold;
    border-top: 5px solid #fff;
    background-color: #D7D7D7;
    height: 40px;
    line-height: 40px;
    border-right: 5px solid #fff;
}

.calendarioDiaMarcadoEvento {
    text-align: center;
    width: 13.78%;
    color: #f00;
    font-size: 20px;
    font-weight: bold;
    border-top: 5px solid #fff;
    background-color: #D7D7D7;
    height: 40px;
    line-height: 40px;
    border-right: 5px solid #fff;
}






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

/* ****** seccion4 *********** Lista Sesiones  ******************************* */


/* OJO DetalleTabla tiene 2 div mas que DetalleTabla > .ListaSesionesImagenEvento y .ListaSesionesTitulo */

#ListaSesiones {
    float: left;
    width: 100%;
}


.seccion4 .NombreAgrupaRecinto,
.seccion4 .NombreAgrupaEvento ,
.seccion4 .LiteralesAgrupa,
.seccion4 #CabeceraAgrupaTabla {
    display: none;
}

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


#CabeceraTabla {
    float: left;
    width: 98%;
    
    line-height: 20px;
    white-space: nowrap;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 0px;
    
   
}

.ListaSesionesTitulo {
    display: none;
}

.ListaSesionesFavorito {
    float: left;
    width: 5%;
    color: #ff8f00;
    font-size: 20px;
}

.ListaSesionesFecha {
    float: left;
    width: 34%;
    min-width: 34%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.ListaSesionesHora {
    float: left;
    width: 10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}


.ListaSesionesNumeradas {
    float: left;
    width: 10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.ListaSesionesDisponibles {
    float: left;
    width: 10%;
    overflow: visible;
    text-align: center;
    white-space: initial;
}

.ListaSesionesInfoSesion,
.ListaSesionesInfo2Sesion,
.ListaSesionesInfo3Sesion {
    float: left;
    width: 30%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.ListaSesionesInfo3Sesion,
.ListaSesionesInfo2Sesion {
    display: none;
}

/* Compatib. FFox con divs vacios */

.ListaSesionesInfoSesion:before,
.ListaSesionesInfo2Sesion:before,
.ListaSesionesInfo3Sesion:before {
content: '.';
color:transparent;
}

.ListaSesionesEnlace {
   width: auto;
   text-align: center;
   display: table;
   float: right;
   color: #f00;
   font-weight: bold;
   font-size: 13px;
}


/* --- */

#DetalleTabla {
    width: 98%;
    
    clear: left;
    white-space: nowrap;
    
    margin-top: 0px;
    padding: 5px 5px;
    line-height: 30px;
   
    
}

#DetalleTabla:hover {
  background-color: #d2d2d2; 
}


.ListaSesionesImagenEvento {
  display: none; 
}


.ListaSesionesFechaFutbol {
  display: none;
}

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


/* ****** seccion5 ***********  ????? ************************************* */

.seccion5 #EncabezadoSesion {
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

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

/* ****** seccion5a *********** Mapa Zonas  ********************************** */

.seccion5a #EncabezadoSesion {
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

.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:none;
}

/* ---- Miniatura Mapa ---- */
#planoCabecera,
#MapaZonas {
    float: left;
    margin-left: 0px;
    width: auto;
    min-width: 207px;
    height: auto;
    min-height: 115px;
    text-align: left;
  
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
    border: 5px solid #fCfCfC;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
}


#NombreZona {
    float: left;
    width: 75%;
    margin-left: 12px;
    text-align: left;
}
#NombreZona p{
    color: #000;
     
}

#ZonasMapa {
    float: left;
    width: 75%;
    margin-left: 12px;
}

#tablaListaZonas {
    width: 100%;
    float: left;
    height: auto;
}

/* ---- Navegacion Sup. ---- */ 

#preCabeceraListaZonas {
    float: left;
    width: 100%;
    height: 80px;
    
    display: none;
}

#FechaListaZonas {}

#CambiaFechaListaZonas,
#CambiarFechaListaZonas {}

/* ---- Listado de Zonas ---- */ 

#CabeceraListaZonas {   
    font-weight: bold;    
}

.filaListaZonas {
    width: 100%;
    height: 40px;
    float: left;
    border-bottom: 1px solid #d2d2d2;
    line-height: 40px;
    text-align: left;
} 

#ListaZonasZona,
.ListaZonasZona {
    float: left;
    width: 45%;
}

#ListaZonasPrecio,
.ListaZonasPrecio {
    float: left;
    width: 20%;
}

#ListaZonasAforo,
.ListaZonasAforo {
float: left;
    width: 10%;
}
#ListaZonasLibres,
.ListaZonasLibres {
float: left;
    width: 10%;
}

#ListaZonasCarrito,
.ListaZonasCarrito {
    float: left;
    width: 15%;
    text-align: center;
    font-size:20px;
}

.NoDisponible .ListaZonasCarrito    {
    background-image: url("../img/agotado.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 15%;
    min-width: 15%;
    height: 40px;

}


#PulseZona {
    display:none;
}




#VolverZonas {
   display:none;
}





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

.txt_warning {
    font-style: italic;
}

#bloqueBotonComprar {
    width: 98%;
    float: left;
    text-align: right;
    margin: 12px 0px 12px 0px;
}





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

/* ****** seccion6 *********** Concesiones  ********************************** */

.seccion6 #EncabezadoSesion {
  height: auto;
  overflow: hidden;
  margin-bottom: 6px;


}




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

/* --- Concesiones --- */


#bloqueConcesiones {
    float: left;
    width: 98%;
    margin-left: 11px;
}



#cabeceraConcesion {
    float: left;
    clear: left;
    width: 100%;
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;

    
    height: 40px;
    font-weight: bold;
    border-bottom: 1px solid #d8d8d8;
    line-height: 40px;
}

#Concesiones {
    float: left;
    width: 100%;
}

#titConcesiones {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display:none;
}

.detalleConcesion {
    width: 97%;
    float: left;
}

.bgTdTabla {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}

.tdOn { 
  float: left;
  line-height: 40px;
  width: 100%;
  background-color: #d2d2d2;  
}



.bgTdTabla:hover {
  background-color: #d2d2d2; 
}

.detalleConcesionCorte {
    float: left;
    clear: left;
    width: 100%;
    min-width: 80%;
    height: 40px;
    min-height: 40px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 40px;
  
}






/* OJO se ha colado un ; ***/

#msgConcesionCorte {
   color: #335b8c;
   font-weight: bold;
}

.masInfoConcesion {
    float: left;
    min-width: 2%;
    width: 2%;
    
}

#concesionMasInfo {
    width: 25px;
    height: 40px;
    font-size: 20px;    
}


.nombreConcesion {
   float: left;
   width: 34%;
   min-width: 25%;
   text-align: left;
   margin-left: 0px;
}
.importeConcesion {
    float: left;
    width: 15%;
    min-width: 15%;
    height: 25px;
    min-height: 25px;
    font-weight: normal;
    margin-left: 0px;
    text-align: center;
    font-weight: bold;
}
.comisionConcesion {
    float: left;
    width: 24%;
    min-width: 16%;
    height: 25px;
    min-height: 25px;
    margin-left: 0px;
    text-align: right;
    text-align: center;
}
.totalConcesion {
    float: left;
    width: 8%;
    min-width: 8%;    
    margin-left: 0px;
    text-align: center;
}

#libresConcesion, #libresSNConcesion {
    float: left;
    width: 8%;
    text-align: center;
    min-width: 8%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.libresConcesion, .libresSNConcesion {
    display: none;
    float: left;
    width: 8%;
    min-width: 8%;
    text-align: center;
}

/* --- Seleccion de n. de entradas por desplegable --- */

.numEntradasConcesion {
   
    float: left;
    width: 16%;
    min-width: 16%;
    text-align: center;
}





/* --- Seleccion de n. de entradas por botones + y - --- */

.numEntradasConcesionBotones {
   display:none;

}




#precioSinDescuento {
    margin-right: 6px;
    text-decoration: line-through;
}


/* ------- */



.favoritoConcesion {
    float: left;
    width: 5%;
    min-width: 5%;
    height: 25px;
    min-height: 25px;
    display: none;
}

/* OJO No se que pinta esto aqui ni como colocarlo */

#ComisionesConcesion {
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    height: 5px;
    font-size: 0;
    min-height: 5px;
    display: none;
}
#ComisionesNoConcesion {
    float: right;
    width: 100%;
    text-align: right;
    height: 25px;
    line-height: 35px;
    margin-right: 6px;
    display: none;
}

.detalleComisionesConcesion,
.detalleComisionesNoConcesion {

}

/* --- Totales --- */

#totalConcesiones {
    float: left;
    clear: left;
    width: 98%;
    min-width: 97%;
    height: 20px;
    min-height: 20px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 5px;
    border-top: 1px solid #d2d2d2;
}

#totalEntradasConcesiones {
    padding: 0px;
    margin: 0px;
    text-align: right;
    width: 75%;
    float: left;
}

#totalImporteConcesiones {
    float: left;
    width: 24%;
    margin-left: 5px;
    font-weight: bold;
    text-align: right;
}

#msgAvisoAcreditacionConcesiones {
    width: 98%;
    float: left;
    margin-top: 6px;
    text-align: right;
}

/* --- Bloque llaves Concesiones --- */

#bloqueLlavesConcesiones {
    float: left;
    width: 100%;
    padding: 0px;
    margin:  0px;
}

/* OJO Putas tablas... */

#bloqueLlavesConcesiones table {
    border: 1px solid #d2d2d2;
    width: 98%;
    padding: 12px;
}  
#bloqueLlavesConcesiones table:first-child {
    border:0px;
}


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

/* ****** seccion7 *********** Seleccion en Aforo Mapa *********************** */

.seccion7 #EncabezadoSesion {
  height: auto;
  min-height: 109px;
  overflow: hidden;
  margin-bottom: 6px;
}

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

    
.seccion7 #planoCabecera {
    float: left;
    clear: none;
    width: 17%;  
}

.seccion7 #imgPlanoCabecera {
    float: left;
    width: 100%;
    
}


.seccion7 #bloqueConcesiones {
    clear: none;
    width: 99%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
}

#bloqueLiteralUbicacion {
    float: left;
    height: 40px;
    line-height: 40px;
}

#bloqueInfoZona {
    float: left;
    height: 40px;
    line-height: 40px;
}



/* ---------- Bloque Leyenda Butacas -------------- */


#bloqueLeyendaButacas {
    display:none;
}



.leyendaButacas {
    float: left;
    margin-right: 36px;
    margin-top: 12px;
}

#leyendaButacasLibre,
#leyendaButacasOcupada,
#leyendaButacasSeleccionada {
}

.imgLeyendaButacas {
    margin-right: 5px;
}

.lblLeyendaButacas {}


.detalle_evento img { 
   position: relative;
   top: 6px;
}




.seccion7 #bloqueLlavesConcesiones,
.seccion7 #bloqueAcreditaConcesiones { 
  float:left;
  width: 35%;
  padding: 0px;
  margin: 6px;
  border: none;
}

.seccion7 #llavecita,
.seccion7 .concesionEtiquetasLlave {
   display:none;
}

.seccion7 #bloqueLlavesConcesiones table {
    border: 0px;
    width: 100%;
    padding: 0px;
}

#bloqueConcesiones input {
   display:none;
}


/* --- Butacas --- */


#ContenedorButacasPadre {
    float: left;
    margin: auto;
    clear: both;
    width: 100%;
    height: auto;
    max-height: 435px;
    -moz-user-select: none;
    overflow: auto;
    
    border: 1px solid #d2d2d2;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#ContenedorButacas {
    position: relative;
    text-align: center;
    min-height: 433px;

    padding: 0px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomright: 8px;
}

#bloquePreciosButacaAyuda {
   display:none;
}


#bloqueLeyendaPlantillas:empty {
    display: none;
}

#bloqueLeyendaPlantillas {
    clear: both;
    float: right;
    width: 69%;
    min-width: 69%;
    margin-top: 12px;
    margin-right: 12px;
    
    background-color: #e6e6e6;
    text-align: justify;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 12px 12px 12px 45px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    margin-top: 12px;
    margin-bottom: 12px;
    
        -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
}

#leyendaPlantillasInicio {
    text-align: left;
    border-bottom: 1px solid #d2d2d2;
}

#leyendaPlantillasTodos,
#leyendaPlantillasResto,
#leyendaPlantillasFin  {
    float: left;
    width: 100%;
   
    text-align: left;
}

.leyendaPlantillas {
   float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    
}

.leyendaPlantillasCheck {
    float: left;
    margin: 6px;
    width: 3%;
}


#leyendaPlantillasRestoButaca,
.leyendaPlantillasColor {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    margin-top: 10px;
 
}

.imgButLeyendaPlantilla {
   

}

.leyendaPlantillasNombre {
    width: 30%;
    float: left;
    
}

.leyendaPlantillasSubTabla {
    width: 30%;
    float: left;
}





.leyendaPlantillasPrecioMinLit,
.leyendaPlantillasPrecioMin,
.leyendaPlantillasPrecioMaxLit, 
.leyendaPlantillasPrecioMax{

}


#bloqueEntradasSeleccionadas {
    display: none;
}

div#bloqueEntradasSeleccionadasAmpliado {
    display: inherit;
    float: left;
    width: 98%;
    min-width: 98%;
    position: inherit;
    top: 0px;
    margin-bottom: 10px;
    margin: auto;
    margin-top: 10px;
}
#seleccionButacasAmpliado {
    border-bottom: 1px solid #d2d2d2;
    line-height: 20px;
    height: 40px;
    font-weight: bold;
    
}
.seleccionButacasAmpliado {
     height: 40px;
    line-height: 40px;
    margin-bottom: 6px;
    float: left;
    width: 100%;
    min-width: 100%;
}

.seleccionButacasAmpliadoFila {
    float: left;
    margin-left: 5px;
    width: 5%;
    min-width: 5%;
}

.seleccionButacasAmpliadoButaca {
    float: left;    
    margin-left: 12px;
    width: 5%;
    min-width: 5%;
}

.seleccionButacasAmpliadoConcesion {
    float: left;
    margin-left: 30px;
    width: 45%;
}

.Butaca,
.ButacaEspecial {

    margin-top: -5px;
    margin-left: -3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 12px;
}

.NumeracionAforo {
    font-size: 10px;
}

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

/* ****** seccion8 *********** Listado Carrito ******************************* */

.seccion8 #EncabezadoSesion {
   height: auto;
   overflow: hidden;
   margin-bottom: 20px;
}

.seccion8 #imgEncabezaSesion {

}

.seccion8 #EncabezaSesionMasInfoEvento, 
.seccion8 #EncabezaSesionFechaHora, 
.seccion8 #EncabezaSesionTitulo {
    width: 100%;
    float: left;
    position: relative;
}

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



/* --- Lista Carrito --- */

#botoneraOperacion {
    float: left;
    width: 99%;
    height: 50px;
    text-align: right;
    margin-bottom: 12px;
    border-bottom: 12px solid #f4f4f6;
}

#BotoneraPago {
    float: right;
    text-align: right !important;
    width: auto;
    margin-top: 12px;
    
}

.btnPago {
    float: left;
    margin-right: 10px;
}

.seccion8 #BotoneraPago .btnPago {
    margin-left: 5px;
}



#limitesCarrito{
  display: none;
}




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

/* ****** seccion8a *********** Confirmar Compra ***************************** */

.seccion8a #EncabezadoSesion { 
   border:0px;
}

.seccion8a #EncabezadoSesion > div:first-child,
.seccion8a #EncabezaSesionMasinfoTexto,
.seccion8a #EncabezaSesionMasinfoUrl,
.seccion8a #EncabezaSesionMasinfoTitulo,
.seccion8a #EncabezaSesionMasinfoP0Titulo, 
.seccion8a #EncabezaSesionMasinfoP1Titulo, 
.seccion8a #EncabezaSesionMasinfoP2Titulo, 
.seccion8a #EncabezaSesionMasinfoP3Titulo, 
.seccion8a #EncabezaSesionMasinfoP4Titulo,
.seccion8a #EncabezaSesionMasinfoP0Texto, 
.seccion8a #EncabezaSesionMasinfoP1Texto, 
.seccion8a #EncabezaSesionMasinfoP2Texto, 
.seccion8a #EncabezaSesionMasinfoP3Texto, 
.seccion8a #EncabezaSesionMasinfoP4Texto, 
.seccion8a #EncabezaSesionMasinfoP5Texto {
   display:none;
}
.seccion8a #EncabezaSesionMasInfoEvento, 
.seccion8a #EncabezaSesionFechaHora, 
.seccion8a #EncabezaSesionTitulo {
    width: 100%;
    float: left;
    position: relative;
}

.seccion8a #ZonaResumenCompraOperaciones #TablaGeneralOperacion {
    border-bottom: 12px solid #f4f4f6;
    width: 99%;
    min-width: 98%;
}

/* --- Detalle Resumen --- */

 

#TablaGeneralOperacion {
    float: left;
    width: 100%;
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 6px;
    margin-bottom: 6px;
}

#ZonaDetalleResumen {
float: left;
    position: relative;
    width: 99%;
    min-width: 68%;
    margin-left: 6px;
    margin-right: 10px;
    margin-top: 0px;
    padding: 0px;
    height: auto;
   
    margin-bottom: 7px;
    border: none;  
}

#TituloZonaDetalle {
    float: left;
    clear: left;
    margin: 0px 5px 0px 0px;
}

#ZonaDetalle, #DescBloque {
    float: left;
    margin-left: 0px;
}

#AccesoDetalle, 
#TituloAccesoDetalle {
    float: left;
    margin-left: 12px; 
}

#ZonaDetalle, #DescBloque {
    float: left;
    margin-left: 0px;
    font-weight: 700;
}


.cabeceraDetalleButaca{
    
    height: 1.4em;
    white-space: nowrap;
      
        
    border-bottom: 1px solid #d2d2d2;
    padding: 3px 6px;
   
    float: left;
    margin-bottom: 0px;
    
    width: 98%;
    font-weight: bold;
}

.detalleButaca {
        width: 99%;
        
        clear: left;
        white-space: nowrap;
        height: 2.1em;
        margin-top: 0px;
        padding: 5px 5px;
        line-height: 30px;
        
        font-size: 15px;     
}

.detalleButacaConcesion {
    float: left;
    width: 27%;
    min-width: 27%;
  
}

.detalleButacaFila, 
.detalleButacaColumna {
    float: left;
    width: 5%;
    min-width: 5%;
 
    text-align: center;
    display: block;
}

.detalleButacaPuerta {
    display: none;
}

.detalleButacaImporte {
    float: left;
    width: 20%;
    min-width: 20%;
  
    text-align: right;
}
.detalleButacaComision {
    float: left;
    width: 20%;
    min-width: 20%;
    margin-left: 0px;
    text-align: right;
}
.detalleButacaTotal {
    float: left;
    width: 17%;
    min-width: 17%;
   
    text-align: right;
}

.btnEliminarButaca {
display:none;
}

.detalleButacaCheckHT {
    display: none;
}

/* --- Confirmar --- */

.comisionesResumen {
    float: right;
    width: 30%;
    display: none;
}

.ConceptoComisionesResumen {
      float: left;
    width: 50%;
}
.ImporteComisionesResumen {
    float: left;
    width: 40%;
    color: #000;
}
.ImagenComisionResumen {
      float: left;
    width: 10%;
}

/* --- Subtotal --- */

.subTotal {
    float: left;
    width: 99%;
    min-width: 99%;
    margin-left: 0px;   
    margin-bottom: 12px;
    text-align: right;
    height: 40px;
    line-height: 40px;    
    border: 0px;

    border-top: 1px solid #d2d2d2;
    font-size: 15px;
}


#literalSubtotalEntradas {
    width: 60%;
    float: left;
}
#subTotalEntradas {
    float: left;
    width: 7%;
    text-align: center;
}
#literalSubtotalImporte {
    float: left;
    width: 18%;
}
#subTotalImporte {
    float: left;
    width: 10.4%;
    
    margin-right: 6px;
    
}



/* --- Listado de comisiones aplicadas --- */

#ListaComisiones {
    float: right;
    width: 30%;
    display: none;
}

#ListaComisiones ul {
    list-style-type: none;
    padding-left: 0px;
}

.detalleComision {
    float: left;
    width: 50%;
}

.detalleComisionValor {
    float: left;
    width: 40%;
}


/* --- Total Carrito --- */


#TotalCarrito {
    float: left;
    width: 98%;
    min-width: 98%;
    margin-left: 0px;
    text-align: right;
    margin-top: 0px;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 15px;
}


#literalTotalEntradas {
    width: 60%;
    float: left;
}
#totalEntradas {
    float: left;
    width: 7%;
    text-align: center;
}
#literalTotalImporte {
    float: left;
    width: 18%;
}
#totalImporte {
    float: left;
    width: 10.4%;
    margin-right: 6px;
 
}

/* --- Bolque entregas --- */

#ListaEntregas {
   float: left;
    width: 93%;
    text-align:left;
    background-color: #e6e6e6;
    text-align: justify;
    border-radius: 5px;
    -moz-border-radius: 5px;
   
    padding: 12px 12px 12px 45px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    
    margin-top: 12px;
    margin-bottom: 24px;
    
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
}
#SeleccionaTipoEntrega {
    font-weight: bold;
    text-transform: uppercase; 
}

.TipoEntrega {
    
}

.TipoEntregaNombre {
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}

.TipoEntregaDesc {
   font-weight: normal;
}

/* --- Bolque Formas de Pago  --- */

#ListaFormasPago {
   float: left;
    width: 93%;
    text-align: left;
    background-color: #e6e6e6;
    text-align: justify;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 12px 12px 12px 45px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    margin-top: 12px;
    margin-bottom: 12px;
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
}

#SeleccionaDatosDePago {
    font-weight: bold;
    text-transform: uppercase;
}

.FormaPago {
}
  
/* --- Bloque Informacion --- */


#AceptanTarjetas {
    float: right;
    display: none !important;
}

#AceptanTarjetas img {
    display: none;
}

#TextoTarjetas {
    float: left;
    width: 96%;
    text-align: left;
    
    background-color: #e6e6e6;
    text-align: justify;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 12px 12px 12px 12px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    margin-top: 12px;
    margin-bottom: 12px;
    
    -webkit-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 20px -5px rgba(0,0,0,0.75);
    
    text-transform: uppercase;
}

#CompleteCampos {
    width: 99%;
    float:left;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    
}

#CompleteCampos2 {
    float:left;
    width:100%;
    height:30px;
    line-height:30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
}

#CompleteCampos h2 {
    margin: 0px;
    font-size: 15px;
    margin: 10px 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/* --- Datos Pago --- */

#TablaDatosPago {
        float: left;
    width: 98%;
    margin-left: 12px;
    margin-bottom: 10px;
    height: auto;
    margin-top: 12px;
    background-color: transparent;
}



.nuevoCamposPago {
    float: left;
    width: 47%;
    min-width:47%;
    margin-left: 0px;
    margin-bottom: 10px;

    line-height: 10px;
}

.tipoLiteralPago {
    float: left;
    margin-top: 4px;
    margin-right: 4px;
    min-width: 50%;
    text-align: left;
}

.tipoCampoPago input {
    height: 25px;
    margin-top: 12px;
}

.tipoCampoPago {
    float: left;
    text-align: left;
    display: flex;
    min-width: 50%;
}



/*  Si utilizanmmos pago con captura de tarjeta deberiamos utilizar estos css suponiendo que estan en el mismo orden
 

#camposPago5 {
    margin-left: 0px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight:bold;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    text-align:left;
}



.tipoCampoPag #tarjeta0,
.tipoCampoPag #tarjeta1,
.tipoCampoPag #tarjeta2,
.tipoCampoPag #tarjeta3 {
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top:12px;
    margin-right: 5px;
}

#camposPago7, #camposPago8 {
    width: 20%;
    min-width: 20%;
}

#camposPago7 .tipoCampoPago font {
    height: 30px;
    line-height: 47px;
    margin-left: 10px;
}

#camposPago8 img {
    margin-top: 10px;
    margin-left: 6px;
}

*/

/* --- Tartjetas No Financieras --- */

.campoTarjetaNF {
    float: left;
    width: 100%;
}

#opcionTarjetasNF {
    float: left;
    width: 100%;
}

#consultaSaldoTarjetasNF{
    float: left;
    width: 100%; 
}

#butt_consultaSaldoTNF { 
    display: inline;
    width: 160px;
    background-color: #dadada;
    color: #3B3C3B;
    margin: 11px 12px 0px 0px;
    padding: 3px;
}

#sesionesTarjetasNF {
    float: left;
    clear: both;
    width: 97%;
    border: 1px solid #d2d2d2;
    margin-top: 12px;
    padding: 10px;
}

#sesionesTarjetasNF:empty {
    display:none;
}

#litCodigoTarjetaNF {
    margin-left: 25px;
    margin-right: 6px;
}


#tipoTarjetaNF {
    float: left;
    margin-top: 12px;
    width: 47%;
    height: 30px;
}

#tiposPagoTarjetasNF {
    float: left;
    width: 80%;
    height: 40px;
    line-height: 40px;
    text-align: right;
}

#radOpcionTarjetaN0 {
    display: none;
}

#litTiposPagoTarjetaNF {
    margin-right: 12px;
}





/* --- Bloque Aceptar Condiciones etc --- */
    
#divCheckAcepta {
    float: left;
    width: 100%;
    text-align: left;
}
#divCheckBoletines {
    float: left;
    width: 100%;
    text-align: left;
}

/* --- Bloque Botones FInalizar operacion --- */

#bloqueOpciones {
    float: left;
    width: 99%;
    text-align: right;
    margin-top: 20px;
    margin-right: 10px;
}



/* --- Tabla Compras con misma Tarj --- */

#EPpago .txtTituloTabla {
   background-color: #79afd4	;
   color: #fff;
   
}




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

/* ****** seccion9 *********** Resultado Compra ****************************** */

.seccion8a #EncabezadoSesion { 
   border:0px;
}

.seccion9 #EncabezadoSesion > div:first-child,
.seccion9 #EncabezaSesionMasinfoTexto,
.seccion9 #EncabezaSesionMasinfoUrl,
.seccion9 #EncabezaSesionMasinfoTitulo,
.seccion9 #EncabezaSesionMasinfoP0Titulo, 
.seccion9 #EncabezaSesionMasinfoP1Titulo, 
.seccion9 #EncabezaSesionMasinfoP2Titulo, 
.seccion9 #EncabezaSesionMasinfoP3Titulo, 
.seccion9 #EncabezaSesionMasinfoP4Titulo,
.seccion9 #EncabezaSesionMasinfoP0Texto, 
.seccion9 #EncabezaSesionMasinfoP1Texto, 
.seccion9 #EncabezaSesionMasinfoP2Texto, 
.seccion9 #EncabezaSesionMasinfoP3Texto, 
.seccion9 #EncabezaSesionMasinfoP4Texto, 
.seccion9 #EncabezaSesionMasinfoP5Texto {
   display:none;
}

.seccion9 #Promo1,
.seccion9 #Promo2 {
    display: none;
} 

.seccion9 #EncabezadoSesion {
    margin-top: 28px;
    border: 0px;
}

#ZonaResumenCompra {
    float: left;
    width: 99%;
}

#ZonaResumenCompraOperaciones {
    margin-top: 20px;
}

#ZonaResumenCompraOperaciones #TablaGeneralOperacion {
    border-bottom: 1px solid #d2d2d2;    
}
#ZonaResumenCompraOperaciones #EncabezadoSesion > div:first-child,
#ZonaResumenCompraOperaciones #imgEncabezaSesion {
    display: none;
}


/*--- Fin Compra --- */

#MensajeFinCompra {
    display:none;
}



.seccion9 .cabeceraDetalleButaca {  
    line-height: 20px;
}

.seccion9  .detalleButacaConcesion {
    float: left;
    width: 30%;
    min-width: 30%;
  
}

.seccion9 .detalleButacaFila, 
.seccion9 .detalleButacaColumna {
    float: left;
    width: 5%;
    min-width: 5%;
 
    text-align: center;
    display: block;
}

.seccion9 .detalleButacaPuerta {
    display: none;
}

.seccion9  #detalleButacaImporte0 {
    white-space: normal;
    line-height: 20px;
}

.seccion9 .detalleButacaImporte {
    float: left;
    width: 12%;
    min-width: 12%;
    text-align: center;
}

.seccion9  #detalleButacaComision0 {
     white-space: normal;
    line-height: 20px;
}

.seccion9 .detalleButacaComision {
    float: left;
    width: 10%;
    min-width: 10%;
    margin-left: 0px;
    text-align: center;
}

.seccion9  .detalleButacaTotal {
    float: left;
    width: 16%;
    min-width: 12%;
   
    text-align: center;
}

.entradaDatosHT input {
    height: 25px;
    margin-top: 0px;
}

/* --- Bloque de informacion Tarj y Ref. Compra --- */

#refYtarjeta {
    float: left;
    width: 100%;
}

#TarjetaOculta {
    display: none;
}
#ReferenciaCompra {
    float: left;
    width: 100%;
}

#literalReferenciaCompra {
    font-weight: bold;
}

#numeroReferenciaCompra {
    font-weight: bold;
    color: #79afd4;
}

/* --- Bloque de boton de generar HT --- */

.seccion9 .cajaEstandar100 {
    float: left;
    width: 100%;
    text-align: right;
    height: 50px;
    line-height: 50px;
}

#btnLanzaPDF {
}

#btnLanzaPDF:disabled {
   display:none;
}

/* --- ticket regalo  --- */

#CajaOpcionesImpresion {
    float: left;
    width: 100%;
    text-align: right;
    padding-top: 12px;
}


#DatosTicketRegalo {
    float: left;
    width: 100%;
    height: 320px;
    background-color: transparent;
}

#TituloTicketRegalo {
    float: left;
    width: 100%;
    margin-bottom: 12px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    height: 40px;
    line-height: 40px;
}

#NombreCompradorTicketRegalo,
#MailCompradorTicketRegalo,
#NombreDestTicketRegalo,
#MailDestTicketRegalo,
#MensajetTicketRegalo {
   float: left;
    width: 50%;
    min-width: 50%;
    margin-left: 0px;
    margin-bottom: 10px;
    line-height: 10px;
    text-align: left;  
}

#LiteralNombreCompradorTicketRegalo,
#LiteralMailCompradorTicketRegalo,
#LiteralNombreDestTicketRegalo,
#LiteralMailDestTicketRegalo,
#LiteralMensajetTicketRegalo {
    float: left;
    width: 100%;
    min-width: 50%;
    text-align: left;    
    
}

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

#botonTicketRegalo {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 12px;
}     


#msgTicketRegalo {
    font-size: 12px;
    float: left;
    resize: none;
    overflow: auto;
    width: 500px !important;
    height: 70px !important;
}

.detalleButacaTRegalo,
.detalleButacaImpresion {
    width: 3%;
    height: 4px;
    float: left;
    display: none;
}


/* ********************* CSS ORNAMENTALES ************************************ */

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

#o_on {
    float: left;
        height: 35px;
    color: #79afd4;
    text-align: left;
    font-weight:bold;
     
}

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

.fa-check {
    color: #0f0;
}

/* ********************* FIN KO ***************************************** */



#msgNoTerminada {
    width: 100%;
    height: 100px;
    font-size: 20px;
    font-weight: 700;
}

#enlaceContinuar {
    margin-bottom: 100px;
}

#enlaceContinuar .enlace {
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    /* margin-top: 12px; */
    width: 30%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #335b8c;
    border-color: #335b8c;
}








/* ****** BOTONES   ********************************************************** */

#botonFicha{
    display:none;
}

.botonEtiquetas,
.boton{
   
}


#btnAgenciasCertificado {
    display: none;
}

.botonCondiciones{
  display: none;

}

#butt_bSelAuto {
   display: none;
}


#botonFichavc {
    display: none;
}

#butt_ResumenVC,
#butt_CancelarVC,
#butt_FinalizarVC{
    display: none;
}



#butt_bPagar,
#butt_bBloquear {
   display: none;
}



#btnCambiarCarrito,
#btnCancelaCarrito,
#butt_bCancelarCarrito,
#btnCancelarEtiquetas,
#butt_bVolver,
#butt_bCancelar,
#VolverZonas .paginacion {
 display: none;
}




#butt_FinalizarVC:disabled {
    display:none;
}


 

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

/* ****** MISC   ************************************************************* */


#imgProximamenteES{
  position: absolute;
  background-image: url(../img/proximamenteES.png);
  height: 104px;
  width: 101px;
  z-index: 2;
  right: -10px;
  bottom: -5px; 
}
#imgProximamenteEN{
  position: absolute;
  background-image: url(../img/proximamenteEN.png);
  height: 104px;
  width: 101px;
  z-index: 2;
  right: -10px;
  bottom: -5px; 
}
#imgProximamenteCA{
  position: absolute;
  background-image: url(../img/proximamenteCA.png);
  height: 104px;
  width: 101px;
  z-index: 2;
  right: -10px;
  bottom: -5px; 
}
#imgProximamenteFR{
  position: absolute;
  background-image: url(../img/proximamenteFR.png);
  height: 104px;
  width: 101px;
  z-index: 2;
  right: -10px;
  bottom: -5px; 
}
#imgProximamenteEU{
  position: absolute;
  background-image: url(../img/proximamenteEU.png);
  height: 104px;
  width: 101px;
  z-index: 2;
  right: -10px;
  bottom: -5px; 
}













#InfoAdicionalConcesion {
    background-color: #eee;
    opacity: 1.0;
    border: 0;
    width: 80%;
    width: 50%;
    font-weight: bold;
    font-size: 15px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    padding: 30px 15% 70px;
    margin: 40px auto 0;
    box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);
}

#InfoAdicionalConcesionBotonera {
    text-align: center;
    top: -50px;
    position: relative;
}


#EnlaceVolverMisCompras {
    display: inline-block !important;
    margin-top: 15px;
}

/**Nuevos estilos print**/
.campoFechaOperacion:before {
    content: 'Fecha y hora de la operaci\00F3n:';
    margin-right: 6px;
    font-weight: bold;
}
.campoRecinto:before {
    content: 'Recinto:';
    margin-right: 6px;
    font-weight: bold;
}
.campoTitulo:before {
    content: 'T\00EDtulo:';
    margin-right: 6px;
    font-weight: bold;
}
.campoFSesion:before {
    content: 'Fecha de la sesi\00F3n:';
    margin-right: 6px;
    font-weight: bold;
}
.campoPrecio:before {
    content: 'Importe:';
    margin-right: 6px;
    font-weight: bold;
}
.campoCliente:before {
    content: 'Cliente:';
    margin-right: 6px;
    font-weight: bold;
}
.campoEmailCliente:before {
    content: 'Email:';
    margin-right: 6px;
    font-weight: bold;
}
.campoNifCliente:before {
    content: 'Nif:';
    margin-right: 6px;
    font-weight: bold;
}
.campoTelefonoCliente:before {
    content: 'Tel\00E9 fono de contacto:';
    margin-right: 6px;
    font-weight: bold;
}
.campoRef:before {
    content: 'Referencia:';
    margin-right: 6px;
    font-weight: bold;
}
/**Display none**/
.menuAgencia {
    display: none;
}
#bloqueLiteralListadoVentas {
    display: none;
}
#ListadoVentasOperacionesCabecera {
    display: none;
}
#botonListadoVentas {
    display: none;
}
.campoInforme .miniCampoInforme {
    display: none;
}
.linea:empty {
    display: none;
}
/**/
body {
    padding: 12px;
}
.linea {
    padding-bottom: 12px;
    padding-top: 12px;
	border-bottom: 1px solid #b6b6b6;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: none;
}
#tablaOpcionesListadoVentas {
    display: flex;
    flex-wrap: wrap;
	padding: 4px;
    border: 1px solid #000;
}
.campoInforme {
    width: 50%;
    margin-bottom: 8px;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
#tituloSeccion {
    margin-bottom: 8px;
    margin-top: 8px;
	font-size: 14px;
}
font.AgenciaTitulo {
    margin-right: 4px;
    font-weight: bold;
}
select#buscarRecinto, select#buscarEvento {
    padding: 2px 1px;
    width: 160px;
}
#UsuarioJanto {
    font-size: 14px;
}
#ListadoVentasTotales {
    margin-bottom: 8px;
    margin-top: 8px;
}
font#litTotalEntradas, font#litTotalImporte {
    margin-right: 4px;
    font-weight: bold;
}
font#litTotalEntradas:after, font#litTotalImporte:after {
    content: ':';
}
div#footerleft {
    padding-top: 12px;
}
h4#bloqueCopyRight a {
    display: none;
}
h4#bloqueCopyRight {
    font-weight: 400;
}
.campoFechaOperacion,
.campoRecinto,
.campoTitulo, 
.campoFSesion,
.campoPrecio,
.campoCliente,
.campoEmailCliente,
.campoNifCliente,
.campoTelefonoCliente, 
.campoRef, 
.campoCodigoProcedencia {
    display: flex;
    width: 30%!important;
    margin: 0px;
    padding: 0px 8px;
    align-items: center;
}