/* 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;}
/* PARA ETIQUETAS DE HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

body{font:75%/1 Arial, Helvetica, sans-serif;width:100%; height: 100%;}
body {background: #070302;}


/* columnas */

#contenedor {width:990px;margin:0 auto;text-align:left; overflow: visible; position: relative;}
#contenido {float:left;position:relative; width:964px;padding:30px 13px 30px;background: #EDE2D8;}
.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;}

.col{position:relative;}
.derecha + .col {margin-left:0; margin-right:20px}
.derecha {float:right;}


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

/* 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{
	border-bottom: 1px solid #373633;
    float: left;
    font-size: 130%;
    /*margin-top: 10px;*/
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	}
.nav li{display: inline; line-height: 280%;}
.nav li a{color: #C62F24; padding: 0 10px; border-left: solid 1px #010101;}
.nav ul li:first-child a{border-left:0;}
.nav li a:hover{color: #E3CAB5;}
/* activos */
body.perfil .nav li.nav-01 a,
body.el-album .nav li.nav-02 a,
body.cine .nav li.nav-03 a,
body.novios .nav li.nav-04 a,
body.muerte .nav li.nav-05 a,
body.icono .nav li.nav-06 a {
	color: #E3CAB5;
    font-family: "Times New Roman", Times, serif;
	}


/* PORTADA */
body.portada {background: #070302 url(none);}
body.portada #contenedor{margin-top: -4px;}
body.portada #contenedor img.foto{float: right;}
body.portada #contenedor h1{float: left; }
body.portada .nav{border-top: 1px solid #373633; border-bottom:0; margin-top:-5px;}
body.portada .nav li.nav-01{display: none;}


/* CABECERA */
#cabecera{float: left;position:relative; width: 100%; margin: 0 0 10px; text-align:center;}
#cabecera h1{ }
#cabecera .marca{float: left;position:absolute; top:55px; z-index:15; left: 60px;color: #222;}
#cabecera img.spiderman{float: left;position:absolute; top:-35px; left:455px;}
#cabecera .marca a{color: #222;}

/* CUERPO */
#contenido a{color: #fff;}
#contenido p a {text-decoration:underline; color:#C62F24;}
#contenido h1{font: 320% "Times New Roman", Times, serif;margin: 0;color:#070302; border-bottom: solid 1px #070302;}
body.entrevistas #contenido h1{float: left; width:100%;margin: 25px 0 20px;}
body.entrevistas #contenido h2{font: 260% Tahoma, Geneva, sans-serif;margin: 0;color:#90969B;}
.centenario #contenido h1{ width:880px;}
.test-02 #contenido h1 { font-size:395%;}
#contenido h2{font: 270% "Times New Roman", Times, serif;color: #fff;margin: 10px 0;}
#contenido h3{float: left; width:100%;font: 200% "Times New Roman", Times, serif;color: #fff;margin: 10px 0; border-bottom: dotted 1px #999;}
#contenido p{margin: 0 0 20px;font: 120% Arial, Helvetica, sans-serif;line-height: 150%; color:#070302;}
#contenido p.firma{color:#71706A;font-size: 95%;margin: 10px 0 20px;}
#contenido .col-destacada p.firma {margin:10px;}
#contenido p.firma strong{text-transform: uppercase;}
#contenido p.entradilla{color: #777;font-size: 140%; font-style: italic; font-weight:bold;}
#contenido p.antetitulo{margin: 0px 0 -5px;font-size: 100%;color:#888;}
#contenido p.sumario{float: left;  color: #ccc; font: italic 140%/140% Tahoma, Geneva, sans-serif; padding:0 10px;}
#contenido ul.listado{float: left; width:100%;color: #777;margin-bottom: 20px;}
#contenido ul.listado li{margin-bottom: 10px;background:url(https://e00-elmundo.uecdn.es/especiales/2012/internacional/titanic/img/bullet.png) left 3px no-repeat; padding-left:15px;}
.foto{float: left;position:relative;margin-bottom:20px;z-index:0;}
.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; padding: 3px; border: solid 1px #90969b;}
.col-4 .foto img{ width:300px; height: auto;}
.col-5 .foto img{ width:382px; height: auto;}
.col-5b .foto img{ width:423px; height: auto;}
.col-6 .foto img{ width:464px; height: auto;}
#contenido .foto figcaption,
#contenido .foto p{float: left; position: relative;padding: 10px 15px;margin: -14px 9px 0;background-color:#324652;color:#fff;line-height: 140%;font-size: 100%;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; z-index:5;}
.col-12.foto p, 
.col-12 .foto p{ width:916px;}
.col-5 .foto p{ width:342px;}
.col-4 .foto p{ width:260px;}

.col-5 p.enlace{float: left; width: 360px; text-align: center;padding: 10px 15px;margin: 5px 0 0;background-color:#b99d78;color:#fff;line-height: 140%;font-size: 100%;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
#contenido .col-5 p.enlace a{color:#fff;}
#contenido .col-5 p.enlace a strong{color:#333;}
#contenido p.sumario em{float: left; width:100%;font: normal bold 80% Arial, Helvetica, sans-serif;color: #555;top:10px;position:relative; text-align:right;}
#contenido p.sumario2{float: left; width:298px;padding:0 5px 10px;margin: 0 0 20px;font: 110%/150% Arial, Helvetica, sans-serif; color: #888; border-bottom: dotted 3px #8b8254;}
.col-destacada{float: left; width:306px; background-color:#eee; overflow: hidden; border: solid 1px #ddd; -moz-box-shadow: 4px 5px 2px #bbb;-webkit-box-shadow: 4px 5px 2px #bbb; box-shadow: bpx 5px 2px #bbb; }
.sumario + .col-destacada {padding-top:10px}
#contenido .col-destacada h2{color: #8b8254; margin:10px; font-size:230%;}

#contenido .col-destacada p.sumario2{width:286px; margin:0 10px 10px; padding:0; display:inline; padding-bottom:10px; color: #505050;}
#contenido .col-destacada p.sumario2 strong{color: #666;}
#contenido .col-destacada img{width:286px; height:auto; border-bottom: dotted 3px #8b8254; margin:0 10px 10px;padding-bottom:10px; display:inline;}
#contenido .col-destacada img.derecha {width:110px; float:right; border:0;}
p.sumario.derecha{float: right;margin:0 0 10px 15px;}
p.sumario.izquierda{float:left;margin:0 15px 10px 0;}
.grafico{float: left; margin-bottom:10px; padding: 0 7px;}

#contenido .video{margin-bottom:20px;}
body.foto-video .video{margin-left:-20px;}
body.foto-texto .fotos-sangre{float:right;background-color:#373633; width:370px;padding: 10px;margin-bottom: 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.foto-texto .col-4 .fotos-sangre { width: 288px; }
body.foto-texto #contenido .fotos-sangre p a {color:#b0bdca;}
body.foto-texto .col-7 .fotos-sangre{float:left;width:554px;;margin-bottom: 20px;margin-left: -20px;border-radius: 0 10px 10px 0;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;-o-border-radius: 0 10px 10px 0; background-color:#b87732;}
body.foto-texto .fotos-sangre img, 
body.foto-texto .fotos-sangre .video{float: left;}
 body.foto-texto .fotos-sangre .video{margin-left:0}
body.foto-texto .col-5 .fotos-sangre img{ width: 370px; height: auto;}
body.foto-texto #contenido .fotos-sangre p{float: left; *float:none; clear: left;padding: 0 5px;margin: 10px 0 5px;color:#ddd;line-height: 140%;font-size: 100%;}
body.foto-texto #contenido .col-7 .fotos-sangre p{color:#333;}
body.foto-texto #contenido .video p{text-align:right;color:#888;line-height: 140%;font-size: 100%;padding: 5px 0;border-bottom: dotted 1px #ccc;}
body.foto-texto #contenido .fotos-sangre .video p{border:0; float: left; clear: left;padding: 0 5px;margin: 10px 0 5px;color:#ddd;line-height: 140%;font-size: 100%;}

/*body.entrevistas .col-8{float: right;margin-left: 20px;}
body.entrevistas .col-4{margin-left: 0; padding-top: 15px;}*/
body.entrevistas .col-4{padding-top:10px;}

.miniaturas{float: right; position: absolute; top: 10px; right: 13px;}
.miniaturas li{float: left; width: 100px; margin-left:20px; display: inline; background-color:#324652;}
.miniaturas li strong{float: left; width: 100px; font-weight: normal; padding-top: 3px; text-align: center;}
.miniaturas li a img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.miniaturas li a{float: left; position: relative; width: 100px; height: 80px;text-indent:-9999px;}
.miniaturas li.nav-01 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq01_off.jpg) top left no-repeat;}
.miniaturas li.nav-02 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq02_off.jpg) top left no-repeat;}
.miniaturas li.nav-03 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq03_off.jpg) top left no-repeat;}
.miniaturas li.nav-04 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq04_off.jpg) top left no-repeat;}
body.andrew .miniaturas li.nav-01 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq01.jpg) top left no-repeat;}
body.emma .miniaturas li.nav-02 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq02.jpg) top left no-repeat;}
body.rhys .miniaturas li.nav-03 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq03.jpg) top left no-repeat;}
body.marc .miniaturas li.nav-04 a{ background: url(https://e00-elmundo.uecdn.es/especiales/2012/cultura/marilyn-monroe/img/entrevistas/entrevistapeq04.jpg) top left no-repeat;}
.miniaturas li a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}
body.andrew .miniaturas li.nav-01 a img,
body.emma .miniaturas li.nav-02 a img,
body.rhys .miniaturas li.nav-03 a img,
body.marc .miniaturas li.nav-04 a img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;}

.fotos-ancho-completo { margin-bottom:15px; float:left;  }

#contenido p.apoyo {
	border: 1px solid #B4B2A9;
    border-radius: 10px;
    color: #5E5D58;
    font-size: 105%;
    margin: 0 0 20px;
    padding: 20px;
	 }
#contenido p.apoyo strong:first-child { color:#C62F24; }

/* PIE */
acronym {border:0;text-decoration:none;}
#site_info {float: left;position:relative;margin:0;color: #76746D;width:990px;font-size:90%;border-top: solid 1px #373633;padding:10px 0 30px;}
.portada #site_info { margin:-4px 0 0 0; }
#site_info a {text-decoration:none;color: #C62F24;}
#site_info a:hover {color: #e3cab5;}
#site_info .credits {padding:0 5px 0 0;margin-right:5px;display: block; clear:both;}
#site_info ul, 
#site_info li {float: left;padding:0px 5px 0 0;margin: 0 0 5px 0;}
#site_info .redes{float: right; width: 315px;}
#site_info .redes div{float: left;overflow:hidden; width: 70px;height: 20px;margin-left:5px;display: inline;}
#site_info .redes div.twitter {width:105px;}
#site_info .redes div.facebook{width: 125px;}
#site_info .contact{border-right: 1px solid #555;padding-right:5px;margin-right:5px;margin-left: 0;}

/* PUBLICIDAD */
.envoltorio-publicidad{ background-color:#555; width:100%; overflow:hidden;}
#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 .publicidadmodulo {	width: 244px;float: left;margin: 0 0 0 5px;}
#publicidad300 {float: left;margin: 0 0 20px;}
.col-4 #publicidad300 {margin: 20px 4px 20px;display:inline;}
.col-5 #publicidad300 {margin: 20px 44px 20px;display:inline;}
.col-6b #publicidad300 {margin: 0 106px 20px;display:inline;}
#publicidad300.izquierda {margin: 0 15px 10px 0;}
#publicidad300.derecha {float: right;margin: 0 0 10px 15px;}




