/*-----------------------------------------
  Hoja de estilo para el Circuito 2009-10
-----------------------------------------*/

/*-----------------------------------------
  General layout
-----------------------------------------*/

body
{
 margin: 10px;
 color: #494949;
 background: #ffc url(../imx/bg.gif);
}

#main
{
 width: 980px;
 margin: 0 auto;
 padding: 0 0 4px;
 background: #fff;
 border: 1px solid #9cf;
}

#header
{
 width: 980px;
 height: 130px;
 margin: 0 auto;
 padding: 0 0 0px 0;
 background: #9cf url(../imx/head.png) no-repeat top;
}

#nav
{
 background: transparent;
 margin: 0 10px;
 padding: 105px 0 10px 0;
}

#container
{
 width: 974px;
 margin: 0 auto;
 padding: 2px;
 border: 0px solid #f00;
 background: white url(../imx/foot_bg.png) repeat-x bottom;
}

 #content_top
 {
	width: 710px;
	height: 45px;
	padding: 0;
	background: #fff url(../imx/content_top.png) no-repeat;
	background-position: -8px 0;
 }
	
 #content
 {
	width: 710px;
	float:left;
	padding: 0;
	margin: 18px 0;
	background: transparent url(../imx/content.png) repeat-y;
	background-position: -8px 0;
 }

 #content_foot
 {
	width: 710px;
	height: 20px;
	padding: 0;
	margin: 30px 0 0;
	background: #fff url(../imx/content_foot.png) no-repeat;
	background-position: -8px 0;
 }

/*
#content
{
 width: 710px;
 padding: 0;
 float: left;
 background: transparent url(../imx/side_720.png) no-repeat;
 background-position: -10px 18px;
}*/

#content img
{
 margin: 0 45px;
}

#side
{
 width: 260px;
 height: 270px;
 float: right;
 background: transparent url(../imx/side_dorado.png) no-repeat;
 background-position: 0px 18px;
}

#side img
{
 padding: 10px 20px 10px;
}

#footer
{
 position: relative;
 width: 980px;
 height: 115px;
 padding: 6px 0 0 0;
 margin: 0 auto;
 background: #9cf url(../imx/foot.png) no-repeat bottom;
}

div.clearer {clear: left;}

/*-----------------------------------------
  Textos para cada apartado
-----------------------------------------*/

body
{
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
 font-size: 14px;
}

#nav
{
 color: #c90;
 font-size: 11px;
}

/* Contenido */

.titulo
{
 font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
 color: #fff;
 font-size: 18px;
 font-weight: bold;
 margin: 24px 0 0 15px;
}

#content
{
 font-size: 12px;
 line-height:150%;
}

#content .texto
{
 padding: 0 45px;
}

/* Lista navegación secundaria */

.sidebar
{
 font-size: 14px;
 line-height: 160%;
}

.sidebar dl
{
 font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
 font-size: 18px;
 font-weight: bold;
}

.sidebar dt
{
 font-weight: bold;
 margin: 0 20px;
 padding: 0;
}

.sidebar dd
{
 margin: 0 30px;
 padding: 0;
}

/* Fin lista navegación secundaria */

#footer
{
 color: #333;
 font-size: 10px;
 text-align: center;
}

#footer a
{
 color: #666;
 font-weight: bold;
 text-decoration: none;
}

.bien
{
 padding: 4px;
 color: #fff;
 background: #393;
 font-size: 16px;
}

.error
{
 padding: 4px;
 color: #fff;
 background: #F00;
 font-size: 16px;
}

.mini
{
 color: #333;
 font-size: 10px;
 padding: 5px 0 0 0;
}

/*-----------------------------------------
  Listas ordenadas 
-----------------------------------------*/
ol
{
 padding: 0 45px 0 65px;
}

li
{
 background: #fefee4;
 padding: 5px 7px;
 margin: 10px 0;
}

/*-----------------------------------------
  Listas desordenadas 
-----------------------------------------*/
ul
{
 padding: 0 65px 0 85px;
 list-style-image: url(../imx/arrow.gif);
}

ul li
{
 background: #fefee4;
 padding: 5px 7px;
 margin: 10px 0;
}

/*-----------------------------------------
  Tabla para carrera
-----------------------------------------*/

.mes /* Separador de meses */
{
 background: #9cf;
 color: #369;
 text-align: center;
 font-weight: bold;
}

/*-----------------------------------------
  Tabla para clasificaciones
-----------------------------------------*/
.subtitulo
{
 margin: 0 auto;
 padding: 12px 0;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
}

.listado
{
 margin: 0 auto;
 padding: 0 10px;
 /* Typo */
 font-size: 11px;
}

.listado th
{
 height: 30px;
 padding: 0 4px;
 text-align: left;
 color: #fff;
 background: #369;
}

.listado td
{
 height: 28px;
 padding: 0 4px;
 border-bottom: 1px solid #ccc;
}

.listado a, a:active, a:visited
{
 color: #369;
 text-decoration: none;
}

.listado a:hover
{
 color: #f00;
}

/*** Fondo y color para los 3 primeros clasificados, ascenso y descenso ***/

.primero{ background: #ffc;}
.segundo{ background:#eee;}
.tercero{ background:#fed;}
.top{ background: #e3f1e6;}
.descenso{ background: #f4eae7;}

/*** Formato puntuación ***/

.top_puntos
{
 font-weight:bold;
 font-size: 14px;
}

.destaca
{
 font-weight: bold;
 font-size: 14px;
 text-align: right;
 color: #333;
}

.destacamenos
{
 font-weight: bold;
 font-size: 12px;
}

.diferencia
{
 color: #f00;
 font-size: 9px;
}
/*** Fin formato puntuación ***/


/*-----------------------------------------
  Formularios
-----------------------------------------*/
.idioma
{
 width: 150px;
 margin: 0 auto;
 padding: 2px;
 color: #fff;
 background: #369;
 border: 0px solid #fff;
 text-align: center;
}





/*-----------------------------------------
  Enlaces
-----------------------------------------*/
.texto a
{
 color: #369;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #000;
}

.texto a:hover
{
 padding: 3px 0;
 color: #fff;
 background: #369;
}

.mini a
{
 color: #369;
 text-decoration: none;
 border-bottom: 1px solid #369;
}



/*-----------------------------------------

-----------------------------------------*/