/* HOME CSS - Solo portada */

/* =HOME. Layout principal de la seccion
------------------------------------------------------------- */
#home {
	float:left;
	padding:0 12px 10px 12px;
	width:570px;
	line-height:140%;
}

/* =AFONDO. Módulo del doble del carril 
-------------------------------------------------------------- */

#afondo { 
	float:left;
	width:568px;
	border:1px solid #ddd;
	background:#fff url(../images/fondo_rojo.gif) repeat-x 0 0;
}
#afondo p.foto_personaje {float:left; padding:0; margin-right:10px; cursor:pointer;} 
#afondo p.texto_personaje {padding:10px 0 10px 10px;} 
/* aunque el padding lateral no actua dado el float de la imagen, si no existe el <p> de foto_personaje si que actua */ 

#afondo span.titulo {
	display:block;
	clear:right;
	color:#b22222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
	font-weight:bold;
}
blockquote div	{
	float:left;
	/* 
	width:300px definido inline para programar cuando no haya foto 
	*/
	background: url(../images/comillas_inicio.gif) no-repeat 0 2%;
	padding:0 35px;
	margin:0 10px;
	color:#666;
}
div blockquote	{
	background: url(../images/comillas_fin.gif) no-repeat 98% 98%;
	float:left;
	margin-bottom:10px;
}
 
#afondo span.enlace{
	float:right;
	margin:10px 10px 10px 0;
	color:#497ffe;
}
.rojo { color:#b22222;} 


#carril_informativo {
	float:left;
	width:275px;
}
#carril_interactivo {
	float:right;
	width:275px;
}


#modulo1, #modulo2, #modulo3, #modulo4, /* puesto a 5 cajas */
#modulo5 {float:left; /*	width:360px; en linea para cuando hay foto */}
#modulo1 p, #modulo2 p, #modulo3 p, #modulo4 p, 
#modulo5 p { margin-bottom:10px;}
#modulo1 p.resaltado, #modulo2 p.resaltado, #modulo3 p.resaltado, #modulo4 p.resaltado, 
#modulo5 p.resaltado { margin-bottom:0; font-weight:bold;}
#modulo1 p.tema, #modulo2 p.tema, #modulo3 p.tema, #modulo4 p.tema, 
#modulo5 p.tema { color:#666; padding-bottom:2px; margin-bottom:0; text-transform:uppercase; font-size:90%; border-top:1px solid #eee; padding-top:5px;}
#modulo1 p.fecha, #modulo2 p.fecha, #modulo3 p.fecha, #modulo4 p.fecha, 
#modulo5 p.fecha { color:#b22222; font-style:italic; padding-bottom:5px; margin-bottom:0;}
#modulo1 p.fecha span, #modulo2 p.fecha span, #modulo3 p.fecha span, #modulo4 p.fecha span, 
#modulo5 p.fecha span { color:#888; font-style:italic; font-size:100%;}
#modulo1 p.titulo, #modulo2 p.titulo, #modulo3 p.titulo, #modulo4 p.titulo, 
#modulo5 p.titulo { font-family:Georgia, "Times New Roman", Times, serif; font-size:180%; line-height:115%; margin-bottom:10px;}
#modulo1 p.fuente, #modulo2 p.fuente, #modulo3 p.fuente, #modulo4 p.fuente, 
#modulo5 p.fuente { color:#888; font-family:Arial, Helvetica, sans-serif; padding-top:5px; padding-bottom:10px; margin-bottom:0;}
#modulo1 p.margenabajo, #modulo2 p.margenabajo, #modulo3 p.margenabajo, #modulo4 p.margenabajo, 
#modulo5 p.margenabajo { margin-bottom:5px;}
#modulo1 p.noborde, #modulo2 p.noborde, #modulo3 p.noborde, #modulo4 p.noborde, 
#modulo5 p.noborde { border:0; padding:0;}
#modulo1 p.rojo, #modulo2 p.rojo, #modulo3 p.rojo, #modulo4 p.rojo, 
#modulo5 p.rojo { color:#b22222;}
#modulo1 p.cargo, #modulo2 p.cargo, #modulo3 p.cargo, #modulo4 p.cargo, 
#modulo5 p.cargo { color:#666; padding:1px 0 2px 0; margin-top:-5px; font-size:100%; font-style:italic; border-bottom:1px solid #eee; border-top:1px solid #eee; }

p.felicitacion {float:left; margin:10px 0;}