@import url("../../../../font-awesome/4.0.3/css/font-awesome.min.css");  
@import url("../../../../fonts/Lato.css");
@import url('//fonts.googleapis.com/css?family=Montserrat');
                                                               

/* ******************* GENERAL ************************************************* */
  



.clear{
     clear: both;
     display: none;
}

a {
  color: #000	;
  text-decoration:none;
  cursor:pointer;
} 

a:hover {
   text-decoration:none;
   color: #fff	;
}

select{    
    height: 30px;  
    border: 1px solid #d2d2d2;
    color: #777;
    background: #f4f4f4;
    transition: all 0.15s ease-in-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

textarea,
input{    
    height: 29px;
    border: 1px solid #d2d2d2;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #f1f0f0;
}

textarea:disabled,
input:disabled {
    color: #d2d2d2;
}



html{                               
  margin:0;
  padding:0;
  height:100%;
} 


/* ******************* BODY **************************************************** */
                                                               
  
body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
 
  background-color: #212121;
  background-image: url(../img/fondo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
    
    background-position: center; 
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #e8e8e8;

}



#wrapper{
  position: relative;
  width:100%;
  height:100%;
   background: -webkit-linear-gradient(transparent, #24242D);
    background: linear-gradient(transparent, #24242D);

   
}

#header,
#headerGroup {
  z-index: 10;
    position: relative;
    top: 0px;
    width: 1020px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 1020px;
    height: 78px;
    background: -webkit-linear-gradient(transparent, #24242D);
    background: linear-gradient(transparent, #24242D);
    border-bottom: 5px solid #e8e8e8;      
}

#headerHJ {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #335b8c;
    display: none;
}

#content{
   float: left; 
   position: relative;
   top: 0px;
   width: 100%;
   height: auto;
   min-height:500px;
   margin-top: 0px;
   margin-bottom: 0px; 
   background: -webkit-linear-gradient(transparent, #24242D);
  background: linear-gradient(transparent, #24242D);
}
  
#footer {
    float:left;    
    width:100%;     
    height:200px;
     background-color: #000;
     
     font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


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



#logo{
    float:left;
    cursor: pointer;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 130px;
    height: 70px;
    position: relative;
    top: 6px;
    left: 20px;
}


/* --- Bloque Idiomas --- */
  
#bloqueIdiomas {
    float: right;
    position:relative;
    top:-35px;
    width: auto;
    height: auto;
    padding: 12px 12px 5px;
   
}

#bloqueIdiomas ul {
  margin: 0;
  padding: 0;
  text-align: right;
}

#bloqueIdiomas li {
  display: inline-block;
  list-style: none;
  margin-left: 9px;
  padding: 0px;
  font-size: 12px;
  color: #fff;
  height: 17px;
} 

#bloqueIdiomas li:hover{
  text-decoration:underline;
}

#bloqueIdiomas li img {
}

/*  ---- Esto sirve por si se configura la web con Banderas y ademas se quiere poner texto del idioma ------------- */
/*
#bloqueIdiomas li:first-child:after {
  content:" Español";
}
#bloqueIdiomas li:nth-child(2n):after {
  content:" Català";
}

#bloqueIdiomas li:nth-child(3n):after {
    content: " English";
}
*/


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


#bloqueRegistro{
    z-index: 999;
    float: left;
    width: 96%;
    position: relative;
    top: 35px;
    left: 2%;
    
    height: 40px;
    line-height: 43px;
    border: 1px solid #d2d2d2;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    display:none;
    
}


#bloqueRegistro p {
  float: left;
  width: 32%;
  margin: 0px;
  margin-left: 12px;
}

#bloqueRegistro a {
    margin: 0 6px;
}

#pass2,
#login2{  
    border-radius: 5px;
}

#bloqueRegistro label {
    float: left;
    width: 50px;
}

#entrar {
  display: inline-block;
  letter-spacing: normal;
  color: #fff;
  background-color: #717371;
  padding: 5px 12px 5px 12px;
  -webkit-border-radius: 3.5px;
  -moz-border-radius: 3.5px;
  border-radius: 3.5px;
  border-color: transparent;
  margin-right: 6px;
  margin-left: 6px;
  cursor: pointer;
  font-size: 12px;
}

#entrar:hover {
  background-color: #0c12e1;
}






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

#bloqueBuscadorUnCampo {
   z-index: 999;
    float: left;
    position: relative;
    top: 148px;
    left: 34.1%;
    width: 372px;
    height: 40px;
    border: 1px solid #d2d2d2;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-left: 5px;
    display:none;
}  

#txtBuscadorUnCampo {
    width: 292px;
    border: 0px;
}
  
#btnBuscadorUnCampo {
  display: inline-block;
    letter-spacing: normal;
    
    padding: 5px;
    cursor: pointer;
}

#btnBuscadorUnCampo:hover {

}

#lstResultadoRapido {
    z-index: 9;
    position: relative;
    top: 2px;
    left: 0px;
    background-color: #fff;
    width: 99%;
    height: 250px;
    border: 1px solid #d2d2d2;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    text-align: left;
    overflow: auto;
    background-color: #d2d2d2;
}

#fichaBuscador {
    float: left;
    width: 85%;
    height: 67px;
    padding: 6px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    
    
}

#fichaBuscador img {
    float: left;
    width: 50px;
    height: 50px;
    margin: 5px;
    
}

#fichaBuscadorTitulo,
#fichaBuscadorLinea2,
#fichaBuscadorLinea3 {
    float: left;
    width: 99%;
    height: auto;
    overflow: hidden;
}
    


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

.bloqueCarrito{
  float: left;
    position: relative;
    top: -38px;
    width: 200px;
    left: 20px;
}

#bloqueCarrito table {
   
    color: #fff;
    padding: 0px 12px 0px 12px;
}

.bloqueCarrito img{
      display: none;
}



.CarritoCompra {
   color: #fff;
   text-align: left;
}

.CarritoCompra:hover {
}

.CarritoResumen, .CarritoResumenVacio{
   color: #fff;
   text-align: left;
}



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


#bloqueTituloPantalla {
    float: left;
    width: auto;
    margin-left: 6px;
    display: none;
}

#Titulo1 {
    float: left;
    height: 30px;
    line-height: 34px;
}
#imgTelefono {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
}



/* --- Bloque Navegacion --- */
    
#nav {
        float: right;
    width: 70%;
    position: relative;
    top: 20px;
    left: 0%;
    height: 49px;
}         
         

/* --- ? --- */

#OcultaNavegacion {
}

/* Opciones Principales */

#bloqueOpcionesMenu{
   
    width: 100%;
    height: 40px;
    line-height: 43px;
    margin: 0 auto;
    
}
       
.button {
    float: left;
    height: 40px;
    padding-top: 0px;
    margin-left: 10px;
    margin-right: 10px; 
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #e8e8e8;
}

.button:hover{
  text-decoration: none;
  color: #cccccc;
}


/* Tipos de eventos */


#subnav{
    float: left;
    width: 60%;
    height: 40px;
    line-height: 43px;
    border: 1px solid #d2d2d2;
 
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    margin-top: 6px;
    display: none;
} 

#menuEventos {
  float: left;
  width: 100%;
  height: 40px;
  display: none;
}

#subnav a{
    float: left;
    width: 97px;
    height: 40px;
    color: #656565;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
        text-align: center;
} 

#subnav a:hover{
  color: #79afd4	;
}

#subnav ul {
  margin: 0px;
  padding: 0px;
}
  
#subnav li{
    display: inline;
    height: 40px;
    width: 17%;
    font-style: italic;
    min-width: 10%;
   
}



#menuEventos li a:first-child {
    width:10px;
}

#menuEventos li #paginaTiposE a:first-child {
    width:25px;
}

#subnav #paginaTiposE {
    display: inline;
    height: 40px;
    width: 25px;
    float:left;
}

#subnav #paginaTiposE img {
 margin-top: 8px;
}


/* Barra de estado Navegacion */


#TituloPanel{
    float: left;
    width: 99%;
    height: 40px;
    line-height: 43px;
    margin-top: 6px;
    border: 1px solid #d2d2d2;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding-left: 11px;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
    display:none;
}

 
.enlace {
     color: #fff;
}

.enlace:hover {
  text-decoration: none;
      color: #fff;
}


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

#aside {
 position:relative;
  top: 0px;
 
  
  width: 1020px;

  margin: auto;
  margin-top: 0px;
  margin-bottom: 15px;
  max-width: 1020px; 
  height:100%;

} 


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

#bloqueEtiquetas {
   z-index: 999;
   position: fixed;
   top: 0px;
   left: 50%;
   width: 1020px;
   height: 100%; 
   margin-left: -510px;
   opacity: 0.97;
   background-color: #DDD;
   padding-top: 5%;
}


#tablaEtiquetas {
    background-color: #fff;
    color: #000;
    opacity: 1.0;
    border: 1px solid #d2d2d2;
    width: 80%;
    padding: 10px;
    font-weight: bold;
    font-size: 15px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
}

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

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

#bloqueDestacados {}


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

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

#seccion {
    float: left;
    width: 100%;
    height: auto;

    
}


#tituloSeccion {
  
    float: left;
    width: 96%;
    left: 2%;
    position: relative;
    margin-top: 20px; 
    margin-bottom: 20px;
    text-align: center;
}

#txtTituloSeccion {
       font-size: 3.3299688rem;
    margin-top: 1.272em;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}


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

/* ********************* 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: 290px;
    height: 367px;
    min-height: 355px;
    margin-left: 0;
    margin-right: 18px;
    margin-bottom: 18px;
    padding: 12px;
    overflow: hidden;

    
    text-align: left;
}

#divImgFichaRecintos,
#divImgFichaEventos {
    position: relative;
    top: 0px;
    width: 284px;
    height: 162px;
   
    overflow: hidden;
    float:left;
    padding: 5px;
    text-align: center;
    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);
}

#divImgFichaRecintos {
    margin-bottom: 20px;
}


#imgFichaEventos, 
#imgFichaRecintos {
   width: 100%;
    height: 100%;
}



#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;
  color:#fff;
 
}

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

#fichaRecintoDireccion p:before {
    content: '\f041';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
   
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;

}


#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; */    
  color:#fff;
}


#fichaEventoFechaHora p:before {
    content: '\f073';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
   
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
    
}



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

#fichaEventoProvincia p:before {
    content: '\f041';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
   
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
    
}

#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 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
}


.paginaActual:nth-child(2n+1) {
display:none;
}

.paginaActual {
  text-decoration: none;
  height: 28px;
  background: #B0B0B0;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -ms-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  color: #fff;
  cursor: pointer;
  letter-spacing: 0em; 
  
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;

}


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

/* ******************* FOOTER ************************************************ */

#piePaginaConfigurable {
  z-index: 10;
    position: relative;
    margin: auto;
    max-width: 1020px;
    width: 1020px;
    height: 100%;

}

#footerleft,
#blqAvisoCondiciones {                                                      
        width: 100%;
    height: 50%;
    float: left;
    position: relative;
    text-align: center;

    
}

#blqAvisoCondiciones {
    height: 40%;
}

#bloqueCopyRight {
    margin: 0;
    width: 100%;
    height: 75%;
    padding-top: 20px;
    font-size: 1.272rem;
}



#blqAvisoCondiciones ul {
    margin: 0;
    padding: 0;
    padding-top: 20px;
}

#piePaginaConfigurable li {
    
    display: -webkit-inline-box;
    margin-right: 12px;
}

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

#version {
    font-size: 10px;
    float: right;
    position: relative;
 
    width: 100%;
    text-align: right;
}


#bloqueCopyRightFijo {
    font-size: 9px;
    text-align: center;

}


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

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

#divAceptaCookies {
    position: fixed;
    left: 0px;
    width: 100%;
    min-width: 100%;
    background: #717371;
    bottom: 0px;
    padding: 15px 0 15px;
    z-index: 15;
    opacity: 1;
}

#divCerrarAceptarCookies {
    float: right;
    width: 50px;
    margin-right: 10px;
    text-align: right;
    font-size: 14px;
    margin-top: -5px;
    line-height: 30px;
    background-image: url("https://entradas.tickbox.es/static/web/img/cerrar_white.png");
    background-position: right top;
    background-repeat: no-repeat;
}

#txtAceptaCookies {
    float: left;
    width: 99%;
    text-align: center;
    margin-left: 20px;
    color: #fff;
}

#txtCerrarCookies {
    color: #fff;
    text-transform: uppercase;
    z-index: 999;
}
/*******************************************************************************/

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

#Transparente {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
z-index: 990;
}

.bgTransparente {  
  background-image: url(../img/transparente.gif)  
}
.bgWaiting {
  background: rgba(255,255,255,1) ; 
  opacity:1 !important;
  height: 30px;
  border-radius: 4px;
}

.bgWaiting img {
  width:30%;

}


.txtWaiting {
  font-weight: bold;
  font-size: 25px;
  color: #3da2f7;
 
 
}

.bgError { 
  background-color: #EBEBEB; 
}

td.texto_error {
    color:#000;
    width: 100px;
}

.texto_error1 {
    color: #000;
}

.bgError img {

}

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

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

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

/* ********************* 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;
}
 /* primer div no tiene id o class */
 
#EncabezadoSesion > div:first-child {
    float: left;
    width: 240px;
    
    margin-right: 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: 100%;
    font-size: 20px;    
}

#EncabezaSesionMasinfoTexto {
    float: left;
    width: 100%;
    font-size: 16px;
}

#EncabezaSesionMasinfoUrl {
    float: left;
    width: 100%;
    color: #fff;
}

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

#EncabezaSesionMasinfoP0Texto,
#EncabezaSesionMasinfoP1Texto,
#EncabezaSesionMasinfoP2Texto,
#EncabezaSesionMasinfoP3Texto,
#EncabezaSesionMasinfoP4Texto,
#EncabezaSesionMasinfoP5Texto {
    float: left;
    width: 100%;
}

#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{
    clear:both;
    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;
        margin-bottom: 24px;
}

p#tarjetaMisCompras {
    display: none;
}

#bloquePendientes input {
    float:left;
}

#bloquePendientes label {
    float:left;
}

#tRegaloMisCompras {
       display: none !important;
}

#TituloMisCompras,
#SubtituloMisCompras,
#tarjetaMisCompras,
#refRecogidaMisCompras {
    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: 98%;
    padding: 12px;
}

img#aRobot {
    float: none;
}

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

#butt_bActualizar {
    margin-top: 11px;
    margin-left: 10px;
}



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



#EPconsulta .bgTdTitulo {
  height: 30px;
    line-height: 30px;
    white-space: nowrap;
    
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    padding: 3px 6px;
    margin-bottom: 0px;
    font-size: 15px;
 
}



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

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

}

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

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


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

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

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


#NavegacionMesAnterior {
    float: left;
    color: #000;
    cursor: pointer;
    
    font-size: 35px;
    width: 10%;
    height: 30px;
    line-height: 30px;    
    text-align: left;
}

 
#NavegacionMesSiguiente {
    float: left;
    color: #000;
    cursor: pointer;
    
    font-size: 35px;
    width: 10%;
    height: 30px;
    line-height: 30px;    
    text-align: right;
}


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


#MesSiguienteCalendario {}
#MesAnteriorCalendario {}
.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.88%;
    color: #000;
    border: 2px solid #fff;
     
}


.cajaDiaMesLunes{
  clear: left;
}

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

.cabeceraDiaMes {
    float: left;
    width: 13.88%;
    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.88%;
    border: 2px solid #fff;
}



.DiaPasado{
  opacity:0.3;
}




.cajaDiaMesAbierta{
  float: left;
  width: 13.60%;
  min-width: 13.60%;
  height: auto;
  min-height: 80px;
  max-height: auto;
   margin: 1px;
}
.cajaExpandirDia{
  position: relative;
  left: 73%;
  top: -21px;
  height: 20px;
  min-height: 20px;
  width: 40px;
  min-width: 40px;
  text-align: right;
}
.subCajaExpandirDia{
  position: absolute;

  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: 99%;
    text-align: center;
}

#tablaOpcionesBuscador{
    float: left;
    position: relative;
    width: 100%;
    
}

#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;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.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 {}
#CancelarAbonado {}
#AceptarAbonado {}




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

/* ****** seccion1xxxx *********** Datos Registro ******************************/

label {
    cursor: text;
}

.tituloRegistro {
    text-align: left;
    font-weight: bold;
}
.camposRegistro {
    float: left;
    text-align: left;
}

input#loginRegistro {
    text-transform: uppercase;
}

#loginRegistro {
    text-transform: uppercase;
}


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

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


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

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



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

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


#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 #NavegacionMesCalendario {
    margin: 0px;
    min-width: 100%;
    width: 100%;
    float: left;
    height: 40px;
    margin-top: 10px;
    padding-top: 5px;
    
}
#ModoMuseoAmpliado #NavegacionMesSiguiente,
#ModoMuseoAmpliado #NavegacionMesAnterior {   
    float:left;
    width: 29%;
}

#ModoMuseoAmpliado #NavegacionMesActualCombo {
    float: left;
    width: 40%;
}

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



#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 .SesionSeleccionada .ListaSesionesHora:before{
content: '\f017';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
    color: #f00;
}

#ModoMuseoAmpliado .ListaSesionesEnlace {

}

#ModoMuseoAmpliado .ListaSesionesFecha {
  display:none;
}

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

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

#ModoMuseoAmpliado .Hasta25 .ListaSesionesHora a{
  color: #3bb93b;
  font-weight: bold;
}
#ModoMuseoAmpliado  .Hasta50 .ListaSesionesHora a{
  color: yellow;
  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;
  color: #fff;
}




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


#ModoMuseoAmpliado #CabeceraAgrupaTabla {
    display:none;
}

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

#ModoMuseoAmpliado #ListaSesionesFechaAgrupa:before {
content: '\f073';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
    

}

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

#ModoMuseoAmpliado .NombreAgrupaSesiones{
  display: none;
}






#ModoMuseoAmpliado .ListaSesionesAgrupaHoraTit {
  display: none;
}


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

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

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

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

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




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

/* ****** 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%;
    height: 35px;
    line-height: 30px;
    white-space: nowrap;
    
    font-weight: bold;  
    border-bottom: 1px solid #d2d2d2;

    margin-bottom: 0px;
    color: #fff;
   
}

.ListaSesionesTitulo {
    display: none;
}

.ListaSesionesFecha {
    float: left;
    width: 30%;
    min-width: 19%;
    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;
}


/* --- */

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

#DetalleTabla:hover {
 
}




.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 ---- */

#MapaZonas {
    float: left;
    margin-left: 0px;
    width: 220px;
    height: auto;
    min-height: 100px;
    text-align: left;
   
}

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

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

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

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

}


#PulseZona {
    clear: left;
    float: left;
    width: 48%;
    padding: 4px 12px;
    text-align: center;
    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;
        color: #000;
    -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);
}


#PulseZona:before {
    content: '\f05a';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
 
}

#VolverZonas {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 14px;
}





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

.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 #planoCabecera  {
    background-image: url(../img/void.png); 
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

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

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

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

.tdOn { 
  float: left;
  line-height: 40px;
  width: 100%;
     /*background: #9d9fa2;*/
}



.bgTdTabla:hover {
    /*background: #9d9fa2;*/
}

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


.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 {
    display: none;
    float: left;
    width: 16%;
    min-width: 16%;
    text-align: center;
}





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

.numEntradasConcesionBotones {
    float: right;
    width: 17%;
    min-width: 17%;

}

#numEntradasConcesionBotones { 
   float: left;
   width: 17%;
   min-width: 17%;

}




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

.botonEntradas {
float: left;
        width: 22px;
    height: 22px;
    font-size: 21px;
    background: #000;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    letter-spacing: 0em;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 9px;
    -webkit-border-radius: 3.5px;
    -moz-border-radius: 3.5px;
    border-radius: 3.5px;
    padding: 0px;
}


.txtEntradasBotones {
   float: left;
   width: 40px;
   height: 18px;
   text-align: center;
   margin-top: 9px;
   font-size: 14px !important;
   border: 1px solid #d2d2d2;
   color: #777 !important;
   background: #fff !important;
   transition: all 0.15s ease-in-out;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   margin-right: 0;
}


/* ------- */



.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;
    margin-bottom: 6px;
}

#bloqueInfoZona {
    float: left;
    margin-bottom: 6px;
}



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


#bloqueLeyendaButacas {
    clear: both;
    float: right;
    width: 70%;
    min-width: 70%;
    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;
     color: #000;
    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);
}

#bloqueLeyendaButacas:before {
    content: '\f05a';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;

}

.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 {
    width: 37px;
    color:#fff;
    background-color:#000;
    font-size: 20px;
    line-height: 17px;
    border-color: #fff;
    margin-bottom: 12px;
}


/* --- Butacas --- */


#ContenedorButacasPadre {
    float: left;
    margin: auto;
    clear: both;
    width: 100%;
    height: auto;
    max-height: 435px;
    -moz-user-select: none;
    overflow: auto;
    
    

}

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

    padding: 0px;

}

#bloquePreciosButacaAyuda {
      float: left;
    color: #000;
    background-color: #DAEDFF;
    width: 250px;
    min-height: 0px;
    z-index: 999;
}

#filacolConcesionAyuda {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    width: 100%;
    border: 1px solid #000;
}

.tituloConcesionAyuda {
    float: left;
    background-color: #ebebeb;
    width: 200px;
    border-bottom: 1px solid;
    -webkit-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    -moz-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
}

#tituloConcesionAyuda {
    display: none;
}

.nombreConcesionAyuda {
   float: left;
    background-color: #DAEDFF;
    width: 71%;

    height: 20px;
    line-height: 20px;
    padding-left: 6px;
    border-left: 1px solid #000;
    
}

.nombreConcesionAyuda:nth-last-child(2),
.importeConcesionAyuda:last-child {
    border-bottom: 1px solid #000;
    -webkit-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    -moz-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
}


.importeConcesionAyuda {
    float: left;
    background-color: #DAEDFF;
    width: 25%;
    height: 20px;
    line-height: 20px;
    border-right: 1px solid #000;
    -webkit-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    -moz-box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
    box-shadow: 7px 9px 18px 0px rgba(0,0,0,0.85);
}

#bloqueLeyendaPlantillas:empty {
    display: none;
}

#bloqueLeyendaPlantillas {
    clear: both;
    float: right;
    width: 70%;
    min-width: 70%;
    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: 20px;
    font-weight: bold;
    
}
.seleccionButacasAmpliado {
 
    height: 30px;
    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;
    margin-right: 10px;
}

.btnPago {
    float: left;
}

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



#limitesCarrito{
  display: none;
}




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

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


.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 {
 
}

#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 {
    float: left;
    width: 5%;
    text-align: center;
}

.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;
        color: #000;
    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: auto;
    min-width:50%;
    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 {
    border: 1px solid #ccc;
    height: 25px;
    margin-top: 12px;
    border-radius: 5px;
}

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

#camposPago0 {
    min-width: 100%;
    width: 100%;
}

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


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

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

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

#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 {
    float: left;
    width: 90%;
    min-width: 90%;
    margin-top: 12px;
    margin-left: 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-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);
    color: #000;
}

#MensajeFinCompra:before {
    content: '\f071';
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    padding-right: 10px;
    font-size: 20px;
    color: #F00;
}

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

.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 {
    border-radius: 5px;
    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;
    
}

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

#CajaOpcionesImpresion0 {
    text-align: right;
    margin: 12px;
}

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

#CajaOpcionesImpresion {
    float: left;
    width: 100%;
    text-align: right;
}


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

#TituloTicketRegalo {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    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: 48%;
    height: 82px;
    line-height: 33px;
    text-align: left;    
}

#LiteralNombreCompradorTicketRegalo,
#LiteralMailCompradorTicketRegalo,
#LiteralNombreDestTicketRegalo,
#LiteralMailDestTicketRegalo,
#LiteralMensajetTicketRegalo {
    float: left;
    width: 20%;    
    
}

input#nombreComprador,
input#emailComprador,
input#nombreDestinatario, 
input#emailDestinatario,
textarea#msgTicketRegalo {
    border: 1px solid #ccc;
    height: 25px;
    margin-top: 0px;
    border-radius: 5px;
}

#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: #717371;
    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;
    color: #717371;
     
}

#o_onG {
    float: left;
    height: 35px;
    color: #fff;
 
    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{
    position: absolute;
    width: 87%;
    bottom: 0px;
    left: 12px;
    display: inline-block;
    letter-spacing: 0;
    padding: 10px 10px 10px 10px;
    font-size: 14px;    
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #74c6de;
    border-bottom: 3px solid #519ead;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

#botonFicha:hover {
   
}



.botonEtiquetas,
.boton{
  display: inline-block;
  
  font-weight: normal;
  letter-spacing: 0;
  color: #fff;
  background-color: #000;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  line-height: 20px;
  border: 1px solid #fff;
  
  cursor: pointer;
  font-weight:bold;
  height: auto;
}

.botonEtiquetas:hover,
.boton:hover {
   background-color: #000;
 
}

#btnAgenciasCertificado {
    display: none;
}

.botonCondiciones{
  display: table;

  font-weight: normal;
  letter-spacing: 0;
  color: #fff;
  background-color: #335b8c;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  line-height: 20px;
  border: 0px;
  margin: auto;
  text-align: center;
 
  cursor: pointer;

}

#butt_bSelAuto {
    margin-right: 2px;
}


#botonFichavc {
    position: absolute;
    bottom: 5px;
    right: 0;
    display: inline-block;
    color: #fff;
    background-color: #335b8c;
    padding: 6px 12px 8px 12px;
    margin: 0;
    margin-right: 5px;
    font-weight:bold;
}

#butt_ResumenVC,
#butt_CancelarVC,
#butt_FinalizarVC{
    font-weight:bold;
    color: #fff;
    background-color: #335b8c;
    padding: 6px 12px 8px 12px;
    margin: 0;
    margin-right: 5px;
    border: 1px;
}


#botonFichavc:hover,
#butt_ResumenVC:hover,
#butt_FinalizarVC:hover,
#botonFichavc:hover {
    background-color: #000;
}

#butt_bPagar,
#butt_bBloquear {
   margin: 0 5px;
}



#btnCambiarCarrito,
#btnCancelaCarrito,
#butt_bCancelarCarrito,
#btnCancelarEtiquetas,
#butt_bVolver,
#butt_bCancelar,
#VolverZonas .paginacion {
  display: inline;
  margin: 0 5px;
  background: #9d9fa2;
  color: #fff;
  margin-right: 12px;
}


#btnCambiarCarrito:hover,
#btnCancelaCarrito:hover,
#butt_bCancelarCarrito:hover,
#butt_CancelarVC:hover,
#btnCancelarEtiquetas:hover,
#butt_bVolver:hover,
#butt_bCancelar:hover,
#VolverZonas .paginacion:hover {
  
  
}

#butt_FinalizarVC:disabled {
    display:none;
}


.paginacion,
.otrasPaginas {
  text-decoration: none;
  height: 28px;
  background: #717371; 
  color: #fff;
  cursor: pointer;
  letter-spacing: 0em;
 
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
}

.paginacion:hover,
.otrasPaginas:hover {
   color:#fff;
   background-color:#000;
} 

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

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



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

@media (max-width: 480px),
(min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3), 
(min-device-width : 736px) and (max-device-width : 414px) and (-webkit-min-device-pixel-ratio : 3),
(min-device-width : 768px) and (max-device-width : 1024px) {

/* --- Cabecera  --- */
#header,
#headerGroup {
    float: left;
    max-width: 100%;
    width: 100%;
    height: 185px;   
}

#logo {
    width: 100%;
    left: 0px;
    margin: 0px;
}

#bloqueIdiomas {
  top: -144px;
}

#bloqueBuscadorUnCampo {
    top: -19px;
    width: 94%;
    left: 2%;
}
#txtBuscadorUnCampo {
    width: 78%;
}

.bloqueCarrito {
   float: left;
    top: -216px;
    left: 0%;
    right: 0px;
}

#subnav {
   display:none;
}

#nav {
    float: left;
    top: 0px;
    height: auto;
    width: 100%;
}

#bloqueOpcionesMenu {
    height: 100%;
    margin: 0px;
    width: 100%;
}

.button {
  font-size: 19px;
  font-weight: bold;
}

/* --- Content --- */
#content {
   height:auto;
}

#aside {
  width: 100%;
}

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

#o_off {
   display:none;
}
#PanelPaginacion {

    width: 96%;
}  

#footer {
    margin-top: 100px;
}  

.botonEtiquetas, .boton {
      width: 99%;
} 

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

#EncabezadoSesion {
    margin-left: 2%;
    width: 96%;
}

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

#txtTituloSeccion {
    font-size: 2.329969rem;
}

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

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

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

.FichaGeneral {
   margin-right: 0px;
}

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

#bloquePendientes p {
     width: 100%;
    left: 0px;
}
#bloquePendientes label {
    height: 50px;
    line-height: 20px;
}

.cabeceraDiaSemana {
      width: 13.23%;
      overflow: hidden;
}

.cabeceraDiaMes {
    width: 13.23%;
    
}
.cabeceraDiaMesDeshabilitado, 
.cajaDiaDeshabilitado {
    width: 13.23%;
} 

.cajaDiaMes {
    width: 13.23%;
    
    height: 50px;
    min-height: 50px;
}   

#PanelContenedorSesionesCalendario #DetalleTabla {
    width: 92%;
    height: auto;    
}

.cajaExpandirDia {
    position: relative;
    left: 8%;
    top: -20px;
    height: 20px;
    min-height: 20px;
    width: 36px;
    min-width: 33px;
    text-align: right;
}

.subCajaExpandirDia {
    background-color: transparent;
}   



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

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

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

.ListaSesionesAgrupaRecinto,
.ListaSesionesAgrupaEvento, 
.ListaSesionesAgrupaFecha,
.ListaSesionesAgrupaHora  {
border:0px;
}

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

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

#CabeceraTabla,
.ListaSesionesNumeradas,
.ListaSesionesInfoSesion, 
.ListaSesionesInfo2Sesion, 
.ListaSesionesInfo3Sesion {
   display:none;
}

#DetalleTabla {
    float: left;
    width: 93%;
    height: 60px;
    margin-top: 6px;
    margin-left: 6px;
    border: 1px solid #d2d2d2;
}



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

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

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

#MapaZonas {
    width: 100%;
}
#NombreZona {
    width: 94%;
} 

#ZonasMapa {
    width: 93%;
} 

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

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

#ListaZonasAforo, 
.ListaZonasAforo {
    display: none;
} 

.bgTdTabla {
   height: 62px;
    line-height: 20px;
    width: 98%;
    overflow: hidden;
    margin-top: 12px;
    border: 1px solid #d2d2d2;
}   

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


#bloqueLeyendaButacas,
#bloqueLeyendaPlantillas {
    width: 90%;
    padding: 12px 9px 12px 5px;
}

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

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

#cabeceraConcesion {
   display:none;
}

.masInfoConcesion {

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

.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 {
    display: inherit;
    font-weight: bold;
    float: left;
    text-align: left;
    height: 18px;
}

.numEntradasConcesion {
   display:inherit;
}

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

.nombreConcesion {
   width:58%;
}

#precioSinDescuento {
    
    color: #d2d2d2;
    font-weight: normal;
}
#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;
}

button#butt_bCancelar {
    margin: 0px;
 
    margin-bottom: 12px;
}
#butt_bSelAuto {


    margin-bottom: 12px;
}
button#butt_bVolver {
    float: right;
    margin: 0px;
    margin-bottom: 12px;
}

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

#ContenedorButacas {
    zoom: 70%;
    transform: scale(0.7);
    transform-origin: left top 0px;
}    

.seccion7 #bloqueConcesiones {
    width: 99%;
    margin-left: 5px;
}    

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

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

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

.seccion7 #planoCabecera {
   display:none;
}

#bloquePreciosButacaAyuda {
   display:none;
}


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

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


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



#BotoneraPago {
    width: 98%;
}    

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

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

.subTotal {
   height: 80px;
}

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

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

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

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

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

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

#TablaDatosPago {
    border:0px;
}


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

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

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


/* ******************* FOOTER ************************************************ */

#piePaginaConfigurable { 
    max-width: 100%;
    width: 100%;
}
#footerleft, 
#blqAvisoCondiciones {
    width: 92%;
    height: 33%;
    margin-top: 20px;
}	

#bloqueCopyRight {
    height: 71%;
}

#bloqueCopyRightFijo {
color:#fff;
}

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

#bloqueEtiquetas {
   width: 100%;
   height: 100%; 
   left: 0%;
   margin-left: 0px;
   
}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px)  {
    /* iPhone 5 only */

.cabeceraDiaSemana,
.cabeceraDiaMesDeshabilitado, 
.cajaDiaDeshabilitado,
.cajaDiaMes,
.cabeceraDiaMes {
    width: 13.02%;
}    
    
}


@media only screen  and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3), 
(min-device-width : 736px) and (max-device-width : 414px) and (-webkit-min-device-pixel-ratio : 3),
(min-device-width : 412px) and (max-device-width : 732px), 
(min-device-width : 732px) and (max-device-width : 412px),
(min-device-width : 768px) and (max-device-width : 1024px)
{ 
/* iPhone 6 and 6+ */
/* Nexus 5X*/

#logo {
   top: 4px;
}

#bloqueIdiomas {
    top: -43px;
}

.bloqueCarrito {
    top: -183px;
}    

}