/* RESET */
body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, a {margin: 0;padding: 0; list-style: url(none) none;	border:0px;}
img {display: block;}
a {text-decoration: none;outline: none;}
a:hover {color: #999; text-decoration: none;}

/* ESTRUCTURA */
body {font: normal 12px Arial, Helvetica, sans-serif;}
body#portada {background:#000 url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/fondo.png") no-repeat top ;}
body#grafico {background:#000 url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/fondo-interior.jpg") no-repeat top ;}

#contenedor, #contenido {width: 990px; margin: 0 auto; padding: 0; overflow: hidden;}
#contenido              {margin: 0;	float: left; position: relative;	left:1px;}

/* ESTILOS COMUNES */
/* publicidad superior COMÚN */
#publicidadsuperior {width: 990px; margin: 0 0 0 1px !important;	padding: 0px;	overflow: hidden;	background-color: #dddcd2;	z-index: 1;}
#publicidadsuperior .publicidadhorizontal {width: 740px!important;	float: left;}
#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;}

/* =Site information */
acronym {border:0;	text-decoration:none;}
#site_info {float: left; position: relative; width: 990px;	padding: 7px 0 10px 10px;	margin: 0;	color: #0c776f;}
#site_info .facebook {
background:url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/facebook.gif") no-repeat scroll center center transparent;
border:medium none; display:block; float:left; height:15px; margin:0 5px 0 0; width:15px;}
#site_info .twitter {background:url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/twitter.gif") no-repeat scroll center center transparent;
border:medium none; display:block; float:left; height:15px;  margin:0 5px 0 0; width:15px;}
#site_info a {border-bottom:1px dotted #49A0B2; color:#0c776f; font:10px/10px Arial,Helvetica,sans-serif; text-decoration:none;}
#site_info p {padding:0 10px 0 0 !important; font-size: 11px; margin: 0; display: inline;}
#site_info p.credits {border:1px solid #444; border-width:0 1px; padding:0 10px!important; margin:0px 8px 0 0; font-size: 11px;	display: inline;}
#site_info ul, #site_info li {display:inline; list-style:none; padding:0px 5px 0 0; margin: 0; font-size: 11px;}
#site_info .contact { border-right: 1px solid #444; padding-right:8px; margin-right:8px; margin-left: 0; font-size: 11px;}
#site_info a:hover, #site_info a:active, #site_info a:focus {color:#eaf4ce}
/* fin info */

/* cabecera */
#portada #cabecera {float: left;  position: relative; width: 990px; height: 127px; margin: 0; padding: 0; z-index: 2;
	background:url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/portada-cabecera.gif") repeat-x;}
#grafico #cabecera {float: left;  position: relative; width: 990px; height: 127px; margin: 0; padding: 0; z-index: 2;
	background:url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/fondo_cabecera-interior.png") repeat-x;}

.path .elmundo {background:url("https://e00-elmundo.uecdn.es/especiales/2011/05/cultura/festivales_verano/img/elmundo.gif") no-repeat 7px 4px transparent;
display:block; float:left; height:28px; width:186px; margin:0; border:0; }
.path a {float:left; margin-top:3px; padding:3px 20px; border-left:1px dotted #105463; font-weight:bold; color:#105463;}
.path a:hover, .path a:active, .path a:focus {color:#eaf4ce}
#cabecera h1 {float: left; 	position: relative;	font-size:12px;	font-family:Arial, Helvetica, sans-serif}
/* fin cabecera */

/* portada */
#portada #cabecera .titulo {display:none}
#portada #contenido, #portada #cabecera h1.portada a {height: 608px;}
#portada #cabecera {height: 29px;}

/* grafico*/
#grafico #cabecera .titulo a {display:block; height:80px; left:0; position:absolute; top:35px; width:320px;}
#grafico #cabecera .titulo span {display:none;}
#grafico #contenido {padding: 20px; width: 950px; background: #fff;}