/* CSS Document */

/* RESET */
html, body, ul, li, ol, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
ul, li, ol {
	list-style: none;
}
a {
	outline: none;
	text-decoration: none;
	color: #96874e;
}
a:hover {
	color: #000;
}
img {
	border: 0;
}
table {
	border-collapse: collapse;
}





html {
	height: 100%;
	background:#313130 url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/bg_html.gif) repeat-x top center scroll;
	/**background: scroll;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_x.png', sizingMethod='scale');*/
}
body {
	position: relative;
	overflow-y:scroll!important;
	overflow-y:none;
	height: 100%;
	font: normal 13px Arial, Helvetica, sans-serif;
	z-index: 1;
	color:#464646;
}
a {
	color: #555;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #333;
}


/* COMUNES */

#contenedor {
	width: 992px;
	padding: 0 3px;
	margin: 0 auto;
	overflow: hidden;
	/**background: scroll;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_4000.png', sizingMethod='crop');*/
}
html>body #contenedor{
	/*background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_4000.png) no-repeat top center scroll;*/
}
.wrap {
	position: relative;
	z-index: 2;
}



#cabecera {
	float: right;
	position: relative;
	width: 992px;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/cabecera.jpg) no-repeat top left scroll;
	/*background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/cabecera.png) no-repeat top left;
	*background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/cabecera.png', sizingMethod='crop');*/
	z-index: 100;
	
}
#cabecera .tit {
	float: left;
	position: relative;
	width: 992px;
	height: 116px;
	text-indent: -9999px;
}
#cabecera .tit a{
	float: left;
	position: relative;
	width: 992px;
	height: 100px;
}
#nav{
	float: left;
	position: relative;
	width:992px;
	margin: 0;
	text-align: center;
	background-color:#54524b;
}
#nav li{
	display: inline;
	font-size:11px;
	margin: 0 0 0 -3px;
	text-transform:uppercase;
}
#nav li a{
	line-height: 28px;
	background-color:#54524b;
	*line-height: 28px;
	padding: 7px 10px 8px;
	color: #fbf6de;
	border-right: solid 1px #222;
	font-weight:bold;
}
#nav li a:hover{
	color:#d4a600;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_menu_on.png) repeat-x top left;
}
#nav li.last a{
	border-right: none;
}
/* SUBNAVEGACIÓN POR ETAPAS */

#nav li .sub_nav{
	display: none;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 992px;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_sub_nav.png) no-repeat top right scroll;
	height: 38px;
	padding: 0;
	margin:94px 0 0;
}
#nav li .sub_nav li{
	margin: 0;
}
#nav li .sub_nav li a{
	line-height: 14px;
	border-right: none;
}
.tit_sub_nav{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	margin:-22px 439px 0 0;
	display: inline; 
	color: #777;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.sub_nav ul{
	float: right;
	position: absolute;
	right: 0;
	display: inline;
	margin:8px 35px 0 0;
	z-index: 9999;
}
.sub_nav li{
	float: left;
	position: relative;
	width: 24px;
	padding: 5px 0;
	display: inline;
	text-align: center;
	color: #eee;
	font: bold 11px/14px Arial, Helvetica, sans-serif;
	margin-right: 1px;
	background-color: #aaa;
}
#nav li .sub_nav li a{
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/casilla_etapa_off.png) top left no-repeat;
	width: 24px;
	padding: 4px 0;
	color: #aaa;
	margin: 0;
	z-index: 9999;
}
.sub_nav li ul{
	display: none;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 585px;
	margin: 22px 0 0;
	background-color: #2E2819;
	text-align: center;
}
body.etapa01 .sub_nav li ul{
margin-left: -60px;
}
body.etapa02 .sub_nav li ul{
margin-left: -84px;
}
body.etapa03 .sub_nav li ul{
margin-left: -108px;
}
body.etapa04 .sub_nav li ul{
margin-left: -132px;
}
body.etapa05 .sub_nav li ul{
margin-left: -156px;
}
body.etapa06 .sub_nav li ul{
margin-left: -180px;
}
body.etapa07 .sub_nav li ul{
margin-left: -204px;
}
body.etapa08 .sub_nav li ul{
margin-left: -228px;
}
body.etapa09 .sub_nav li ul{
margin-left: -252px;
}
body.etapa10 .sub_nav li ul{
margin-left: -276px;
}
body.etapa11 .sub_nav li ul{
margin-left: -300px;
}
body.etapa12 .sub_nav li ul{
margin-left: -336px;
}
body.etapa13 .sub_nav li ul{
margin-left: -348px;
}
body.etapa14 .sub_nav li ul{
margin-left: -372px;
}
body.etapa15 .sub_nav li ul{
margin-left: -396px;
}
body.etapa16 .sub_nav li ul{
margin-left: -420px;
}
body.etapa17 .sub_nav li ul{
margin-left: -444px;
}
body.etapa18 .sub_nav li ul{
margin-left: -468px;
}
body.etapa19 .sub_nav li ul{
margin-left: -492px;
}
body.etapa20 .sub_nav li ul{
margin-left: -536px;
}
body.etapa21 .sub_nav li ul{
margin-left: -540px;
}
.sub_nav li li{
	float: none;
	width: auto;
	background: none!important;
}
.sub_nav li li a{
	position: relative;
	float: none;
	background: none!important;
	width: auto;
	line-height: 22px;
	padding: 3px 10px;
	border-right: solid 1px #f5e7ae;
	color: #555!important;
	margin: 0;
}
/*activos*/
body.etapa01 .sub_nav li.etapa01 a,
body.etapa02 .sub_nav li.etapa02 a,
body.etapa03 .sub_nav li.etapa03 a,
body.etapa04 .sub_nav li.etapa04 a,
body.etapa05 .sub_nav li.etapa05 a,
body.etapa06 .sub_nav li.etapa06 a,
body.etapa07 .sub_nav li.etapa07 a,
body.etapa08 .sub_nav li.etapa08 a,
body.etapa09 .sub_nav li.etapa09 a,
body.etapa10 .sub_nav li.etapa10 a,
body.etapa11 .sub_nav li.etapa11 a,
body.etapa12 .sub_nav li.etapa12 a,
body.etapa13 .sub_nav li.etapa13 a,
body.etapa14 .sub_nav li.etapa14 a,
body.etapa15 .sub_nav li.etapa15 a,
body.etapa16 .sub_nav li.etapa16 a,
body.etapa17 .sub_nav li.etapa17 a,
body.etapa18 .sub_nav li.etapa18 a,
body.etapa19 .sub_nav li.etapa19 a,
body.etapa20 .sub_nav li.etapa20 a,
body.etapa21 .sub_nav li.etapa21 a{
	background:#CC8801!important;
	color: #000!important;
}
body.etapa99 .sub_nav li.etapa99 ul,
body.etapa01 .sub_nav li.etapa01 ul,
body.etapa02 .sub_nav li.etapa02 ul,
body.etapa03 .sub_nav li.etapa03 ul,
body.etapa04 .sub_nav li.etapa04 ul,
body.etapa05 .sub_nav li.etapa05 ul,
body.etapa06 .sub_nav li.etapa06 ul,
body.etapa07 .sub_nav li.etapa07 ul,
body.etapa08 .sub_nav li.etapa08 ul,
body.etapa09 .sub_nav li.etapa09 ul,
body.etapa10 .sub_nav li.etapa10 ul,
body.etapa11 .sub_nav li.etapa11 ul,
body.etapa12 .sub_nav li.etapa12 ul,
body.etapa13 .sub_nav li.etapa13 ul,
body.etapa14 .sub_nav li.etapa14 ul,
body.etapa15 .sub_nav li.etapa15 ul,
body.etapa16 .sub_nav li.etapa16 ul,
body.etapa17 .sub_nav li.etapa17 ul,
body.etapa18 .sub_nav li.etapa18 ul,
body.etapa19 .sub_nav li.etapa19 ul,
body.etapa20 .sub_nav li.etapa20 ul,
body.etapa21 .sub_nav li.etapa21 ul{
	display: inline;
}



#contenido{
	float: left;
	position: relative;
	width: 992px!important;
	margin: 0;
	padding: 0;
	background-color:#fff;
}
#principal{
	float: left;
	position: relative;
	width: 952px;
	margin: 0;
	padding: 20px;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/bg_principal.png) top center no-repeat;
	border-top:1px solid #646464;
}
#principal .columna1{
	float: left;
	position: relative;
	width: 578px;
	margin: 0;
	top: 15px;
	padding: 10px 10px 10px 12px;
}
#principal .columna2{
	float: right;
	position: relative;
	width: 302px;
	margin: 0;
	top: 15px;
	padding: 10px 16px 10px 10px;
}
#principal h1{
	position: relative;
	color: #cc8801;
	font: normal 40px/40px Arial, Helvetica, sans-serif;
	letter-spacing: -0.03em;
}
#principal h1 span{
position: relative;
font-size: 6px;
top: -500px;
}
#principal h1 a{
	color: #cc8801;
}
#principal h1 a:hover{
	color: #555;
}
#principal h2{
	float: left;
	position: relative;
	color: #555;
	font: normal 28px Arial, Helvetica, sans-serif;
	width: 952px;
	border-bottom: solid 1px #CC8801;
	display: inline;
	padding:0 0 0 0;
	margin: 20px 0 0;
	z-index: 100;
}
#principal h2 a{
	color: #b4b1a9;
}
#principal h2 a:hover{
	color: #333;
}
#principal h2 span{
	color: #333;
}
#contenido .firma{
	color:#555;
	padding-top: 10px;
	font: bold 12px Arial,Helvetica,sans-serif;
}
.columna1 table, .columna2 .tablas table{
	font-size: 11px;
	margin-bottom: 10px;
}
.columna1 td, .columna2 .tablas td{
	border-bottom: solid 1px #ddd;
	padding: 3px 0;
	text-align: center;
}
.columna1 th, .columna2 .tablas th{
	padding: 5px 0;
	background: #d4a600 url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_th.png) repeat-x top left;
	color: #fff;
}
.columna1 caption, .columna2 .tablas caption{
	padding: 5px 0;
	background: url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fondo_caption.png) repeat-x top left scroll;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #757575;
}
.columna1 .par td, .columna2 .tablas .par td{
	background-color: #eee;
}

#grafico{
	float: left;
	position: relative;
	width: 851px;
	margin: 10px 0;
	padding: 0;
}
.caja_foto{
	float: left;
	position: relative;
	margin-bottom: 15px;
}
.caja_foto p{
	font-size: 11px;
	color: #555;
	padding: 3px 0;
	border-bottom: solid 1px #ddd;
	text-align: right;
}

/*FRANJA INFERIOR: DESTACADOS*/

#secundario {
	float: left;
	position: relative;
	z-index: 9999;
	width: 952px;
	margin: 0;
	padding: 20px;
	background:#404040 url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/bg_principal.png) no-repeat scroll center bottom;
}
#secundario #destacados{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
#secundario #destacados li {
	float: left;
	position: relative;
	width: 297px;
	margin: 5px 10px;
	display: inline;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	background:#404040 url(http://estaticos.elmundo.es/elmundodeporte/especiales/ciclismo/vuelta/2010/img/fotos/destacados/bg_destacados.png) no-repeat center bottom;
}
#secundario #destacados li img{
	float: left;
	position: relative;
	margin: 0;
	border:solid 1px #676767;
	margin-right: 10px;
}
#secundario #destacados li a{
	float: left;
	position: relative;
	width: 287px;
	padding: 0;
	background-color:#727272;
	opacity: 0.7;
	filter: alpha(opacity=70);
	padding:5px;
}
#secundario #destacados li a:hover{
	opacity:0.9;
	filter: alpha(opacity=90);
}
#secundario #destacados li p{
	opacity:0.9;
	filter: alpha(opacity=90);
	color:#fff;
	font-size:14px;
}
#secundario #destacados li span{
	color:#2d2d2d;
	font-size:11px;
	margin-top: 5px;
	font-weight:normal;
	display:block;
}

/* Site information */

#site_info {
	float: right;
	position: relative;
	width: 982px;
	font:10px Arial, Helvetica, sans-serif;
	color:#cc8801;
	padding:8px 0 30px 10px ;
	border-top: 3px solid #cc8801;
	margin: 0;
	display: inline;
}
#site_info a {
	color:#cc8801;
	text-decoration:none;
}
#site_info a:hover {
	color:#fff;
}
#site_info p {
	float:left;
	padding:0 10px 0 0 !important;
	font-size: 10px;
	line-height:10px;
	margin:0;
}
#site_info p.credits {
	border:1px solid #cc8801;
	border-width:0 1px;
	padding:0 8px!important;
	margin:0 8px 0 0;
}
#site_info ul, #site_info li {
	display:inline;
	list-style:none;
	padding:0 5px 0 0;
	line-height:10px;
	margin:0;
}
#site_info li.contact {
	border-right:1px solid #cc8801;
	padding:0 8px 0 0;
	margin:0 8px 0 0;
}
acronym {
	border:0;
	text-decoration:none;
}
/* -- INICIO PUBLICIDAD */
#publicidadsuperior {
	width: 990px;
	height: 97px;
	margin: 0 0 0 1px !important;
	padding: 0px;
}
#publicidadsuperior .publicidadhorizontal {
	width: 740px!important;
	float: left;
}
#publicidadsuperior table {
}
#publicidadsuperior td {
	border: 0px !important;
	padding: 0px !important;
}
#publicidadsuperior .publicidadhorizontal div table td.margen {
	width: 1px !important;
}
#publicidadsuperior .publicidadhorizontal, #publicidadsuperior .publicidadhorizontal div, #publicidadsuperior .publicidadhorizontal table {
	width: 740px !important;
}
#publicidadsuperior .publicidadmodulo {
	width: 244px;
	float: left;
	margin: 0 0 0 5px;
}
/* -- FIN PUBLICIDAD */

/*-------------------BOTÓN PLAY-------------------*/
/* reproductores de video */
.cubre_reproductor {
	position:relative;
	overflow:hidden;
}
.cubre_reproductor a.boton_play {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:transparent url(http://estaticos.elmundo.es/elmundo/iconos/v4.x/v4.02/play.png) no-repeat scroll right bottom;
	text-indent:-9000px;
	z-index:999999;
}
.cubre_reproductor a.boton_play:hover {
	background:transparent url(http://estaticos.elmundo.es/elmundo/iconos/v4.x/v4.02/play_hover.png) no-repeat scroll right bottom;
}
.cubre_reproductor a.actualice_flash:hover, .cubre_reproductor a.actualice_flash.activo {
	background:transparent url(http://estaticos.elmundo.es/elmundo/iconos/v3.0/aviso_actualice_flash.png) no-repeat 50% 70%;
}
.cubre_reproductor a.no_flash:hover, .cubre_reproductor a.no_flash.activo {
	background:transparent url(http://estaticos.elmundo.es/elmundo/iconos/v3.0/aviso_instale_flash.png) no-repeat 50% 70%;
}
/**/