html {
    min-height: 100%;
    height: auto !important;
    height: 100%;

	background-color:#fff;
	
	scrollbar-3dlight-color:#eee;
	scrollbar-arrow-color:gray;
	scrollbar-track-color:#eee;
	scrollbar-darkshadow-color:silver;
	scrollbar-face-color:#eee;
	scrollbar-highlight-color:;
	scrollbar-shadow-color:;
	/*http://www.distritoweb.net/utilidades/generador-scrollbars.html*/
}

body {
/*    font: 12px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;*/
	font-family: "Arial Narrow";
	font-size:12px;
    color: #666;
    padding: 0;
	/*overflow:hidden;*/
}

body * {
/*   line-height:1.22em;*/
}

h1, h2, h3, h4, h5, h6 {
/*    font-family: Georgia, "Times New Roman", Times, serif;*/
	font-family: "Arial Narrow";
	margin-top:0px;
}

h1 {
    color:#000;
	font-size: 16px;
}

h2 {
	margin-top: -10px;
	margin-left: 10px;
	font-size: 14px;
	color:#FF6633;
}

h3 {
	color:#666;
	font-size: 12px;
}

h4 {
    color: #333;
    margin-top: 10px;
}

p {
    margin: 2px;
    clear: both;
	font-family: "Arial Narrow";
	font-size:12px;	
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

A:link, A:visited
{ 
	color:#666;
	text-decoration: none;
} 

A:hover  
{
	color:#FF0000;
	text-decoration: none;	
} 

A:active  
{ 
	color:#FF0000;
	text-decoration: none;
} 


/*
table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}
*/
td {
    vertical-align: top;
}


#contenedor_info{
	margin-left: 10px;
	height:460px; 
	width:880px; 
	border:0px solid #999;
}

.titulo_campo {color: #FF0000}

.texto_resaltado{color: #FF0000; font-weight:bold;}

.Titulos_Apartados {
	color: #FF0000;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	letter-spacing:1px;
}

/* Menús */

.Menu1
{
	width:101px; 
	height:23px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: -4px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	
	text-align:center;
	text-decoration: none;
	
	border-bottom:0px outset #FFCCFF;	
}

A.Menu1:link, A.Menu1:visited
{
	display: block;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;	
	letter-spacing:0px;
	color:#fff;
	
	border-bottom:0px dashed #ccc;	
	background-image:url(../imagenes/web/boton.png);
	background-repeat:no-repeat;
/*	background-color: #ff0000;*/
}

A.Menu1:hover, A.Menu1:active
{

	color:#fff;
	border-bottom:0px inset #003366;	
	text-decoration: none;
	background-image:url(../imagenes/web/boton_hover.png);
	background-repeat:no-repeat;
/*	background-color: #ddd;		 */
}

.Menu2
{
	width:101px; 
	height:23px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 2px;		
	
	text-align:center;
	text-decoration: none;
	
	border-bottom:0px outset #FFCCFF;	
}

A.Menu2:link, A.Menu2:visited
{
	display: block;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant:small-caps;
	text-decoration: none;	
	letter-spacing:0px;
	color:#fff;
	
	border-bottom:0px dashed #ccc;	
	background-image:url(../imagenes/web/boton.png);
	background-repeat:no-repeat;
/*	background-color: #ff0000;*/
}

A.Menu2:hover, A.Menu2:active
{

	color:#fff;
	border-bottom:0px inset #003366;	
	text-decoration: none;
	background-image:url(../imagenes/web/boton_hover.png);
	background-repeat:no-repeat;
/*	background-color: #ddd;		 */
}

.Enlace
{
	padding: 3px;
	text-decoration: none;
	border:0px inset;	
	clear:both; 
/*	margin-bottom:15px;*/
}

A.Enlace
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	text-decoration: none;	
	letter-spacing:0px;
}

A.Enlace:link, A.Enlace:visited, A.Enlace:active
{
	color:#666;
	border-top:0px solid #ff0000;
	border-bottom:0px solid #ff0000;
}

A.Enlace:hover
{
	color:#ff0000;
	text-decoration: none;
	border-top:0px solid #999;
	border-bottom:0px solid #999;	
}

.Submenu
{
	width:120px; 
	height:15px;
	margin-left: 0px;
	margin-right: 5px;
	margin-top: 13px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	
	text-decoration: none;
	text-align:center;
	
	border-bottom:0px outset #FFCCFF;	
}

A.Submenu:link, A.Submenu:visited
{
	display: block;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
	text-decoration: none;	
	letter-spacing:1px;
	color:#fff;
	
	border-bottom:0px dashed #ccc;	
	background-image:url(../imagenes/web/boton_submenu_off.gif);
	background-repeat:no-repeat;
/*	background-color: #ff0000;*/
}

A.Submenu:hover, A.Submenu:active
{

	color:#fff;
	border-bottom:0px inset #003366;	
	text-decoration: none;
	background-image:url(../imagenes/web/boton_submenu_on.gif);
	background-repeat:no-repeat;
/*	background-color: #ddd;		 */
}

.MenuHistoria
{
	width:66px; 
	height:22px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	
	text-decoration: none;
	
	border-bottom:0px outset #FFCCFF;	
}

A.MenuHistoria:link, A.MenuHistoria:visited
{
	display: block;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	text-decoration: none;	
	letter-spacing:1px;
	color:#fff;
	
	border-bottom:0px dashed #ccc;	
	background-image:url(../imagenes/web/boton_historia_off.gif);
	background-repeat:no-repeat;
/*	background-color: #ff0000;*/
}

A.MenuHistoria:hover, A.MenuHistoria:active
{

	color:#fff;
	border-bottom:0px inset #003366;	
	text-decoration: none;
	background-image:url(../imagenes/web/boton_historia_on.gif);
	background-repeat:no-repeat;
/*	background-color: #ddd;		 */
}



/* Para el plugin de validate*/
.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	/*display: none;*/
	color: red;
	font-style: italic;
	display:block;
	margin-left:5px;
	/*border: 1px dashed #FF0000;*/
}


/* Clases para páginas eventos */

#area_menu_eventos{
/* Area contenedora de los botones de menú para un tipo de eventos elegido (p.e. propios o a medida)*/
	background-image:url('../imagenes/web/imagen_linea_roja.gif'); 
	background-repeat:repeat-x; 
	background-position:center; 
	width:100%; 
	padding-left:20px; 
	margin-top:20px; 
	border:0px solid #0000FF;
}

#area_titulos_eventos{
/* Area contenedora de los titulos eventos (p.e. ppt, beach tenis, ...)*/
	clear:both; 
	border:0px outset; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px; 
	color:#FFFFFF; 
	background-image:url('../imagenes/web/fondo_titulos.png'); 
	background-position:center; 
	background-repeat:repeat-y;
}

#area_menu_paginacion{
	clear:both; 
	padding:3px; 
	margin-right:15px;
	text-align:right;
}

.area_ficha {
/*fichas eventos tipo ppt*/
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	width:180px;
	height:340px; 
	padding:4px; 
	border:0px outset; 
	background-color:#eee;
}

.area_ficha_2 {
/*fichas tipo "reserva tu espacio"*/
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:270px;
	height:350px; 
	padding:4px; 
	border:0px outset; 
	background-color:#eee;
}

.area_ficha_jugador {
/*fichas jugadores patrocinados*/
	margin-top:10px;
	width:410px;
	height:400px; 
	padding:5px; 
	border:0px outset; 
	background-color:#eee;
}


/* --- */

div.error { display: none; border:1px solid #FF0000 }

input, textarea { border: 1px dotted black; margin: 2px;}
input:focus, textarea:focus { border: 1px solid black; }
input.error, textarea:error { border: 1px dotted red; }

/* Estilos que se establecen dinámicamente en los listados */

.fila_par
{
	background-color:#fff;
	text-decoration:none;
}

.fila_impar
{
	background-color:#ddd;
	text-decoration:none;
}

.fila_resaltada
{
	color:#ff0000;
	background-color:#ccc;
	text-decoration:none;
}