/* CSS Document */

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

/* ESTRUCTURA */

body {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #464646;
	background-color: #000;
}

#contenedor {
	margin: auto;
	width: 990px;
	padding: 0;
}

/* PORTADA */

#portada{
	position: relative;
	margin:0 auto;
	width:990px;
	height: 510px;
	padding:0;
	clear:both;	
	background: url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/portada.jpg) no-repeat;
}
#portada h1{
	float: left;
	position: relative;
	width: 990px;
	height: 510px;
	margin: 0;
	padding: 0;
}
#portada h1 .iraelmundo{
	float: left;
	position: relative;
	width: 144px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#portada h1 .tit{
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 990px;
	height: 460px;
	text-indent: -9999px;
}
#portada h1 .entradilla{
	position: absolute;
	width: 370px;
	font:bold italic 12px/18px Arial, Helvetica, sans-serif;
	color:#818181;
	top: 300px;
	right:46px;
	text-align:justify;
}

/* CABECERA */

#cabecera{
	float: left;
	position: relative;
	width: 990px;
	height: 148px;
	padding: 0;
	margin: 0;
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/cabecera.jpg) no-repeat;
}
#cabecera h1 {
	float: left;
	position: relative;
	width: 990px;
	height: 88px;
	margin: 0;
	padding: 0;
}
#cabecera h1 .iraelmundo{
	float: left;
	position: relative;
	width: 144px;
	height: 35px;
	text-indent: -9999px;
}
#cabecera h1 .tit{
	float: right;
	position: relative;
	padding: 5px 0 0 0;
	margin: 0;
	width: 750px;
	height: 60px;
	text-indent: -9999px;
}


/* Navegacion */


#nav{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 990px;
	height: 60px;
}
#nav ul{
	float: right;
	margin: 0;
	padding: 0;
}
#nav li{
	float: left;
	height:60px;
	margin: 0 3px 0 0;
	padding: 0;
}
#nav li a{
	padding: 0;
	width:45px;
	height:60px;
	display:block;
}

/* Miniaturas nav */


#nav li.resumen a{
	width:40px;
	height:49px;
	display:block;
	background-color: #000;
	padding: 5px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#FFF;
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-left:solid 1px #FFF;
}
#nav li.resumen a:hover{
	background-color: #fff;
	color:#000;
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-left:solid 1px #FFF;
}
#nav li.alcatraz a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/alcatraz_mini.jpg) -45px 0 no-repeat;
}
#nav li.cazador a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/cazador_mini.jpg) -45px 0 no-repeat;
}
#nav li.dolares a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/dolares_mini.jpg) -45px 0 no-repeat;
}
#nav li.duro a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/duro_mini.jpg) -45px 0 no-repeat;
}
#nav li.gauntlet a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/gauntlet_mini.jpg) -45px 0 no-repeat;
}
#nav li.harrysucio a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/harrysucio_mini.jpg) -45px 0 no-repeat;
}
#nav li.honkytonk a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/honkytonk_mini.jpg) -45px 0 no-repeat;
}
#nav li.ley a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/ley_mini.jpg) -45px 0 no-repeat;
}
#nav li.linea a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/linea_mini.jpg) -45px 0 no-repeat;
}
#nav li.million a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/million_mini.jpg) -45px 0 no-repeat;
}
#nav li.perdon a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/perdon_mini.jpg) -45px 0 no-repeat;
}
#nav li.puentes a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/puentes_mini.jpg) -45px 0 no-repeat;
}
#nav li.torino a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/torino_mini.jpg) -45px 0 no-repeat;
}


#nav li.alcatraz a:hover, #nav li.cazador a:hover, #nav li.dolares a:hover, #nav li.duro a:hover, #nav li.gauntlet a:hover, #nav li.harrysucio a:hover, #nav li.honkytonk a:hover, #nav li.ley a:hover, #nav li.linea a:hover, #nav li.million a:hover, #nav li.perdon a:hover, #nav li.puentes a:hover, #nav li.torino a:hover{
	background-position: 0 0;
}




body.perdon #nav li.perdon a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/perdon_mini.jpg) 0 0 no-repeat;}
body.dolares #nav li.dolares a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/dolares_mini.jpg) 0 0 no-repeat;}
body.harrysucio #nav li.harrysucio a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/harrysucio_mini.jpg) 0 0 no-repeat;}
body.cazador #nav li.cazador a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/cazador_mini.jpg) 0 0 no-repeat;}
body.torino #nav li.torino a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/torino_mini.jpg) 0 0 no-repeat;}
body.ley #nav li.ley a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/ley_mini.jpg) 0 0 no-repeat;}
body.alcatraz #nav li.alcatraz a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/alcatraz_mini.jpg) 0 0 no-repeat;}
body.linea #nav li.linea a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/linea_mini.jpg) 0 0 no-repeat;}
body.puentes #nav li.puentes a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/puentes_mini.jpg) 0 0 no-repeat;}
body.duro #nav li.duro a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/duro_mini.jpg) 0 0 no-repeat;}
body.million #nav li.million a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/million_mini.jpg) 0 0 no-repeat;}
body.honkytonk #nav li.honkytonk a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/honkytonk_mini.jpg) 0 0 no-repeat;}
body.gauntlet #nav li.gauntlet a{
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/nav/gauntlet_mini.jpg) 0 0 no-repeat;}






body.resumen #nav li.resumen a{
	width:40px;
	height:49px;
	display:block;
	background-color: #fff;
	padding: 5px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#000;
	border-top:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-left:solid 1px #FFF;
}

/* ESTRUCTURA Página */

#contenido{
	float: left;
	position: relative;
	width: 950px;
	padding: 20px 20px 30px 20px;
	margin: 0;
	background-color: #fff;
}

#contenido h2 {
	font: bold 28px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 2px 0;
	margin:0 0 14px;
	clear: left;
}
#contenido h2.menor {
	font-size:26px;
}

#contenido h2 a{
	color: #777;
	text-decoration: none;
}
#contenido .cintillo{
	background-color:#fff;
	border:solid 1px #D8D8D8;
	color:#333;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:5px 0 12px;
	padding:0;
	text-transform:uppercase;
	padding: 1px 0 0 10px;
}
#contenido .cintillo strong{
	color:#b99415;
}
#contenido .firma{
	position: relative;
	color:#969696;
	font-size:11px;
	margin: 0 0 0 10px;
	padding: 0;
}
#contenido .firma strong{
	font-weight:bold;
	text-transform:uppercase;
}
#contenido .entradilla{
	color: #999;
	font-weight: bold;
}

#contenido p{
	margin: 0;
	line-height: 20px;
	clear: left;
	text-align:justify;
}
#contenido p a{
	border-bottom: solid 1px #757575;
	color:#464646;
	font-weight:bold;
}
#contenido p a:hover{
	color:#757575;
}
#contenido p span{
	float:left;
	border:1px solid #d8d8d8;
	color:#333;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	line-height: normal;
	margin:0 15px 0 0;
	padding:10px;
}

#contenido .columnaizq {
	float: left;
	position: relative;
	width: 950px;
	margin: 10px 0 0 0;
	padding: 0;
	clear: left;	
	background:url(https://e00-elmundo.uecdn.es/especiales/2009/03/cultura/clint_eastwood/img/bg_columnas.gif) 0 0 repeat-y;
}
#contenido .columnader {
	float: right;
	position: relative;
	width: 380px;
	margin: 10px 0 0 0;
	padding: 0;
}
#contenido .columna {
	float:left;
	position:relative;
	display:inline;
	padding:0;
	margin-right: 25px;
	width:300px;
}
#contenido .columna2 {
	float:left;
	position:relative;
	display:inline;
	padding:0;
	margin-right:25px;
	width:300px;
}
#contenido .columna3 {
	float:left;
	position:relative;
	margin-right:0;
	padding:0;
	width:300px;
	border:none;
}
#contenido .anchodoble {
	float:left;
	position:relative;
	padding:0;
	margin-right:0;
	border-bottom: solid 5px #FFF;
	width:625px;
	background-color:#FFF;
	display:inline;
}
#contenido .cajafoto{
	float: left;
	position: relative;
	margin-bottom: 15px;
	display:inline;
	background-color:#FFF;
}
#contenido .cajafoto img{
	margin-top: 3px;
}
#contenido .cajafoto p{
	float: right;
	position: relative;
	margin: 0;
	padding: 2px 10px;
	color: #000;
	font-size: 11px;
}







/* PUBLICIDAD */

/* publicidad superior, de 730 y modulo de 240 de ancho */
#publicidadsuperior {
	width: 990px;
	margin: 0;
	padding: 0;
	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, de 730 y modulo de 240 de ancho */

.publicidad300 {
	float: right;
	position: relative;
	width: 302px;
	text-align: center;
	overflow: hidden;
	margin: 20px 0 10px;
	padding: 0;
	display: inline;
}


/*site info*/
#site_info{
	width:970px;
	font:10px Arial, Helvetica, sans-serif;
	color:#d3d3d3;
	float:left;
	padding:8px 0 30px 20px; 
}
#site_info a{color:#d3d3d3;text-decoration:none;font-weight:normal;}
#site_info a:hover{color:#d3d3d3;}
#site_info p{float:left;padding:0 10px 0 0 !important;line-height:10px;margin:0;}
#site_info p.credits{border:1px solid #d3d3d3;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 #d3d3d3;padding:0 8px 0 0;margin:0 8px 0 0;}
acronym{border:0; text-decoration:none;}