/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/

.valores_ok{color:#6BA4D7;}

.tick_verde{ font-size:20px; color:#00CC00; font-weight:bold; }

.aspa_roja { font-size:20px; color:#FF0000; font-weight:bold; }

.azul{
	color:#6BA4D7;
	font-weight:bold;
}
body {
	font: 12px/1.5em Verdana;
	width:1200px;
	/*width:1000px;*/
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	/*border:1px solid #333333; /*decoracion*/
	margin:0px auto;
	background-color:#64798B;/*azul marino*/

}

#contenedor {
	
	/*width:900px; */
    width:1200px; /*ancho total de la pagina*/
	height:auto;
    border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;/*blanco*/
    margin:10px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
}

#encabezado {
   
	margin:5px auto; /*para que no se pegue al borde*/ 
	/*padding:10px; /*algo de relleno*/
	border:1px solid #333333; /*decoracion*/ 
	background-color:#3399CC;
    /*width:890px; /*este ancho es para que cuadre con el texto*/ 
	width:1190px;
    height:140px;
}

#titulo{

	float:right;
	
	/*width:890px;*/
	width:1190px;
	height:140px;
	/*background:url(../img/titulo_encabezado.gif);*/
	border:1px solid #333333; /*decoracion*/
}

#visualizar_deportistas {
	
	width: 1100px;
	margin:0px auto;

	/*
	border-color:#000000;
	border:1px solid;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#666666;*/

	
	}
	

#menu_encabezado_futbol {
	
	/*width: 700px;*/
	width: 1025px;
	margin:40px auto;
	
	/*border-color:#000000;
	border:1px solid;
	/*text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#666666;*/

	
	}
	
	

/*------------------ div principal donde se encuentra la información---------------------------*/

#principal {
	/* width:720px;*/
    width:1030px; /*el ancho mas el padding me da 1000px de ancho que es loque mide la pagina */
   /* clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:5px;
	/*border:1px solid #333333;*/
	float:right;
	height:auto;
	background-color:#FFFFFF;
	margin:5px auto;/* arriba abajo derecha izquierda*/

} 

/*------------------------- fin div principal--------------------------------------------*/


/* ---------------- pie de pagina ----------*/

#footer {
    width:1200px; 
	height:auto;
   	/*padding:10px;*/
    font-size:80%; /*mas pequeño el texto*/ 
    font-style:italic;
	
    
	
}

.footer_left{
	
	text-decoration:none;
	 float:left;/* coloco el texto a la izquierda*/
	
	}
	


.footer_right{
	text-align:right;
	float:right;
	font-weight:bold;
	
}


.descarga_acrobat{font-size:10px; font-style:italic;}





/*- Menu Registro_acceso --------------------------- */
/* este el contenedor donde se meten las pestañas*/
    #Registro_acceso {
	  float:right;
      width:240px;
      /*background:#3399CC;*/
      font-size:85%;
      line-height:normal;
	  /*border-bottom:1px solid #666;*/
	   margin:-23px 0 0 0;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:11px;
	   font-weight:bold;
	   font-style:italic;
}

/* modificamos los ul dentro de Registro_acceso*/	  
    #Registro_acceso ul {
	margin:0;
	/*padding:10px 10px 0 50px;*/
	list-style:none;
      }
/* modificamos los li dentro de Registro_acceso*/		  
    #Registro_acceso li {
	  float:left;
      display:inline;
      margin:0;
      padding:0;
	  border:1px solid;
	  
	  
      }
	  
    #Registro_acceso a {
      float:left;
	  background-color:#6BA4D7;/* azul clariot*/
      /*background:url("tableftG_new.gif") no-repeat left top;*/
	  margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
      }
	  
    #Registro_acceso a span {
      float:left;
      display:block;
	  background-color:#6BA4D7;/* azul clariot*/
      /*background:url("tabrightG_new.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      color:#FFFFFF;
	  
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #Registro_acceso a span {float:none;}
    /* End IE5-Mac hack */
    #Registro_acceso a:hover span {
      color:#FFF;
	  text-decoration:underline;
	   
      }
	  	  
    #Registro_acceso a:hover {
      background-position:0% -42px;
      }
	  
    #Registro_acceso a:hover span {
      background-position:100% -42px;
      }
	
	
/* ------------------ fin tabs del encabezado registro y la identificacion -------------------------*/

/*------------------------------ Menu lateral--------------------------- */
.Encabezado_menu_lateral_top{

	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	background:#000000;
			
}

.Encabezado_menu_lateral{

	text-align:left;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	background:#000000;
			
}
	
	
#menu_lateral {
	
	width: 150px;
	margin:0px 0 0 0px;
	border-color:#000000;
	border:1px solid;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#666666;
	float:left;
	font-weight:bold;
	
	
	}



#menu_lateral ul {

	list-style:none;
	margin:0px 0px 0px -35px;
		
	/*background:#666666;*/
	
}

/* para que fucione en ie 7 */	
*:first-child+html #menu_lateral ul {

	list-style:none;
	margin:0px 0px 0px 5px;
}
	


#menu_lateral li a {
	height:32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	background:#000000;
	border:1px solid;
	
	
	
	}	
		
#menu_lateral li a:link, #menu_lateral li a:visited {
	/*font-weight:bold;*/
	color: #333;
	display: block;
	/*background:  url(menu14_new.gif);*/
	background-color:#CCCCCC;
	padding: 8px 0 0 8px;
	
	
	}
	
#menu_lateral li a:hover {
	color: #FFF;
	background-color:#6BA4D7;/* azul clariot*/
	/*background:  url(menu14_new.gif) 0 -32px;*/
	padding: 8px 0 0 10px;
	}				

/*------------ fin menu lateral -------------------*/


/*------------------------------ Menu lateral futbol sala--------------------------- */

	
	


.celda_principal{font-weight:bold; background:#6BA4D7; color:#FFFFFF; text-align:center;}

.encabezado_celda_principal{font-weight:bold; background:#000000; color:#FFFFFF; text-align:center;}

.celda_menu{background:#CCCCCC; text-align:center;}

.celda_menu_aux_prov{background:#CCCCCC; text-align:center; color:#FF0000;}

.celda_menu2{background:#ABABAB; text-align:center;}

.celda_menu_aux_prov2{background:#ABABAB; text-align:center; color:#FF0000;}

.celda_menu_inscripcion{background:#CCCCCC; text-align:center; font-weight:bold;}
			

/*------------ finmenu_encabezado_futbol-------------------*/


/*--------- enlaces menu_encabezado_futbol ------------------*/
#menu_encabezado_futbol a:link {text-decoration:none; color:#000000; } /* Link no visitado*/
#menu_encabezado_futbol a:visited {text-decoration:none; color:#000000;} /*Link visitado*/
#menu_encabezado_futbol a:active {text-decoration:none;} /*Link activo*/
#menu_encabezado_futbol a:hover {text-decoration:underline; } /*Mouse sobre el link*/

/*--------- enlaces menu_encabezado_futbol ------------------*/
#menu_encabezado_futbol2 a:link {text-decoration:none; color:#000000; } /* Link no visitado*/
#menu_encabezado_futbol2 a:visited {text-decoration:none; color:#000000;} /*Link visitado*/
#menu_encabezado_futbol2 a:active {text-decoration:none;} /*Link activo*/
#menu_encabezado_futbol2 a:hover {text-decoration:underline; } /*Mouse sobre el link*/

/*-------------------- fin enlaces menu_encabezado_futbol -------------*/

/*--------- enlaces menu_encabezado_futbol ------------------*/
#visualizar_deportistas a:link {text-decoration:none; color:#000000; } /* Link no visitado*/
#visualizar_deportistas a:visited {text-decoration:none; color:#000000;} /*Link visitado*/
#visualizar_deportistas a:active {text-decoration:none;} /*Link activo*/
#visualizar_deportistas a:hover {text-decoration:underline;} /*Mouse sobre el link*/



/*--------- enlaces ------------------*/
a:link {text-decoration:none; color:#3399CC; } /* Link no visitado*/
a:visited {text-decoration:none; color:#3399CC;} /*Link visitado*/
a:active {text-decoration:none;} /*Link activo*/
a:hover {text-decoration:underline;} /*Mouse sobre el link*/

/*-------------------- fin enlaces -------------*/






/*------------------ formulario acceso cliente -----------------------*/

#acceso_cliente{
	
	 border:1px solid #333333;
	 width:300px;
	margin:50px auto;
	padding:10px 10px 10px 10px; 	
}

#proteccion_datos{
	
	 border:1px solid;
	 width:600px;
	/*margin:50px auto;*/
	/*padding:10px 10px 10px 10px; */	
}


#acceso_cliente_imagen{
	
	width:500px;
	margin:5px auto;
	height:auto;
	
	
}


#acceso_cliente span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;	

}


#acceso_cliente label{/* para alinear perfectamente el label con el imput text*/

	float:left;
	width:25%;
  
}

#acceso_cliente input[type=text]{
	
   margin:5px 10px	;
   display:block;
   

}

#acceso_cliente_boton{
	
   margin:25px 180px;
   display:block;
 
}

#acceso_cliente input[type=submit]{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
	margin:0px 100px;
	display:block;
}
/*---------------- fin formulario acceso cliente -----------------*/





	

.error_caja_text{ border:solid; border-bottom-color:#FF0000; border-left-color:#FF0000; border-right-color:#FF0000; border-top-color:#FF0000;}


.error_label {
		color:#FF0000;
}

.descripcion_error_encabezado_formulario_alta{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:14px; 
	color:#FF0000; 
	
}


.clear{
	clear:both;
}





/*----------- botones -------------------*/

.botones{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
	
	
}



.dato_obligatorio{color:#FF0000;}

#dato_obligatorio{
	float:right;
	color:#FF0000;
	
}

.encabezado_formulario_alta{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:18px; 
	color:#3399CC; 
	font-weight:bold;
}

.tabla_usuario{font-size:16px; font-family:"Comic Sans MS"; font-weight:bold; text-align:center; text-decoration:underline}

.n_nadadores{font-size:16px; font-family:"Comic Sans MS"; font-weight:bold; text-align:center;}

.color_fila{background-color:#999999; }

.color_fila2{background-color:#CCCCCC;}

.inscrito{color:#FF0000; text-align:center}

.centrado{text-align:center}

.button{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
	/*margin:0px 100px;
	display:block;*/
}

.barra_espera{font-family:Arial, Helvetica, sans-serif font-size:18px;  font-weight:bold;}


	
.no_dato{color:#FF0000; font-size:20px; font-style:italic;}

.aux_prov{color:#FF0000; font-size:14px; font-style:italic;}

.deporte_deshabilitado{color:#FF0000; font-size:16px; font-style:italic;}

.ya_alta_indep{color:#FF0000;}

.pendiente_renovar{color:#339900;}


.celda_separacion{background:#333333;}

.alinear_izquierda {text-align:left;}

.descarga_licencias{color:#3300CC; font-weight:bold; font-style:italic;}

/* ------------------------ login acceso deporte -------------------*/

#acceso_login{
	
	border:2px solid #666666;
	width:320px;
	margin:50px auto;
	padding:10px 10px 10px 10px;
	/*background-color:#CCCCCC;*/
	
}


/*--------------- fin acceso login deporte ----------------------------*/

.encabezado_deportes_login{font-weight:bold; background:#000000; color:#FFFFFF; text-align:center; font-size:18px; font-family:"Courier New", Courier, mono}



