/* 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; text-align:center; padding:10px 0;}
.nav li{padding: 15px 0; text-align:center;display: inline;}
.nav li a{border-right: dotted 1px #888;padding: 0 20px;}
.nav li.nav-06 a{border-right: 0;}
.nav li a,
#contenido .nav li a{color:#aaa;}
.nav li a:hover,
#contenido .nav li a:hover{color: #ba7934;}
.nav li.ultimo,
#contenido .nav li.ultimo{border-right: 0;}
/* activos */
body.nobel .nav li.nav-04 a,
body.video .nav li.nav-07 a,
body.obituario .nav li.nav-01 a,
body.album .nav li.nav-02 a,
body.literatura .nav li.nav-03 a,
body.periodismo .nav li.nav-04 a,
body.politica .nav li.nav-05 a,
body.cine .nav li.nav-06 a,
body.vargas-llosa .nav li.nav-07 a,
body.grafico .nav li.nav-08 a{color: #fff; font-weight:bold;font-size: 120%;}
body.obituario .nav li.nav-01 a:hover,
body.album .nav li.nav-02 a:hover,
body.literatura .nav li.nav-03 a:hover,
body.periodismo .nav li.nav-04 a:hover,
body.politica .nav li.nav-05 a:hover,
body.cine .nav li.nav-06 a:hover{color: #fff;}

/* subnavegación */
.nav li ul{display: none;float: left; width: 990px;background-color:#555; position:absolute; top:33px;padding:8px 0;}
body.literatura .nav li.nav-03 ul{display: block;}
body.literatura .nav li.nav-03 li a{font-weight: normal;font-size: 100%;color:#bbb;}
body.literatura .nav li li.sub-nav-06 a{border-right: 0;}
/* activos */
body.literatura.cuentos .nav li.sub-nav-01 a,
body.literatura.macondo .nav li.sub-nav-02 a,
body.literatura.novelas .nav li.sub-nav-03 a,
body.literatura.personajes .nav li.sub-nav-04 a,
body.literatura.amor .nav li.sub-nav-05 a,
body.literatura.vargas-llosa .nav li.sub-nav-06 a{color: #e3a055; font-weight:bold;font-size: 120%;}
body.literatura.cuentos .nav li li.sub-nav-01 a:hover,
body.literatura.macondo .nav li.sub-nav-02 a:hover,
body.literatura.novelas .nav li.sub-nav-03 a:hover,
body.literatura.personajes .nav li.sub-nav-04 a:hover,
body.literatura.amor .nav li.sub-nav-05 a:hover,
body.literatura.vargas-llosa .nav li.sub-nav-06 a:hover{color: #e3a055;}

/* PORTADA */
body.portada{ background-color:#222;}
body.portada #contenido{padding: 0; width:990px; height:600px;margin-top: -6px;}
body.portada #contenido .fondo{float:left;position: absolute;top:0; left:0; z-index:0;}
body.portada #contenido h1{float:left;position: absolute; top: 230px;left: 30px;}
p.marca{float: left;position:absolute;top:210px;left:35px;}
p.marca a,
#contenido p.marca a{color: #222; font-size: 100%; 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: #855523;}
body.portada #contenido p.fecha{float:left;position: absolute; top: 425px;left: 35px; font:normal 180% "Courier New", Courier, monospace;color: #fff; letter-spacing:-1px; width:443px; text-align: center;}

/* CABECERA */

#cabecera{float: left;position:relative; width: 100%; background:url(https://e00-elmundo.uecdn.es/especiales/cultura/gabriel-garcia-marquez/img/cabecera.jpg) top left no-repeat scroll;margin: -6px 0 30px;}
#cabecera p.tit{float: left;height: 140px;}
#cabecera p.tit a{float: left;position:relative;width:990px;}
#cabecera p.tit a img{float: left;position:relative;margin: 35px 0 0 30px;}
#cabecera p.marca{float: left;position: absolute;top: 20px; left: 38px;}
#cabecera p.fecha{float:left;position: absolute; top: 107px;left: 365px; font: bold 180% "Courier New", Courier, monospace;color: #333; letter-spacing:-3px;}

/* CUERPO */
#contenido a{color: #855523;}
/*#contenido h1{font: 340% "Times New Roman", Times, serif;color: #333;margin: 0;}
#contenido h2{font: 160% "Times New Roman", Times, serif;color: #888;margin: 10px 0;}*/
#contenido h1{font: 410% "Courier New", Courier, monospace;color: #333;margin: 0; letter-spacing:-6px;}
#contenido h2{font: 200% "Courier New", Courier, monospace;color: #888;margin: 10px 0; letter-spacing:-2px;}
#contenido p{margin: 0 0 20px;font: 120% Arial, Helvetica, sans-serif;line-height: 150%; color: #555;}
#contenido p.firma{color: #855523;font-size: 95%;margin-bottom: 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-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{float: left;color: #555;font-size: 100%;line-height: 150%;margin-bottom: 20px;}
.relacionados a{font:bold 130% "Courier New", Courier, monospace; letter-spacing:-1px;}
.relacionados li{padding: 5px 0 5px 10px; margin: 0;border-bottom: dotted 1px #ddd;background: url(https://e00-elmundo.uecdn.es/especiales/cultura/gabriel-garcia-marquez/img/bullet.png) left 12px scroll no-repeat; }
.relacionados li.ultimo{border-bottom: 0;}
body.listado #contenido .relacionados li{float: left;background:none;padding-left:0;}
body.listado #contenido .relacionados li p{float: left;margin-bottom:5px;}
body.listado #contenido .relacionados li .foto p{margin-bottom:0;}
body.listado #contenido .relacionados li h2{float: left;padding-right: 10px;font-size: 130%; letter-spacing:-1px;line-height: 138%;color: #ba7934;margin:0;font-weight: bold;}
#contenido p.sumario{float: left; width:278px;padding:15px;margin: 0 0 20px;border: dotted 1px #ddd;font: italic bold 170%/120% "Courier New", Courier, monospace; letter-spacing:-2px;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;}
.portada-album{position:relative;}
body.album #contenido p.entradilla-portada{float: left; position: absolute; top: 100px; left: 100px; width: 282px;color: #fff; font: 220% "Courier New", Courier, monospace;}
body.album #contenido p.entradilla-portada em{ float: left;font-style:normal; font-weight: bold;color:#dd9548; letter-spacing: -2px;}
body.album #contenido p.entradilla-portada strong{ font-weight:normal;float: right; letter-spacing: -1px;margin: 20px 0 0;font-size: 70%; text-align:right;}
body.album.portadilla #contenido h1{position: absolute; float: left; top: 50px; left: 60px; font: 260% "Courier New", Courier, monospace; color: #fff; letter-spacing:-2px;}
body.album.portadilla #contenido p.firma{position: absolute; float: left; top: 360px; left: 60px; font: 100%/180% Arial, Helvetica, sans-serif; color: #b87732;}
body.album.portadilla #contenido p.entrar{position: absolute; float: left; top: 30px; left: 860px; font: bold 130% Arial, Helvetica, sans-serif; color: #fff; text-transform:uppercase;}
body.album.portadilla #contenido p.entrar a{color: #fff;}
body.album.portadilla #contenido p.pie{font-size: 95%; text-align: right;margin-top: 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%; color: #ba7934;}
.navegacion-album li.ico_anterior a{background:#eee url(https://e00-elmundo.uecdn.es/especiales/cultura/gabriel-garcia-marquez/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/cultura/gabriel-garcia-marquez/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/cultura/gabriel-garcia-marquez/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/cultura/gabriel-garcia-marquez/img/flecha-adelante.png) right 4px scroll no-repeat;}
.video{margin-bottom:20px;}
body.videoyfotos .video{ margin-bottom:0;}
body.video .video{margin-top:20px;}
body.videoyfotos #contenido h1{margin-bottom:15px;}
body.videoyfotos .fotos-sangre{float:right;background-color: #222; 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.videoyfotos .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.videoyfotos .fotos-sangre img{margin-bottom: 20px;}
body.videoyfotos .col-5 .fotos-sangre img{ width: 370px; height: auto;}
body.videoyfotos #contenido .fotos-sangre p{padding: 0 10px;margin: 0;color:#aaa;line-height: 140%;font-size: 100%;margin: -10px 0 5px;}
body.videoyfotos #contenido .col-7 .fotos-sangre p{color:#333;}
body.videoyfotos #contenido .video p{text-align:right;color:#888;line-height: 140%;font-size: 100%;padding: 5px 0;border-bottom: dotted 1px #ccc;}

body.vargas-llosa #contenido .col-4{margin-top: -70px;}
body.vargas-llosa #contenido .col-4 .relacionados{margin-bottom: 30px;}

.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:#855523;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;}


/* PIE */

acronym {border:0;text-decoration:none;}
#site_info {float: left;position:relative;margin:0;color: #777;width:990px;font-size:85%;border-top: solid 1px #aaa;padding:10px 0 30px;}
#site_info a {text-decoration:none;color: #888;}
#site_info a:hover {color: #ccc;}
#site_info .credits {border:1px solid #555;border-width:0 1px;padding:0 5px;margin-right:5px;display: inline;}
#site_info ul, 
#site_info li{float: left;padding:0px 5px 0 0;margin: 0;}
#site_info .redes{float: right; width: 230px;}
#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;}

/* 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;}