/* CSS Document */

/* RESET */

* {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
li{list-style: none;}
a{outline: none;text-decoration: none;}
a img {border:0;}
th, td{vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
address {font-style:normal;}


body{font:75%/1 Arial, Helvetica, sans-serif;}

/* columnas */

#contenedor {width:990px;margin:0 auto;text-align:left; overflow: visible; position: relative;}
#contenido {float:left; position:relative; width:964px;padding:10px 13px;}
.col {float:left;}
.col + .col {margin-left:20px;}
.col + .primera {margin-left:0;}
.primera {margin-left:0;}
hr {display:block;clear:both;border:none;color:#fff;height:1px;}

.col-1 {width:62px;}
.col-2 {width:144px;}
.col-3 {width:226px;}
.col-4 {width:308px;}
.col-5 {width:390px;}
.col-6 {width:472px;}
.col-7 {width:554px;}
.col-8 {width:636px;}
.col-9 {width:718px;}
.col-10 {width:800px;}
.col-11 {width:882px;}
.col-12 {width:964px;margin:0;}
.col-12 + .col {margin-left:0;}
.toda-pagina {width:990px;margin-left:-13px;}

.col-0b {width:21px;}
.col-1b {width:103px;}
.col-2b {width:185px;}
.col-3b {width:267px;}
.col-4b {width:349px;}
.col-5b {width:431px;}
.col-6b {width:513px;}
.col-7b {width:595px;}
.col-8b {width:677px;}
.col-9b{width:759px;}
.col-10b {width:841px;}
.col-11b {width:923px;}


.envuelve {height:37px; background:url(https://e00-elmundo.uecdn.es/elmundo/iconos/minicabecera/sombra.png) repeat-x bottom; text-align:center; padding:0;clear: both;}
#minicabecera  {width:960px; padding:5px 15px; margin:auto; text-align:left}
#minicabecera a:link {color:#3c81a2; text-decoration:none}
#minicabecera a:hover, #minicabecera a:active, #minicabecera a:focus {text-decoration:underline; color:#3c81a2;}
#minicabecera a:visited {color:#3c81a2; }
#minicabecera a img {border:0}
#minicabecera #logo {float:left}
#minicabecera  ul{float:right; list-style-type:none; position:relative; margin:0; top:-3px} 
#minicabecera li {float:left; margin-right:10px;}
#minicabecera li a{background:url("https://e00-elmundo.uecdn.es/elmundo/iconos/minicabecera/li.png") no-repeat 0 4px; display:block; margin-top:4px; padding-left:20px;line-height:150%;}
#minicabecera li label strong {display:none;}
#minicabecera #buscar {background:#fff url(https://e00-elmundo.uecdn.es/elmundo/iconos/minicabecera/submit.png) repeat-x bottom; border:1px solid #ccc; color:#333; font-size:91.6%; margin:3px 20px 0 10px;
padding:2px 10px;}
#minicabecera #buscador {font-size:91.6%; color:#505050;}


/* reproductores de video */
.cubre_reproductor {position:relative;overflow:hidden;}
.cubre_reproductor a.boton_play {height:100%;width:100%;position:absolute;top:0;left:0;background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.02/play.png) no-repeat scroll right bottom;text-indent:-9000px;}
.cubre_reproductor a.boton_play:hover {background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v4.x/v4.02/play_hover.png) no-repeat scroll right bottom;}
.cubre_reproductor a.actualice_flash:hover, 
.cubre_reproductor a.actualice_flash.activo {background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v3.0/aviso_actualice_flash.png) no-repeat 50% 70%;}
.cubre_reproductor a.no_flash:hover, 
.cubre_reproductor a.no_flash.activo {background:transparent url(https://e00-elmundo.uecdn.es/elmundo/iconos/v3.0/aviso_instale_flash.png) no-repeat 50% 70%;}


/* NAV */
.nav{float: left;position:relative;width: 100%;text-align:center; background-color:#222;}
.nav ul{ float:left; width:100%; }
.nav li{float:left;margin: 20px 0; width: 102px; text-align:center;border-right: dotted 1px #888;}
.nav li.nav-apartheid{/*width: 160px;*/}
.nav li.nav-palabra{width: 160px;}

.nav li a,
#contenido .nav li a{color:#aaa;}
.nav li a:hover,
#contenido .nav li a:hover{color: #d77d7a;}
.nav li.ultimo,
#contenido .nav li.ultimo{border-right: 0;}
/* activos */
body.apartheid .nav li.nav-apartheid a,
body.historia .nav li.nav-historia a,
body.retrato .nav li.nav-retrato a,
body.carlin .nav li.nav-carlin a,
body.album .nav li.nav-album a,
body.cronologia .nav li.nav-cronologia a,
body.sudafrica-cine .nav li.nav-sudafrica-cine a,
body.despues .nav li.nav-despues a, 
body.palabra .nav li.nav-palabra a 
{color: #fff; font-weight:bold;font-size: 120%;}
body.apartheid .nav li.nav-apartheid a:hover,
body.historia .nav li.nav-historia a:hover,
body.retrato .nav li.nav-retrato a:hover,
body.carlin .nav li.nav-carlin a:hover,
body.album .nav li.nav-album a:hover,
body.cronologia .nav li.nav-cronologia a:hover,
body.sudafrica-cine .nav li.nav-sudafrica-cine a:hover,
body.apartheid #contenido .nav li.nav-apartheid a:hover,
body.historia #contenido .nav li.nav-historia a:hover,
body.retrato #contenido .nav li.nav-retrato a:hover,
body.carlin #contenido .nav li.nav-carlin a:hover,
body.album #contenido .nav li.nav-album a:hover,
body.cronologia #contenido .nav li.nav-cronologia a:hover,
body.sudafrica-cine #contenido .nav li.nav-sudafrica-cine a:hover,
body.despues #contenido .nav li.despues a:hover{color: #fff;}

/* PORTADA */
body.portada{ background-color:#222;}
body.portada #contenido{padding: 0; width:990px;margin-top: -6px;}
body.portada #contenido img,
body.portada #contenido h1{float:left;position: relative;margin-bottom:0;}
body.portada #contenido p.fecha{float: left;position:absolute;top:190px;left:515px;font-size:300%; width:455px; text-align:right;color: #666;}
p.marca{float: left;position:absolute;top:213px;left:515px;}
p.marca a,
#contenido p.marca a{color: #888; font-size: 120%; text-transform: uppercase;}
body.portada .nav{top:0;position:absolute;left:0;background-color: #000;opacity: .6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60); }
body.portada #contenido .nav li a:hover{color: #c63030;}

/* CABECERA */

#cabecera{float: left;position:relative; width: 100%; background:url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/cabecera2.jpg) top left no-repeat scroll;margin-top: -6px;}
#cabecera p.tit{float: left;}
#cabecera p.tit a{float: left;position:relative;width:990px;}
#cabecera p.marca{float: left;position: absolute;top: 13px; left: 313px;}
#cabecera p.fecha{float: left;position:absolute;top:5px;left:563px;font-size:200%;color: #888;}

/* CUERPO */
#contenido a{color: #c63030;}
#contenido h1{font: 340% "Times New Roman", Times, serif;color: #333;margin: 0 0 10px;}
#contenido h2{font: 160% "Times New Roman", Times, serif;color: #888;margin: 10px 0;}
#contenido p{margin: 0 0 20px;font: 120% Arial, Helvetica, sans-serif;line-height: 150%;}
#contenido p.firma{color: #c63030;font-size: 95%;margin-bottom: 10px;}
#contenido p.firma strong{text-transform: uppercase;}
#contenido p.entradilla{color: #777;font-size: 130%; font-style: italic;}
#contenido p.antetitulo{margin-bottom: 0;font-size: 100%;color:#888;}
.foto{float: left;position:relative;margin-bottom:20px;}
.foto.izquierda{margin:0 15px 10px 0;}
.foto.derecha{float: right;margin:0 0 10px 15px;}
.foto.anchocompleto{float:left;margin:0 0 20px 0;}
.foto img{float: left;position:relative;z-index:0;}
.col-4 .foto img{ width:308px;}
#contenido .foto p{position: absolute;bottom: 0;left: 0;right: 0;padding: 5px 10px;margin: 0;background-color:#000;opacity: .6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);color:#fff;line-height: 140%;font-size: 100%;}
.foto.derecha{float: right;}
.relacionados{color: #555;font-size: 100%;line-height: 150%;margin-bottom: 20px;}
.relacionados a{font: 120% "Times New Roman", Times, serif;}
.relacionados li{padding: 5px 0 5px 10px; margin: 0;border-bottom: dotted 1px #ddd;background: url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/bullet.png) left 12px scroll no-repeat; }
.relacionados li.ultimo{border-bottom: 0;}
body.cronologia #contenido .relacionados li{ background:none;padding-left:0;}
body.cronologia #contenido .relacionados li p{float: none;margin-bottom:5px;}
body.cronologia #contenido .relacionados li .foto p{margin-bottom:0;}
body.cronologia #contenido .relacionados li h2{float: left;padding-right: 10px;font-size: 130%;line-height: 135%;color: #d77d7a;margin:0;font-weight: bold;}
#contenido p.sumario{float: left; width:278px;padding:15px;margin: 0 0 20px;border: dotted 1px #ddd;font: italic 180%/120% "Times New Roman", Times, serif;color: #888; background-color:#efefef;}
#contenido p.sumario em{float: left; width:100%;font: normal bold 80% "Times New Roman", Times, serif;color: #555;top:10px;position:relative; text-align:right;}
p.sumario.derecha{float: right;margin:0 0 10px 15px;}
p.sumario.izquierda{float:left;margin:0 15px 10px 0;}

body.album .col-8 img{ width: 636px; height:auto;}
body.album .col-4 p{color: #333;font: 130%/140% "Times New Roman", Times, serif;margin: 20px 0;}
body.album .col-4 .publicidad300{margin-top:20px;}
body.album .col-4 p + p{margin-bottom: 20px;}
body.album .col-4 h2{ font: bold 100% "Times New Roman", Times, serif;color:#362C25;margin-bottom: 10px;}

.navegacion-album{float: left; width: 100%;margin: 0 0 20px;}
.navegacion-album ul{float: right;}
.navegacion-album li{float: left;margin-left: 5px;display: inline;padding: 0; background:none;}
#contenido .navegacion-album li a{float: left;border: 0; width:62px;line-height: 90%;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;font-size: 90%;}
.navegacion-album li.ico_anterior a{background:#eee url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/flecha-atras2.png) left 4px scroll no-repeat;padding: 5px 0 5px 25px;}
.navegacion-album li.ico_siguiente a{background:#eee url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/flecha-adelante2.png) right 4px scroll no-repeat;padding: 5px 25px 5px 0; text-align:right;}
#contenido .navegacion-album li a:hover{color:#fff;}
.navegacion-album li.ico_anterior a:hover{background:#888 url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/flecha-atras.png) left 4px scroll no-repeat;}
.navegacion-album li.ico_siguiente a:hover{background:#888 url(https://e00-elmundo.uecdn.es/especiales/internacional/nelson-mandela/img/flecha-adelante.png) right 4px scroll no-repeat;}
.video{margin-bottom:20px;}
body.historia .video{margin-top:20px;}
body.sudafrica-cine .fotos-sangre{float:right;background-color: #222; width:370px;padding: 20px 20px 0;margin-bottom: 20px;margin-right: -20px;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;-o-border-radius: 0 0 10px 10px;}
body.sudafrica-cine .fotos-sangre img{margin-bottom: 20px;}
body.sudafrica-cine #contenido .fotos-sangre p{padding: 0 10px;margin: 0;color:#aaa;line-height: 140%;font-size: 100%;margin: -10px 0 20px;}
body.sudafrica-cine #contenido .video p{text-align:right;color:#888;line-height: 140%;font-size: 100%;padding: 5px 0;border-bottom: dotted 1px #ccc;}
body.sudafrica-cine #contenido p{margin-left: 20px;}
body.sudafrica-cine #contenido p.antetitulo{margin-left: 0;padding-top:20px;}

.pestanas{float:right;position: absolute; top: 13px; right: 13px;}
.pestanas li{display: inline;}
#contenido .pestanas li a{background-color: #555; color: #ddd;border-bottom: 0; line-height:150%; padding: 8px 20px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
#contenido .pestanas li a:hover{background-color:#c63030;color: #fff;}
body.nav-01 #contenido .pestanas li.nav-01 a,
body.nav-02 #contenido .pestanas li.nav-02 a,
body.nav-03 #contenido .pestanas li.nav-03 a{background-color: #333;}

/* Frases de Mandela */
body.palabra #contenido .col-4b > h2 { color: #333;
    font: italic 180% "Times New Roman",Times,serif;
    margin: 0 0 10px; padding: 0;
    text-align: center; letter-spacing:-0.01em;}
ol.frases{ float:left; padding:10px; background:#EFEFEF; margin-bottom:15px; list-style-type:decimal; list-style-position:inside;}
ol.frases li{float:left; width:100%; padding:10px 0; font:normal 140%/120% "Times New Roman",Times,serif; line-height:120%; color:#757575;border-bottom: 2px dotted #B4B4B4;}
ol.frases li:last-child{border-bottom: none;}


/* PIE */

acronym {border:0;text-decoration:none;}
#site_info {float: left;position:relative;margin:0 0 15px;color: #777;width:990px;font:95%/130% Arial, Helvetica, sans-serif;border-top: solid 1px #aaa;padding-top:10px;}
#site_info a {text-decoration:none;color: #888;}
#site_info a:hover {color: #ccc;}
#site_info .credits {margin-right:5px;clear: left;}
#site_info ul, 
#site_info li{float: left;padding:0px 5px 0 0;margin: 0;}
#site_info .redes{float: right;}
#site_info .redes div{float: left;overflow:hidden; width: 64px;height: 20px;margin-left:5px;display: inline;}
#site_info .redes div.facebook{width: 87px;}
#site_info .contact{border-right: 1px solid #555;padding-right:5px;margin-right:5px;margin-left: 0; clear: left;}

/* PUBLICIDAD */

#publicidadsuperior {width: 990px;margin: 0 auto;overflow: hidden;}
#publicidadsuperior .publicidadhorizontal {float: left;width:auto;}
#publicidadsuperior table {background-color: #f0f0f0 !important;}
#publicidadsuperior td {border: 0px !important;padding: 0px !important;}
#publicidadsuperior .publicidadhorizontal div table td.margen {width: 1px !important;}
#publicidadsuperior .publicidadhorizontal div,  
#publicidadsuperior .publicidadhorizontal table {}
#publicidadsuperior .publicidadmodulo {	width: 244px;float: left;margin: 0 0 0 5px;}
.publicidad300 {float: left;margin: 0 0 20px;}
.col-4 .publicidad300 {margin: 0 4px 20px;display:inline;}
.col-5 .publicidad300 {margin: 0 44px 20px;display:inline;}
.publicidad300.izquierda {margin: 0 15px 10px 0;}
.publicidad300.derecha {float: right;margin: 0 0 10px 15px;}



@media only screen and (max-width: 1000px) {
	
	
	}

 @media only screen and (max-width: 480px) {
	 #contenedor, #contenido, #site_info { width:auto; }
	 body.portada #contenido img, 
	 body.portada #contenido h1 {
		float:none;
		}
		
	 body.portada #contenido img {
		width:33%;
		}
		
		.nav li {
			border-right: 0;
			float: none;
			margin: 20px 15px;
			text-align: left;
			width:auto;
		}
		
		/*
		
		#cabecera p.tit a { width:100%; }
		#cabecera p.tit a img{ width:130%; }
		
		.col{float:none;clear:both;}
		.col + .col { margin-left:0px;}
		.col-7, .col-5 { width:auto;}
		.col img{ width:100%;}
		*/
		.col .video, .col .video .cubre_reproductor, .col .video object{ /*width:50% !important; height:50% !important;*/} 
	 }