@charset "utf-8";

/*CSS*/

html{overflow-y: scroll;}		/*Scroll en Y*/

body{							/*Cuerpo*/	
	background:url('../images/body_gradient.png') top repeat-x #343e48;	
	font-family: Verdana;	
	color: #fff;	
}		

a{outline: none;}				/*Link*/

.clear{clear:both;}			/*Limpio*/

/******************************************************* INPUTS Y BOTONES ********************************************************/

input.text{				/*Input Gen�rico*/	
	background: url('../images/fondo_input_text.png') left top repeat-x #343e48;
	height: 19px;	
	line-height: 19px;	
	vertical-align:middle;	
	font-size: 12px;	
	border: 1px solid #999;	
	padding-left: 5px;	
	color: #fff;	
	font-family: Verdana;
}

button{						/*Botones Gen�ricos*/	
	height: 26px;	
	line-height: 12px;	
	font-size: 12px;	
	background:url('../images/botones/fondo1.png') repeat-x #000;	
	background-position:left;	
	border-radius: 6px;	
	border: 1px solid #bbb;	
	outline: none;	color: #aaa;	
	cursor: pointer;	
	font-family: Verdana;	
	vertical-align:middle;
}

button:hover{
	color: #ffff69; 
	background:url('../images/botones/fondo3.png') repeat-x #000;
}

button:active{color: #ffff69;background:url('../images/botones/fondo2.png') repeat-x #000;}

/*******************************************************CABECERA / PIE*******************************************************/

#cabecera{
	width: 923px;
	height: 116px;
	border: 2px solid #44301f;
	border-bottom-width: 1px;
	margin: 25px auto 0 auto;
}

#pie{
	width: 955px;
	height: 134px;	
	border: 0px solid #FFF;	
	margin:-98px auto 0 auto;
}

/*******************************************************MENU*******************************************************/

#menu{	/*Barra Menu*/	
	background:url('../images/menu_completo.png') no-repeat;	
	width: 945px;	
	height: 45px;	
	margin: 0 auto 0 auto;	
	text-align:center;	
	position:relative;
}

#enlaces_menu{					/*Botones Menu Central*/	
	height: 45px;	
	line-height:45px;	
	background:url('../images/menu_links_izq_2.jpg') left center repeat-x #000;	
	width: 250px;	
	margin: 0 auto;	
	position:relative;	
	font-size: 16px;	
	font-weight:bold;	
	text-shadow:#333 1px 1px 0px;
}

#menu_der{						/*Extremo Botonera Central Derecha*/	
	background:url('../images/menu_links_der.jpg') no-repeat #000;
	width: 15px;
	height: 45px;	
	position:absolute;	
	right: 0;	
	top:0;
}

#enlaces_menu a{											/*Enlaces Menu Central Activo*/	
	color: #aaa;	
	text-decoration:none;	
	margin: 0 10px;
}

#enlaces_menu a:hover{color: #ffff69;}		/*Enlaces Menu Central MouseOver*/

#enlaces_menu span{										/*Enlaces Menu Central Activado*/	
	color: #b84040;	
	margin: 0 10px;
}

#menu_lateral{					/*Menu Lateral Derecho*/	
	height: 26px;	
	line-height: 26px;	
	text-align:right;	
	position:absolute;	
	right: 10px;	
	top:7px;
}

#submenu_lateral{position:relative;}		/*Submenu Lateral Derecho*/

#idioma{																/*Bot�n Elegir Idioma*/	
background-position:right;	
width: 60px;	
text-align:left;
}

#idioma span{position: relative;}				/*Estados del Bot�n*/

#idioma.up{background:url('../images/botones/fondo1_up.png') right repeat-x #000;}

#idioma.up:hover{background:url('../images/botones/fondo3_up.png') right repeat-x #000;}

#idioma.up:active{background:url('../images/botones/fondo4_up.png') right repeat-x #000;}

#idioma:active{background:url('../images/botones/fondo4.png') right repeat-x #000;}

#idioma img{vertical-align:middle;margin-top:-1px;}

#lista_idiomas{						/*Desplegable Lista de Idiomas*/	
	width: 46px;	
	background: #000;	
	border: 1px solid #bbb;	
	text-align:left;	
	position:absolute;	
	left: 6px;	
	top: 27px;	
	display:none;	
	z-index: 100;
}

#lista_idiomas div{height: 18px; padding: 3px; cursor:pointer;}				/*Estados del Desplegable*/

#lista_idiomas div img{vertical-align:top;}

#lista_idiomas div:hover{background-color:#6cf}

#lista_idiomas div.activo{background-color:#6cf; opacity: 0.3; cursor:default;}

#lista_idiomas div.hover{background-color:#1f3e4d;}

@-moz-document url-prefix() {	/* Hack para Mozilla */
	#idioma img{margin-top:-3px;}
	#idioma:active img {margin-left:-1px;}
}

#bandera{					/*Bandera dentro de Desplegable*/	
	width: 22px;	
	height: 18px;	
	background:url('../images/paises/es.png') no-repeat #000;
}

/*******************************************************CUERPO*******************************************************/

#cuerpo{					/*Cuerpo Principal*/	
	width: 923px;	
	margin: 0 auto;	
	text-align:center;	
	border: 2px solid #44301f;	
	border-top-width: 1px;	
	background: url('../images/luz_cuerpo_2.png') top center no-repeat #bab3ab;	
	padding-bottom: 100px;	
	color: #fff;
}

/*******************************************************INDEX*******************************************************/

#cuerpo .contenido_index{			/*Contenido del cuerpo*/	
	font-size: 14px;	
	text-align:justify;	
	width: 800px;	
	margin: 0px auto;	
	padding: 30px 0px 30px 0px;
}.contenido_index .logo{				/*Logo Superior*/	
	height: 109px;	
	width: 340px;	
	margin: 0px auto 20px auto;
}

.contenido_index .texto_arriba{				/*Texto superior*/	
	color: #bbb;	
	text-shadow:#333333 1px 1px 0px;
}

.contenido_index .texto_abajo{				/*Texto Inferior*/	
	color: #bbb;	
	text-shadow:#333333 1px 1px 0px;
}

.contenido_index .botones{		/*Zona de Botones*/	
	height: 122px;	
	width: 740px;	
	margin: 30px auto;
}

.contenido_index .botones .cajon{			/*Caj�n del bot�n*/	
	background: #bab3ab;	
	border: 1px solid #CCC;	
	height: 122px;	
	width: 160px;	
	float: left;	
	margin: 0px 10px 0px 10px;	
	position: relative;	
	font-size:14px;	
	font-weight:bold;	
	text-transform:uppercase;	
	text-align:center;	
	color:#fff;
}

.contenido_index .botones .cajon .rotulo{			/*Texto del bot�n*/	
	clear:both;	
	color:#622f2f;	
	margin: 5px auto 15px auto;	
	position: absolute;	
	top: 97px;	
	left: 0px;	
	width: 160px;	
	text-shadow:#333 1px 1px 0px;
}
.contenido_index .botones .cajon img{			/*Imagen del bot�n*/	position: absolute;	top: 8px;	left: 8px;}.contenido_index .botones .cajon:hover{border: 1px solid #ffff69; cursor: pointer;}		/*OnMouseOver de los botones*/.contenido_index .botones .cajon:hover .rotulo{color: #ffff69;}.contenido_index .botones .desactivado, .contenido_index .botones .desactivado:hover{		/*Botones Desactivados*/	border: 1px solid #666; 	color:#666;	cursor:default;}.contenido_index .botones .desactivado:hover .rotulo{color: #555;}		/*Texto de botones desactivado*//*******************************************************LISTA CIRCUITOS*******************************************************/
#lista_circuitos {									/*Cajon de lista de circuitos*/	
	width: 900px; 	
	background:#bab3ab;	
	color:#622f2f;
	height: 82px; 
	overflow: hidden;
	padding: 0px;	
	position:relative;
	margin: 7px auto 5px auto;	
}

#bloque_circuitos{									/*Bloque de circuitos*/	
	margin: 2px 0px 0px 0px;	
	padding: 0px;
}

#bloque_circuitos div.previa{				/*Previa del circuito*/	
	width: 88px;
	height: 74px;
	margin: 0px 0px 0px 0px;
	padding: 2px 1px 2px 1px;
	float:left;
	font-size: 9px;
	line-height: 10px;
	white-space: nowrap;
	text-align:center;
	cursor: pointer;	
	overflow: hidden;	
	display: block;	
	border-radius: 4px;
}

#bloque_circuitos div.activo{					/*Circuito seleccionado*/	
	color: #000;	
	background-color: #ffff69;	
	font-weight: bold;
}

#bloque_circuitos div.previa img{			/*Imagen de la previa del circuito*/	
	width: 86px;	
	height: 61px;	
	margin: 0px 1px;
}

#bloque_circuitos div.previa:hover img{					/*OnMouseOver sobre la previa*/	
	border: 1px solid #ffff69;
	margin: -1px 0px;
}

.scroll-pane { overflow: auto; width: 99%;}

.scroll-content { float: left;}

.scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }

.scroll-bar-wrap { clear: left; padding: 0; margin: 5px auto -1px auto;
	width: 900px;
	HEIGHT: 15px;
	background: url('../images/scroller_base.png') no-repeat;
}

.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto; }

.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto;  }

.scroll-bar-wrap .ui-slider-handle {
	background: url('../images/scroller.png') no-repeat; 		
	height: 15px;
	cursor:pointer;	
	position: absolute;
	width: 53px;
	margin-left: -26px;
}

.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; }






/*******************************************************ULTIMOS CIRCUITOS*******************************************************/#cuerpo .circuitos{							/*Cuerpo de ultimos circuitos*/	clear:both;	padding: 0;	margin: 0 auto;	border: 0px solid #ff0;	width: 655px;	font-family:Verdana;	font-size:10px;	font-weight:normal;	color: #622f2f;}.circuitos .rotulo{						/*Texto de ultimos circuitos*/	clear:both;	margin: 35px auto 15px auto;	font-size:14px;	font-weight:bold;	text-decoration:underline;	text-transform:uppercase;	color: #BBB;	text-shadow:#333 1px 1px 0px;}.circuitos .cajon{						/*Cajon de cada uno de los ultimos circuitos*/	background: #bab3ab;	border: 1px solid #CCC;	height: 71px;	width: 315px;	padding: 0px;	margin: 5px;	float: left;	cursor:pointer;		position:relative;}.circuitos .cajon:hover{border-color: #fff;	}			/*On Mouse Over Cajon*/.circuitos .previa{						/*Previa del circuito*/	height: 61px;	width: 90px;	float:left;	margin: 5px;	padding-right: 5px;	border-right: solid 1px #999999;}.circuitos img{								/*Tama�o de la imagen de las previas*/	width: 86px;	height: 61px;	border: 0;}.circuitos .info{						/*Info del circuito*/	margin: 5px 0px 0px 0px;	float:left;}.circuitos .nombre{					/*Nombre del circuito*/	font-size:12px;	width: 205px;	margin: 0 auto;	text-align:center;	font-weight:bold;	text-transform:uppercase;	text-shadow:#777 1px 1px 0px;}.circuitos .cajon:hover .nombre{color: #ffff69;}		/*OnMouseOver del nombre del circuito*/.circuitos .datos{						/*Datos del circuito*/	color:#622f2f;	text-align:left;	position:absolute;	bottom:3px;}/*******************************************************DATOS CIRCUITO*******************************************************/#cuerpo .cajonera {							/*Cajon de datos del circuito*/	height: 122px;	margin: 30px 0 0 108px;}#cuerpo .cajonera .cajon{					/*Cajon para la previa*/	background: #bab3ab;	border: 1px solid #CCC;	height: 122px;	width: 171px;	float:left;	margin: 0 2px;	padding: 0px;	font-size: 12px;	color: #ccc;	text-align:left;}#cuerpo .cajonera .cajon_ancho{width: 250px;}			/*Primer caj�n, datos del circuito*/#cuerpo .cajonera .cajon_ancho2{width: 190px;}		/*Segundo caj�n, datos del circuito*/#cuerpo .cajonera .cajon_ancho3{width: 70px;}			/*Tercer caj�n, descarga circuito*/#cuerpo .cajonera .cajon .nombre{				/*Nombre del circuito*/	font-size: 12px;	font-weight: bold;	float: left;	margin: 5px 0px 0px 0px;	height: 25px;	color: #622f2f;	text-shadow:#777 1px 1px 0px;	line-height: 18px;}#cuerpo .cajonera .cajon .bandera{				/*Bandera del circuito*/	float: left;	margin: 5px;	padding: 0px;}#cuerpo .cajonera .cajon .info{						/*Info del circuito 1*/	margin: 40px 5px 0px 15px;	color: #622f2f;	text-shadow:#777 1px 1px 0px;}				#cuerpo .cajonera .cajon .info2{		/*Info del circuito 2*/	margin: 12px 5px 0px 10px;	line-height:16px;	color: #622f2f;	text-shadow:#777 1px 1px 0px;}#cuerpo .cajonera .cajon .descarga{		/*Descarga circuito*/	margin: 37px 0px 0px 0px; 	vertical-align:middle; 	text-align:center; 	font-size: 10px;		color: #622f2f;	text-shadow:#777 1px 1px 0px;}  #cuerpo .cajonera .cajon .descarga img{border: 0px;}		/*Imagen descarga*/#cuerpo .botones_jugador{					/*Botones busqueda y cambio tracci�n*/	width: 700px;	height: 35px;	margin: 0 auto;	border-bottom: 1px dotted #fff;}#cuerpo .botones_jugador .buscar{				/*Buscar Jugador*/	width: 400px;	height: 35px;	text-align:left;	vertical-align:middle;	font-family: Verdana;	font-size: 12px;	color: #FFF;	float: left;	position: relative;	padding: 5px 0px 0px 0px;}#cuerpo .botones_jugador .buscar .input{		/*Input de buscar jugador*/	float:left;}#cuerpo .botones_jugador .buscar button{		/*Boton buscar jugador*/	float:left;	margin: -2px 0px 0px 3px;}#cuerpo .botones_jugador .traccion{					/*Cambiar tracci�n*/	clear: right;	width: 250px;	height: 35px;	text-align:right;	vertical-align:middle;	float:right;	right: 0px;	padding: 3px 0px 0px 0px;}#cuerpo .tabla_tiempos{				/*Zona de tiempos*/	width: 770px;	margin: 0 auto;	clear: both;	font-size:10px;	font-weight:bold;}.tabla_tiempos div{						/*Tiempos del circuito*/	text-align:center;	float:left;	display:inline;	font-family:Verdana;	font-weight:bold;	color: #622f2f;	font-size:10px;	margin: 1px 1px 1px 1px;	height: 20px;	line-height: 20px;	vertical-align:middle;}#cuerpo .seleccionado div{border: 1px #FF0 solid;margin: 1px 0px 1px 0px;}#cuerpo .oscuro div{background-color:#908b85;}			/*Fila oscura*/#cuerpo .claro div{background-color:#bab3ab;}				/*Fila clara*/#cuerpo .oscuro:hover div, #cuerpo .claro:hover div{background-color:#7b8c9d;}#cuerpo .cabecera_tabla div{margin:5px 1px 1px 1px;line-height: 10px;height:20px;color: #FFF;} 		/*Cabecera de la tabla de tiempos*/#cuerpo .cabecera_tabla div.upload{line-height: 10px; height: 20px;} .tabla_tiempos .pos{width: 30px;}			/*Columnas de los tiempos*/.tabla_tiempos .ghost{width: 20px;}.tabla_tiempos .ghost img{margin: 3px 0 0 1px;}		/*Imagen del fantasma*/.tabla_tiempos .time{width: 70px;}.tabla_tiempos .diferencia{width: 70px;}.tabla_tiempos .verde{color:#00FF00;}.tabla_tiempos .nombre{width: 90px;}.tabla_tiempos .nombre a{color: #FFF; text-decoration:none;}.tabla_tiempos .nombre a:hover{text-decoration:underline;}		/*OnMouseOver sobre el nombre del piloto*/.tabla_tiempos .setup{width: 170px;}.tabla_tiempos .fecha{width: 80px;}.tabla_tiempos .uploads{width: 50px;}.tabla_tiempos .laps{width: 50px;}.tabla_tiempos .games{width: 50px;}.tabla_tiempos .wins{width: 50px;}.fin_tabla_tiempos{clear: both; width: 100%; height: 5px;}				/*final de tabla de tiempos*//*******************************************************PAGINACION*******************************************************/.paginacion{margin: 0 auto 0 auto; clear: both; width: 225px; position:relative;}				/*paginaci�n*/.paginacion .anterior{position: absolute; left: 0px; margin: 3px;}					/*bot�n anterior*/.paginacion .pagina{									/*pagina actual*/	position: absolute; 	left: 80px; 	color:#CCC; 	font-family:Verdana; 	font-size: 12px; 	text-align:center; 	vertical-align:middle;	width: 55px;	height: 26px;	line-height: 30px;}.paginacion .siguiente{position: absolute; left: 135px; margin: 3px;}		/*bot�n siguiente*//*******************************************************LOGIN*******************************************************/#cuerpo .login .cajon{									/*Cajon login*/	background:#bab3ab;	border: 1px solid #CCC;	height: 122px;	width: 335px;	padding: 0px 0px 0px 0px;	margin: 35px auto 0px auto;	color: #622f2f;	font-family: Verdana;	font-size: 12px;}.login .cajon .usuario{									/*Usuario*/	width: 250px;	text-align: right;	margin: 10px auto 2px auto;}.login .cajon .clave{										/*Contrase�a*/	width: 250px;	text-align: right;	margin: 2px auto;}.login .cajon .boton{										/*Bot�n Validar*/	margin: 10px auto 0px auto;	width: 95px;	padding: 10px auto 0px auto;}.login .cajon .aviso{										/*Aviso*/	height: 40px;	width: 300px;	margin: 40px auto 0 auto;}/*******************************************************UPLOAD CIRCUITOS*******************************************************/#cuerpo .subir_circuitos .cajon{						/*Cajon subir circuitos*/	background:#bab3ab;	border: 1px solid #CCC;	height: 102px;	width: 500px;	padding: 20px 0px 0px 0px;	color: #622f2f;	margin: 35px auto 0px auto;	font-family: Verdana;	font-size: 12px;	text-align:center;}.subir_circuitos .cajon .text{							/*Input de fichero*/	background:#908b85;	height: 21px;	line-height: 15px;	font-family: Verdana;	font-size: 12px;	color: #FFF;	border: 1px solid #999;}.subir_circuitos .cajon .pais{						/*Pais*/	width: 240px;	height: 18px;	line-height: 18px;	margin: 10px auto 0px auto;	position: relative;	text-align:left;}.subir_circuitos .cajon .pais .select{		/*Combo de elegir pais*/	left: 17px;	top: 0px;	position: absolute;	font-size:10px;	width: 180px;	height: 19px;}.subir_circuitos .cajon .pais .imagen_pais{			/*Imagen bandera de pais*/	top: 0px;	left: 218px;	position: absolute;	padding: 1px 0px 0px 0px;}.subir_circuitos .cajon .boton{					/*Boton subir fichero*/	margin: 10px auto 0px auto;	width: 65px;	padding: 10px auto 0px auto;}.subir_circuitos .cajon .barra{					/*Barra de progreso*/	width:290px;	height:20px;	border:1px solid #CCC;	background: url('../images/fondo_input_text.png') left top repeat-x #343e48;	margin: 0px auto 0 auto;	position:relative;}.subir_circuitos .cajon .por{					/*Porcentaje de subida*/   width:0%;   height:20px;   float:left;   background-image:url('../images/bar.png');   text-align:right;}.subir_circuitos .cajon .porcentaje{				/*Porcentaje de subida*/   width:40px;   height:20px;   position: absolute;   left: 130px;   top: 2px;   text-align:center;}.subir_circuitos .cajon .datos_subida{			/*Datos de la subida*/   width:160px;   margin: 15px auto;   line-height: 20px;   text-align:left;   color: #ccc;   display: none;}.subir_circuitos .cajon .cargando{				/*Cargando....*/   width:300px;   margin: 25px auto;   line-height: 20px;   text-align:center;   color: #ccc;}