body{
margin: 0;
padding: 0;
background-image: url(/especiales/2006/07/espana/guerracivil/img/fondonegro.gif);
background-repeat: repeat-y;
background-color: #4e4e4e;
/*background-color: #dadada;*/
}
/* PORTADA =========================== */
#contenedorportada{
width: 990px;
}
#contenedorportada img{
display: block;}
#contenedorportada h1{
display: none;
}
#contenedorportada #portadaentradilla{
background-image: url(/especiales/2006/07/espana/guerracivil/img/portada_05.jpg);
background-repeat: no-repeat;
height: 45px;
}
#contenedorportada #portadaentradilla p{
margin: 0px 0 0 410px;
/*margin: 23px 0 0 410px;*/
padding: 23px 0 0 0;
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#contenedorportada #portadaentradilla p a{
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: underline;
}
#contenedorportada #portadaentradilla p a:hover{
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}
#contenedorportada #portadaentradilla img{
display: inline!important;
}
#contenedorportada #firma{
color: #626262;
margin: 0;
padding: 8px 0 0 0px;
font: bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
#contenedorportada #firma em{
color: #919090;
font-style: normal;
}
#contenedorportada #firma a{
color: #626262;
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#contenedorportada #firma a:hover{
text-decoration: none;
}
/* FIN PORTADA =========================== */
#contenedor{
width: 990px;
overflow: hidden;
}
#contenedor #cabecera{
width: 990px;
overflow: hidden;
}
#contenedor #cabecera #bloquesecundario1{
background-image: url(/especiales/2006/07/espana/guerracivil/img/fondo_cabecera.gif);
background-repeat:repeat-x;
float:left;
width: 257px;
height: 99px;
}
#contenedor #cabecera #bloqueprincipal{
float:left;
}
#contenedor #cabecera #bloquesecundario2{
float:left;}


/* CONTENIDO album=========================== */
#contenedor #contenido{
background-color: #fff;
width: 990px;
overflow: hidden;}

#contenedor #contenido #retratomoderno{
float:left;}
#contenedor #contenido #retratoantiguo{
width: 330px;
float:left;
margin-left: 1px;
background-color: #e7e7e7;
font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;}
#contenedor #contenido #retratoantiguo p{
margin: 10px 2px 11px 10px;
padding: 0;
font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;}
#contenedor #contenido #piedefoto{
float:left;
background-color: #fff;
width: 262px;
/*height: 475px;*/
}
#contenedor #contenido #piedefoto .piedefototexto{
height: 475px;
/*height: 100%;*/
position:relative;}
#contenedor #contenido #piedefoto .piedefototextocorto{
height: 442px;
position:relative;}
#contenedor #contenido #piedefoto .navegacion{
width: 258px;
background-image: url(/especiales/2006/07/espana/guerracivil/img/fondo_marron.jpg);
background-repeat: repeat-y;
background-position: right;
height: 20px;
text-align: right;
padding-right: 5px;
}
#contenedor #contenido #piedefoto .navegacion a{
font: bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}
#contenedor #contenido #piedefoto .navegacion a img{
border: 0;
}
.alinearabajo{
position:absolute;
	bottom:0;
	left:0;
}
#contenedor #contenido #piedefoto p{
font: normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
padding: 0;
margin: 10px 2px 5px 8px;
}
#contenedor #contenido #piedefoto .masinformacion{
width: 263px;
background-image: url(/especiales/2006/07/espana/guerracivil/img/fondo_marron.jpg);
background-repeat: repeat-y;
background-position: right;
margin-top: 10px;
height: 57px;
}
#contenedor #contenido #piedefoto .masinformacion ul{
margin: 0 2px 5px 15px;
padding: 10px 0 0 0;
}
#contenedor #contenido #piedefoto .masinformacion ul li{
background-image: url(/especiales/2006/07/espana/guerracivil/img/flecha_sig.gif);
background-repeat: no-repeat;
background-position: 0 7px;
font: bold 10px/10px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
list-style: none;
margin: 0;
padding: 2px 0 2px 12px;
}
#contenedor #contenido #piedefoto .masinformacion ul li a{
font: bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
}
#contenedor #contenido #piedefoto .masinformacion ul li a:hover{
text-decoration: underline;
}
/* FIN CONTENIDO album=========================== */

/* CONTENIDO historia=========================== */
#contenedor #contenido #bloquesecundario{
float:left;}
#contenedor #contenido #bloquesecundario #retratomodernohist{
}
#contenedor #contenido #bloquesecundario .retratoantiguohist{
background-color: #e7e7e7;
font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
width: 396px;}
#contenedor #contenido #bloquesecundario .retratoantiguohist img{
display: block;
margin: 1px 0 0 0;
}
#contenedor #contenido #bloquesecundario .retratoantiguohist p{
margin: 10px 2px 0px 10px;
padding: 0 0 10px 0;
font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;}
#contenedor #contenido #bloqueprincipal{
float:left;
background-color: #fff;
width: 577px;
border-left: 1px solid #ccc;
padding-left: 5px;
}
#contenedor #contenido #bloqueprincipal .navegacionhist{
width: 588px;
background-image: url(/especiales/2006/07/espana/guerracivil/img/fondo_marron.jpg);
background-repeat: repeat-y;
background-position: right;
height: 20px;
text-align: right;


}
#contenedor #contenido #bloqueprincipal .navegacionhist a{
font: bold 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
margin-right: 10px; 

}
#contenedor #contenido #bloqueprincipal .navegacionhist a img{
border: 0;
}
#contenedor #contenido #bloqueprincipal p{
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
padding: 0;
margin: 10px 2px 10px 10px;
}
#contenedor #contenido #bloqueprincipal p.entradillahistoria{
font: bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
margin: 15px 2px 18px 10px;
}
#contenedor #contenido #bloqueprincipal h2{
font: bold 30px/50px Georgia, "Times New Roman", Times, serif;
color: #868686;
padding: 0;
margin: 10px 2px 5px 8px;
}


/* FIN CONTENIDO historia=========================== */

/* INDICE=========================== */
#contenido .bloqueindice{
width: 750px;
overflow: hidden;
height: 115px;
margin-bottom: 1px;
}

#contenido .bloqueindice .retrato{
float: left;
width: 397px;}
#contenido .bloqueindice .retrato img{
}
#contenido .bloqueindice .retrato img a{
border: 0;}

#contenido .bloqueindice .texto{
float: left;
margin-left: 15px;
height: 100%;
position:relative;
}
.alinearabajoindice{
position:absolute;
	bottom:0;
	left:0;
	width: 593px;
}
#contenido .bloqueindice{
width: 990px;
}
#contenido .bloqueindice .texto h2{
font: bold 23px Georgia, "Times New Roman", Times, serif;
color: #868686;
margin: 0 0 10px 0;
}
#contenido .bloqueindice .texto h2 a{
font: bold 23px Georgia, "Times New Roman", Times, serif;
color: #868686;
text-decoration: underline;
margin: 0;
padding: 0;
}
#contenido .bloqueindice .texto h2 a:hover{
text-decoration: none;
}
#contenido .bloqueindice .texto p{
font: normal 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
vertical-align: bottom;
margin: 0 0 5px 0;
padding: 0;
}

/* FIN INDICE=========================== */

/* FIRMA =========================== */
#contenedor #firma{
color: #626262;
margin: 0;
/*padding: 8px 595px 0 0;*/
padding: 8px 0 0 0;
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;

}
#contenedor #firma em{
color: #919090;
font-style: normal;
}
#contenedor #firma a{
color: #626262;
font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: underline;
}
#contenedor #firma a:hover{
text-decoration: none;
}