/*
Titulo: elmundo.es - Mundial de Atletismo 2007
Descripcion: Especial sobre el Mundial de Atletismo 2007.
Autor: Fernando González
Fecha: 25 de julio de 2007 (Ultima modificacion: 25 de julio de 2007)
*/

/*Genéricos*/
body, h1, h2, h3, h4, h5, h6, h7, p, ul, ol, dl, dd, dt, li, form{
	padding:0;
	margin: 0px;
}
ul, ol{list-style:none;}
a, a:link{text-decoration:none;}
img {border-width: 0; display: block;}
a img{border:0;}

body{font-size:100%;}
p{padding: 0.2em 0 1.2em;}

/*Fin genéricos*/
/*Cabeceras*/
h1 span, h2 span, h3 span {display:none;}
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	position: absolute;
	display: block;
	width: 990px;
	height: 34px;
	left: 0;
	top: 0;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	display: block;
	width: 990px;
	right: 0;
	bottom: 0;
}
h4 {
	color:#d72c25;
	background: #f2e2e2;
	height:1.9em;
	border-bottom:1px #ccc solid;
	text-align:left;
	padding:0 0 0 15px;
	font: bold 1.3em/1.9em Arial, Helvetica, sans-serif;
}
h5 {
	color: #000;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	padding: 0 0 1.1em 0;
}
h6 {
	color: #000;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	padding: 0 0 0.8em 0;
}
/*Fin cabeceras*/
/*Tablas*/
.tablas {
	width: 100%;
}
.tablas th{
	font-weight: bold;
}
.tablas td {
	border-top: 1px solid #ccc;
}
.tablas th, .tablas td {
	text-align: center;
	padding: 4px 10px;
}

#contenedor {
	width: 990px;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
	border: 1px #ccc solid;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 20px;
}
#contenedor:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#contenedor {display: inline-block;}

/* Hides from IE-mac \*/
* html #contenedor {height: 1%;}
#contenedor {display: block;}
/* End hide from IE-mac */

#cabecera {
	/* position: relative; */
	height: 100;
	background-image: url(http://estaticos.elmundo.es/elmundodeporte/especiales/2007/08/osaka2007/img/cab_osaka.jpg);
	background-repeat: no-repeat;
	width: 990px;
	float: left;
}
#contenido {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	float: left;
	width: 948px;
	/*border: 1px #f00 solid;*/
}

#borde_caja_submenu {
	border: 1px #ccc solid;
	border-width: 0 1px 1px;
}
#atleta {
	position: absolute;
	top: 0;
	left: 310px;
	width: 279px;
	height: 165px;
	z-index: 999;
}
#contenido a, #contenido a:link, #contenido a:visited, #contenido a:hover, #contenido a:focus, #contenido a:active {
	color: #d62c25;
	font-weight: bold;
}
.foto {
	border: 1px #ccc solid;
}
/*Comunes subcabecera*/
#espanoles #sub_cabecera, #ficha #sub_cabecera, #album #sub_cabecera, #calendario #sub_cabecera, #articulo #sub_cabecera, #fotos #sub_cabecera, #graficos #sub_cabecera, #flash #sub_cabecera {
	width:100%;
	margin-bottom:40px;
}
#espanoles h3, #ficha h3, #album h3, #calendario h3, #articulo h3, #fotos h3, #graficos h3, #flash h3  {
	height:30px;
	margin:0;
	padding:0;
}
#espanoles form, #ficha form, #album form, #calendario form, #articulo form, #fotos form {
	padding: 0;
	margin: 0;
	float: right;
}
#espanoles select, #ficha select, #album select, #calendario select, #articulo select, #fotos select {
	width: 200px;
}
/*Tiras de fotos*/
#espanoles #caja_foto, #graficos #caja_foto {
	border: 1px solid #ccc;
	width: 160px;
	margin-right: 20px;
	float: left;
}
#espanoles #caja_foto p{
	border-top: 1px solid #ccc;
	text-align: center;
	height: 2.6em;
	line-height: 2.6em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
#espanoles #caja_foto.ultimo, #graficos #caja_foto.ultimo {
	margin-right: 0;
}
#espanoles #tira_fotos, #graficos #tira_fotos {
	width: 890px;
	padding-bottom: 20px;
	float: left;
}
#espanoles #caja_foto h4, #graficos #caja_foto h4 {
	color:#000;
	background: #f2e2e2;
	height:1.9em;
	border-bottom:1px #ccc solid;
	text-align:center;
	padding: 0 !important;
	font: bold 1.3em/1.9em Arial, Helvetica, sans-serif;
}
#espanoles #tira_fotos.ultimo, #graficos #tira_fotos.ultimo {
	padding-bottom: 0;
}

/*fotos*/
#fotos #caja_foto{}
#fotos #caja_foto p{}
#fotos #caja_foto h4{}
#fotos #caja_foto.ultimo{}
#fotos .foto{float:left;margin:0 15px 0 0;width:160px;}
#fotos .foto h4{width:145px;}

#fotos #tira_fotos.ultimo{}
#fotos #tira_fotos{}

/*Menu principal*/
#nav {
	background: #000;
	text-align: center;
	border-top: 2px solid #fff;
	border-bottom: 1px solid #ccc;
	width: 990px;
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
	float: left;
}
#nav li {
	display: inline;
}
#nav a, #nav a:link, #nav a:visited {
	color: #fff;
	font: bold 0.85em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	line-height:2.6em;
	height:2.6em;
	padding: 0 10px 0;
	display: inline;
	background: url(../img/sep_menu.gif) no-repeat center right;
}
#nav a:hover, #nav a:focus, #nav a:active {
	text-decoration: underline;
}
#nav a.ultimo {
	background-image: none;
}	

/*HISTORIA*/
#historia #contenido_inf {
	float: left;
	clear: both;
	margin: 25px 0 0 0;
	background: url(../img/bg_linea.gif) repeat-y 214px 0;
}
#historia #izq {
	float: left;
	width: 200px;
	border:1px solid #ccc;
}
#historia #drch {
	float: right;
	width: 700px;
	border: 1px #ccc solid;
}
#historia #sub-nav li {
	border-bottom: 1px #ccc solid;
	padding: 6px 0 6px 10px;
}
#historia #sub-nav a {
	font-size: 0.9em;
}
#historia #sub-nav li.ultimo {
	border-bottom-width: 0;
}
#historia img.helsinki {
	float: left;
}

#historia #mejor {
	margin: 25px 0 20px 0;
	height:1%;
	float:left;
	width:100%;
}
#historia #mejor_ol {
	width: 318px;
	float: left;
	border: 1px #ccc solid;
}
#historia #mejor_ola {
	width: 318px;
	float: right;
	border: 1px #ccc solid;
}
#historia #medallas{clear:both;border: 1px #ccc solid;}
#historia #record{clear:both; border: 1px #ccc solid; margin: 20px 0 0 0;}
#historia #img_txt {
	height: 1%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

/*Espanoles*/
#espanoles #sub_cabecera {
	float: left;
}
#espanoles #cont_images {
	border: 1px solid #ccc;
	border-top: none;
	padding: 18px;
	clear: both;
	width:892px;
	float: left;
}
#espanoles #cont_images.estrellas {
	border-top: 1px solid #ccc;
}
#espanoles #mas_esp {
	border: 1px solid #ccc;
	clear: both;
}
#espanoles #mas_esp .gutter {
	padding: 10px;
}
#espanoles .pestanias{background: #fff url(../img/bg_linea.gif) repeat-x left bottom; float:left; width:100%; margin: 0 0 -1px 0; width:928px;}
#espanoles .pestanias ul {float:left;}
#espanoles .pestanias ul li{float:left; border:1px solid #ccc; padding:6px 75px; margin:1px 0 0 0; background:#f2e2e1;}
#espanoles .pestanias ul li a{display:block; text-decoration:none; }
#espanoles .pestanias ul li.marcado {border-bottom:0; padding:7px 75px; margin:0 0 -1px 0; background:#fff; color:#583F3F; font-weight:bold;}

/*Pruebas*/
#pruebas #contenido_inf {
	width: 100%;
	margin: 25px 0 0 0;
	background: url(../img/bg_linea.gif) repeat-y 214px 0;
	float: left;
}
#pruebas #izq {
	float:left;
	width: 178px;
	border: 1px solid #ccc;
	padding: 10px;
}
#pruebas #drch {
	float:right;
	width: 698px;
	border: 1px solid #ccc;	
}
#pruebas #izq dt {
	padding: 8px 0 5px;
	color: #d62c25;
	font-weight: bold;
}
#pruebas #izq dd {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
#pruebas #izq dd.ultimo {
	border-bottom: none;
}
#pruebas h3 {
	float: left;
}
#pruebas #txt {
	float: right;
	width: 430px;
}
#pruebas ul.pestanias {background: #fff url(../img/bg_linea.gif) repeat-x left bottom; float:left; width:658px; float:left;}
#pruebas ul.pestanias li {float:left; border:1px solid #ccc; border-bottom:0; padding:7px 75px; background:#fff; color:#d62c25; font-weight:bold;}
#pruebas #caja_tabla {
	border: 1px solid #ccc; padding: 10px; border-width: 0 1px 1px; float:left; width: 637px; clear: both;
}
#pruebas #txt_pruebas_b {
	padding: 20px 0;
}
/*Ficha espanoles*/
#ficha #contenido_inf {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
}
#ficha #ficha_atleta {
	float: right;
	width: 670px;
}
#ficha ul.pestanias {background: #fff url(../img/bg_linea.gif) repeat-x left bottom; float:left; width:672px; float:left;}
#ficha ul.pestanias li {float:left; border:1px solid #ccc; border-bottom:0; padding:7px 75px; background:#fff; color:#d62c25; font-weight:bold;}
#ficha #caja_tabla {
	border: 1px solid #ccc; padding: 10px; border-width: 0 1px 1px; float:left; width: 650px; clear: both; margin-bottom: 20px;
}
#ficha #palmares {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
	margin-top: 40px;
}
#ficha #ul_palmares li {
	background: url(../img/bullet_lista.gif) no-repeat 0 5px; padding: 0 0 10px 15px;
}
/*Album*/
#album #contenido_inf {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
}
#album #contenido_inf img {
	border: 1px solid #ccc;
}
#album #albumright {
	float:right;
	width: 260px;
}
#album #botones {
	float: right;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 22px;
}
#album #botones li {
	float: right;
}
#album #botones li a, #album #botones li a:link, #album #botones li a:visited  {
	padding: 0.2em 0;
	text-align: center;
	width: 110px;
	display: block;
	margin-left: 3px;
	color: #000;
	background: #fff;
	border: 1px solid #ccc;
}
#album #botones li a:hover, #album #botones li a:focus, #album #botones li a:active  {
	background: #f2e2e1;
	color: #d62c25;	
}
/*Calendario*/
#calendario #contenido_inf {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
}
#calendario #izq {
	float: left;
	width: 230px;
	border: 1px solid #ccc;
}
#calendario #izq ul {
	float: left;
	width: 100%;
}
#calendario #izq li {
	padding: 0.7em 0;
	border-bottom: 1px solid #ccc;
}
#calendario #izq li.ultimo {
	border-width: 0;
}
#calendario #drch {
	float: right;
	width: 630px;
	border: 1px solid #ccc;
}
#calendario #drch ol {
	padding: 0 20px;
	list-style-type:decimal;
}
#calendario #drch li {
	padding: 0.5em 0;
	list-style-type:decimal;
}
/*Articulo*/
#articulo #contenido_inf {
	float: left;
	width: 100%;
}
#articulo #contenido_inf img {
	border-bottom: 1px solid #ccc;
}
#articulo #caja_img {
	border: 1px solid #ccc;
	float: right;
	margin: 0 0 20px 20px;
}
#articulo #contenido_inf h2 {
	padding-bottom: 20px;
}
/*Fotos*/
#fotos #contenido_inf {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
}
#fotos #contenedor_img {
	float: left;
	padding: 20px;
}
*html #fotos #contenedor_img {
	float: left;
	padding: 18px;
}
/*Graficos*/
#graficos #contenido_inf h4 {
	font-size: 1em;
	color: #d62c25;
}
#graficos #contenido_inf, #flash #contenido_inf {
	float: left;
	border: 1px solid #ccc;
	width: 100%;
}
#graficos #contenedor_img {
	float: left;
	padding: 19px;
}
#flash #izq {
	float: left;
	width: 260px;
	border: 1px solid #ccc;
}
#flash #izq ul {
	float: left;
	width: 100%;
}
#flash #izq li {
	padding: 0.7em 0;
	border-bottom: 1px solid #ccc;
}
#flash #izq li a {
	margin-left: 15px;
	padding: 0 0 0 15px;
	background: url(../img/bullet_lista.gif) no-repeat 0 4px;
}
#flash #izq li.ultimo {
	border-width: 0;
}
#flash #drch {
	float: right;
	width: 600px;
}
/*--Pie--*/
#Pie {
	font: 0.70em Arial, Helvetica, sans-serif; 
	color: #000;
	padding: 20px 20px 20px 0;
	clear: both;
	margin: 0 auto;
	line-height: 1.7em;
	width: 935px;
	height: 90px;
}
#Pie a, #Pie a:link, #Pie a:visited{color:#000; text-decoration:none;}
#Pie a:hover, #Pie a:active{text-decoration:underline;}
#Firma, #Logo{float:left;}
#Logo{padding:0.5em 1.3em 0 0;}

/*Publicidad superior*/
#publicidadsuperior {
	margin: 0 auto !important;
	width: 990px;
	padding: 0px;
	overflow: hidden;
}
#publicidadsuperior .publicidadhorizontal {
	width: 740px!important;
	float: left;
}
#publicidadsuperior table {
	background-color: #f0f0f0 !important;
}
#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 superior */
.clear{
	clear:both;
	line-height:1px;
}
/*hr {
	height: 1px;
	background: #ccc;
	color: #ccc;
	border: 0;
	margin: 10px 0 30px 0;
	padding: 0;
	clear: both;
}*/
#drch .gutter {
	padding: 20px;
}
#izq .gutter {
	padding: 10px;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.txt {
	float: right;
	width: 430px;
}
.borde {
	border: 1px solid #ccc;
}
.negrita {
	font-weight: bold;
}
.gutter {
	padding: 20px;
}
.gutter_10 {
	padding: 10px;
}
.rojo {
	color: #d62c25;	
}
.piefoto {
	color: #666666;
	padding: 10px;
}#estrellastxt {
	float: right;
	width: 670px;
}
/* home */
#contizq {
	float: left;
	width: 600px;
}
#contizq .foto {
	height: 390px;
	width: 590px;
	border: 5px solid #000000;
}
#contizq .titfoto {
	height: 35px;
	width: 590px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	padding-top: 5px;
	padding-left: 10px;
	text-align: center;
	background-color: #000000;
}
#contizq .titfoto a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#contizq .titfoto a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	line-height: normal;
	text-decoration: underline;
}
#contder {
	float: left;
	width: 318px;
	padding-left: 10px;
}
#contder #atentos img {
	float: left;
}
#contder #atentos #drch_img {
	float: left;
	margin-left: 10px;
	width: 210px;
}
/* fin home */
#atentos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#atentos .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f2e2e2;
	color: #d72c25;
	padding-left: 10px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#atentos a.link {
	color: #666666 !important;
	margin: 10px;
}
#atentos a.link:hover {
	color: #666666 !important;
	margin: 10px;
	text-decoration: underline;
}
#albumhome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#albumhome .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f2e2e2;
	color: #d72c25;
	padding-left: 10px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#opinion .cuerpo a.link {
	font-weight: normal;
	color: #666666;
	font-size: 11px;
	line-height: normal;
	margin: 0px;
}
#opinion .cuerpo a.link:hover {
	font-weight: normal;
	color: #cccccc;
	font-size: 11px;
	line-height: normal;
	margin: 0px;
}
#opinion .cuerpo {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 11px;
	line-height: normal;
}
#opinion .subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #D72C25;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}


#opinion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#opinion .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #D72C25;
	color: #fff;
	padding-left: 10px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#mashome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#mashome .titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #f2e2e2;
	color: #d72c25;
	padding-left: 10px;
	height: 20px;
}
#cabecera_new {
	background-image: url(../img/cab_osaka.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 100px;
	width: 990px;
}
#atentos .cuerpo {
	font-size: 11px;
	padding-left: 10px;
	line-height: 18px;
}
#articulo #contenedor #contenido #contenido_inf .titulo {
	font-size: 28px;
}
#articulo #contenedor #contenido #sub_cabecera .floatleft {
	width: 300px;
}
.links {
	padding: 10px;
}
.links table td {
	width: 20%;
	text-align: center;
}
.links table td.celdapeq {
	text-align: left;
}