﻿body 
{
/*	text-align: center;*/
	font-size: 12px;
	padding:0 0 0 0;
	margin: 0 0 0 0;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	/*font-family: "Trebuchet MS";*/
}


a 
{
	color:#0000FF;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

a img 
{
	border-style: none;
}

/**********************/
.Reservada, .Reservable, .FueraPlazo
{
	border: solid 1px black;
	background-position:center bottom;	
	text-align: center;
}

.Reservable 
{
	
	/*background-color: #33ff99;
	background-image: url(imagenes/Reservable.gif);*/
	background-color: #C4F5C7;
}

.FueraPlazo
{
	/*background-image: url(imagenes/FueraPlazo.gif);*/
	background-color: #FFFFD4;
}

.Reservada
{
	/*background-image: url(imagenes/Reservada.gif);*/
	background-color: #F6BBBF;
}

.Reservada .NombreReserva
{
	text-align: left;
	overflow: hidden;
}

.Reservada .NombreReserva a
{
	width: 1000px;
}	


.NombreReserva
{
	height: 80%;
}

.NombreReserva .Importe
{
	
}

.Reservada .SaldoPositivo, .NombreReserva .SaldoNegativo, .NombreReserva .SaldoCero
{
	font-size: 10px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 1px 2px 1px 2px;
	width: 25%;
}

.Reservada .Deudor
{
	background-color: Yellow;
}

.NombreReserva a:hover
{
	background-color: #C1C4FF;
}

.Reservada a, .Reservable a, .FueraPlazo a
{
	border:none;
	display: block;
	color: Black;
	padding-left: 3px;
}

.Reservable a, .FueraPlazo a
{
	height: 100%;
}
/**********************/

.SoloLectura
{
	background-color: #f1f4ff; /*#D4FFFF;*/
}

span.SoloLectura, a.SoloLectura
{
	padding: 2px 2px 2px 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #c68989;
	border-right-color: #c68989;
	border-bottom-color: #c68989;
	border-left-color: #c68989;
	
}


.enlace
{
		cursor: pointer;
}

.enlace:hover 
{
	border:1px solid;
	border-right:none;
	border-left:none;
	background-color:#cae39a
}


.TablaConBordes
{
	border-width: 1px;
	border-color: #5C743D; /*Maroon;*/
	border-style: solid;
	border-bottom-style: solid;
	background-color: #F1E4D0; /*#99CC66; /*Verde oscuro*/
	padding: 5px 5px 5px 5px;
}

.TablaConBordes .Cabecera
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

.Cabecera a 
{
	color: White;
	font-weight: normal;
	text-decoration: none;
}

.Cabecera 
{
	color: White;
	background-color: #315795;
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: normal;
	vertical-align: bottom;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}


.HoraReserva
{
}

.VistaPrevia .Cabecera
{
	margin: 0px;
	padding: 0px;
}
	
input, option, textarea, .input
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #c68989;
	border-right-color: #c68989;
	border-bottom-color: #c68989;
	border-left-color: #c68989;
	/*background-color: #f2eacd;*/
}

.textoinfo 
{
	color: #315795;
	background-color: #CCDDFF;
	border: solid 1px #315795;
	padding: 10px 10px 10px 10px;
	margin: 2px 2px 2px 2px;
}


.textoerror 
{
	color: #a61f2d;
	background-color: #f2ebeb;
	border: solid 1px #dc5455;
	width: 300px;
	padding: 10px 10px 10px 10px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.GridFilaImpar 
{
	background-color: #E2F3FD;
	color: black;
	padding: 3 3 3 3;
	border: none 0px black;
}

.GridFilaPar
{
	padding-left: 30px;
	background-color: white;
	border: none;
	color: Black;
	padding: 3 3 3 3;
	border: none 0px black;
}


.BarraMenu img
{
	width: 16px;
	height: 16px;
	padding-top: 3px;
}

.BarraMenu
{
	font-size: 12px;
}	

div.tabOn, div.tabOff
{
	float:left;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 3px;
}
div.tabOn
{
	background-color: #315795;	/* Azul oscuro */
	padding-bottom: 0px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
}

div.tabOff
{
	/*background-image: url(imagenes/tabOff.gif);*/
	background-color: #5177B5;
	margin-bottom: 1px;
}

div.tabOff a:hover, div.tabOn a:hover
{
	background-color: #315795;	/* Azul claro */
}
	
div.tabOff a, div.tabOn a
{
	display: block;
	padding-top: 2px;
	border-bottom-style: none;
	border-top-style: none;
	background-position: bottom;
	padding-right: 15px;
	padding-left: 5px;
	text-decoration: none;
}

div.tabOn a, div.tabOff a:hover
{
	border-bottom-style: none;
	border-top-style: none;
}

div.tabOn a
{
	color: #FFFFFF;
	font-weight: bold;
}

div.tabOff a
{
	color: #FFFFFF;
}

div.tabOn img, div.tabOff img
 { padding-right: 3px; 
   padding-left: 3px;}

div.tabOn a:hover img, div.tabOff a:hover img
{
	background-color: transparent;
}


/*Esto es para que el título salga alineado en el centro de la solapa*/
div.tabOn span, div.tabOff span
{
	position: relative;
	top: -2px;
	left: 0px;
}


.GridSeparador td
{
	border-bottom: solid 1px black;
	padding-bottom: 10px;
	padding-top: 10px;
}

.ComunicadoLeido 
{
	font-size: medium;
	padding-bottom: 5px;
}
.ComunicadoLeido a
{
	color: Gray;
}

.ComunicadoNoLeido 
{
	font-size: large;
	font-weight: bold;
	padding-bottom: 5px;
}

.ComunicadoSubtitulo
{
	font-size: 10px;
}

.CuerpoPagina
{
	width: auto;
	border-left: solid 1px #A4AF94;/*#D4DFC4;*/
	border-right: solid 1px #A4AF94;
	border-bottom: solid 1px #A4AF94;
	background-color: #F1F4FF;
	padding-bottom: 5px;
}

#MargenIzquierdo, #MargenDerecho
{
	width: 10px;
}



.GridMantenimiento th
{
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
}

.GridMantenimiento td
{
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
}

.GridMantenimiento a
{
	display: block;
	width: 100%;
	padding: 4px 4px 4px 4px;
}


.GridMantenimiento
{
	border: solid 1px;
}

.GridMantenimiento .FotoSocioGrid img
{
	height: 24px;
	width: 20px;
}

.FormProp .FotoSocioFicha
{
	vertical-align: top;
	width: 200px;
	border: solid 1px;
	width: 120px;
	height: 150px;
}

.FormProp .FotoSocioFicha img
{
	width: 100%;
	height: 100%;
}


.NombreUsuario
{
	float: left;
	width: 300px;
	background-image: url('imagenes/Usuario.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	vertical-align: middle;
}

.NombreClub
{
	float: left;
	width: 300px;
	background-image: url('imagenes/Club.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

.FinalizarSesion
{
	float: left;
	vertical-align: middle;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 2px;
}

.FinalizarSesion a
{
}

.DatosSesion
{
	font-size: 10px;
	padding-right: 3px; /* La misma que tabon,taboff margin-right*/
}


.CabeceraSesion .LogoClub
{
	margin-right: 10px;
}

.LogoClub
{
	height: 40px;
	width: 80px;
	border: solid 1px #888888;
}

.LogoClub img
{
	width: 100%;
	height: 100%;
}

.BarraMenu
{
	margin-top: 5px;
	float: left;
	clear:both;
}

.Separador 
{
	background-color: #315795;
	width: 100%;
	height: 4px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	border-top-style: none;
	font-size: 1px;
}

.panPistas
{
	z-index: 100; 
	left: 190px; 
	position: absolute; 
	width: 80%;
}

.CalendarioCuadrante
{
	background-color: #FFFFFF;
}

.CalendarioCuadrante a
{
	display: block;
	width: 100%;
	text-decoration: none;
}

.CalendarioCuadrante a:hover
{
	border:none;
	cursor: pointer;
}


.CalendarioCuadrante .DiaConCalendario
{
	background-color: inherit;
}

.CalendarioCuadrante .DiaOtroMes a
{
	color: Gray;
}

/* Después de otromes, si no no se ve en otros meses */
.CalendarioCuadrante .DiaSinCalendario 
{
	background-color: #FFFFAA;
}


.CalendarioCuadrante .DiaFestivo a
{
	color: Red;
}

.CalendarioCuadrante .DiaDiario a
{
	color: Black;
}

.CalendarioCuadrante .DiaSeleccionado a, .CalendarioCuadrante .DiaSeleccionado /*Esto último es para el ejemplo */
{
	color: White;
}

.Hoy
{
	border: solid 1px #FF0000;
}

.CalendarioCuadrante .MuestraCal
{
	font-size: 9px;
	margin-top: 5px;
}

.CalendarioCuadrante .MuestraCal div
{
	margin-bottom: 5px;
}

.CalendarioCuadrante .MuestraCal .Hoy
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.CalendarioCuadrante .MuestraCal .DiaSeleccionado
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 5px;
}

.CalendarioCuadrante .MuestraCal .DiaSinCalendario
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.CalendarioCuadrante .Cabecera
{
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 2px;
	background-color: #5177B5;
	height: 30px;
}

.divError
{
	left: 30%;
	width: 40%;
	top: 40%;
	text-align: center;
	border: solid 1px blue;
	background-color: white;
	/* La imagen de fondo se pone por código */
	background-position: left center;
	background-repeat: no-repeat;
}

.divErrorAbs
{
	position: absolute;
}

.divErrorSta
{
	position: static;
}

.divError .divErrorTexto
{
	padding: 0px 10px 0px 50px;
	margin-top: 20px;
	margin-bottom: 20px;
}	

.divError .divErrorTitulo
{
	background-color: Blue;
	color: White;
	height: 20px;
}

.divError .divErrorBoton
{
	margin-top: 20px;
	margin-bottom: 10px;
}	

.MenuReservar .Agrupacion
{
	margin-bottom: 15px;
}

.MenuReservar .Agrupacion .Cabecera
{
	margin-bottom: 2px;
}
/*******************************/

.PanelControl 
{
	margin: auto;
	width: 800px;
}

.PanelControl td
{
	vertical-align: middle;
	border-bottom: solid 1px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.PanelControl .Imagen
{
	text-align: center;
}

.PanelControl .Imagen img
{
	height: 32px;
	width: 32px;
}

.PanelControl .Titulo
{
	font-size: 16px;
	font-weight: bold;
	padding-left: 30px;
}

.PanelControl .Imagen a:hover
{
	background-color: inherit;
	border: none 0px black;
}

.PanelControl .Descripcion
{
	font-size: 12px;
}	

.PanelControl a .Descripcion 
{
	color: #000000;
	font-weight: normal;
}

.Warning
{
	background-color: #FFD4D4;
	background-image: url('imagenes/Warning.gif');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border: solid 1px #888888;
}

.DiaDirecto
{
	width: 80%;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url('imagenes/Calendar16x16.gif');
	background-position: left center;
	background-repeat: no-repeat;
}

.DiaDirecto a
{
	width: 80%;
}

.DiaDirecto a:hover
{
	border:none;
}
.LeyendaClase>div
{
	margin-bottom: 5px;
}

.LeyendaClase .TextoLeyenda
{
	position: relative;
	top: -3px;
	font-size: 10px;
}	

.LeyendaClase .Reservada, .LeyendaClase .Reservable, .LeyendaClase .FueraPlazo
{
	width: 12px;
	height: 12px;
	border: solid 1px black;
	margin-right: 5px;
}

.Boton
{
  cursor:pointer;
  background-color:#003377;
  color:#fff;
  text-decoration:none;
  /* Estos padding y los de boton:active tienen que coordinarse */
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  border-bottom:solid 2px #000;
  border-right:solid 2px #000;
  border-top:solid 1px #336699;
  border-left:solid 1px #336699;
}

.Boton.Menor
{
	font-size: 10px;
}

.GridMantenimiento .Boton
{
	font-size: 11px;
	display: inherit;
}

.Boton:active
{
    background-color: #004499;
	border-top: 1px;
	border-left: 1px;
	border-bottom: 1px;
	border-right: 1px;
	
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 1px;
	margin-bottom: 1px;
  
}
a.Boton:hover
{
	background-color: #004499;
}

/******************************************/

.FormProp>tbody>tr.SepAntes>td
{
	padding-top: 15px;
}

.FormProp>tbody>tr>td
{
	padding-top: 3px;
	padding-bottom: 3px;
}	



.EtiqFormProp
{
	vertical-align: middle;
	text-align: right;
	padding-right: 10px;
/*	width: 30%;*/
}

.ContFormProp
{
	vertical-align: middle;
}	

.FormProp span.SoloLectura
{
	height: 14px;
}


.FormPropComunicado .EtiqFormProp
{
	width: 100px;
}

.FormPropComunicado .ContFormProp
{
	width: 90%;
}

.HuecoVacio
{
	margin-top: 0px;
	margin-bottom: 0px;
	border-left: solid 1px;
	border-right: solid 1px;
}

.TabConceptos td
{
	vertical-align: middle;
}

.ComentarioConcepto
{
	font-size: 11px;
	
}

.CabeceraNoSes
{
	margin: 0 auto; 
	background-color: #315795;
	color: #FFFFFF;
	width: 900px;
}

.CabeceraNoSes a
{
	color: #FFFFFF;
}

.CabeceraNoSes .Cartelon
{
	font-size:32px; 
	width: 60%;
	text-align: left;
	padding-left: 20px;
	background-image: url('imagenes/Cuadrante.gif');
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 50px;
}

.CabeceraNoSes .Ayuda
{
	width: 10%;
	text-align: center;
	vertical-align: middle;
}

.CabeceraNoSes .Ayuda img
{
	width: 32px;
	height: 32px;
}

.CabeceraNoSes .SubCartelon
{
	font-size: 11px;
}

.CabeceraNoSes table
{
	width: 100%;
}

.CabeceraNoSes td
{
	vertical-align: middle;
}

.CabeceraNoSes .Codigo,.CabeceraNoSes .Contrasenna
{
	font-size: 12px;
}

.CabeceraNoSes .Codigo
{
	width: 150px;
}

.CabeceraNoSes .Contrasenna
{
	width: 110px;
}

.CabeceraNoSes .Olvido
{
	text-align: right;
	width: 100%;
	color: #DDDDFF;
}


.CabeceraNoSes .Etiqueta
{
	font-size: 10px;
}

.CabeceraNoSes .Cartelon a
{
	color: #EEEEEE;
	text-decoration: none;
}

.TiempoGoogle table
{
	width: 100%;
}

.TiempoGoogle td
{
	vertical-align: middle;
	text-align: center;
}

.TiempoGoogle img
{
	width: 32px;
	height: 32px;
}

.TiempoGoogle .Ubicacion
{
	background-color: #5177B5;
	color: #FFFFFF;
	padding-left: 2px;
	padding: 2px;
}

.TiempoGoogle .MasInfo
{
	background-color: #5177B5;
	color: #FFFFFF;
	padding: 2px;
}	

.TiempoGoogle .TiempoGoogleKO
{
	font-size: 10px;
	padding: 3px;
}

.TiempoGoogle .MasInfo a
{
	color: #FFFFFF;
}

.TiempoGoogle .Minima
{
	color: #0000FF;
	font-weight: bold;
}

.TiempoGoogle .Maxima
{
	color: #FF0000;
	font-weight: bold;
}

.captcha label
{
	visibility: collapse;
	height: 0px;
	width: 0px;
}


.FichaSocio .EtiqFormProp
{
	width: 200px;
}

.FichaSocio .ContFormProp
{
	
}


/* Página de inicio */

.PaginaPrincipal
{
	width: 900px;	/* La misma que .Cartelon */
	margin: 0 auto;
	color: #214775; /*#315795;*/
}

.PaginaPrincipal a
{
	text-decoration: underline;
}

.PaginaPrincipal li
{
	padding-bottom: 10px;
}

.PaginaPrincipal li li
{
	padding-bottom: 5px;
}

.PaginaPrincipal .Presentacion
{
	width: 47%;
	float:left;
	margin-right: 30px;
	
}

.Presentacion .TagIntro
{
	font-weight: bold;
}

.PaginaPrincipal .Evaluacion
{
	width: 47%;
	float:left;
}

.PaginaPrincipal .Evaluacion ul
{
	padding-left: 15px;
}

.PaginaPrincipal .Evaluacion li
{
	padding-top: 2px;
}

.PaginaPrincipal .Evaluacion .EvalSocio
{
	padding-left: 20px;
}

.PaginaPrincipal .Evaluacion .EvalSocio li
{
	margin-left: 20px;
}

.PaginaPrincipal .Evaluacion .EvalAdmin
{
	padding-left: 20px;
}

.PaginaPrincipal .Evaluacion .EvalAdmin li
{
	margin-left: 20px;
}

.PaginaPrincipal .Acceder
{
	padding-left: 20px;
}

.PaginaPrincipal .Precio
{
	font-size: 24px;
	color: #FF0000;
}

.PaginaPrincipal .Noticias
{
	width: 100%;
	float: none;
	clear: both;
}


.ColPista
{
	vertical-align: top;
}

.ColPistaCab
{
	text-align: center;
	border: none 0px;
	font-size: 12px;
	background-color: #315795;
	color: #FFFFFF;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	height: 30px;
	overflow: hidden;
}	


.CAUPrincipal
{
	width: 900px;	/* La misma que .Cartelon */
	margin: 0 auto;
	color: #315795;
}

.CAUPrincipal .email
{
	background-image: url('imagenes/email24x24.png');
	background-position: center left;
	background-repeat: no-repeat;
	display: table-cell;
	height: 24px;
	vertical-align: middle;
	padding-left: 25px;
}

.CAUPrincipal .Telefono
{
	background-image: url('imagenes/Telefono24x24.gif');
	background-position: center left;
	background-repeat: no-repeat;
	display: table-cell;
	height: 24px;
	vertical-align: middle;
	padding-left: 25px;
}


.PaginaPrincipal .Consola li
{
	padding-top: 5px;
	padding-bottom: 5px;
}

/************* BoxOver **************/

.BoxOver
{
	right: 50%;
	top: 0px;
	position: fixed;
	width: 450px;
	font-size: 11px;
	background-color: #555555;
}


.BoxOverBody
{
	background-color: #FFFFE1;
	border: solid 1px #000000;
	padding: 5px 5px 5px 5px;
}

.BoxOverHeader
{
	background-color: #6B8DAE; 
	border: solid 1px #000000;
	border-bottom: none;
	color: #FFFFFF;
	padding: 3px 3px 3px 3px;
}

.BoxOverBody, .BoxOverHeader
{
	position: relative;
	top: -4px;
	left: -3px;
}


.RelojServidor
{
	text-align: center;
	background-image: url('imagenes/RelojServidor.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	margin-left: 10px;
}


.SuCuenta
{
	border: solid 1px;
}

.SuCuentaCont
{
	padding: 2px 2px 2px 2px;
}

.SuCuentaCont .Deudor
{
	color: Red;
}


.CabCuadrante
{
	border-collapse: collapse;
	min-width: 800px;
	font-size: 11px;
	height: 30px;
}

.CabCuadrante>td
{
	padding: 3px 5px 3px 5px;
}

.CabCuadrante .Cabecera
{
	vertical-align: middle;
}

.CabCuadrante .FechaCuadrante
{
	width: 230px;
}	

.CabCuadrante .FechaCuadrante
{
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
}


.CabCuadrante .TipoReserva
{
	width: 170px;
}

.CabCuadrante .TipoReserva select
{
	width: 150px;
}

.CabCuadrante .GrupoPistas
{
	width: 170px;
}

.CabCuadrante .GrupoPistas select
{
	width: 150px;
}

.CabCuadrante .TipoSocio select
{
	width: 150px;
}



.divTelefono
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.ZonaCentral
{
	width: 850px;
	margin: 0 auto;
}

.ZonaCentral .textoinfo
{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
}

.PiePagina
{
	font-size: 12px;
	text-align: center;
}	

.PiePagina img
{
	height: 12px;
	width: 12px;
}

.GridMantenimiento .Abono, .GridMantenimiento .Abono input, .SaldoPositivo, .SaldoPositivo a, .SaldoPositivo input
{
	color: Green;
}

.GridMantenimiento .Cargo, .GridMantenimiento .Cargo input, .SaldoNegativo, .SaldoNegativo a, .SaldoNegativo input
{
	color: Red;
}


.GridMantenimiento .Cargo, .GridMantenimiento .Abono, .GridMantenimiento .Saldo
{
	width: 60px;
}

.GridMantenimiento .SaldoCero td
{
	border-bottom: solid 2px black;
}

.GridMantenimiento .PieMovSaldo
{
	border-top: solid 1px black;
}

.GridMantenimiento .PieMovSaldo td
{
	vertical-align: top;
}

.Botonera
{
	width: 100%;
	text-align: center;
}

.Botonera .divBoton
{
	/* Esto como TablaConBordes */
	border-width: 1px;
	border-color: #5C743D; /*Maroon;*/
	border-style: solid;
	border-bottom-style: solid;
	background-color: #F1E4D0; /*#99CC66; /*Verde oscuro*/
	padding: 5px 5px 5px 5px;
	
}

.GridMantenimiento .ComEnviarMail a
{
	background-image: url('imagenes/email24x24.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 28px;
}



.IE6
{
	text-align: center;
	background-color: #CCDDFF;
	border: solid 1px #315795;
	padding: 10px 10px 10px 10px;
	font-size: 13px;
}

.IE6 table
{
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.IE6 table td
{
	width: 96px;
}

.IE6 img
{
	width: 48px;
	height: 48px;
	background-color: #CCDDFF;
}

.IE6 .Razones
{
	text-align: left;
	width: 600px;
	margin: 0 auto;
	border: solid 1px #000000;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.IE6 li
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.Detalle .GridFilaPar td, .Detalle .GridFilaImpar td
{
	padding: 5px;
	border: none;
	min-width: 150px;
}

.Detalle .Etiqueta
{
	font-weight: bold;
}



/* Universal, para usar en cualquier sitio */
/* Tiene que ir al FINAL del fichero, para que tenga preferencia sobre cualquier otra */
.AlinIzq
{
	text-align: left;
}
.AlinDer
{
	text-align: right;
}

.AlinCen
{
	text-align: center;
}

.AlinTop
{
	vertical-align: top;
}

.Negrita
{
	font-weight: bold;
}

h1
{
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 5px;
}

h2
{
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 3px;
}

.dxeCalendarDay 
{
	padding: 2px;
}

.dxeErrorFrame, .dxeTextBox {

    display: inline-block; /* non-IE */

}

.TablaCargos .CargoSocio
{
	width: 250px;
}

.TablaCargos .CargoBruto,.TablaCargos .CargoNeto,.TablaCargos .CargoSaldo
{
	width: 70px;
}

.TablaCargos .CargoSocio img
{
	width: 16px;
	height: 16px;
}
	
.TablaCargos.Cabecera
{
	padding-top: 0px;
	padding-bottom: 0px;
}

a.SaldoPositivo, a.SaldoNegativo, a.SaldoCero
{
	text-decoration: underline;
}

.LoginExterno td
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.Tarifa .NombreSocio
{
	width: 150px;
}

.Tarifa .Importe
{
	width: 50%;
}

.Tarifa
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.TablaPagos>tbody>tr>td
{
	padding-bottom: 10px;
	padding-top: 10px;
}

.Incompatible
{
	background-color: Black;
	background-image: none;
	visibility: hidden;
}