/* Estilos Estándar */
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .9em;
}

a {
   outline: 0;
}

a:link, A:visited, A:active, A:hover
{
	text-decoration: none;
	color: #800000;
}

a:hover
{
	text-decoration: underline;
	color: #CC0000;
}

table
{
	font-size: 1em; /* Hack para forzar que se herede el font-size del body */
}

input
{
	border: 1px solid #808080;
}

input:focus
{
	outline:none;
}

input[readonly] 
{
	background-color: #f6f6f6;
	color: #999;
}

input[type="checkbox"], input[type="radio"], input[type="image"]
{
	border: 0;
}

input.Boton, A.BotonLink, A.BotonLink:link, A.BotonLink:visited, A.BotonLink:active, A.BotonLink:hover
{
	border: 1px #CC3300 solid;
	background-color: #FE9C2F;
	margin: 4px;
}

input.BotonPrincipal,
input.BotonSecundario,
a.BotonPrincipal, 
a.BotonSecundario  
{
    font-family: Verdana, Helvetica, sans-serif;
    background-repeat: no-repeat;
    background-position: 6px center;
    vertical-align: middle;
    line-height: 32px;
    display: inline-block;
    text-decoration: none;
    /* min-width: 120px; <-- No funciona bien en IE */
}

input.BotonSecundario,
a.BotonSecundario
{
    color: #222;
    font-family: Verdana, Helvetica, sans-serif;
    border: 1px solid #888;
    background-color: #eee;
}

input.BotonPrincipal,
a.BotonPrincipal
{
    color: #111;
    font-weight: bold;
    border: 1px solid #555;
    background-color: #FCDEAD;
}

input.BotonPrincipal:hover, 
input.BotonSecundario:hover, 
a.BotonPrincipal:hover,
a.BotonSecundario:hover
{
	border: 1px #000 solid;
	background-color: #fff;
}

A.BotonLink, A.BotonLink:link, A.BotonLink:visited, A.BotonLink:active, A.BotonLink:hover
{
	font-size: .9em;  
	color: black;
	padding: 4px;
}

a img
{
	border:0;
}

.RadioButton
{
	border-style: none;
}

.Oculto
{
	visibility: hidden;
}
.Centrado
{
	text-align: center;
}

/* asp:RadioButton */
table.Radiobutton input
{
	border: none;
}

input.CajaTexto
{
}

input.CajaTextoFecha
{
}

select, select.ListaDesplegable
{
	border: 1px solid #808080;
}

.separador 
{
	clear: both;
	visibility: hidden;
}

.SeparadorVertical {
	position:absolute;
	left:50%;
	top:5%;
	bottom:5%;
	border-left: 1px dashed #bbb;
}

/* asp:CheckBox */
span.Checkbox input
{
	border: none;
}

.FotografiaPersonaGenerica
{
	   background-image: url('../../Imagenes/General/usuario_sin_foto.png');
	   background-repeat: no-repeat;
}

/* Login */
#PanelLoginPersona
{
	width: 100%;
	margin: 0;
	text-align: center;
}

#PaginaLoginPersona .Bandera
{
	width:24px;
	height:24px;
	background-repeat: no-repeat;
}

#PaginaLoginPersona #imgCastellano
{
	background-image: url('../../Imagenes/General/Banderas/espana_24x24.png')
}

#PaginaLoginPersona #imgCatalan 
{
	background-image: url('../../Imagenes/General/Banderas/catalunya_24x24.png')
}

#PaginaLoginPersona #imgPortugues 
{
	background-image: url('../../Imagenes/General/Banderas/portugal_24x24.png')
}

.TablaLogin
{
	width: 450px;
	top: 7px;
	border: #CC3300 1px solid;
	margin: 0 auto;
}

.CeldaTituloLogin
{
	background-color: #FFCC66;
	font-weight: bold;
	padding: 2px 0px 2px 6px;
}

.CeldaLinksLogin
{
	background-color: #FFCC66;
}

.LinksLogin
{
	font-weight: bold;
}

#pnlLoginConCertificado
{
	text-align: center;
}

#pnlLoginConCertificado .Etiqueta, #pnlLoginConRedesSociales A
{
	font-size: .9em;    
}

#pnlLoginConRedesSociales
{
	text-align: center;
}

#pnlLoginConRedesSociales .Etiqueta
{
	font-size: .9em; 	
}

#PaginaLoginPersona #ImagenDNIe
{
	margin: 10px 20px 10px 40px;
}

#PaginaLoginPersona #ImagenFNMT
{
	margin: 10px 40px 10px 20px;
}

#PaginaLoginPersona .CeldaLinksLogin a
{
	display: list-item;
	margin: 9px;
	list-style: disc inside;
}

#PaginaLoginPersona #btnEntrarDni.Boton, #PaginaLoginPersona #btnEntrarCentro.Boton
{
	width: 342px;
}

#PaginaLoginPersona #txtLogin, #PaginaLoginPersona #txtPassword
{
	width: 200px;
}

#TablaPeticionLoginConCertificado .Etiqueta
{
	margin-left: 40px;
	margin-right: 40px;
	display:block;
}

/* Pantalla Espera Login */
#PaginaEsperaLogin .Panel 
{
	padding: 25px 15px;
	margin: 100px auto 0px auto;
	width: 600px;
	background-color: #FFCC66;
	text-align: center;
}

#PaginaEsperaLogin #PanelNombreUsuario 
{
	margin: 20px auto 5px auto;
	font-size: 14px;
}

#PaginaEsperaLogin #PanelNumeroUsuariosPorDelante
{
	margin: 20px auto 5px auto;
	text-align:center;    
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 20px;
}

#PaginaEsperaLogin #botonCancelarLogin
{
	margin: 20px auto 0px auto;
	width: 200px;
}

#PaginaEsperaLogin #PanelAccionesSesiones 
{
	background-color: #666666;    
}

/***** ADMINISTRACIÓN *****/
/* Administración General */
#PaginaAdministracionGeneral .TituloPanel 
{
	margin-top: 25px;
	background-color: #ccc;
}

#PaginaAdministracionGeneral .Panel 
{
	border: 1px solid #555;
	padding: 0.7em;
	font-size: small;
}

#PaginaAdministracionGeneral #EtiquetaExplicacionCacheCentros
{
	display: block;
}

/* Administración sesiones */
#PaginaEstadoSesiones #gridviewEstadoSesiones 
{
	margin-top: 15px;
}

#PaginaEstadoSesiones #btnActualizar 
{
	margin-top: 10px;
}

#PaginaEstadoSesiones #PanelTituloOperacionesSesiones
{
	margin-top: 15px;
}

#PaginaEstadoSesiones .Panel 
{
	margin-top: 15px;
	padding: 15px;
}

#PaginaEstadoSesiones #gridviewEstadoSesiones 
{
	font-family: Courier, Courier New, Sans-Serif;
	font-size: 12px;
	text-align: center
}

/* Administración Plantillas */
#PaginaAdministracionPlantillas .CabeceraPanelEstado
{
	font-weight: bold;
}

#PaginaAdministracionPlantillas #panelEstado 
{
	margin-top: 10px;
	padding: 10px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background-color: #efefef;
	border: 1px solid #999;
}

#PaginaAdministracionPlantillas #PanelMensajes
{
	text-align:center
}

#PaginaAdministracionPlantillas #lblMensaje
{
	display: block;
	font-weight: bold;
	margin: 30px;
}

#PaginaAdministracionPlantillas #AnimacionEnProgreso 
{
	margin: 10px 0 30px 0;
}

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

/* Direcciones */
#ucDireccion_TextboxNombreVia
{
	width: 350px;
}

#ucDireccion_TextboxCodigoPostal
{
	width: 50px;
}

/* Datos de contacto */
#ucDatosContacto_TextboxEmail, #ucDatosContacto_TextboxRepeticionEmail
{
	width: 350px;
}

/* Menú Principal */
.BodyMenu
{
	background-color: #FE9C2F;
	margin:2px;        
}
			
.grupoMenu
{
	padding: 0px; 
	margin: 0px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;            
	background-color: #666666;   
	border-bottom: thin groove #b1adad;     
	font-size: 11px;     
}
						  
.grupoMenuConFoco
{
	padding: 0px; 
	margin: 0px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;                        
	background-color: #a8a5a6;  
	border-bottom: thin groove #b1adad;    
	font-size: 11px;         
}
	
.cabeceraGrupo
{
	padding-bottom: 1px;     
	padding-left: 3px;
	padding-top: 1px;  
	height: 21px;
}

.iconoCabecera
{
	width:16px; 
	margin-top:2px;
	float:left;
	vertical-align: middle;
	height:16px;
	border:0;   
	background-repeat:no-repeat;
	background-position:left;
}

img.icono16Cursillos
{            
	background-image: url('../../Imagenes/General/Menu/actividades16.png');       
}            

img.icono16Reservas        
{            
	background-image: url('../../Imagenes/General/Menu/reservas16.png'); 
}  

img.icono16Servicios       
{            
	background-image: url('../../Imagenes/General/Menu/servicios16.png');
}  

img.icono16Abonos       
{            
	background-image: url('../../Imagenes/General/Menu/abonos16.png'); 
}  

img.icono16MiCuenta
{            
	background-image: url('../../Imagenes/General/Menu/perfil16.png');
}  

img.icono16Compras        
{            
	background-image: url('../../Imagenes/General/Menu/compras16.png');  
}  

img.icono16Informes       
{            
	background-image: url('../../Imagenes/General/Menu/informes16.png');  
}  

img.icono16Preferencias     
{            
	background-image: url('../../Imagenes/General/Menu/maintenance16.png');  
}  

img.icono16Administracion     
{            
	background-image: url('../../Imagenes/General/Menu/keys16.png');  
}  

img.icono16QuieroJugar     
{            
	background-image: url('../../Imagenes/General/Menu/quierojugar16.png');  
} 

.textoCabecera
{
	width:106px; 
	float:left; 
	margin-top:3px; 
	margin-left:3px;
	vertical-align: middle; 
}

.imagenDesplegable 
{
	float:right; 
	text-align:left;    
	margin: 7px 5px;      
}

				  
.opcionesGrupo 
{       
	clear:both;
	padding: 3px 0px ;             
	margin-bottom: 0px;
	background-color: #eee;            
}
		
.opcion
{        
	margin-left: 8px;
	margin-bottom: 3px;         
	padding-left: 5px;
	font-weight:normal;
	background-image: url('../../Imagenes/General/Menu/bullet.png');
	background-repeat:no-repeat;
	background-position:left;   
}

.separadorOpciones
{        
	margin-left: 3px;
	margin-right: 3px;
	height: 1px;   
	color: #eee;
}

#PanelMenu
{
	margin: 27px 0px 0px 0px;
	background-color: #b1adad;      
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
}
		
#PanelMenu a:link, #PanelMenu a:visited
{
	text-decoration: none;
	color: Black;
	display: inline-block; 
	width: 100%; 
	padding-left:2px;  
	font-size: 11px;    
	text-decoration: none;       
}

#PanelMenuPersonal a:link, #PanelMenuPersonal a:visited
{
	background-image: url('../../Imagenes/General/Menu/bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
	
	text-decoration: none;
	color: Black;
	display: inline-block; 
	width: 100%; 
	padding-left:8px;  
	font-size: 10px;    
	text-decoration: none;       
}

#PanelMenu a:hover,
#PanelMenuPersonal a:hover
{
	color: #800000;
	text-decoration: underline;
}

#PanelMenu a:focus, a:active
{
	color: #800000;
	text-decoration: underline;
}

#PanelImagenCentro 
{ 
	text-align: center;
	width: 100%;
	margin-bottom: 8px;
}

#imgCentro
{
	max-width:156px;
	max-height:128px;
}

.panelUsuario 
{    
	margin: 15px 1px 0px 1px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #7b7976; 
	padding: 3px;     
	background-color: #e9e8e5;  
	vertical-align:middle;   
}
				
.panelUsuario a:hover
{   
	color: #800000;
	text-decoration: underline;
}

.etiquetaPanelUsuario
{
	padding: 0px; 
	margin: 0px;            
	font-size: 10px;  
	color: #800000;   
}

/* Otros */
.PanelBotones
{  
	text-align: center;
	margin: 15px 0 15px 0;
}

.PiePagina
{    
	border-top: 1px solid #e0dede;
	width:100%;
	text-align: center;
	font-size: .7em;
	line-height: 22px;
}

.CabeceraInformacion
{
	background-color: #eee;
	width: 100%;
	height: 30px;
	padding: 3px;
}

.Panel
{
	border: 1px #CC3300 solid;
}

.TituloPanel
{
	display: block;
	font-weight: bold;
	background-color: #FFCC66;
	text-align: left;
	padding: 2px 0px 2px 6px;
	vertical-align: middle;
	clear:both;
}

.ContenidoPanel
{
	padding: 10px;
}


.FilaSeparadora
{
	background-color: #CC3300;
	height: 3px;
}

/* Grids */
.DatagridBase
{
	border: 1px #cccccc solid;
	font-size: .8em;
}

.DatagridCabecera th,
.DatagridCabecera td
{
	background-color: #CC6600;
	color: White;
	font-weight: bold;
}

.DatagridItemSeleccionado
{
	background-color: #FFF5E1;
	color: #000000;
	font-weight: bold;
}

.DatagridItem, .DatagridItemAlternativo, .DatagridPie
{
	color: #333333;
}


/* Calendario */
.CalendarioBase
{
	background-color:#ffffff;
	text-decoration: none;
	color: #999;
	border-color: #999999;
	font-size: .9em;
}

.CalendarioBase td,
.CalendarioBase th
{
	color: #666;
	border-color: #ccc;
	border-collapse: collapse;
}

.CalendarioBase td a 
{
	color: #444 !important;
}

.CalendarioTitulo td
{
	background-color: #c0c0c0;
	font-weight: bold !important;
	color: #333;
}

.CalendarioTituloDiasSemana
{
	font-weight: normal;
	background-color: #e0e0e0;
	color: #333;
}

.CalendarioDiasSemana,
.CalendarioOtroMes, 
.CalendarioFinSemana,
.CalendarioHoy
{
	border-color: #ccc;
	color: #999;
}

.CalendarioOtroMes
{
	color: #CCCCCC;
	text-decoration: none;
	border-color: #999999;
	background-color: #f6f6f6;
}

.CalendarioFinSemana
{
	background-color: #FFFFEE;
}

.CalendarioHoy
{
	background-color: #fff;
}


/* No funciona por BUG de Microsoft en su Calendar*/
.CalendarioDiaSeleccionado
{
	background-color: #CC3300;
	color: White;
}

/* Nueva Reserva */
.ReservasArbolRecursos
{
	font-size: .8em;
	border: 1px #808080 solid;
}

.ReservasArbolRecursosNodoSeleccionado
{
	background-color: #FFCC66;
}

/* Ejemplo de clase para un recurso definido con NombreEstiloVisual = Ejemplo */
.ReservasArbolRecursosNodo_Ejemplo
{
	font-weight: bold;
}

#PaginaNuevaReserva #lblNuevaReserva, #PaginaNuevaReserva #lblNombreRecurso
{
	display: block;
}

#PaginaNuevaReserva .TituloPanel
{
	display: block;  
}

#PaginaNuevaReserva .Panel
{
	margin-top: 0.9em;
	margin-bottom: 1.2em;
	padding: 0.5em;
	border: 1px #999999 solid;
}

#PaginaNuevaReserva .PanelSeleccionInstalacionFijo 
{
	margin-top: 0.9em;
	margin-bottom: 1.2em;
	padding: 0.5em;
	border: 1px #999999 solid;
	width: 310px; 
}
#PaginaNuevaReserva .ArbolSeleccionInstalacionFijo
{
	width: 305px; 
}

#PaginaNuevaReserva #TablaDatosBeneficiarioReserva
{
	width: 95%;
}

#PaginaNuevaReserva #EtiquetaEscojaOpcionSiNoCliente, #PaginaNuevaReserva #EtiquetaEscojaOpcionSiCliente 
{
	font-size: xx-small;
	clear:both; 
	display:block;
}

#PaginaNuevaReserva #TextboxNombreCompletoBeneficiario, #PaginaNuevaReserva #TextboxEmailBeneficiario 
{
	width: 300px;
}

#PaginaNuevaReserva #TextboxObservaciones 
{
	width: 100%;
}

#PaginaNuevaReserva #EtiquetaNombreApellidosBeneficiario
{
	clear:both; 
	display:block;   
}

#PaginaNuevaReserva #lblNombreRecurso 
{
	float: left;
}

#PaginaNuevaReserva #EnlaceInformacionRecurso 
{
	display:block;
	float:right;
	margin-bottom: 20px;
}
#PaginaNuevaReserva .PlantillaVisualizacioOcupacion 
{
	width:730px;
	overflow:auto;
} 
#PaginaNuevaReserva #PanelObservaciones 
{
	margin-top:2em;
}
#PaginaNuevaReserva #TablaObservaciones
{
	width: 100%;
}
#PaginaNuevaReserva #EtiquetaInfoComentario
{
	vertical-align: top;
	width: 100px;
}
#PaginaNuevaReserva #tbComentario
{
	width: 100%;
	height: 50px;
}

#PaginaNuevaReserva #DescripcionReserva
{
	padding-top:0.3em;
	font-size:0.85em;
}

/* Plantilla Ocupación */
.LeyendaPlantillaOcupacion 
{
	width: 720px;
	font-size: 80%;
	border-collapse:separate;
	border-spacing: 5px;
}

.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaLibre, 
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponible, 
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaOcupado, 
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaSemiOcupado,
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorFestivo, 
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorAntelacion,
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorHorario
{
	text-align: center;
	border: 1px #333 solid;
	padding: 2px;
}

.PlantillaOcupacionCelda, .PlantillaOcupacionCeldaTituloHora, .PlantillaOcupacionCeldaTituloRecurso
{
	font-size: 0.9em;
	border: 1px solid gray;
	vertical-align: middle;
	height: 1.9em;
	background-color: white;
	padding: 0px 3px 0px 3px;
}

.PlantillaOcupacionCeldaTituloHora, .PlantillaOcupacionCeldaTituloRecurso
{
	width: 85px;
	color: #333333;
	background-color: #FFCC66;
	text-align: right;
}

.PlantillaOcupacionCelda td
{
	border: 1px solid gray;
	text-align: center;
}

.PlantillaOcupacionCeldaLibre
{
	color: #000000;
	background-color: #C5FFA8;
}

.PlantillaOcupacionCeldaNoDisponible, 
.PlantillaOcupacionCeldaNoDisponiblePorAntelacion, 
.PlantillaOcupacionCeldaNoDisponiblePorFestivo,
.PlantillaOcupacionCeldaNoDisponiblePorHorario
{
	color: white;
	background-color: #858585;
	vertical-align: middle;
}

.PlantillaOcupacionCeldaNoDisponiblePorAntelacion,
.PlantillaOcupacionCeldaNoDisponiblePorFestivo,
.PlantillaOcupacionCeldaNoDisponiblePorHorario 
{
	background-repeat: no-repeat;
	
	/* Icono centrado */
	background-position: center;
	
	/* Icono derecha */
	/* background-position: right; */
}

.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorAntelacion,
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorFestivo,
.LeyendaPlantillaOcupacion .PlantillaOcupacionCeldaNoDisponiblePorHorario 
{
	padding-right: 16px;
	background-position: 98% center;
}

.PlantillaOcupacionCeldaNoDisponiblePorAntelacion 
{
	background-image: url('../../Imagenes/General/reloj_antelacion_16x16.png');
}

.PlantillaOcupacionCeldaNoDisponiblePorFestivo
{
	background-image: url('../../Imagenes/General/calendario_16x16.png');
}

.PlantillaOcupacionCeldaNoDisponiblePorHorario
{
	background-image: url('../../Imagenes/General/reloj_16x16.png');
}

.PlantillaOcupacionCeldaSemiOcupado
{
	color: black;
	background-color: yellow;
}

.PlantillaOcupacionCeldaOcupado
{
	color: white;
	background-color: #CC3300;
}

.PlantillaOcupacionCeldaTituloRecurso
{
	text-align: center;
	width: 120px;
}

.PlantillaOcupacionLeyendaPersonalizada
{
	width: 500px;
	background-image: none;
}

/* CESTA */
.Cesta
{
	margin: 15px 0px 20px 0px;
	border-collapse: collapse;
	font-size: small;
}

.CestaFilaPar
{
	background-color: #FFF8F0;
}

.CestaFilaImpar
{
	background-color: #ffffff;
}

.CabeceraCesta, .PieCesta
{
	background-color: #FFCC66;
	font-weight: bold;
}

input.Cesta, select.Cesta
{
	border: 1px #333333 solid;
	font-size: x-small;
	margin: 2px 10px 2px 0px;
}

/* Condiciones / LOPD / Texto Legal */
.TextoLegal
{
	font-family: serif monospace;
	font-size: 12px;
	color: #999999;
}

#PaginaCondicionesGenerales #TituloCondicionesComunicacionesElectronicas
{
	margin-top: 1em;
}

/* Tablas */
.TablaConLineas, .TablaConLineas td
{
	border: 1px #cccccc solid;
}

.TablaConLineas td
{
	padding: 2px;
	font-size: .8em;
}

.TablaConLineas th
{
	font-size: .9em;
	padding: 2px;
	font-weight: bold;
	background-color: #FCF0D1;
}

.TablaConLineasPie th
{
	font-size: .9em;
	padding: 2px;
	font-weight: bold;
	background-color: #F0F0F0;
}

/* Varios */
.Etiqueta, .EtiquetaInformacion
{
	color: #000000;
}

.EtiquetaUsuarioAutentificado 
{
	color: #888;
}

.EtiquetaTitulo, .EtiquetaError, .EtiquetaInformacion, .EtiquetaUsuarioAutentificado
{
	font-weight: bold;
}

.EtiquetaError
{
	color: red;
}

.MensajeError, .MensajeAviso, .MensajeInformacion
{
	background-position: 4px 3px;
	background-repeat: no-repeat;
	display: block;
	width: 90%;
	font-size: 0.9em;
	text-align: left;
	font-weight: bold;
	margin: 2em auto;
	background-color: #eee;
	padding: 6px 6px 6px 38px;
	min-height: 20px;
}

.MensajeError
{
	background-image: url('../../Imagenes/General/error_24x24.png');
	color: #f00;
	border: 1px solid #f00;
}

.MensajeAviso
{
	background-image: url('../../Imagenes/General/exclamacion_24x24.png');
	color: #CC6600;
	border: 1px solid #FF9900;
}

.MensajeInformacion
{
	background-image: url('../../Imagenes/General/informacion_24x24.png');
	color: #003366;
	border: 1px solid #003366;
}

.CajaTextoSoloLectura
{
	color: #808080;
	background-color: #F0F0F0;
}

/* TPV Virtual */

#PaginaDetalleTransaccion #btnImprimir
{
	width: 100%;
}

table.TablaDetalleTransaccion
{
	width: 750px;
	font-size: 90%;
}

.DetallesTransaccion_Persona
{
	border: solid 1px Gray;
	margin: 5px 0px 0px 0px;
	background-color: #FE9C2F;
	font-weight: bold;
	color: Black;
	padding: 3px;
	width: 100%;
}

.ElementoCentrado
{
	margin-left: auto;
	margin-right: auto;
}

.ElementoAnchoMaximo
{
	width: 100%;
}

#PaginaSolicitudDatosTarjetaBancaria #PanelTarjetaBancaria
{
	margin: 1em auto 3em auto;
}

#PanelTarjetaBancaria
{
	width: 500px;
	border: 3px solid #FF9900;
	display: block;
}

#ucTarjetaBancaria_PanelImporte
{
	font-size: 14px;
	padding-top: 20px;
	height: 38px;
	background: #fde1b0 url('../../Imagenes/General/tpvvirtual_fondoflecha.gif') no-repeat left top;
	text-align: center;
}

#ucTarjetaBancaria_EtiquetaImporte, #ucTarjetaBancaria_EtiquetaEuros
{
	font-weight: bold;
}

#ucTarjetaBancaria_PanelIntroduccion
{
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 24px;
	height: 44px;
	background: url('../../Imagenes/General/tpvvirtual_fondointro.gif') no-repeat left top;
	text-align: left;
	font-size: 12px;
	padding-left: 72px;
	padding-top: 14px;
}

#ucTarjetaBancaria_EtiquetaNumeroTarjeta, #ucTarjetaBancaria_EtiquetaFechaCaducidad, #ucTarjetaBancaria_EtiquetaCVV
{
	margin-left: 95px;
	margin-top: 10px;
	font-size: 12px;
	display: block;
}

#ucTarjetaBancaria_TextboxNumeroTarjeta, #ucTarjetaBancaria_TextboxCVV, #ucTarjetaBancaria_DesplegableFechaCaducidadMes
{
	margin-left: 95px;
}

#ucTarjetaBancaria_TextboxCVV
{
	width: 2.5em;
}

#ucTarjetaBancaria_EnlaceExplicacionCVV
{
	font-size: 12px;
	font-weight: bold;
}

#ucTarjetaBancaria_ExplicacionCVV
{
	border: solid 2px #cccccc;
	background: url('../../Imagenes/General/tpvvirtual_cvv.gif') no-repeat left center;
	margin: 10px 10px 10px 95px;
	padding: 28px 10px 0px 208px;
	font-size: 11px;
	height: 118px;
}

#ucTarjetaBancaria_PanelBotones
{
	height: 35px;
	text-align: center;
	margin: 2px auto;
}

#ucTarjetaBancaria_PanelBotones input
{
	width: 80px;
	margin-left: 20px;
	margin-right: 20px;
}

#ucTarjetaBancaria_PanelError
{
	margin: 20px 20px 20px 10px;
}

#ucTarjetaBancaria_LabelError
{
	display: block;
	margin-top: 25px;
	margin-bottom: 25px;
}

.LineaPuntos
{
	background: url('../../Imagenes/General/puntos.gif') repeat-x left center;
	height: 22px;
}

/* RESERVA PUNTUAL DE ACTIVIDADES (Parrilla) */
.ReservaPuntualActividades_TablaGeneral
{
	border-collapse: collapse;
}

.ReservaPuntualActividades_ColumnaCabeceraFilas, .ReservaPuntualActividades_ColumnaContenido, .ReservaPuntualActividades_CeldaDisponibilidad, .ReservaPuntualActividades_CeldaDia, .ReservaPuntualActividades_CeldaRecurso, ReservaPuntualActividades_CeldaHora, .ReservaPuntualActividades_TablaGeneral, 
.ReservaPuntualActividades_BotonDiaSeleccionado, .ReservaPuntualActividades_BotonDia
{
	margin: 0px;
	padding: 0px;
}

.ReservaPuntualActividades_ColumnaContenido
{
	border: solid 1px #DDD;
	overflow: hidden;
	height: 100%;
	min-height: 100%;
}

.ReservaPuntualActividades_CeldaDisponibilidad
{
	/* Para evitar descuadres en la tabla deben coincidir      el ancho de las celdas de disponibilidad con los recursos.      */
	width: 220px;
	border: solid 1px black;
	font-size: 11px;
	border-collapse: collapse;
	height: auto;
	
	text-align: center;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	behavior: url("_Comunes/Behaviors/boxsizing.htc");  /* http://webfx.eae.net/dhtml/boxsizing/boxsizing.html */
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;    
}

a.ReservaPuntualActividades_CeldaDisponibilidad
{
	text-decoration:none;
	color:inherit;
}

.ReservaPuntualActividades_CeldaDia
{
	background-color: #FFCC66;
	width: 100%;
	border: solid 0px white;
}

.ReservaPuntualActividades_CeldaRecurso
{
	/* Para evitar descuadres en la tabla deben coincidir      el ancho de las celdas de disponibilidad con los recursos.      */
	width: 220px;
	height: 20px;
	background-color: Orange;
	font-size: 11px;
	vertical-align: middle;
	border: solid 0px white;
}

.ReservaPuntualActividades_CeldaHora
{
	background-color: #FFCC66;
	border-top: 0px solid #DDD;
	border-left: 1px solid #DDD;
	height: 100%;
	min-height: 100%;
	line-height: 100%;
}

.ReservaPuntualActividades_CeldaHoraEspacio
{
	background-image: url('../../Imagenes/General/3-puntos.png') ;
	background-repeat: no-repeat;
	background-position:center;
	background-color: #FFCC66;
	border-top: 0px solid #DDD;
	border-left: 1px solid #DDD;
	height: 100%;
	min-height: 100%;
	width: 100%;
	line-height: 100%;
}


.ReservaPuntualActividades_BotonDiaSeleccionado, .ReservaPuntualActividades_BotonDia
{
	text-align: center;
	font-size: 11px;
	float: left;
	overflow: hidden;
	padding-bottom: 0.1em;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 100px;
	height: 3.2em;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	behavior: url("_Comunes/Behaviors/boxsizing.htc");  /* http://webfx.eae.net/dhtml/boxsizing/boxsizing.html */
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.ReservaPuntualActividades_BotonDia
{
	color: #666;
	border: 1px solid #bbb;
	background-color: #CCFFCC;
}

.ReservaPuntualActividades_BotonDiaSeleccionado
{
	border: 2px solid #666;
	background-color: #ffc;
	color:Black;
}

a.ReservaPuntualActividades_BotonDia
{
	text-decoration:none;
	color:#666;
}

a.ReservaPuntualActividades_BotonDiaSeleccionado
{
	text-decoration:none;
	color:Black;
}

.PanelAyuda
{
	position: absolute;
	background-color: #FFFF82;
	margin: 10px 30px 50px 30px;
	width: 700px;
	text-align: center;
	border: solid 1px Red;
	padding: 10px;
}

.ReservaPuntualActividades_CeldaDisponibilidad .CeldaNombreActividad, 
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaPlazasLibres, 
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaHora, 
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaMonitor, 
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaEstado
{
	display: block ;        
}

.ReservaPuntualActividades_CeldaDisponibilidad .CeldaDiaSemana, 
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaRecurso,
.ReservaPuntualActividades_CeldaDisponibilidad .CeldaFecha
{
	display: none ;
}

.ReservaPuntualActividades_CeldaDisponibilidad .CeldaNombreActividad
{
	margin-top : 0.2em ; 
	font-weight : bold ;
	margin-bottom : 0.4em ;   
}

.ReservaPuntualActividades_CeldaDisponibilidad .CeldaEstado
{
	font-weight : bold ;
	margin-top : 0.4em ;   
}


/* RESERVA PUNTUAL DE ACTIVIDADES (Detalle) */
#PaginaInformacionActividadPuntual .PanelInformacionActividadPuntual 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	behavior: url("_Comunes/Behaviors/boxsizing.htc");  /* http://webfx.eae.net/dhtml/boxsizing/boxsizing.html */
		
	margin-top: 1em;
	padding: 0.8em;
	border: 1px solid #aaa;
	width: 100%;
	overflow: auto;
}

#PaginaInformacionActividadPuntual .TituloActividadPuntual 
{
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	color: #333;
}

#PaginaInformacionActividadPuntual #EtiquetaTituloCodigoActividadPuntual, 
#PaginaInformacionActividadPuntual #EtiquetaCodigoActividadPuntual
{
	font-style: italic;
	font-size: 0.7em;
	color: #666;
}

#PaginaInformacionActividadPuntual #EtiquetaTituloCodigoActividadPuntual 
{
	font-weight: bold;
}

#PaginaInformacionActividadPuntual #ImagenActividadPuntual 
{
	float:right;
	width: 200px;
	margin-left: 1em;
	border: 1px solid #ccc !important;
}

#PaginaInformacionActividadPuntual #EtiquetaDescripcionActividad
{
	display: block;
	margin-top: 1.5em;
}


#PaginaInformacionActividadPuntual #EtiquetaDescripcionAmpliadaActividad
{
	display: block;
	margin-top: 1.5em;
}

#PaginaInformacionActividadPuntual #TablaDatosActividadPuntual
{
	display: block;
	margin-top: 1.5em;
}

/* PaginaAltaUsuarioInternet */
#PaginaAltaUsuarioInternet .MargenIzquierdo
{
	text-align:left;
	margin-left: 5%;
	margin-bottom: 25px;
}

#PaginaAltaUsuarioInternet #TextBoxCorreoElectronico {
	width: 200px;   
}

#PaginaAltaUsuarioInternet #txtLogin {
	width: 200px;   
}

#PaginaAltaUsuarioInternet #txtFechaNacimiento {
	width: 120px;   
}

#PaginaAltaUsuarioInternet #cbxCentros{
	width: 150px;
}

/* PaginaAltaUsuarioInternetOK */
#PaginaAltaUsuarioInternetOK .MargenIzquierdo
{
	text-align:left;
	margin-left: 15%;
	margin-top: 15px;
}

/*PaginaAltaUsuarioCentro */  
#PaginaAltaUsuarioCentro #txtNombre, 
#PaginaAltaUsuarioCentro #txtApellido1, 
#PaginaAltaUsuarioCentro #txtApellido2, 
#PaginaAltaUsuarioCentro #txtPwd, 
#PaginaAltaUsuarioCentro #txtConfPwd
{
	width: 200px; 
}
#PaginaAltaUsuarioCentro #txtDNI  
{
	width: 80px; 
}
#PaginaAltaUsuarioCentro #txtNacimiento  
{
	width: 80px; 
}

#PaginaAltaUsuarioCentro #EtiquetaInformacionAltaUsuarioCentro, #PaginaAltaUsuarioCentro #EtiquetaInformacionAltaUsuarioCentro2
{
	display: block;
	font-size: 90%;
	margin: 4px 4px 18px 4px;
}

/* Workaround para RadioButtons */
.TablaFormulario .RadioButton
{
	display: inline;
}


/*PaginaDatosPersona*/
#PaginaDatosPersona #txtId, #PaginaDatosPersona #txtDNI, #PaginaDatosPersona #txtNombre, #PaginaDatosPersona #txtApellido1, #PaginaDatosPersona #txtApellido2, #PaginaDatosPersona #txtNumeroSS
{
	width: 150px; 
}
#PaginaDatosPersona #txtDNI  
{
	width: 80px; 
}
#PaginaDatosPersona #txtNacimiento  
{
	width: 80px; 
}

/* ConfirmarUsuario */
#PaginaConfirmarUsuario .TablaFormulario
{
	border: 0;
}

#PaginaConfirmarUsuario #txtLogin
{
	width: 200px;
}

#PaginaConfirmarUsuario .EtiquetaTitulo
{
	margin-top: 15px;
	margin-left: 25%;
}

#PaginaConfirmarUsuario #PanelInformacionCodigoVerificacion
{
	font-size: 85%;
	margin-left: 25%;
}

/* Datos Bancarios */
#DatosBancariosIBAN .EtiquetaExplicacionDatosBancarios 
{
	margin-top: 0.7em;
	margin-bottom: 1.7em;
}

/* wucDatosBancariosIBAN */
.CajaTextoDatosBancariosIBAN
{
	width: 280px;
}

/* Estilos PanelFormulario */
.TablaFormulario
{
	border: 1px solid Lightgray; 
	font-size: 80%;
	width: 100%;
	margin-bottom: 10px;
}
 
.TablaFormulario select, .TablaFormulario input, .TablaFormulario a
{
	font-size: 100%;
}
 
.TablaFormulario .CeldaEtiquetaFormulario 
{
	width: 40%;
}

.TablaFormulario td.CeldaEtiquetaFormulario 
{
	vertical-align:top;
	text-align: right;
}

.TablaFormulario td.CeldaEtiquetaFormularioCentrada
{
	vertical-align: middle;
	text-align: right;
}

.TablaFormulario .LeyendaEjemplo
{
	margin-bottom:5px;
	font-size: 80%;
	color: #999999;
	display: block;
}

.IndicadorCampoRequerido {
	font-weight:bold;
	color:red;
	margin-left: 5px;
	margin-right: 5px;
}

.LeyendaEjemplo
{
	margin-bottom:5px;
	font-size: 80%;
	color: #999999;
	display: block;
}
/* Captcha */
.Captcha 
{
	margin-left:34%;
}

#PaginaContacto .Captcha
{
	margin-left:0%;
}

/* PeticionLoginConCertificado */
#TablaPeticionLoginConCertificado
{
	width: 450px;
	top: 100px;
	border: #CC3300 1px solid;
	margin: 100px auto 0 auto;
}

#TablaPeticionLoginConCertificado #EnlaceImagenDNIe {
	margin-right: 20px;
}

#TablaPeticionLoginConCertificado #EnlaceImagenFNMT {
	margin-left: 20px;
}

#TablaPeticionLoginConCertificado td
{
	padding-top: 15px;
	text-align: center;
}

#EtiquetaComprobarDNIElectronico
{
	font-size: 75%;
	padding: 20px;
}

/* AutorizacionesReservasPersonas */
#TablaAutorizaciones
{
	border: 1px solid #C0C0C0;
	width: 100%;
}

#TablaAutorizaciones th
{
	background-color: #FFCC66;
}

#TablaAutorizaciones td
{
	background-color: whitesmoke;
}

#TablaAutorizaciones #CeldaCabeceraFotoPersona
{
	width: 80px;
}

#TablaAutorizaciones #CeldaCabeceraIntegranteReserva
{
	width: 100px;
}

#TablaAutorizaciones #CeldaCabeceraFormaPagoPrincipal, #TablaAutorizaciones #CeldaCabeceraFormaPagoSecundaria
{
	width: 200px;
}

#TablaAutorizaciones .DesplegableFormaPagoPrincipal, #TablaAutorizaciones .DesplegableFormaPagoSecundaria, #TablaAutorizaciones .DesplegableFormaPagoPrincipalNoDisponible
{
	width: 180px;
	margin-left: 10px;
}

#TablaAutorizaciones .DesplegableFormaPagoPrincipalNoDisponible
{
	background-color: #cc0000;
}

#TablaAutorizaciones .DesplegableFormaPagoPrincipal
{
	margin-top: 2px;
}

#TablaAutorizaciones .DesplegableFormaPagoSecundaria
{
	margin-bottom: 2px;
}

#TablaAutorizaciones .EtiquetaSeparadoraFormaPagoPrincipalSecundaria
{
	display: block;
	margin: 6px 12px 6px 10px;
	font-size: 12px;    
}

#PanelAutorizaciones
{
	margin-top: 30px;
}

#PaginaAutorizacionesReservasPersonas .Panel
{
	padding: 5px;
	font-size: 80%;
}


/* PeticionLoginConCertificado */
#TablaPeticionLoginConCertificado
{
	width: 450px;
	top: 100px;
	border: #CC3300 1px solid;
	margin: 100px auto 0 auto;
}

#TablaPeticionLoginConCertificado #EnlaceImagenDNIe {
	margin-right: 20px;
}

#TablaPeticionLoginConCertificado #EnlaceImagenFNMT {
	margin-left: 20px;
}

#TablaPeticionLoginConCertificado td
{
	padding-top: 15px;
	text-align: center;
}

#EtiquetaComprobarDNIElectronico
{
	font-size: 75%;
	padding: 20px;
}

/* AutorizacionesReservasPersonas */
#TablaAutorizaciones
{
	border: 1px solid #C0C0C0;
	width: 100%;
}

#TablaAutorizaciones th
{
	background-color: #FFCC66;
}

#TablaAutorizaciones td
{
	background-color: whitesmoke;
}

#TablaAutorizaciones #CeldaCabeceraFotoPersona
{
	width: 80px;
}

#TablaAutorizaciones #CeldaCabeceraIntegranteReserva
{
	width: 100px;
}

#TablaAutorizaciones #CeldaCabeceraFormaPagoPrincipal, #TablaAutorizaciones #CeldaCabeceraFormaPagoSecundaria
{
	width: 200px;
}

#TablaAutorizaciones .DesplegableFormaPagoPrincipal, #TablaAutorizaciones .DesplegableFormaPagoSecundaria
{
	width: 180px;
	margin-left: 10px;
}

#TablaAutorizaciones .DesplegableFormaPagoPrincipal
{
	margin-top: 2px;
}

#TablaAutorizaciones .DesplegableFormaPagoSecundaria
{
	margin-bottom: 2px;
}

#TablaAutorizaciones .EtiquetaSeparadoraFormaPagoPrincipalSecundaria
{
	display: block;
	margin: 6px 12px 6px 10px;
	font-size: 12px;    
}

#PanelAutorizaciones
{
	margin-top: 30px;
}

#PaginaAutorizacionesReservasPersonas .Panel
{
	padding: 5px;
	font-size: 80%;
}


/*PreferenciasReservasInvitacion*/

#PreferenciasReservasInvitacion .TableContenedor
{    
	margin-top:3px;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;    
}  


#PreferenciasReservasInvitacion .ColumnaDeporte
{    
	width: 134px;  
}  

#PreferenciasReservasInvitacion .ColumnaModalidad
{    
	width: 132px;   
}  

#PreferenciasReservasInvitacion .ColumnaNivel
{    
	width: 133px;   
}  

#PreferenciasReservasInvitacion .ColumnaSexo
{    
	width: 135px;  
}  

#PreferenciasReservasInvitacion .TableHeader
{
	background-color: #CC6600;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 598px;
	color:White;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}
#PreferenciasReservasInvitacion .TableHeader th       
{
	color: white;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	/*border-bottom: 2px solid #000;
	border-top: 2px solid #000;*/
	width:134px;
}

#PreferenciasReservasInvitacion .TableBody 
{
	width:580px;
}
		
#PreferenciasReservasInvitacion .TableBody td
{
	/*padding: 0 20px;*/
	line-height: 20px;
	color: #222222;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 14px;
	/*border-bottom: 1px solid #fff;*/
	border: 0;
	width:125px;
	text-align: center; 
}


#PreferenciasReservasInvitacion #divModalidades
{
	width: 598px; 
	height: 120px; 
	overflow: auto;
}

#PreferenciasReservasInvitacion #ExplicacionesHorarios 
{
	font-size: small;
}

#PreferenciasReservasInvitacion #Leyenda
{
	width: 180px;
	margin: 25px 0px 25px 25px;
}

#PreferenciasReservasInvitacion #Leyenda td
{
	font-size: smaller;
}

#PreferenciasReservasInvitacion #Leyenda td.Seleccionado,
#PreferenciasReservasInvitacion #Leyenda td.Deseleccionado
{
	width:24px; 
}

#PreferenciasReservasInvitacion .Refrescando
{
	background-image: url('../../Imagenes/rotacion_animada_16x16.gif');
	background-repeat: no-repeat;
	background-position:center; 
}

#PreferenciasReservasInvitacion .Seleccionado
{
	background-color: #7CE47C;
}

#PreferenciasReservasInvitacion .Deseleccionado 
{
	background-color:#e6e6e6;
}

#PreferenciasReservasInvitacion #TablaHorario 
{
	color: #333;
	text-align: center;
	width: 100%;
}

#PreferenciasReservasInvitacion #TablaHorario .CabeceraColumnaDia
{
	font-size: 11px;
	font-weight: bold;
	background-color:#bbb;	
	width:73px;
	cursor:pointer; cursor: hand;
}

#PreferenciasReservasInvitacion #TablaHorario .CeldaCabeceraHora
{
	background-color:white;  
	width:73px;
}

#PreferenciasReservasInvitacion #TablaHorario td
{
	width:73px;
	cursor:pointer; 
	cursor: hand;	  
}

#PreferenciasReservasInvitacion #TablaHorario td.hora
{     
	font-size: 11px;
	font-weight: bold;
	background-color:#bbb;
	text-align: center;
	width:67px;
	padding: 3px 0px 3px 0px;
}

#PreferenciasReservasInvitacion #TablaHorario td.celdafin
{
	border-right: 1px solid #808080;
}

#PreferenciasReservasInvitacion .LeyendaEjemplo
{   
	margin-top:-4px;   
	font-size: 80%;
	color: #999999;
	display: block;
}
#PreferenciasReservasInvitacion .LeyendaTabla
{   
	margin-top:5px;
	margin-bottom:5px;
	font-size: 80%;
	color: #999999;
	display: block;
}

/*PreferenciasModalidadReservasInvitacion*/
#PreferenciasModalidadReservasInvitacion #divListaPersonas 
{ 
  overflow: auto; 
  top: 48px;
  height: 345px;
  border: 1px solid;
}
/*CrearReservaInvitacion*/
#CrearReservaInvitacion .LeyendaEjemplo
{   
	margin-top:-2px;
	margin-bottom:5px;
	font-size: 80%;
	color: #999999;
	display: block;
}
#CrearReservaInvitacion .LeyendaTabla
{   
	margin-top:5px;
	margin-bottom:5px;
	font-size: 80%;
	color: #999999;
	display: block;
}
#CrearReservaInvitacion #divListaPersonas 
{ 
  overflow: auto; 
  width: 350px; 
  top: 48px;  
  max-height: 150px;
  border: 0;
}
#CrearReservaInvitacion #grEmails
{
	border: 0;
}
#CrearReservaInvitacion #grEmails td
{
	border: 0;
}
#CrearReservaInvitacion .TableRow      
{
	font-size: 11px;  
}
#CrearReservaInvitacion .TableHeader th     
{   
	background-color: #CC6600;
	color: white;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}

   
/* Lista Personas */
.ListaPersonas
{
	width: 100%;
	cursor: default;
}

.ListaPersonas_Fila
{
	background-color: #eeeeee;
}

.ListaPersonas_Fila_Seleccionada
{
	background-color: #6699DD;
}
.ListaPersonas_ColumnaCheckbox
{
	width: 40px;
	text-align: center;
}

.ListaPersonas_ColumnaNombre
{
	padding-left: 15px;
}

.ListaPersonas_ColumnaFotografia 
{
	width: 70px;
	text-align: center;
}

/* Modalidad E Integrantes */
#PaginaModalidadEIntegrantesReserva #TituloPanelIntegrantes 
{
	margin-top: 25px;
}

/* Ventas Reserva */
.VentasReservaIntegrante
{
	width: 100%;
	margin: 15px 0px 0px 0px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	font-size: 90%;
}

.VentasReservaIntegrante_ColumnaFoto
{
	width: 70px;
	text-align: center;
	vertical-align: top;
	background-color: #aaaaaa;
	padding: 6px 3px;
} 

.VentasReservaIntegrante_ColumnaVenta
{
	padding: 6px;
} 

.VentasReservaIntegrante_NombrePersona
{
	font-weight: bold;
}

.VentasReservaIntegrante_TablaVentas 
{
	width: 100%;
	font-size: 90%;
	margin-top: 6px;
}

.VentasReservaIntegrante_TablaVentas td
{
	padding:  2px 6px;
}

.VentasReservaIntegrante_ColumnaCantidad
{
	width: 45px;
	text-align: right;
}

.VentasReservaIntegrante_ColumnaImporte
{
	width: 80px;
	text-align: right;
}

.VentasReservaIntegrante_ColumnaAcciones
{
	width: 16px;
	text-align: center;
}

.VentasReservaIntegrante_ColumnaFormasPago
{
	width: 220px;
	padding-left: 2px;
	padding-right: 2px;    
}

.VentasReservaIntegrante_ColumnaFormasPago select 
{
	width: 100%;
	font-size: 90%;
}

.VentasReservaIntegrante_BotonAnadirConceptos
{
	display: block;
	width: 140px;
	margin: 12px 6px 0 auto;
}

#PaginaVentasIntegrantesReserva #TituloPanelTotales
{
	margin-top: 20px;
}

#PaginaVentasIntegrantesReserva #PanelTotales
{
	width: 100%;
	background-color: #eeeeee;
}

#PaginaVentasIntegrantesReserva #PanelTotales td
{
	text-align: left;
}

#PaginaVentasIntegrantesReserva #TituloPanelSeleccionFormaPago
{
	margin-top: 20px;
}

#PaginaVentasIntegrantesReserva #PanelSeleccionFormaPago
{
	margin-bottom: 20px;
	background-color: #eeeeee;
	padding: 4px;
}

/* Selección conceptos reserva */
.ConceptoReserva
{
	display:block;
	border: 1px solid #bbbbbb;
	background-color: #cccccc;
	float: left;
	width:31%;
	height: 100px;
	margin: 4px;
	font-size: 90%;
	text-align: center;
}

/* Mis Reservas */
#PaginaMisReservas #TituloPanelMisReservas, #PaginaMisReservas #TituloPanelMisReservasPuntuales
{
	margin-top: 25px;
}

#PaginaMisReservas #PanelMisReservas, #PaginaMisReservas #PanelMisReservasPuntuales
{
	 overflow:auto;
}

#PaginaMisReservas #gvReservas tr.rowtable:hover, #PaginaMisReservas #gvReservasPuntuales tr.rowtable:hover
{
	background-color: #EEEEEE;
}

#PaginaMisReservas #gvReservas td, #PaginaMisReservas #gvReservasPuntuales td
{
	line-height: 30px;
	color: #222222;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 13px;
	border: 0px;
	text-align: center;    
}

#PaginaMisReservas th
{
	color: white;
	background-color: #CC6600;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align: center;  
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}

/* Detalle Reserva */
#DetallesReserva #TituloPanelIntegrantesReserva, #DetallesReserva #TituloPanelPagosReserva
{
	margin-top: 20px;
}

/* Ventas Reserva */
.DetallesTransaccionPersona
{
	width: 100%;
	margin: 0px 0px 15px 0px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
}

.DetallesTransaccionPersona_ColumnaFoto
{
	width: 70px;
	text-align: center;
	vertical-align: top;
	background-color: #aaaaaa;
	padding: 6px 3px;
} 

.DetallesTransaccionPersona_ColumnaTransaccion
{
	padding: 6px;
} 

.DetallesTransaccionPersona_NombrePersona
{
	font-weight: bold;
}

.DetallesTransaccionPersona_TablaPagos
{
	width: 100%;
	font-size: 90%;
	margin-top: 6px;
}

.DetallesTransaccionPersona_TablaPagos_Cabecera 
{
	font-size: 90%;
	text-align: left;
	color: #444444;
}

.DetallesTransaccionPersona_TablaPagos td
{
	padding:  2px 6px;
	vertical-align: top;
}

.DetallesTransaccionPersona_TablaPagos .CabeceraColumnaCantidad, .DetallesTransaccionPersona_TablaPagos .ColumnaCantidad
{
	width: 40px;
	text-align: right;
}

.DetallesTransaccionPersona_TablaPagos .CabeceraColumnaImporte, .DetallesTransaccionPersona_TablaPagos .ColumnaImporte
{
	width: 70px;
	text-align: right;
}

.DetallesTransaccionPersona_TablaPagos .CabeceraColumnaTipoIVA, .DetallesTransaccionPersona_TablaPagos .ColumnaTipoIVA
{
	width: 50px;
	text-align: center;
}

.DetallesTransaccionPersona_TablaPagos .CabeceraColumnaFormaPago, .DetallesTransaccionPersona_TablaPagos .ColumnaFormaPago
{
	width: 140px;
	padding-left: 2px;
	padding-right: 2px;    
}

/* Ventana Bienvenida */
div.opcionBienvenida
{           
	margin:5px;            
	border: 1px solid transparent;
	height:auto;
	width:170px;           
	float:left;
	text-align:center;
	overflow: hidden; 
	padding:2px;             
}        

div.opcionBienvenidaConFoco
{           
	margin:5px;            
	border: 1px solid #FE9C2F;
	height:auto;
	width:170px;           
	float:left;
	text-align:center;
	overflow: hidden; 
	padding:2px;
}                

img.imagenCursillos        
{            
	background-image: url('../../Imagenes/General/Bienvenida/cursillos.png');
}            

img.imagenReservasPuntuales        
{            
	background-image: url('../../Imagenes/General/Bienvenida/reservasPuntuales.jpg');
}  

img.imagenReservas        
{            
	background-image: url('../../Imagenes/General/Bienvenida/reservas.png');
}  

img.imagenCompras        
{            
	background-image: url('../../Imagenes/General/Bienvenida/compras.png');
}  

img.imagenAbonos       
{            
	background-image: url('../../Imagenes/General/Bienvenida/abonos.png');
}  

img.imagenServicios       
{            
	background-image: url('../../Imagenes/General/Bienvenida/servicios.png');
}  

img.imagenPartidoQJ        
{            
	background-image: url('../../Imagenes/General/Bienvenida/partidoQJ.png');
}  
			
			
div.opcionBienvenida img, div.opcionBienvenidaConFoco img
{
	display:inline;
	margin: 3px 3px 0px 3px;
	border:1px solid #ffffff;
	height:128px;
	background-repeat: no-repeat; 
	background-position: center center;
}
		
div.opcionBienvenida a:hover, div.opcionBienvenida a:link, div.opcionBienvenida a:visited, div.opcionBienvenida a:active,
div.opcionBienvenidaConFoco a:hover, div.opcionBienvenidaConFoco a:link, div.opcionBienvenidaConFoco a:visited, div.opcionBienvenidaConFoco a:active
{
	text-decoration:none; 
}
		
div.textoOpcionBienvenida
{
	text-align:center;
	font: bold 14px "Helvetica Neue",Arial,sans-serif; 
	color: #323232; 
	width:100%;
	height:35px;           
}

#lblFraseBienvenida
{
	font: bold 15px 'Helvetica Neue', Arial, sans-serif;  
	color: #323232;            
	vertical-align:middle;         
}
  
/* Banda Izquierda */
body.BandaIzquierda
{
	background-color:#f9e8b5;
}

/* Banda Derecha */
body.BandaDerecha
{
	background-color:#f9e8b5;
}

/* Venta Conceptos */
.DescripcionConcepto { font-weight: bold; }

/* Tabla Cabecera Fija*/ 
.TablaCabeceraFija { font-family:Verdana, Arial, Helvetica, sans-serif;  border:1px solid #999999; width: 740px; }
.TablaCabeceraFija td{border: 0px solid #999999; padding: 3px 5px; margin:0px;text-align:center; font-size:11px;}
.TablaCabeceraFija th {border:0px;padding: 3px 5px; margin:0px;font-size:11px;}
.TablaCabeceraFija thead th {  color:white;background-color: #CC6600; font-weight:bold; text-align:center;}

/* Firefox has missing border bug! https://bugzilla.mozilla.org/show_bug.cgi?id=410621 */
/* Firefox 2 */
html</**/body .TablaCabeceraFija, x:-moz-any-link {margin:1px;}
/* Firefox 3 */
html</**/body .TablaCabeceraFija, x:-moz-any-link, x:default {margin:1px}

/* Administrar Reservas Invitacion*/ 
#AdministrarReservasInvitacion  #Reservas td
{
	line-height: 20px;
	color: #222222;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 11px;
	border: 0px;
	text-align: center;    
}



#AdministrarReservasInvitacion  #Reservas tr:hover
{
	color: #111111;
	background-color: #AAAAAA;

}
#AdministrarReservasInvitacion .TablaFormulario
{
	font-size: 100%;
}

/* Detalle Reserva Invitacion */
#DetalleReservaInvitacion #gvInvitaciones td
{
	line-height: 25px;
	color: #222222;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 11px;
	border: 0px;
	text-align: center;    
}

#DetalleReservaInvitacion #gvInvitaciones th
{
	color: white;
	background-color: #CC6600;
	font-family: 'Helvetica Neue' , Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align: center;  
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}
#DetalleReservaInvitacion #divInvitaciones
{
	width: 100%; 
	height: 250px; 
	overflow: auto;
}
#DetalleReservaInvitacion .TablaFormulario
{
	font-size: 100%;
	border:0px;
}

/* ControladorNavegacion */
#ControladorNavegacion
{
	margin: 0;
	padding: 1%;
	width: 98%;   
}

#ControladorNavegacion #PanelBarraNavegacion
{
	width: 100%; 
	height: 18px;
	margin-bottom: 0.7em;
	font-size: 11px;
}

#ControladorNavegacion #PanelBarraNavegacion * 
{
	display: inline;
}

#ControladorNavegacion #EtiquetaBarraNavegacion
{
	color: #666;
}

#ControladorNavegacion #PanelBarraNavegacion a 
{
	text-decoration: none;
	color: #333;
	padding-left:2px;      
	font-size: 11px;
}

#ControladorNavegacion #PanelBarraNavegacion a:hover
{
	text-decoration: underline;
}

#ControladorNavegacion #PaginadorNavegacion
{
	width: 100%;
	margin-top: 1.2em;
	overflow: hidden;
	text-align: center;
}

#ControladorNavegacion #PaginadorNavegacion *
{
	display: inline-block;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding: 0.15em;
	margin: 0.25em;
	width: 1.3em;
}

#ControladorNavegacion #PaginadorNavegacion *:hover
{
	text-decoration: none;
	font-weight: bold;
	background-color: #FE9C2F;
}

#ControladorNavegacion #PaginadorNavegacion .PaginaSeleccionada 
{
	background-color: #C60;
	color: #fff;
	font-weight: bold;
}

#ControladorNavegacion #BarraNavegacion *
{
	display: inline;
}

#ControladorNavegacion #PanelBarraBuscador
{
	float: right;
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	display: inline;
	height: 20px;
	border: solid 1px #d2d2d2;
	padding: 2px 4px 0px 0px;
	background: #f0f0f0;
	margin-bottom: 4px;
	
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}

#ControladorNavegacion input {
	font: normal 11px/100% Arial, Helvetica, sans-serif;
}

#ControladorNavegacion .TextoBusqueda {
	background: #f0f0f0;
	width:250px;
	margin-left:5px;
	padding-top: 1px;
	border: none;
	outline: none;
}

#ControladorNavegacion .BotonBusqueda {
	border: none;           
	vertical-align: middle; 
}

#ControladorNavegacion .EstiloPagina
{
	background-color:#FFFFFF;
	width:100%;
}

#ControladorNavegacion .EstiloPaginaColor
{
	background-color:white;
	width:100%;
	height:100%;
}

/* Controlador Navegación - Estilos para plantillas sistema T-Innova */
#ControladorNavegacion #PanelPrincipal .wrapper{
	margin:0px 20px 20px 20px;
	min-width:200px;
	max-width:500px;
}

#ControladorNavegacion #PanelPrincipal  .Cabecera {   
	display: table; 
	background-color:#666;    
	height:45px;
	width:100%; 
}

#ControladorNavegacion #PanelPrincipal .CabeceraTexto { 
	display: table-cell; 
	vertical-align: middle;     
	margin:3px;     
	font-weight: bold;
	font-size: .9em;
	color:white;
	text-align:center;  
}

#ControladorNavegacion #PanelPrincipal  .Contenido {    
	border-width: 1px 1px 0px 1px;
	border-color: #d4d0cd;
	border-style: solid;      
	line-height: 132px; 
	height: 132px;
	position:relative;    
}

#ControladorNavegacion #PanelPrincipal  .ContenidoImagen {
	position:absolute;
	top:0;
	bottom:0;
	left: 0;  
	right: 0;  
	margin:auto;    
	max-width:128px;
	max-height:128px;    
}

#ControladorNavegacion #PanelPrincipal .ContenidoDescripcion{     
	border-width: 1px 1px 0px 1px;
	border-color: #d4d0cd;
	border-style: solid;    
	height: 70px;  
	background-color:#f8f8f8;
	padding:3px;
	overflow:auto;
	font-size: 0.7em;
	font-weight: bold;
	color:#333;   
	line-height: 18px;       
}

#ControladorNavegacion #PanelPrincipal .PieBoton{
	text-decoration:none;
	color:white;
	letter-spacing:1px;
	font-weight: bold;
	font-size: .9em;    
	
	display:block;
	background-color:#ff6600;
	height: 30px; 
	line-height:30px;
	text-align:center;   
}

/* PartidosAbiertosReservasInvitacion */
#PartidosAbiertosReservasInvitacion .TablaCabeceraFija 
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #999999; 
	width: 100%;
}
/* ClasificacionReservaInvitacion */
#ClasificacionReservaInvitacion .Tabla  
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	 border:1px solid #999999; 
	 width: 740px;
}
#ClasificacionReservaInvitacion .TablaCenter 
{
	border: 0px solid #999999; 
	padding: 1px 3px; 
	margin:0px;
	text-align:center; 
	font-size:11px;
}
#ClasificacionReservaInvitacion .Tabla th 
{
	border:0px;
	padding: 3px 5px;
	margin:0px;
	font-size:11px;
	}
#ClasificacionReservaInvitacion .Tabla thead th 
{
	color:white;
	background-color: #CC6600; 
	font-weight:bold; 
	text-align:center;
	}
#ClasificacionReservaInvitacion .TablaLeft
{
	border: 0px solid #999999;
	padding: 3px 5px;
	margin: 0px;
	font-size: 13px;
	text-align: left;
	vertical-align:middle;
	width: 180px;
}
#ClasificacionReservaInvitacion .TablaFoot td
{
	border: 0px solid #999999;
	padding: 1px 3px; 
	margin:0px; 
	font-size:13px;
}

/* ResultadoPartido */

#ResultadoPartido .TablaTituloEquipos
{
	width: 650px;
	height:40px;
}
#ResultadoPartido .CeldaTituloEquipos
{
	text-align: center;
	font-size: 18px; 
	font-weight:bold
}
#ResultadoPartido .TablaPartido
{
	width: 650px; 
	background:#FFAA55
}
#ResultadoPartido .PlazaPartido
{
	height: 90px;
}
#ResultadoPartido .CeldaFotoPartido
{
	width: 65px;
	vertical-align:middle;
}
	#ResultadoPartido .CeldaNombrePartido
{
	text-align: left; 
	height: 20px;
	font-size: 15px;
}
#ResultadoPartido .CeldaLibrePartido
{
	font-size: 16px;width:99%
}
#ResultadoPartido .TablaResultado
{
	width: 650px;
   
}
#ResultadoPartido .EtiquetaResultado
{
	font-size: 16px;
	font-weight:bold;
	border: 1px solid black;
	padding: 5px 7px 5px 7px;
  
}
#ResultadoPartido .Resultado
{
	height:40px;
}
#ResultadoPartido .CeldaResultado1
{   
	width:300px;
	text-align: right;
}
#ResultadoPartido .CeldaResultado2
{   
	width:100px;
	text-align: left;
}
#ResultadoPartido .ColumnaSeparacionEquipos
{
	text-align: center; 
	width: 50px; 
	background-image: url('../../Imagenes/General/net.png');
	background-repeat: repeat-y;
}
#ResultadoPartido .ColumnaEquipos
{
	text-align: center; 
	width: 300px;
}
#ResultadoPartido .FotoPersona
{
	height:65px;
}    


/* Alta Familiar */
#PaginaAltaFamiliar #txtNombre, 
#PaginaAltaFamiliar #txtApellido1,
#PaginaAltaFamiliar #txtApellido2, 
#PaginaAltaFamiliar #txtDocumentoIdentidad, 
#PaginaAltaFamiliar #txtNacimiento, 
#PaginaAltaFamiliar #txtEmail, 
#PaginaAltaFamiliar #cbxParentesco
{
	width: 235px;   
}

#PaginaAltaFamiliar #btnAlta,
#PaginaAltaFamiliar #btnVolver 
{
	width: 100px;
}

/* Seleccionar Actividad */
#grdActividadesDisponibles .ColumnaId,
#grdActividadesListaEspera .ColumnaId
{
	width: auto;
}

#grdActividadesDisponibles .ColumnaCodigo,
#grdActividadesListaEspera .ColumnaCodigo 
{
	width: 100px;
}

#grdActividadesDisponibles .ColumnaNombre,
#grdActividadesListaEspera .ColumnaNombre
{
	width: 440px;
}

#grdActividadesDisponibles .ColumnaDescripcion,
#grdActividadesListaEspera .ColumnaDescripcion
{
	width: auto;
}

#grdActividadesDisponibles .ColumnaPlazasLibres
{
	text-align: right;
	width: 50px;
}

#grdActividadesDisponibles .CabeceraColumnaBotonSeleccionar,
#grdActividadesListaEspera .CabeceraColumnaBotonSeleccionar,
#grdActividadesDisponibles .ColumnaBotonSeleccionar,
#grdActividadesListaEspera .ColumnaBotonSeleccionar 
{
	width: 30px;
	text-align: center;
}

#grdActividadesDisponibles .BotonSeleccionarActividad,
#grdActividadesListaEspera .BotonSeleccionarActividad
{
	width: 24px;
	background-image: url('../../Imagenes/General/derecha_24x24.png');
	background-repeat: no-repeat;
}

/* Página de Espera */
#divEspera {
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px;
	background-color: rgba(248, 248, 248, 0.9);
	width: 100%;
	height: 100%;
}       
   
#progresoModal {
	position: absolute;
	top: 40%;
	left: 50%;
	margin: -11px 0 0 -150px;
	color: #990000;
	font-weight:bold;
	font-size:14px;
}  
			  
#progreso {
	background-color: rgba(255, 255, 255, 1);
	border:1px solid #ccc;
	padding:10px;
	width: 300px;
	height: 30px;
	line-height:30px;
	text-align: center;
}

/* Página Errores */  
#PaginaError html 
{
	margin: 0;
}
				
#PaginaError p 
{
	font-size: 18px;
	margin: 5px;
	font-family: Verdana;
}
		
#PaginaError hr
{
	clear:both; 
	border: 1px solid #cccccc; 
	margin: 25px 0;
}
		
#PaginaError .Mantenimiento 
{
	font-size: 40px;
	font-weight: bold;
	font-family: Verdana;
}

#PaginaError #IconoError 
{
	background-image: url('../../Imagenes/General/exclamacion.png');
	background-repeat: no-repeat;
	width:128px;   
	height:128px;
	float:left;
	display: inline;
}

#PaginaError #PlaceHolderMensajes 
{
	margin-top: 1.5em;
}

/* Mis Recibos */
#PaginaMisRecibos .TituloPanel
{
	margin-top: 2em;
}

#PaginaMisRecibos #PanelFiltro 
{
	padding: 0.4em;
}

#PaginaMisRecibos #TextboxFechaInicio,
#PaginaMisRecibos #TextboxFechaFin
{
	width: 90px;
	text-align: center;
	margin-left: 0.5em;
}

#PaginaMisRecibos #EtiquetaFechaFin
{
	margin-left: 1em;
}

#PaginaMisRecibos #TextboxCodigoRecibo
{
	width: 80px;
	margin-left: 0.5em;
}

#PaginaMisRecibos #PanelFiltroCodigoRecibo
{
	margin-top: 0.3em;
}

#PaginaMisRecibos #BotonRefrescar 
{
	display:block;
	margin-top: 1em;
}

#PaginaMisRecibos #GridMisRecibos 
{
	width: 100%;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaCodigo
{
	text-align: center;
	width: 60px;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaFechaVencimiento
{
	text-align: center;
	width: 80px;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaImporte
{
	text-align: right;
	width: 75px;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaCuentaBancaria
{
	text-align: center;
	width: 240px;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaTipo
{
	text-align: center;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaDevuelto
{
	width: 10px;
	text-align: center;
}

#PaginaMisRecibos #GridMisRecibos .ColumnaBotonSeleccionar
{
	width: 20px;
	text-align: center;
}

#PaginaMisRecibos #GridPagosRecibo
{
	width: 100%;
}

#PaginaMisRecibos #GridPagosRecibo .ColumnaFechaVencimiento
{
	text-align: center;
	width: 80px;
}

#PaginaMisRecibos #GridPagosRecibo .ColumnaCantidad
{
	text-align: center;
	width: 40px;
}

#PaginaMisRecibos #GridPagosRecibo .ColumnaImporte
{
	text-align: right;
	width: 75px;
}

#PaginaMisRecibos #GridPagosRecibo .ColumnaDescripcion
{
}

/* CRM.RegistrarAccion */
#PaginaCRMRegistrarAccion #EtiquetaTituloCampaña
{
	font-size: 130%;
	font-weight: bold;
	color: #CC6600; 
	display: block;
	padding: 0.2em;
	margin: 0.8em 0.1em 0em 0.1em;
}

#PaginaCRMRegistrarAccion #SubPanelEstadoOportunidad
{
	overflow: auto;
	padding: 1em;
}

#PaginaCRMRegistrarAccion #PanelRegistrarNuevaAccion
{
	padding: 1em;
}

#PaginaCRMRegistrarAccion .TituloPanel
{
	margin-top: 1em;
}

#PaginaCRMRegistrarAccion #PanelEstadoOportunidad 
{
	overflow: auto;
}

#PaginaCRMRegistrarAccion #PanelEstadoOportunidad .EtiquetaTitulo
{
	float:left;
	clear:left;
	margin-bottom: 0.2em;
	margin-right: 0.5em;
	font-size: 85%;
}

#PaginaCRMRegistrarAccion #PanelEstadoOportunidad .Etiqueta
{
	float: left;
	clear: right;
	font-size: 85%;
}

#PaginaCRMRegistrarAccion #PanelEstadoOportunidad .EtiquetaTituloSeccion
{
	float: left;
	clear: both;
	font-weight: bold;
	font-size: 110%;
}

#PaginaCRMRegistrarAccion #PanelEstadoOportunidad #EtiquetaTituloUltimaAccion 
{
	margin-top: 1.2em;
}

#PaginaCRMRegistrarAccion #PanelRegistrarNuevaAccion .EtiquetaTitulo 
{
	display: block;
	margin-top: 0.5em;
}

#PaginaCRMRegistrarAccion #PanelRegistrarNuevaAccion .BotonPrincipal 
{
	display: block;
	margin-top: 1em;
}

#PaginaCRMRegistrarAccion #PanelRegistrarNuevaAccion #EtiquetaTituloRegistrarAccionNotas 
{
	margin-top: 1em;
}

/* Mis Facturas */
#PaginaMisFacturas #GridMisFacturas  
{
	width: 100%;
	color: #333;
}

#PaginaMisFacturas #GridMisFacturas th, 
#PaginaMisFacturas #GridMisFacturas td
{
	padding: 0.4em;
	border: 1px solid #999;
}

#PaginaMisFacturas #GridMisFacturas th
{
	color:#333;
	background-color:#eee;
}

#PaginaMisFacturas #GridMisFacturas .CabeceraColumnaNumeroFactura
{
	text-align: left;
}

#PaginaMisFacturas #GridMisFacturas .ColumnaFechaFactura
{
	width: 110px;
	text-align: center;
}

#PaginaMisFacturas #GridMisFacturas .ColumnaImporteFactura
{
	width: 90px;
	text-align: right;    
}

#PaginaMisFacturas #GridMisFacturas .ColumnaEstadoFactura
{
	width: 150px;
	text-align: center;    
}

#PaginaMisFacturas #GridMisFacturas .ColumnaAcciones
{
	width: 70px;   
	text-align: center;
}

#PaginaMisFacturas #GridMisFacturas .BotonGestionarIncidencias,
#PaginaMisFacturas #GridMisFacturas .BotonVerDetalleFactura
{
	background-repeat: no-repeat;
	width:24px;
	height: 24px;
}

#PaginaMisFacturas #GridMisFacturas .BotonGestionarIncidencias 
{
	background-image: url('../../Imagenes/General/documento_aviso_24x24.png');
}

#PaginaMisFacturas #GridMisFacturas .BotonVerDetalleFactura
{
	background-image: url('../../Imagenes/General/documento_ver_24x24.png');
}

/* Mis Facturas - Detalle Factura */
#PaginaDetalleFactura #PanelCabeceraFactura 
{
	width: 100%;
	padding: 0.4em;
	border: 1px solid #999;
	color: #333;
}

#PaginaDetalleFactura #PanelCabeceraFactura .Etiqueta
{
	color: #333;
}

#PaginaDetalleFactura .TituloElementoCabeceraFactura 
{
	width: 130px;
}

#PaginaDetalleFactura #TituloPanelDocumentos,  
#PaginaDetalleFactura #TituloPanelIncidencias
{
	margin-top: 2em;
}

#PaginaDetalleFactura #GridDocumentosFactura
{
	width: 100%;
	color: #333;
}

#PaginaDetalleFactura #GridDocumentosFactura th, 
#PaginaDetalleFactura #GridDocumentosFactura td 
{
	padding: 0.4em;
	border: 1px solid #999;
}

#PaginaDetalleFactura #GridDocumentosFactura th 
{
	color:#333;
	background-color:#eee;    
}

#PaginaDetalleFactura #GridDocumentosFactura .CabeceraColumnaDescripcionDocumento
{
	text-align: left;
}

#PaginaDetalleFactura #GridDocumentosFactura .CabeceraColumnaTamanoDocumento
{
	width: 80px;
}

#PaginaDetalleFactura #GridDocumentosFactura .CabeceraColumnaFormato
{
	width: 50px;
	text-align: center;
}

#PaginaDetalleFactura #GridDocumentosFactura .ColumnaFormato
{
	text-align: center;
}

#PaginaDetalleFactura #GridDocumentosFactura .ColumnaTamanoDocumento
{
	text-align: center;
}

/* Mis Facturas - Incidencias de la factura */
#PaginaDetalleFactura #GridIncidenciasFactura
{
	width: 100%;
	color: #333;
}

#PaginaDetalleFactura #GridIncidenciasFactura th,
#PaginaDetalleFactura #GridIncidenciasFactura td
{
	padding: 0.4em;
	border: 1px solid #999;
}

#PaginaDetalleFactura #GridIncidenciasFactura th 
{
	color:#333;
	background-color:#eee;
}

#PaginaDetalleFactura #GridIncidenciasFactura .CabeceraColumnaDescripcionIncidencia, 
#PaginaDetalleFactura #GridIncidenciasFactura .CabeceraColumnaDescripcionResolucion 
{
	text-align: left;
}

#PaginaDetalleFactura #GridIncidenciasFactura .ColumnaFechaHoraApertura
{
	width: 80px;
	text-align: center;
}

#PaginaDetalleFactura #GridIncidenciasFactura .ColumnaResolucion 
{
	width: 80px;
	text-align: center;
}

#PaginaDetalleFactura #PanelBotones
{
	margin-top: 1.5em;
}

#PaginaDetalleFactura #DialogoNuevaIncidencia #TextboxDescripcionNuevaIncidencia
{
	display: block;
	width: 100%;
	height: 180px;
}

/* Mis Clases (monitores) */
#PaginaMisClases .TituloPanel 
{
    background-color: #ccc;
}

#PaginaMisClases #GridMisClases 
{
    width: 100%;
}

#PaginaMisClases #GridMisClases th 
{
    background-color: #eee;
    color: #444;
    padding: 0.4em;
}

#PaginaMisClases #GridMisClases td
{
    padding: 0.4em;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaIdActividad 
{
    width: 20px;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaCodigoActividad 
{
    width: 150px;
    text-align: left;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaActividad 
{
    text-align: left;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaPeriodo
{
    width: 100px;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaDiasHoras
{
    width: 100px;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaBotonInscripciones
{
    width: 95px;
}

#PaginaMisClases #GridMisClases .CabeceraColumnaBotonAsistencia
{
    width: 80px;
}

#PaginaMisClases #GridMisClases .ColumnaIdActividad,
#PaginaMisClases #GridMisClases .ColumnaCodigo, 
#PaginaMisClases #GridMisClases .ColumnaPeriodo,
#PaginaMisClases #GridMisClases .ColumnaDiasHoras,
#PaginaMisClases #GridMisClases .ColumnaBotonInscripciones,
#PaginaMisClases #GridMisClases .ColumnaBotonAsistencia
{
    text-align: center;
}

/* Asistencia Actividades */
#PaginaAsistenciaActividad .TituloPanel 
{
    background-color: #ccc;
}

#PaginaAsistenciaActividad .Panel
{
    border: 1px solid #ccc;
    padding: 0.6em;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
}

#PaginaAsistenciaActividad #PanelSeleccionFechaHora 
{
    overflow: auto;
}

#PaginaAsistenciaActividad #PanelSeleccionFecha,
#PaginaAsistenciaActividad #PanelSeleccionHora 
{
	display: inline-block;
	vertical-align: middle;
	width: 49%;
}

#PaginaAsistenciaActividad .CalendarioBase 
{
	font-size: 1.15em;
}

#PaginaAsistenciaActividad .CalendarioBase td 
{
    padding: 0.4em;
}

#PaginaAsistenciaActividad .CalendarioBase td a 
{
	color: #666 !important;
	font-weight: bold;
}

#PaginaAsistenciaActividad #PanelBotonesSeleccionHora 
{
    margin: 0em auto;
}

#PaginaAsistenciaActividad #PanelSeleccionHora td 
{
    text-align: center;
}

#PaginaAsistenciaActividad #PanelBotonesSeleccionHora input
{
    width: 100px;
    height: 3em;
    font-size: 1.3em;
    color: #333;
    margin: 0.2em;
    margin-bottom: 0.2em;
    margin-right: 40px;     /* Centra los botones */
}

#PaginaAsistenciaActividad #PanelSeleccionHora .HoraSeleccionada input
{
    background-color: #00cc00;
}

#PaginaAsistenciaActividad .AsistenciaInscritoActividad 
{
	width: 100%;
	background-color: #eee;
	margin-bottom: 3px;
	padding: 3px;
}

#PaginaAsistenciaActividad .ColumnaFotografiaInscrito
{
	width: 48px;
	height: 48px;
	text-align: center;
	background-color: #fff;
}

#PaginaAsistenciaActividad .ColumnaNombreInscrito 
{
	padding-left: 12px;
}

#PaginaAsistenciaActividad .ColumnaBotones
{
	width: 140px;
	text-align: center;
}

#PaginaAsistenciaActividad .FotografiaPersonaGenerica,
#PaginaAsistenciaActividad .FotografiaInscritoActividad {
	height: 48px;
}

#PaginaAsistenciaActividad #EtiquetaTituloPanelActividad,
#PaginaAsistenciaActividad #EtiquetaTituloPanelFechaHoraActividad, 
#PaginaAsistenciaActividad #EtiquetaTituloPanelInscritos
{
	margin-top: 2em;
}

#PaginaAsistenciaActividad #PanelBotones
{
    overflow: auto;
    margin-top: 3.5em;
}

#PaginaAsistenciaActividad #BotonVolver,
#PaginaAsistenciaActividad #BotonMarcarAsistenciaNoMarcados,
#PaginaAsistenciaActividad #BotonMarcarNoAsistenciaNoMarcados 
{
    border: 1px solid #999;
    vertical-align: middle;
	line-height: 32px;
	padding: 1px 6px 1px 6px;
    text-decoration: none;
}

#PaginaAsistenciaActividad #BotonMarcarAsistenciaNoMarcados,
#PaginaAsistenciaActividad #BotonMarcarNoAsistenciaNoMarcados 
{
	background-color: #eee;
	background-repeat:no-repeat;
	background-position: 6px center;
	display: inline-block;
	margin-left: 0.5em;
	padding: 1px 6px 1px 36px;
    color: #222;
    float: right;    
}

#PaginaAsistenciaActividad #BotonMarcarAsistenciaNoMarcados:hover,
#PaginaAsistenciaActividad #BotonMarcarNoAsistenciaNoMarcados:hover 
{
    border: 1px solid #333;
    background-color: #fff;
}

#PaginaAsistenciaActividad #BotonMarcarAsistenciaNoMarcados
{
	background-image: url('../../Imagenes/General/permitir_24x24.png');
}

#PaginaAsistenciaActividad #BotonMarcarNoAsistenciaNoMarcados
{
	background-image: url('../../Imagenes/General/denegar_24x24.png');
}

#PaginaAsistenciaActividad #BotonVolver 
{
    float: left;
}

#PaginaAsistenciaActividad .BotonDetalles,
#PaginaAsistenciaActividad .BotonDetallesDesactivado,
#PaginaAsistenciaActividad .BotonMarcarAsistencia,
#PaginaAsistenciaActividad .BotonMarcarNoAsistencia,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacion,
#PaginaAsistenciaActividad .BotonMarcarAsistenciaDesactivado,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaDesactivado,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacion 
{
	width: 32px;
	height: 32px;
	border: 1px solid #999;
	background-repeat:no-repeat;
}

#PaginaAsistenciaActividad .BotonDetalles:hover,
#PaginaAsistenciaActividad .BotonDetallesDesactivado:hover,
#PaginaAsistenciaActividad .BotonMarcarAsistencia:hover,
#PaginaAsistenciaActividad .BotonMarcarNoAsistencia:hover,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacion:hover,
#PaginaAsistenciaActividad .BotonMarcarAsistenciaDesactivado:hover,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaDesactivado:hover,
#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacion:hover 
{
    -webkit-filter: brightness(1.3);
} 

#PaginaAsistenciaActividad .BotonMarcarAsistencia 
{
	background-image: url('../../Imagenes/General/permitir_32x32.png');
}

#PaginaAsistenciaActividad .BotonMarcarNoAsistencia 
{
	background-image: url('../../Imagenes/General/denegar_32x32.png');
}

#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacion
{
	background-image: url('../../Imagenes/General/denegar_reloj_32x32.png');
}

#PaginaAsistenciaActividad .BotonMarcarAsistenciaDesactivado
{
	background-image: url('../../Imagenes/General/permitir_gris_32x32.png');
	opacity: 0.5;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}

#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaDesactivado
{
	background-image: url('../../Imagenes/General/denegar_gris_32x32.png');
	opacity: 0.5;
	filter: alpha(opacity=30); /* For IE8 and earlier */

}

#PaginaAsistenciaActividad .BotonMarcarNoAsistenciaConAntelacionDesactivado
{
	background-image: url('../../Imagenes/General/denegar_gris_32x32.png');
	opacity: 0.5;
	filter: alpha(opacity=30); /* For IE8 and earlier */

}

#PaginaAsistenciaActividad .BotonDetalles
{
	margin-left: 16px;
	background-image: url('../../Imagenes/General/notas_editar_32x32.png');
}

#PaginaAsistenciaActividad .BotonDetallesDesactivado
{
	margin-left: 16px;
	background-image: url('../../Imagenes/General/notas_editar_gris_32x32.png');
}

#PaginaAsistenciaActividad #EtiquetaTituloNoAsistencia 
{
	display: block;
	margin-top: 0.5em;
	font-weight: bold;
}

#PaginaAsistenciaActividad #EtiquetaTituloMotivoNoAsistencia 
{
	display: block;
	margin-top: 0.7em;
}

#PaginaAsistenciaActividad #CheckboxAvisadoConAntelacion 
{
	margin-top: 1.2em;    
}

#PaginaAsistenciaActividad #DesplegableMotivosNoAsistencia 
{
	width: 100%;
}

#PaginaAsistenciaActividad #EtiquetaTituloNotas 
{
	display: block;
	margin-top: 1.3em;
	font-weight: bold;
}

#PaginaAsistenciaActividad #TextboxNotas 
{
	width: 100%;
}