/* CSS Document */
/* Hoja de estilos para Siroco Digital */
/* Colores
	Logotipo: azul 369 y gris ddd, y desenfocado gaussiano 2.5
	Gráficos de sección: gris 999 y desenfocado gaussiano 0.6
	Página: amarillo fc6 y gris 333 para el texto
	Hora de actualización: #0080C0 */

body {
	margin: 0; padding: 0px;
	text-align: center;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	line-height: 18px;
	color: #333;}

#contenedor { /* espacio que engloba y centra todos los bloques */
	width: 935px;
	margin: 0px 25px 0px 25px;
	text-align: left;}

#banner { /* banner óptimo: 470px de anchura */
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;}

#cabecera { /* espacio para el logotipo */
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: center;}
	

#seccion { /*espacio debajo del logotipo para la sección y la fecha*/
	text-align: left;
	margin-left: 154px;
	height: 40px;}

#fecha { /* fecha en la sección */
	float: right;
	padding-top: 20px;
	padding-right: 155px;
	text-align: right;
	font-size: 9px;
	color: #999}

#izquierda { /* columna izquierda */
	float: left;
	margin: 0;
	border: 0;
	width: 130px;}

#centro { /* columna central */
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0;
	width: 495px;}
	

#derecha { /* columna derecha */
	float: left;
	margin: 0px 0px 0px 25px;
	border: 0;
	width: 130px;}
	
#derecha1 { /* columna MÁS a la derecha */
	float: left;
	margin: 0px 0px 0px 25px;
	border: 0;
	width: 130px;}

#fotos { /* espacio para las fotos (ancho estandar 200px, todo el ancho 470px) */
	float: right;
	margin: 3px 0px 15px 15px;}
	
#caja_inferior { /* caja inferior */
	float: right;
	margin: 0px 0px 0px 0px;}
	
#fotos_resumen2005 { /* espacio para las fotos resumen anual */
	float: left;
	margin: 0 0 8px 25px;}
	
#fotos_cajaportada { /* espacio para las fotos caja de portada */
	float: right;
	margin: 3px 0px 0px 15px;}

#fotos_+DDL { /* espacio para las fotos (ancho estandar 200px, todo el ancho 470px) */
	float: right;
	margin: 3px 0px 15px 15px;}
	
#fotosLS { /* espacio para las fotos (ancho estandar 200px, todo el ancho 470px) */
	float: left;
	margin: 3px 0px 15px 15px;}
	
#fotos_servicios { /* espacio para las fotos (ancho estandar 200px, todo el ancho 470px) */
	float: left;
margin: 0 5px 8px 25px;}
	
#habituales { /* espacio para los columnistas habituales en opinión */
	float: right;
	text-align: center;
	margin: 0px 0px 15px 15px;
	padding-top: 3px;
	width: 175px;
	border: 1px solid #666;
	border-top: 0;}

#recuadro { /* recuadro dentro columnas laterales (gráficos publicidad 128px de ancho) */
	border: 1px solid #666;
	margin: 0;
	padding: 0px;
	text-align: left;
	font-size: 11px;}

#pie { /* pie de la página */
	border: 1px solid #666;
	text-align: center;
	margin: 50px 0 20px 25px;}
	
#flechas {
	text-align: center;
	vertical-align: middle;
	margin: 10px 0 20px 25px;}

p { /* texto normal en las noticias de portada */
	margin: 0 0 8px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	line-height: 18px;
	color: #333;}
	
	p.caja_portada { /* texto para caja de portada */
	margin: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 100;
	line-height: 14px;
	color: #333;}

p.el_observatorio {
	margin-bottom: 1px;
	margin: 0 0 6px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 100;
	line-height: 18px;
	color: #666;
	border-top: 1px dotted #666;
	border-right: none #666;
	border-bottom: none #666;
	border-left: none #666;
}
	
p.noticias { /* texto normal en las noticias de portada */
	margin: 0 0 0px 25px;}

p.siroco { /* texto normal en las noticias de portada */
	background-color: #FFCC66;
	margin: 0 0 0px 25px;}
	
p.comentarios {
	font-size: 9px;
	font-weight: normal;
	color: #000;
	text-align: left;
}

p.largo { /* texto normal para crónicas y opinión */
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: justify;}
	
p.largo-inicial { /* texto normal para crónicas y opinión con capitular */
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: justify;}
	
p.largo-inicial:first-letter { font-weight: bold; font-size: 150% }
	
p.negrita { /* texto normal para crónicas y opinión */
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	text-align: justify;}

p.centrado { /* titulillos para subapartados en crónicas u opinión */
	font-size: 12px;
	margin-bottom: 1px;
	font-weight: 600;
	text-align: center;
	margin-top: 7px;
	margin-bottom: 6px;}

p.listas1 { /* principal para las listas y entradilla en cada noticia */
	font-size: 11px;
	margin-bottom: 1px;
	font-weight: 600;}

p.listas2 { /* secundario para las listas */
	font-size: 11px;
	margin-bottom: 1px;}

p.listas3 { /* terciario o fechas para las listas */
	font-size: 10px;
	margin-bottom: 15px;}
	
p.listas4 { /* títulos de los artículos de opinión en el recuadro */
	font-size: 10px;
	font-weight: 100;
	line-height: 13px;
	padding: 0px 0px 2px 0px;
	margin: 0;}

h1 { /* títulos de las noticias */
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: #333;
	margin: 0px 0 15px 25px;}

h1.siroco {
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: #333;
	margin: 0px 0 15px 25px;
	background-color: #FFCC66;
}
	
h2 { /* antetítulos de las noticias y autores de opinión */
	font-size: 12px;
	font-weight: 600;
	color: #666;
	border-top: 1px solid #666;
	padding-top: 5px;
	margin: 0 0 5px 25px;}

h2.siroco { /* antetítulos de las entradas de siroco */
	font-size: 12px;
	font-weight: 600;
	color: #666;
	border-top: 1px solid #666;
	padding-top: 5px;
	background-color: #FFCC66;
	margin: 0 0 5px 25px;}
	
h2.cierre { /* cierre de página */
	font-size: 12px;
	font-weight: 600;
	color: #666;
	border-top: 1px solid #666;
	padding-top: 5px;
	margin: 0 25px 5px 25px;}
	
	
h2.servicios { /* título para servicios */
	font-size: 14px;
	font-weight: bold;
	color: #fc6;
	background-color: #666;
	margin: 0 0px 5px 25px;
	padding: 3px 0 3px 3px;}
	
h2.nofilete { /* encabezado 2 sin filete */
	border-top: 0;}
	
h2.titular_filete { /* filete con titular como encabezado 1 */
	font-size: 15px;
	line-height: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 15px;}
	
h2.listas_filete { /* filete inicial para las listas*/
	font-size: 11px;
	margin-bottom: 1px;
	font-weight: 600;
	color: #333;}


h2.DDL {/* icono +DDL */
	background-color:#FBFBFB;
	border-bottom: 1px solid #666;
	padding: 1px;
	margin: 0 0 5px 25px;}
	
h3 { /* fecha de las noticias*/
	font-size: 9px;
	font-weight: 100;
	margin: 10px 0 30px 25px;}

h3.encabezado3_noticias { /* noticias incluidas en + noticias - en prueba*/
	font-size: 9px;
	font-weight: 100;
	margin: 3px 0 8px 25px;}
	
h4 { /* titulos opinión y enlaces en el recuadro */
	font-size: 11px;
	font-weight: 600;
	background-color:#fc6;
	padding: 3px;
	margin: 0;}

h5 { /* títulos de los artículos de opinión en el recuadro */
	font-size: 10px;
	font-weight: 100;
	line-height: 13px;
	border-top: 1px solid #666;
	padding: 5px 3px 3px 3px;
	margin: 0;}
	

h6 { /* autores de los artículos de opinión en el recuadro */
	font-size: 9px;
	font-weight: 100;
	line-height: 12px;
	padding: 0px 3px 5px 3px;
	margin: 0;
	border: 0;}
	
h7 { /* + noticias */
	margin: 0 0 8px 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	line-height: 18px;
	color: #333;}

.navegacion { /* enlaces de la barra de navegación */
	margin: 0px 0 0px 0;
	padding: 2px 0 2px 4px;
	border-top: 1px solid #666;}
	
.pie_foto { /* texto para los pies de fotos en tabla */
	font-size: 9px;
	font-weight: 100;
	line-height: 12px;
	margin: 0;
	border: 0;}
	
.pie_foto_cartelera { /* texto para los pies de fotos en tabla */
	font-size: 11px;
	font-weight: 100;
	line-height: 12px;
	margin: 0;
	border: 0;}

.el_observatorio { /* texto para los medios de las tablas de El Observatorio */
	font-size: 12px;
	font-weight: 100;
	line-height: 12px;
	margin: 0;
	border: 0;}
	
.habitual { /* para los columnistas en opinión */
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	text-align: center;
	margin: 0 0 10px 3px;}
	
.filete { /* filete para columna central */
	border-top: 1px solid #666;
	height: 6px;
	margin: 0 0 0 25px;}
	
.filete_tabla { /* filete para celda en tabla */
	border-top: 1px solid #666;
	height: 6px;
	margin: 0 0 0 2px;}
	

a:link {color: #333; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #333; text-decoration: underline;}
a:active {color: #333; text-decoration: none;}

a.subrayado:link {color: #333; text-decoration: underline;}
a.subrayado:visited {color: #333; text-decoration: underline;}
a.subrayado:hover {color: #666; text-decoration: none;}
a.subrayado:active {color: #333; text-decoration: underline;}