/* CSS Document */

/* publicidad superior, de 730 y modulo de 240 de ancho */
#publicidadsuperior {
	width: 990px;
	margin: 0px !important;
	padding: 0px;
	float: left;
	background-color: #fff !important;
	border-bottom: 1px solid #ccc;
}
#publicidadsuperior .publicidadhorizontal {
	width: 740px!important;
	float: left;
}
#publicidadsuperior table {
	background-color: #fff !important;
	margin: 0px;
	padding: 0px;
}
#publicidadsuperior td {
	border: 0px !important;
	padding: 0px !important;
}
#publicidadsuperior .publicidadhorizontal div table td.margen {
	width: 0px !important;
}
#publicidadsuperior .publicidadhorizontal, #publicidadsuperior .publicidadhorizontal div, #publicidadsuperior .publicidadhorizontal table {
	width: 740px !important;
}
#publicidadsuperior .publicidadmodulo {
	width: 244px;
	float: right;
}
#banner300 {
	width: 300px;
	float: left;
	background: #f5f5f5;
	padding: 20px;
	margin-top: 15px;
}
/* =Site information */
acronym {
	border:0;
	text-decoration:none;
}
#site_info {
	width:900px;
	padding: 7px 0 10px 90px;
	margin: 0px;
	border-top: 1px solid #ccc;
	color: #999999;
	float: left;
	text-align: center;
}
#site_info a {
	color:#999999;
	text-decoration:none;
	font: 10px/10px Arial, Helvetica, sans-serif;
}
#site_info a:hover {
	font: 10px/10px Arial, Helvetica, sans-serif;
	color:#666;
}
#site_info p {
	padding:0 10px 0 0 !important;
	font: 10px/10px Arial, Helvetica, sans-serif;
	margin: 0px;
	display: inline;
	float: left;
}
#site_info p.credits {
	border:1px solid #999999;
	border-width:0 1px;
	padding:0 10px!important;
	margin:0px 8px 0 0;
	font: 10px/10px Arial, Helvetica, sans-serif;
	display: inline;
	float: left;
}
#site_info ul, #site_info li {
	display:inline;
	list-style:none;
	padding:0px 5px 0 0;
	margin: 0px;
	font: 10px/10px Arial, Helvetica, sans-serif;
}
#site_info li.contact {
	border-right:1px solid #999999;
	padding-right:8px;
	margin-right:8px;
	margin-left: 0px;
	font: 10px/10px Arial, Helvetica, sans-serif;
}
/* fin info */

/* RESET *****************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
	margin:0;
	padding:0;
	list-style: url(none) none;
	border:0px;
}
fieldset, img, abbr {
	border:0;
}
address, caption, code, dfn, h1, h2, h3, h4, h5, h6, th, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
q:before, q:after {
	content:'';
}
a {
	text-decoration: none;
	color: #333;
	outline: none;
}
a:hover {
	text-decoration: none;
}
img {
	display: block;
}
/************************************************************************/

/* Elementos comunes */
body {
	background: #fff url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo.jpg) no-repeat center top;
}
#contenedor {
	margin: 0px auto;
	padding: 0px;
	width: 990px;
}
#contenido {
	padding: 15px 20px;
	width: 950px;
	background: #fff url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_contenido.jpg) repeat-x left top;
	float: left;
}
#columna_principal {
	float: left;
	width: 580px;
}
#columna_secundaria {
	float: right;
	width: 340px;
	overflow: hidden;
}
#nombre_seccion {
	width: 950px;
	margin-bottom: 10px;
	display: none;
}
#nombre_seccion strong {
	font: italic normal 12px/19px Georgia, "Times New Roman", Times, serif;
	color: #aaa;
	letter-spacing: 2px;
	padding-bottom: 3px;
}
#nombre_seccion em {
	font-size: 18px;
	line-height: 22px;
	font-style: normal;
}
h3.titular {
	font: 36px/40px "Times New Roman", Times, serif;
	letter-spacing: -1px;
	margin-bottom: 10px;
	color: #333333;
}
p.firma {
	font: 11px/12px Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	padding-bottom: 7px;
	color: #660000;
}
p.entradilla {
	font: 18px/20px "Times New Roman", Times, serif;
	margin-bottom: 10px;
}
p.cuerpo {
	font: 14px/22px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	color: #333;
}
p.cuerpo a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px dotted #666;
}
p.cuerpo a:hover {
	background: #ccc;
	border-width: 0px;
}
p.epigrafe {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background: #333 url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/vector_epigrafe.jpg) no-repeat left top;
	padding: 3px 5px 5px 20px;
}
.izquierda {
	float: left;
}
.derecha {
	float: right;
}
/*Portada*/
#portada {
	background: #fff url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/portada.jpg) no-repeat center top;
}
#portada #contenido {
	background: url(none);
	margin: 0px;
	padding: 0px;
	width: 990px;
}
#portada .enlace_entrar {
	display: block;
	text-indent: -9999px;
	height: 600px;
	width: 990px;
}
/*Cabecera*/
#cabecera {
	width: 990px;
	float: left;
}
#cabecera .nombre_especial {
	height: 90px;
	width: 990px;
	text-indent: -9999px;
	display: block;
}
.enlace_elmundo {
	text-indent: -9999px;
	height: 20px;
	width: 990px;
	display: block;
}
/**/
/* NAVEGACION *****************************/
#nav {
	float: left;
	width: 970px;
	margin-left: 20px;
	display: inline;
}
#nav li {
	display: inline;
	float: left;
}
#nav a {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 10px;
	background: #666 url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_pestanas.gif) repeat-x left bottom;
	color: #fff;
	margin-right: 4px;
}
#nav a:hover {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 10px;
	background: #ccc url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_pestanas_hover.gif) repeat-x left bottom;
	color: #666;
	margin-right: 4px;
}
/*para la seleccion de una pestana nav principal*/
#seccion1 #nav .sec1, #seccion2 #nav .sec2, #seccion3 #nav .sec3, #seccion4 #nav .sec4, #seccion5 #nav .sec5, #seccion6 #nav .sec6 {
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #660000;
	background: #f5f5f5;
	border-top: 1px solid #666666;
}
/*#nav .portada, #nav .sec1, #nav .sec2, #nav .sec3, #nav .sec4, #nav .sec5, #nav .sec6 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 10px;
	background: #666 url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_pestanas.gif)  repeat-x left bottom;
	color: #fff;
	margin-right: 4px;
}
#nav .portada:hover, #nav .sec1:hover, #nav .sec2:hover, #nav .sec3:hover, #nav .sec4:hover, #nav .sec5:hover, #nav .sec6:hover {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 10px;
	background: #ccc url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_pestanas_hover.gif)  repeat-x left bottom;
	color: #666;
	margin-right: 4px;
}*/
/*subnavegacion*/
#sub_navegacion {
	float: left;
	width: 970px;
	background: #f5f5f5;
	padding: 15px 0px 15px 20px;
}
/*oculta los ul*/
#sub_nav1, #sub_nav2, #sub_nav3, #sub_nav4, #sub_nav5, #sub_nav6 {
	display: none;
	margin: 0px;
	padding: 0px;
}
/*muestra los ul segun la seccion*/
#seccion1 #sub_nav1, #seccion2 #sub_nav2, #seccion3 #sub_nav3, #seccion4 #sub_nav4, #seccion5 #sub_nav5, #seccion6 #sub_nav6 {
	display: block;
	width: 970px;
}
/*alinea los li a la izquierda*/
#sub_nav1 li, #sub_nav2 li, #sub_nav3 li, #sub_nav4 li, #sub_nav5 li, #sub_nav6 li {
	float: left;
}
/*enlaces genericos para la subnav*/
#sub_nav1 li a, #sub_nav2 li a, #sub_nav3 li a, #sub_nav4 li a, #sub_nav5 li a, #sub_nav6 li a {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}
#sub_nav1 li a:hover, #sub_nav2 li a:hover, #sub_nav3 li a:hover, #sub_nav4 li a:hover, #sub_nav5 li a:hover, #sub_nav6 li a:hover {
	background: #f0f0f0;
}
/*resalta la nav secundaria segun seccion y subseccion*/
.subseccion10 #sub_nav1 .sub_10, .subseccion11 #sub_nav1 .sub_11, .subseccion12 #sub_nav1 .sub_12, .subseccion21 #sub_nav2 .sub_21, .subseccion30 #sub_nav3 .sub_30, .subseccion31 #sub_nav3 .sub_31, .subseccion32 #sub_nav3 .sub_32, .subseccion33 #sub_nav3 .sub_33, .subseccion34 #sub_nav3 .sub_34, .subseccion35 #sub_nav3 .sub_35, .subseccion41 #sub_nav4 .sub_41, .subseccion42 #sub_nav4 .sub_42, .subseccion43 #sub_nav4 .sub_43, .subseccion44 #sub_nav4 .sub_44, .subseccion51 #sub_nav5 .sub_51, .subseccion60 #sub_nav6 .sub_60, .subseccion61 #sub_nav6 .sub_61 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}
/*cierra la sub navegacion con un filete vertical a la derecha */
.filete_final {
	border-right: 1px solid #ccc;
}
/*#sub_nav1 .sub_10, #sub_nav1 .sub_11, #sub_nav1 .sub_12 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}
#sub_nav1 .sub_10:hover, #sub_nav1 .sub_11:hover, #sub_nav1 .sub_12:hover {
	background: #f0f0f0;
}*/
/*seccion 2*/
/*.subseccion21 #sub_nav2 .sub_21 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}
#sub_nav2 .sub_21 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}*/
/*seccion3*/
/*.subseccion31 #sub_nav3 .sub_31, .subseccion32 #sub_nav3 .sub_32 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}

#sub_nav3 .sub_31, #sub_nav3 .sub_32 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}
#sub_nav3 .sub_31:hover, #sub_nav3 .sub_32:hover {
	background: #f0f0f0;
}*/
/*Seccion 4*/
/*.subseccion41 #sub_nav4 .sub_41, .subseccion42 #sub_nav4 .sub_42, .subseccion43 #sub_nav4 .sub_43, .subseccion44 #sub_nav4 .sub_44 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}
#sub_nav4 .sub_41, #sub_nav4 .sub_42, #sub_nav4 .sub_43, #sub_nav4 .sub_44 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}
#sub_nav4 .sub_41:hover, #sub_nav4 .sub_42:hover, #sub_nav4 .sub_43:hover, #sub_nav4 .sub_44:hover {
	background: #f0f0f0;	
}*/
/*seccion 5*/
/*.subseccion51 #sub_nav5 .sub_51 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}
#sub_nav5 .sub_51 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #666;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}*/
/*seccion 6*/
/*.subseccion61 #sub_nav6 .sub_61 {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #660000;
	cursor: default;
}
#sub_nav6 .sub_61 {
	font: 12px/16px Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 15px;
	color: #333;
	margin-right: 0px;
	border-left: 1px solid #ccc;
}*/
/* FIN NAVEGACION *****************************/

/*LISTA VIDEOS En SECCION 5*/
#reproductor_video {
	height: 330px;
	width: 530px;
}
#lista_videos a {
	display: block;
	float: left;
	width: 328px;
	margin-bottom: 5px;
	background: #FFFFFF url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/fondo_listavideos.gif) no-repeat left top;
	font: 12px/normal Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 5px;
	height: 48px;
	border: 1px solid #CCCCCC;
}
#lista_videos {
	width: 340px;
}
#lista_videos img {
	float: left;
	height: 50px;
	width: 70px;
	margin-right: 10px;
}
#lista_videos strong {
	color: #990000;
	display: block;
	font: normal 16px/normal "Times New Roman", Times, serif;
}
#lista_videos li {
	float: left;
}
/*SECCION 5 MODIFICACION COLUMNAS *****************************************/
#seccion5 #columna_principal {
	background: #000000;
	padding: 76px 35px;
	width: 510px;
	height: 294px;
	border: 2px solid #CCCCCC;
}
/*seccion1 **************************************************************/
#seccion1.subseccion10 #columna_secundaria {
	display: none;
}
#seccion1.subseccion10 #columna_principal {
	width: 620px;
	float: none;
	height: 360px;
	background: url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/seccion1/fondo_biografia.jpg) no-repeat left top;
	padding: 20px 165px;
}
/* seccion3 ****************************************************************/
#seccion3.subseccion30 #columna_principal {
	width: 950px;
	height: 170px;
	margin-bottom: 0px;
	background: #f5f5f5;
}
#info_frame {
	width: 950px;
	height: 600px;
	float: left;
	margin-bottom: 15px;
}
/*Seccion6 */
#seccion6 .texto {
	font: 13px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
.subseccion60 #columna_secundaria {
	display: none;
}
.subseccion60 #columna_principal {
	width: 950px;
}
.subseccion60 .parrafo01, .subseccion60 .parrafo02, .subseccion60 .parrafo03, .subseccion60 .parrafo04, .subseccion60 .parrafo05, .subseccion60 .parrafo06 {
	width: 928px;
	padding: 10px;
	background: #f5f5f5 url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/seccion6/fondo.gif) no-repeat left top;
	float: left;
}
.subseccion60 .imagen_01 {
	height: 240px;
	width: 320px;
	margin-right: 20px;
}
.subseccion60 .imagen_02 {
	margin-left: 15px;
	width: 400px;
}
.subseccion60 .imagen_03 {
	width: 546px;

}
.subseccion60 .imagen_04 {
	width: 495px;
	margin-left: 20px;
	margin-top: 55px;

}
.subseccion60 .imagen_05 {
	width: 330px;
	margin-right: 20px;

}
.subseccion60 .texto a {
	border-bottom: 1px dotted #333333;
}
.subseccion60 .texto a:hover {
	border-width: 0px;
	background: #f5f5f5;
}
#seccion6 .subtitular {
	font-size: 28px;
	color: #990000;
	line-height: 25px;
	margin: 0px 0px 10px;
	padding: 0px;
}
hr {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	width: 948px;
	border-bottom: 1px solid #f5f5f5;
	border-top: 1px solid #ccc;
	float: left;
}
#evolucion {
	background: #f5f5f5 url(none);
}
#evolucion #columna_principal {
	width: 950px;
	text-align: center;
}
#evolucion h3.titular {
	color: #990000;
	font-size: 36px;
	line-height: 36px;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
}
#evolucion .videos {
	background: url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/seccion3/fondo_evolucionvideos.jpg) no-repeat left top;
	height: 386px;
	width: 950px;
	padding-top: 46px;
}
#seccion3 h3.titular {
	color: #333333;
	font-size: 36px;
	line-height: 36px;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
}
#seccion6 .parrafo03 a {
	display: block;
	width: 150px;
	float: right;
	height: 220px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	text-align: center;
	color: #990000;
}
#seccion6 .parrafo03 a:hover {
	background: transparent url(none);
	color: #666666;
	text-decoration: underline;
}
#seccion6.subseccion61 #columna_principal {
	width: 950px;
}
.subseccion61 .imagen {
	height: 300px;
	width: 200px;
	border: 3px solid #CCCCCC;
}
#seccion6 .libro {
	width: 245px;
	margin: 0px 10px;
}
#seccion6.subseccion61 .texto {
	line-height: normal;
}
#seccion6 #modulo_libros {
	float: left;
	width: 950px;
}

#seccion6.subseccion61 .subtitular {
	font-size: 22px;
	line-height: normal;
}
#evolucion .ilustracion {
	width: 930px;
	height: 540px;
	margin-top: 10px;
	margin-left: 10px;
}
#evolucion .ilustracion #columna_principal {
	float: left;
	width: 580px;
	background: #fff;
	text-align: center;
}
#evolucion h4.titular {
	font: bold 18px "Times New Roman", Times, serif;
	margin-bottom: 10px;
	color: #660000;
}
#evolucion .ilustracion #columna_secundaria {
	background: url(https://e00-elmundo.uecdn.es/especiales/2009/02/ciencia/darwin/img/seccion3/fondo_ficha.jpg) no-repeat left top;
	padding: 15px 10px 10px;
	width: 300px;
	height: 465px;
	overflow: hidden;
}
#evolucion h4.titular a {
	color: #660000;
	border-bottom: 1px dashed #660000;
}
#seccion3.subseccion30 .entradilla {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
/* #seccion3.subseccion33 {
	background: #f5f5f5 url(none);
}
#seccion3.subseccion33 #columna_principal {
	width: 916px;
	height: 280px;
	padding: 17px;
} */
#seccion2.subseccion20 #columna_principal {
	width: 950px;
}
#seccion3.subseccion31 #columna_principal {
	width: 950px;
}
#evolucion .firma {
	border-width: 0px;
	color: #666666;
}h3.subtitular {
	font-size: 22px;
	color: #990000;
	line-height: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
}
/* =Desplegable ------------------------------------------------- */
/* ancho del botón con el enlace que despliega el menú */
.menudesplegable{
	float: left;
	margin: 8px 0 10px;
	padding: 0;
	width: 950px;
	font: 11px Arial, Helvetica, sans-serif;
}
.menudesplegable #boton{
    position:relative;
	z-index: 10;
	margin: 0;
	padding: 2px 10px;
	border: solid 1px #ccc;
	font-size: 11px;
	background: #eee;
}
.menudesplegable a#boton {
	text-decoration: none;
	color: #777;
	padding-right: 30px;
	font: 11px Arial, Helvetica, sans-serif;
}
.menudesplegable #caja {
	position:relative;
    z-index: 10;
    display:block;
    }
.menudesplegable #caja div.muestra {
    width:676px;
    padding: 10px 8px 0 8px;
    border:1px solid #ccc;   
	background-color: #eee;
    margin: 0;
} 
.menudesplegable #caja div.oculto {
    width:676px;      
}
/* 
#boton es el boton en si de OTRAS SECCIONES, por el que hay que pasar 
el raton para que se despliegue el menu 
*/

/* 
#caja es todo el recuadro que aparece cuando pasamos el raton
por el boton de OTRAS SECCIONES.
*/

/*
Aqui definimos los estilos que asignamos mediante javascript, 
y que cambian la propiedad CSS visibility 
*/

.menudesplegable #caja div.oculto {
    visibility: hidden;
    position: absolute;
}
.menudesplegable #caja div.muestra {
    visibility: visible;
    position:absolute; 
	top: 16px;
	z-index:1000;	
}    
.menudesplegable #caja a {
    color: #333;
}
.menudesplegable #caja .columna_desplegable {
	float: left;
	position: relative;
	width: 159px;
    margin: 0;
    padding: 0 5px;  
}
.menudesplegable #caja dl {
	float: left;
	position: relative;
	width: 159px;
    margin: 0 0 10px 0;
    padding: 0;  
	font: normal 11px/15px Arial, Helvetica, sans-serif;
}
.menudesplegable #caja dt {   
    padding: 0;
    margin: 0; 
	color: #333;
	border-bottom: solid 1px #ddd;
}
.menudesplegable #caja dd { 
    padding: 0;
    margin: 0; 
	color: #777;
}
.menudesplegable #caja dd a {
	text-decoration: none;
	color: #777;
}
.menudesplegable #caja dd a:hover {
	color: #600;
}
.menudesplegable #caja dl.destacado {
	font-size: 12px;
	line-height: 19px;
	background-color: #fefefe;
	width: 141px;
	padding: 8px;
	border: solid 1px #ddd;
}
/* 
ajustamos los altos individualmente para cada
columna para que coincida el alto
*/
#seccion3.subseccion30 .firma {
	color: #666666;
}

body#seccion3.subseccion33 #columna_principal,
body#seccion3.subseccion34 #columna_principal,
body#seccion3.subseccion35 #columna_principal
{
	height: auto;
}