/* ESTILOS OCHOLEGUAS */ /* ----------------------------> TABLA DE CONTENIDOS <------------------------------------ 00 + RESET 01 + COLUMNAS 02 + NAVEGACIÓN 2.1 -Portal 2.2 -Rastro de migas 2.3 -Navegación páginas 2.4 -Navegación Jornadas 03 + TIPOGRAFÍA 04 + CABECERA 4.1-Minicabecera 05 + GENERAL 5.1 -Noticia 5.2 -Comentarios 5.3 -Módulos 06 + PIE 07 + PORTADA 7.1 -Portadillas 08 + CALENDARIO - AGENDA 09 + BLOG 10 + HOTELES 11 + MULTIMEDIA 12 + BUSCADOR 13 + HEMEROTECA 14 + PUBLICIDAD */ /* -------------------------------------------------------------------------------------------- 00 + 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:100%/1 Arial, Helvetica, sans-serif; overflow-x: hidden; } /* PARA ETIQUETAS DE HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* -------------------------------------------------------------------------------------------- 01 + COLUMNAS -------------------------------------------------------------------------------------------- */ #contenedor {width:990px;margin:0 auto;text-align:left; position:relative;} #contenido {float:left; position:relative; width:964px;padding:10px 13px 10px 13px; background: #fff; } .portada.portadilla.blog #contenido {padding:40px 13px 10px 13px; } .col {float:left;} .col + .col {margin-left:20px;} .col + .primera {margin-left:0; clear:left;} .primera {margin-left:0;} hr {display:block;clear:both;border:none;color:#fff;height:1px;} .col.col-8 + .col.col-8 {margin-left:0px;} .col.col-8 .col.col-8 + .col.col-4 {margin-left:0px;} .col.derecha { float:right; } .col.derecha + .col { margin-left:0; margin-right:20px } .margen-derecha {margin-right:20px; } .agrupar { float:left; padding-bottom:10px; } .agrupar + .agrupar { /*margin-top:15px; */} .noticias-secundarias + .noticias-secundarias_sin_img { margin-top:0; } .noticias-secundarias_sin_img footer p.actualizacion { float: left; line-height: 150%; margin: 0; text-align: right; width: 50%; } .noticias-secundarias_sin_img article { border-bottom: 1px dotted #767676; } .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-1.foto-article img {width:62px;} .col-2.foto-article img {width:144px;} .col-3.foto-article img {width:226px;} .col-4.foto-article img {width:308px;} .col-5.foto-article img {width:390px;} .col-6.foto-article img {width:472px;} .col-7.foto-article img {width:554px;} .col-8.foto-article img {width:636px;} .col-9.foto-article img {width:718px;} .col-10.foto-article img {width:800px;} .col-11.foto-article img {width:882px;} .col-12.foto-article img {width:964px;} /* -------------------------------------------------------------------------------------------- 02 + NAVEGACIÓN -------------------------------------------------------------------------------------------- */ /* 2.1 -Portal */ header.cabecera nav { position:relative; padding:0; width:100%; float:left; font-size:95%; background:#1b1b1b; } header.cabecera nav ul li { float:left; background:#1b1b1b; height:41px; overflow:hidden; } header.cabecera nav ul li + li { border-left:1px solid #252525; } header.cabecera nav ul li a { color:#fff; padding:12px 11px; float:left; height:17px; } header.cabecera nav ul li a:hover { color:#fff; } header.cabecera nav ul li.nav-europa a:hover { background:#004d93; color:#fff; } header.cabecera nav ul li.nav-asia a:hover { background:#f3b115; color:#fff; } header.cabecera nav ul li.nav-africa a:hover { background:#e64032; color:#fff; } header.cabecera nav ul li.nav-oceania a:hover { background:#009db0; color:#fff; } header.cabecera nav ul li.nav-america a:hover { background: #008854; color:#fff; } header.cabecera nav ul li.nav-espana a:hover { background: #ea661e; color:#fff; } header.cabecera nav ul li.nav-hoteles a:hover { background: #6f277b; color:#fff; } header.cabecera nav ul li.nav-portada a:hover, header.cabecera nav ul li.nav-bitacoras a:hover, header.cabecera nav ul li.nav-otrosmundos a:hover, header.cabecera nav ul li.nav-multimedia a:hover, header.cabecera nav ul li.nav-apartamentos a:hover { background: #3F5974; color:#fff; } .blog header.cabecera nav ul li.nav-bitacoras a, .multimedia header.cabecera nav ul li.nav-multimedia a, .otrosmundos header.cabecera nav ul li.nav-otrosmundos a, .otrosmundos header.cabecera nav ul li.nav-apartamentos a { border-bottom:5px solid #3F5974; padding:12px 11px 7px 11px; } .europa header.cabecera nav ul li.nav-europa a { border-bottom:5px solid #004d93; padding:12px 11px 7px 11px; } .asia header.cabecera nav ul li.nav-asia a { border-bottom:5px solid #f3b115; padding:12px 11px 7px 11px; } .africa header.cabecera nav ul li.nav-africa a { border-bottom:5px solid #e64032; padding:12px 11px 7px 11px;} .oceania header.cabecera nav ul li.nav-oceania a { border-bottom:5px solid #009db0; padding:12px 11px 7px 11px; } .america header.cabecera nav ul li.nav-america a { border-bottom:5px solid #008854; padding:12px 11px 7px 11px; } .espana header.cabecera nav ul li.nav-espana a { border-bottom:5px solid #ea661e; padding:12px 11px 7px 11px; } .hoteles header.cabecera nav ul li.nav-hoteles a { border-bottom:5px solid #6f277b; padding:12px 11px 7px 11px;} header.cabecera nav ul li.nav-buscador { } header.cabecera nav ul li.nav-buscador .buscador { margin:9px 0 0 12px; position:relative; float:left; } /* -------------------------------------------------------------------------------------------- 03 + TIPOGRAFÍA -------------------------------------------------------------------------------------------- */ body { color:#363636; } h1 { font-size: 350%;} h2 { font-size: 180%;} h3 { font-size: 130%;} h4 { font-size: 120%;} h5 { font-size: 110%;} h6 { font-size: 100%; font-weight:bold;} /* -------------------------------------------------------------------------------------------- 04 + CABECERA -------------------------------------------------------------------------------------------- */ /* MINICABECERA COMÚN */ .minicabecera{ background: url("http://estaticos01.elmundo.es/elmundo/iconos/minicabecera/sombra.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);clear: both;height: 37px;padding: 0;text-align: center; margin: auto;padding: 5px 15px;text-align: left;display: block;width: 100%;position: relative;z-index: 2;} #minicabecera {font-size: 75%;margin: auto;padding: 5px 15px;text-align: left;width: 960px;} #minicabecera #logo {float: left;} #minicabecera a img {border: 0 none;} #minicabecera h1 {margin-bottom: 0;font-size: 75%;} #minicabecera div {float: right;list-style-type: none;margin: 0;position: relative;} #minicabecera a:link {color: #00AAEE;text-decoration: none;} #minicabecera div form, #minicabecera div a {float: left;margin-left: 20px;} #minicabecera a.acceso {background: url("http://estaticos02.elmundo.es/elmundo/iconos/minicabecera/li.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);display: block;line-height: 160%;margin-top: 2px;padding-left: 20px;} /**********************************************************************************/ header, figure, article, aside { float:left; } header { width:100%; } header.cabecera { } header .contenedor-logo { float:left; padding: 0 0 0 13px; height:96px; } header .contenedor-logo .logo { padding: 19px 0 5px; } header .contenedor-logo .logo a { } header .contenedor-logo .lema { font-size:75%; padding:0 0 14px; color:#fff; } header .contenedor-logo .lema a { font:bold 110% Georgia, "Times New Roman", Times, serif; color:#fff; } header .contenedor-logo .lema a:hover { color:#ccc; } header form.buscador .campo-buscar { border: 0px solid #fff; font-size: 100%; font-weight: normal; padding: 0 25px 0 5px; width: 200px; color:#1b1b1b; background:#fff; float:left; height:25px; overflow:hidden; } header form.buscador input.boton {border: 0; color: #1B1B1B;cursor: pointer; float: right; font-size: 70%; font-weight: bold; margin-top: 0; position: relative; text-transform: uppercase; background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/iconos/lupa.png") no-repeat; text-indent:-99999999px; height:26px; width:26px; overflow:hidden; border-radius: 0px; border-color:#fff; padding:0; position:absolute; top:0; right:0;} header .patrocinio { border: 1px solid #ccc; text-align:center; margin-top:15px; width:168px; height:55px; padding-top:40px; } .patrocinio { text-align:center; padding:15px 0 0 0; font:bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#fff; } /* cabeceras especiales */ .cabecera-especial { width:100%; float:left; position:relative; } .cabecera-especial h2 { font: normal 200% Arial, Helvetica, sans-serif; padding:15px; color:#fff; } .cabecera-especial h2 a { color:#fff; } .cabecera-especial h1 { font: normal 240% Arial, Helvetica, sans-serif; padding:10px 13px 17px; color:#fff; } .cabecera-especial h1 a { color:#fff; } /* TÍTULO DE LA SECCIÓN */ .titulo-seccion { float:left; width:100%; border-bottom:5px solid #1b1b1b; padding:5px 0 2px; } .titulo-seccion h1 { font:normal 200% Arial, Helvetica, sans-serif; padding:0 0 0 13px; } .europa .titulo-seccion { border-bottom:5px solid #004d93; } .asia .titulo-seccion { border-bottom:5px solid #f3b115; } .africa .titulo-seccion { border-bottom:5px solid #e64032; } .oceania .titulo-seccion { border-bottom:5px solid #009db0; } .america .titulo-seccion { border-bottom:5px solid #008854; } .espana .titulo-seccion { border-bottom:5px solid #ea661e; } .hoteles .titulo-seccion { border-bottom:5px solid #6f277b; } /* -------------------------------------------------------------------------------------------- 05 + GENERALES -------------------------------------------------------------------------------------------- */ /* FONDOS DE COLORES */ /*body {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-body.jpg) repeat-x 0 5px #fff;} body.textos {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-body.jpg) repeat-x 0 7px #fff;} body.especial {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-body.jpg) repeat-x 0 5px #fff;} body.blog {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-body.jpg) repeat-x 0 5px #fff;} body.europa {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-europa.jpg) repeat-x 0 5px #fff;} body.africa {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-africa.jpg) repeat-x 0 5px #fff;} body.asia {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-asia.jpg) repeat-x 0 5px #fff;} body.africa {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-africa.jpg) repeat-x 0 5px #fff;} body.oceania {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-oceania.jpg) repeat-x 0 5px #fff;} body.america {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-america.jpg) repeat-x 0 5px #fff;} body.espana {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-espana.jpg) repeat-x 0 5px #fff;} body.hoteles {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-hoteles.jpg) repeat-x 0 5px #fff;}*/ /*body.multimedia {background:#222;}*/ /*cabeceras blogs*/ body.blog.asiaenlamaleta {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-asia-maleta.jpg) repeat-x top center #fff;} body.blog.quintaavenida {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-quinta-avenida.jpg) repeat-x top center #fff;} body.blog.porelmundoenmoto {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-mundo-en-moto.jpg) repeat-x top center #fff;} body.blog.viajesconmowgli {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-viajes-mowgli.jpg) repeat-x top center #fff;} body.blog.ventanillaopasillo {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-ventanilla-pasillo.jpg) repeat-x top center #fff;} body.blog.ocholeguasconfidencial {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-ocholeguas-confidencial.jpg) repeat-x top center #fff;} body.blog.coordenadas {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/blog/fondo-coordenadas.jpg) repeat-x top center #fff;} /*cabeceras especiales*/ body.especial_100_lugares {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_100_lugares.jpg) repeat-x top center #fff;} body.especial_andalucia_por_descubrir {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_andalucia_por_descubrir.jpg) repeat-x top center #fff;} body.especial_en_360 {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_en_360.jpg) repeat-x top center #fff;} body.especial_viajes_sagrados {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_viajes_sagrados.jpg) repeat-x top center #fff;} body.especial_con_la_muerte_en_los_talones {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_viajes_con_la_muerte_en_los_talones.jpg) repeat-x top center #fff;} body.especial_hoteles_con_firma {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_hoteles_con_firma.jpg) repeat-x top center #fff;} body.especial_hoteles_singulares {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_hoteles_singulares.jpg) repeat-x top center #fff;} body.especial_manifiesto_futurista {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_manifiesto_futurista.jpg) repeat-x top center #fff;} body.especial_listas_abiertas {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_listas_abiertas.jpg) repeat-x top center #fff;} body.especial_entrevistas {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_entrevistas.jpg) repeat-x top center #fff;} body.especial_iphone {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_iphone.jpg) repeat-x top center #fff;} body.especial_con_el_telefono_al_hombro {background:url(http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-especial_con_el_telefono_al_hombro.jpg) repeat-x top center #fff;} body.viaje-lector {background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-viaje-lector.jpg) repeat-x top center #fff;} body.postal {background:url(http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/especiales/fondo-postal.jpg) repeat-x top center #fff;} body.especial-vodafone, body.especial_vodafone {background:url(http://estaticos01.elmundo.es/otrosportales/ocholeguas/imagenes/comunes/v1.1/especiales/fondo-vodafone.jpg) repeat-x top center #fff;} body.blog .cabecera-especial { background:none; } body.blog .cabecera-especial h1 { color:#fff; height:38px; } body.blog .cabecera-especial h1 span { height:16px; } body.blog .cabecera-especial h1 a { color:#fff; } body.blog .cabecera-especial h1 strong { float: none; font: italic bold 120% "Palatino Linotype","Book Antiqua",Palatino,serif; position: relative; bottom:0; left: 0; } /**/ a { color:#044364; } a:hover { color:#770035; } /* .europa a:hover { color:#004d93;} .asia a:hover { color:#f3b115; } .africa a:hover { color:#e64032; } .oceania a:hover { color:#009db0; } .america a:hover { color:#008854; } .espana a:hover { color:#ea661e; } .hoteles a:hover { color:#6f277b;} */ .extras { float:left; } /* 5.2 NOTICIA */ .noticia article header { float: left; width: 98%; } /* titulo */ .noticia article header h1 { padding:10px 0 0; float:left; line-height:105%; } /**/ /*antetitulo*/ .noticia article header p { float: left; font-size: 85%; margin: 0; border-left: 5px solid #3f5974; float: left; padding: 0 0 0 10px; width:100%; } .noticia.europa article header p { border-left:5px solid #004d93; } .noticia.asia article header p { border-left:5px solid #f3b115; } .noticia.africa article header p { border-left:5px solid #e64032; } .noticia.oceania article header p { border-left:5px solid #009db0; } .noticia.america article header p { border-left:5px solid #008854; } .noticia.espana article header p { border-left:5px solid #ea661e; } .noticia.hoteles article header p { border-left:5px solid #6f277b; } /**/ .noticia article p { line-height:145%; margin:0 0 20px;} .noticia article .texto-noticia {} /*tamaños letra*/ .noticia article .texto-noticia.tamanoletra7 { font-size:180%; } .noticia article .texto-noticia.tamanoletra6 { font-size:140%; } .noticia article .texto-noticia.tamanoletra5 { font-size:100%; } /*NORMAL*/ .noticia article .texto-noticia.tamanoletra4 { font-size:80%; } .noticia article .texto-noticia.tamanoletra3 { font-size:60%; } .noticia article .texto-noticia.tamanoletra7 p{ line-height:150%; } .noticia article .texto-noticia.tamanoletra6 p{ line-height:140%; } .noticia article .texto-noticia.tamanoletra5 p{ } /*NORMAL*/ .noticia article .texto-noticia.tamanoletra4 p{ line-height:150%; } .noticia article .texto-noticia.tamanoletra3 p{ line-height:150%; } /**/ .noticia article .texto-noticia h2 { padding-bottom:5px; border-bottom: 5px solid #E7E7DA; margin:30px 0 15px; } .noticia.europa article .texto-noticia h2 { border-bottom: 5px solid #004d93;} .noticia.asia article .texto-noticia h2 { border-bottom: 5px solid #f3b115; } .noticia.africa article .texto-noticia h2 { border-bottom: 5px solid #e64032; } .noticia.oceania article .texto-noticia h2 { border-bottom: 5px solid #009db0; } .noticia.america article .texto-noticia h2 { border-bottom: 5px solid #008854; } .noticia.espana article .texto-noticia h2 { border-bottom: 5px solid #ea661e; } .noticia.hoteles article .texto-noticia h2 { border-bottom: 5px solid #6f277b;} .noticia article .texto-noticia h3 { padding-bottom:5px; border-bottom: 5px solid #E7E7DA; margin:0 0 15px; } .noticia article .texto-noticia h3 strong { font:bold italic 150% "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#B3B29B; } .noticia article .texto-noticia h3 a { border-bottom:0; } .noticia article .texto-noticia blockquote { border-left: 1px dotted #C6C6AB; float: right; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 110%; font-style: italic; margin: 10px 0 10px 15px; padding: 0 0 0 15px; width: 50%; display:inline; clear:right; } .noticia article .texto-noticia blockquote p { margin:0; font-size:140%; line-height:130%; } .noticia article .texto-noticia blockquote.cita { border-left: 0; float: right; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 140%; font-style: italic; margin: 10px 0 20px 0; padding: 0 0 0 0; width: 100%; display:inline; clear:right; line-height:130%; } .noticia.europa article .texto-noticia blockquote p { color:#004d93;} .noticia.asia article .texto-noticia blockquote p { color:#A27704; } .noticia.africa article .texto-noticia blockquote p { color:#e64032; } .noticia.oceania article .texto-noticia blockquote p { color:#009db0; } .noticia.america article .texto-noticia blockquote p { color:#008854; } .noticia.espana article .texto-noticia blockquote p { color:#ea661e; } .noticia.hoteles article .texto-noticia blockquote p { color:#6f277b;} /* MARK */ .noticia article mark { background:#EBEFAE; padding:3px 5px; } .noticia.europa article mark{ background:#DEE3E7; } .noticia.asia article mark{ background:#EAE3D1; } .noticia.africa article mark{ background:#EEDDDB; } .noticia.oceania article mark{ background:#E2EFF1; } .noticia.america article mark { background:#D5E8E2; } .noticia.espana article mark { background:#EEDDD4; } .noticia.hoteles article mark{ background:#E9E2ED; } .noticia article .texto-noticia a { border-bottom:1px dotted #767676; } .noticia article .texto-noticia ul { font-size: 90%; margin-bottom: 15px; padding-left: 40px; } .noticia article .texto-noticia li { color: #595959; line-height: 140%; list-style: circle outside none; padding-bottom: 5px; padding-left: 5px; } .noticia article .texto-noticia li + li { margin-top:10px; } .noticia figure.foto-article nav { float:left; width:100%; position:relative; } .noticia figure.foto-article nav .nav-anterior-siguiente { float:left; width:100%; } .noticia figure.foto-article nav .nav-anterior-siguiente li { float:left; } .noticia figure.foto-article nav .nav-anterior-siguiente li a { float:left; width:100%; background:#1B1B1B; } .noticia figure.foto-article nav .nav-anterior-siguiente li.anterior{ position: absolute; left:0;} .noticia figure.foto-article nav .nav-anterior-siguiente li.siguiente{ position: absolute; right:0;} figure { margin-bottom:15px; position:relative; float:left; } figure figcaption { background: none repeat scroll 0 0 #1B1B1B;color: #FFFFFF;float: left; font-size: 80%;line-height: 140%; margin: -3px 0 0 0; padding: 5px 13px; width: auto; } .guia figure figcaption { margin: -6px 0 0 0; } figure figcaption a {color:#C6C6AB; } figure figcaption a:hover {color:#fff; } .noticia figure.album figcaption { padding:15px; } .noticia figure.foto-article, .portadilla figure.foto-article { } .noticia.especial figure.col.col-10.foto-article { margin:0 -13px 15px 0; float:right; width:813px; } .noticia.especial figure.col.col-10.foto-article img { width:813px; } .noticia.especial figure.col.col-10.foto-article +.col.col-6 { margin-left:0; } .noticia.especial figure.col.col-10.foto-article + .col.col-10.menu-miniaturas {margin-left: 0; } .col.col-8.noticia-destacada .col.col-4.foto-article img{ width:308px; } .portadilla .col.col-4.foto-article { position:relative; margin-left:-13px; display:block; padding-bottom:15px; } .portadilla .col.col-4.foto-article + .col.col-4.contenido-noticia { width:321px; } .noticia figure.col-12.foto-article { width:964px; height: 542px; margin-bottom:15px; } .noticia.postal figure.col-12.foto-article { width:990px; padding-bottom:15px; margin-left:-13px; } .noticia.postal figure.col-12.foto-article img { width:990px; } .noticia figure.foto-article.panoramica { width:964px; height: 271px; margin-bottom:15px; overflow:hidden; } .noticia figure.col-6.foto-article, .portadilla figure.col-6.foto-article { float:right; margin:0 -13px 15px 20px; width:485px; } .noticia figure.col-6.foto-article img, .portadilla figure.col-6.foto-article img { width:485px; } .noticia figure.col-8.foto-article, .portadilla figure.col-8.foto-article, .noticia .col-8.foto-article, .portadilla .col-8.foto-article { margin: 0 0 15px -13px; position:relative; } .noticia.foto-izquierda.noticia-central .col.col-8.agrupar .col.col-2 { margin-left:0; } .noticia.foto-izquierda .extras + .col.col-8.agrupar .col.col-8.foto-article {margin: 0 0 15px -13px; width: 649px; } .noticia.foto-izquierda .extras + .col.col-8.agrupar .col.col-8.foto-article img { width: 649px; } .agrupar .col.col-8 + .col.col-6 { margin:0; } .noticia .extras.col.col-12 + figure.foto-article { margin: 0 0 15px -13px; width: 990px; } .noticia .extras.col.col-12 + figure.foto-article img { width: 990px; } .noticia figure.col-8.foto-article img, .portadilla figure.col-8.foto-article img { width:649px; } .noticia.foto-izquierda .col-6 figure.mapa, .noticia.foto-derecha .col-6 figure.mapa { margin: 0 0 15px -13px; width: 485px; } .noticia.foto-izquierda.noticia-central .col-6 figure.mapa{ margin: 0 0 15px 0; width: 472px; } .noticia .extras + .col-6 figure.mapa figcaption { } .noticia article .texto-noticia figure.col-4.foto-article, .noticia article .texto-noticia figure.col-3.foto-article { overflow:hidden; margin: 0 20px 0 -13px; } .noticia.noticia-central article .texto-noticia figure.col-4.foto-article, .noticia.noticia-central article .texto-noticia figure.col-3.foto-article { overflow:hidden; margin: 0 20px 0 0; } .noticia.especial article .texto-noticia figure.col-4.foto-article, .noticia.especial article .texto-noticia figure.col-3.foto-article { margin: 0 20px 0 0; } .noticia.panoramica article .texto-noticia figure.col-4.foto-article, .noticia.panoramica article .texto-noticia figure.col-4.foto-article { margin-left:0; } .noticia article .texto-noticia figure.col-4.foto-article.a-derecha, .noticia article .texto-noticia figure.col-3.foto-article.a-derecha, .noticia.foto-izquierda.noticia-central .col.col-8.agrupar .col-2.foto-article.a-derecha { float:right; margin: 0 0 0 20px; } .noticia article .texto-noticia figure.col-6.foto-article { overflow:hidden; margin: 0 0 15px -13px; } .noticia.especial article .texto-noticia figure.col-6.foto-article { margin: 0 0 15px 0; } .noticia article footer { border-left: 1px dotted #767676;float: left;font-size: 100%; margin: 10px 0 15px; padding: 0 0 0 14px; width: 97%; } .noticia.album article footer { width:100%; } /* estilos apoyos antiguos*/ .noticia article footer ul { padding:5px 0; } .noticia article footer ul li { font: normal 110%/140% Arial, Helvetica, sans-serif; } /**/ /* estilos entradilla nueva*/ .noticia article footer p.entradilla { padding:5px 0; font: normal 110%/140% Arial, Helvetica, sans-serif; margin:0; } /**/ .noticia article footer .firma { font-size:110%; line-height:170%; border-top: 1px dotted #C6C6AB; margin:0; padding:5px 0 0 0; width:100%; float:left; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; } .noticia article footer .firma .localizacion { border-left:1px dotted #767676; margin-left:5px; padding-left:10px; color:#969681; } .noticia article footer .actualizacion { margin:0; padding:0 0 10px; float:left; width:100%; font-size:80%; } .noticia.blog article footer .actualizacion { padding:0; } .noticia article footer .herramientas { font-size:80%; line-height:170%; margin-bottom:0; float:left; width:100%; } .noticia article footer .herramientas ul { border-top: 1px dotted #C6C6AB; float: left; padding: 5px 0; width: 100%; } .contenidos { display:none; } .activaJs { display:block; } #fichas_ol .contenidos, #hoteles_ol .contenidos { display:none; } #fichas_ol .contenidos.activaJs, #hoteles_ol .contenidos.activaJs { display:block; } /* ESPECIAL PEQUEÑO */ .noticia.especial-enlaces article .texto-noticia ul {padding-left:0; } .noticia.especial-enlaces article .texto-noticia ul li { list-style:none; border-bottom:1px dotted #C6C6AB; padding:0 0 10px; margin:0 0 10px; } /* 5.2 COMENTARIOS */ .comentarios { float:left; width:100%; } .comentarios h3 { margin:0 0 10px 0; } .comentarios h3 span { font: italic bold 150% "Palatino Linotype","Book Antiqua",Palatino,serif; border-left: 5px solid #3F5974; padding: 0 0 0 5px; color:#3F5974; } .comentarios h3 span.encabezado { border:0; font: normal 100% Arial, Helvetica, sans-serif; padding: 0; color:#363636; } .comentarios h4 {padding-bottom:5px; margin:0 0 10px 0; } .comentarios h5 { border-bottom:1px dotted #C6C6AB; padding-bottom:5px; margin:0 0 10px 0; } .comentarios h6 { border-bottom:1px dotted #C6C6AB; padding-bottom:5px; margin:0 0 10px 0; } .comentarios article footer { width:100%; float:left; border-top:1px dotted #C6C6AB; border-bottom:1px dotted #C6C6AB; border-left: 0; padding:0; margin:0 0 15px; } .comentarios article footer p { padding:5px; margin:0; font-size:75%; } .comentarios article footer p.alias strong { font-size:150%; margin-right:10px; } .comentarios article footer p.fecha { float:right; } .comentarios article .contenido-comentario { float:left; margin:15px 0 0; font-size:90%; } .comentarios article .contenido-comentario p { margin:0 0 10px; } .comentarios .num-comentarios {clear: both; overflow: hidden;padding: 5px 0;width: 100%; border-left:1px dotted #767676; padding:10px 0 10px 10px; } .comentarios .nav-comentarios {clear: none;float: right; width: auto;} .comentarios .nav-comentarios li { border: 1px solid #E7E7DA; margin: 0 2px 0 0; float:left;} .comentarios form { margin-bottom:15px; position:relative; font-size:90%; } .comentarios .aviso { font-size: 80%;font-weight: normal;padding: 10px 0 0 5px; } .comentarios .aviso + .aviso { padding: 10px 0; } .comentarios .publicidad_comentarios { font-size:70%; padding:10px; border:1px solid #ccc; } .comentarios .nuevo_usuario { margin-bottom:15px; } .comentarios #formulario_comentar_comentarios_texto { width:96%; margin-bottom:5px; } .comentarios .normas-participacion { font-size: 90%; margin-bottom:15px; } .comentarios_lectores_paso.lock p a { font-size:80%; } #comentarios_lectores_comentar textarea { border: 1px solid #E7E7DA; color: #666; font: 90% Arial,Helvetica,sans-serif; height: 120px; padding: 10px; width: 96%;} .comentarios ol { border-left:1px dotted #767676; padding:0 0 0 10px; float:left; } .comentarios .formulario-comentarios { border-left:1px dotted #767676; padding:0 0 0 10px; float:left; } .comentarios ol li p{ font-size:90%; line-height: 150%; margin:0 0 10px; } #comentarios_lectores_login .aviso {padding:5px 5px 0 5px; margin-top:10px; color:#333; border-top:1px dotted #E7E7DA;} #comentarios_lectores_login .aviso a { padding:5px 0; float:left; } #formulario_login_comentarios_recordar { margin:0 5px 0 0; } .comentarios ol li div.usuario {padding: 8px 10px 5px 10px;background: #E7E7DA;height: 46px;margin:0 0 10px;} .comentarios ol li div.usuario strong { font-size:14px;} .comentarios li img.avatar { float: left; padding: 3px 8px 0 0;} .comentarios ol li div.usuario .usuario_nombre { float: left; width: 330px;} .comentarios ol li div.usuario .usuario_nombre { width: 280px;} .comentarios ol li h4 { float: right; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 200%; font-style: normal font-weight: bold; line-height: 100%; margin: 5px 0 0; padding: 0; position: relative; text-align: right; top: 0; width: 100px; z-index: 30; color:#3f5974; font-style:italic;} .comentarios .fecha_hora { color: #7A7A69; display: block; font-size: 10px; font-style: italic; font-weight: normal; margin:5px 0 0 0;} /*navegación comentarios*/ .comentarios ul.comentarios_nav { float: left; width: 100%; height: 19px; border-bottom: 1px solid #E7E7DA; margin: 5px 0 15px;} * html .comentarios ul.comentarios_nav { width: 467px;} .comentarios ul.comentarios_nav li { float: left; display: inline; margin-right: 2px; text-align: center; } .comentarios ul.comentarios_nav li.msg_mention span, .comentarios ul.comentarios_nav li.msg_net span { border-top: 1px solid #E7E7DA; border-left: 1px solid #E7E7DA; border-right: 1px solid #E7E7DA; background: #E7E7DA; font-size: 80%; color: #fff; padding: 3px 15px 2px; display: block;} .comentarios ul.comentarios_nav li a { border-top: 1px solid #E7E7DA; border-left: 1px solid #E7E7DA; border-right: 1px solid #E7E7DA; background: #E7E7DA; font-size: 80%; color: #7C7C7C; padding: 3px 15px 2px; display: block;} .comentarios ul.comentarios_nav li a:hover { background: #F2F1F5;} .comentarios ul.comentarios_nav li.seleccionado { border-bottom: 1px solid #FFF; margin-top: 0; position: relative; top: 1px;} .comentarios ul.comentarios_nav li.seleccionado a { background: #FFF; font-weight: bold;} .comentarios ul.comentarios_nav li.seleccionado a:hover { background: #FFF; cursor: default;} /*fin navegación comentarios*/ /*links comentar*/ .comentarios span.links_comentar { float: right; letter-spacing: normal; color: #555; padding-top: 15px; font:normal 80% Arial, Helvetica, sans-serif; border:0;} .comentarios span.links_comentar #texto_quieres_comentar { font:normal 75% Arial, Helvetica, sans-serif; border:0; } .comentarios span.links_comentar a { font:normal 75% Arial, Helvetica, sans-serif; border:0; } .comentarios #comentarios span.links_comentar span { color: #555; font-family: Arial,Helvetica,sans-serif;} /* fin links comentar*/ #comentar { margin:15px 0 0 0; } /*numeración comentarios*/ .num_comentarios { clear:both; width:100%; padding: 0 0 10px 0; margin:0; overflow:hidden; background:#fff; border-left: 1px dotted #767676;} .num_comentarios div { border:1px solid #E0EAEF; background:none; color:#666;width:auto; float:left; padding:2px 5px; font-weight:bold;} .nav_comentarios { width:auto; float:right; clear:none;} .nav_comentarios li { margin:0 2px 0 0; border:1px solid #E7E7DA; float:left;} .nav_comentarios li:hover {} .nav_comentarios li a { float:left; display:block; padding:2px 5px; font-size:90%; font-weight:normal;} .nav_comentarios li a:hover { color:#fff; background:#3F5974;} .nav_comentarios li span { float:left; display:block;color:#C6C6AB; font-weight:normal; font-size:90%; padding:2px 5px;} /*fin numeración comentarios*/ /*formulario comentarios*/ #comentarios_lectores_login { clear:both; overflow:hidden; padding:0; width:100%; color:#666; background:transparent; margin:0 auto;} #comentarios_lectores_login .comentarios_lectores_paso { background:#fff; border:5px solid #E7E7DA; margin-bottom:10px; padding:15px; height:1%; zoom:1;} html>body #comentarios_lectores_login .comentarios_lectores_paso { height:auto;} #comentarios_lectores_login .app_mensaje { padding-left:85px; background:url(http://estaticos02.elmundo.es/elmundo/iconos/v3.0/comentarios/warning.gif) no-repeat 20px 10px;} .unlock .nuevo_usuario { padding:5px; text-align:right; position:absolute; top:5px; right:5px; font-size:11px;} .lock .nuevo_usuario { padding:5px; text-align:right; position:absolute; top:-35px; right:5px; font-size:11px;} /*fin formulario cometnarios*/ /*INTERACT*/ .comentarios .interact { margin: 0 0 15px; padding: 5px 0; font-size: 11px; height: 16px; border-top:1px dotted #C6C6AB; border-bottom:1px dotted #C6C6AB;} .comentarios .interact a { font-weight: normal;font-size: 11px; float: left;} .comentarios .interact a.responder, #comentarios .interact span.responder { background: url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_comentarios_responder.png) no-repeat 0 2px; padding-left: 18px; margin-right: 15px; float: left;} .comentarios .interact span.responder { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; color: #333;} .comentarios .interact a.citar { background: url(http://estaticos04.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_comentarios_citar.png) no-repeat 0 0; padding: 0 0 0 18px; float: left;} .comentarios .interact .valorar { margin-left: 15px; padding-top: 1px; display: inline-block; float: left; height:15px;} .comentarios .interact .valorar p, .comentarios .interact .denunciar p { padding: 0; margin: 0; float: left; line-height: normal; font-size: 80%; color: #888;} .comentarios .interact .valorar a, .comentarios .interact .valorar p { display: block;} .comentarios .interact .valorar a.valorar_positivo, .comentarios .interact .valorar p.valorar_positivo { background: url(http://estaticos01.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_positivo.png) no-repeat; padding-right: 5px; width: 14px; height: 13px;} .comentarios .interact .valorar a.valorar_positivo { margin: -1px 0 0 8px;} .comentarios .interact .valorar p.valorar_positivo { background: url(http://estaticos01.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_positivo.png) no-repeat right 0; padding: 1px 18px 0 0; width: auto; margin: -1px 5px 0 8px;} .comentarios .interact .valorar a.valorar_negativo, .comentarios .interact .valorar p.valorar_negativo { background: url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_negativo.png) no-repeat 0 1px; width: 14px; height: 14px;} .comentarios .interact .valorar p.valorar_negativo { background: url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_negativo.png) no-repeat right 1px; padding-right: 18px; width: auto;} .comentarios .interact .valorar a.valorar_positivo:hover { background: url(http://estaticos01.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_positivo.png) no-repeat 0 -15px;} .comentarios .interact .valorar a.valorar_negativo:hover { background: url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_valorar_negativo.png) no-repeat 0 -13px;} .comentarios .interact .valorar a span { position: absolute; top: -10000px;} .comentarios .interact .valorar span.separador { background: url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/comentarios/separador_votacion.png) no-repeat center 4px; width: 1px; height: 12px; display: block; float: left; margin: 0 8px 0 3px;} .comentarios .interact .denunciar { float: right; background: url(http://estaticos04.elmundo.es/elmundo/iconos/v3.0/comentarios/ico_denunciar.png) no-repeat 0 0; padding-left: 18px;} .comentarios .interact span.denunciar { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; color: #333; height:15px;} .comentarios .interact .denunciado { background: none; font-size: 11px; line-height: normal; padding: 0; color: #888; float: right;} /*FIN INTERACT*/ /* 5.3 MÓDULOS */ .modulo { float:left; width:100%; margin-bottom:20px; font-size:90%; } .noticia article.modulo p { line-height:135%; margin:0; } .modulo h2 { font-size:120%; border-left:5px solid #3f5974; } .modulo ul li { padding: 6px 0; } .noticia.europa .modulo h2 { border-left:5px solid #004d93;} .noticia.asia .modulo h2 { border-left:5px solid #f3b115; } .noticia.africa .modulo h2 { border-left: 5px solid #e64032; } .noticia.oceania .modulo h2 { border-left:5px solid #009db0; } .noticia.america .modulo h2 { border-left:5px solid #008854; } .noticia.espana .modulo h2 { border-left: 5px solid #ea661e; } .noticia.hoteles .modulo h2 { border-left: 5px solid #6f277b;} .noticia .modulo.debate h2, .noticia .modulo.calendario-lateral h2, .noticia .modulo.formulario h2, .noticia .modulo.carrusel-multimedia h2, .noticia .modulo.encuesta h2 {border-left: 0px; } .modulo p { padding:10px 0; margin:0; } .modulo p.ver-mas { float:left; width:100%; border-bottom:1px solid #ccc; padding: 5px 0; text-align:right; } /* MÁS SOCIALES */ .mas-sociales h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-sociales ul li { margin:0 1px 1px 0; float:left; width:153px; padding:0;} .mas-sociales ul li figure { margin:0; height:87px; overflow:hidden; } .mas-sociales ul li figure img { width:153px; } .modulo .modulo_redes_sociales { margin-top: 10px; } .modulo .modulo_redes_sociales li{ width: auto; margin-bottom: 5px; } .modulo .modulo_redes_sociales li a img{ transition: all 0.3s ease-in-out; } .modulo .modulo_redes_sociales li a img:hover{ opacity: 0.7; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } /* TEMAS, TAGS */ .temas { font-size: 80%; text-align:center; margin: 2px 0 0 -5px; float:left; width:641px; padding-bottom:20px; } .temas li.titulo { border:0; padding:0 5px 0 0; font:bold italic 130% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .temas li { float:left; border:1px dotted #C6C6AB; border-radius: 2px; padding:5px 0; margin:0 0 5px; } .temas li a { color:#3f5974; padding:5px 10px; } .temas li a:hover { color:#FFF;background:#3f5974; } .temas li { margin-left:5px; } .temas p { padding:0 0 10px; color:#1b1b1b; } .europa .temas li a { color:#004d93; } .europa .temas li a:hover { color:#fff; background:#004d93; } .asia .temas li a { color:#A27704; } .asia .temas li a:hover { color:#fff; background:#f3b115; } .espana .temas li a { color:#ea661e; } .espana .temas li a:hover { color:#fff; background:#ea661e; } .africa .temas li a { color:#e64032; } .africa .temas li a:hover { color:#fff; background:#e64032; } .america .temas li a { color:#008854; } .america .temas li a:hover { color:#fff; background:#008854; } .hoteles .temas li a { color:#6f277b; } .hoteles .temas li a:hover { color:#fff; background:#6f277b; } .oceania .temas li a { color:#009db0; } .oceania .temas li a:hover { color:#fff; background:#009db0; } /* TIEMPO*/ .tiempo { border: 1px dotted #767676; padding: 14px; width: 79%; } .tiempo dl.datoslocales { width:100%; } .tiempo dl.datoslocales dt { width:100%; float:left; border-bottom:1px dotted #C6C6AB; padding:0 0 5px; margin:0 0 5px; font-weight:bold; } .tiempo dl.datoslocales dd { float:left; width:47%; position: relative; font-size: 80%; } .tiempo dl.datoslocales dd.dia + dd.dia { border-left: 1px dotted #C6C6ABCCC;margin: 0 0 0 2px; padding: 0 0 0 3px; } .tiempo dl.datoslocales dd.dia p { padding:0; margin:0; float: left; width:100%; } .tiempo dl.datoslocales dd.dia span.maxima { background: #eee;border-radius: 2px 2px 2px 2px;float: left;padding: 4px 2px; text-align: center; width: 90%;} .tiempo dl.datoslocales dd.dia span.minima { background: #ddd;border-radius: 2px 2px 2px 2px;float: left;padding: 4px 2px; text-align: center; width: 90%; margin-top:2px;} .tiempo dl.datoslocales dd img { width:20px; } .tiempo dl.datoslocales dd.prevision { width:100%; width:100%; border-top:1px dotted #C6C6AB; padding:5px 0 0 0; margin:5px 0 0 0; } .col.col-6 .tiempo { float:left; width:144px; margin-right:20px; margin-bottom:0; } /* NOTICIAS RELACIONADAS */ .relacionadas { } .relacionadas h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .relacionadas ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .relacionadas ul li { border-bottom:1px dotted #C6C6AB; padding:4px 0; line-height: 120%; } /* OFERTAS */ .ofertas { } .ofertas h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .ofertas ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .ofertas ul li { border-bottom:1px dotted #C6C6AB; padding:4px 0; line-height: 120%; font-size:90%; } .ofertas ul li h3 { font-size:135%; } .ofertas ul li p { margin:0; padding:5px 0 0 0; } .col-4 .ofertas ul li img { float:left; } .col-2 .ofertas ul li h3 { width:100%; } .col-4 .ofertas ul li img { margin:0 10px 0 0; } .col-4 .ofertas ul li { height:86px; } /* DESTINOS MÁS VISTOS */ .destinos { } .destinos h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .destinos ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .destinos ul li { border-bottom:1px dotted #C6C6AB; padding:4px 0; line-height: 120%; } /* ESPECIALES */ .especiales { background: #EFEFE3; padding: 10px; width: 94%; border-radius:2px; } .especiales h2 { background: #3F5974; border-radius: 2px 2px 2px 2px; color: #FFFFFF; font-weight: bold; margin: 0 0 5px; padding: 5px 10px; } .especiales ul li img { width: 290px; margin-bottom:5px; } .especiales ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } /* DESTACADO ESPECIAL */ .destacado-especial { background: #3F5974; padding: 0; width: 100%; } .destacado-especial figure { margin-bottom:0; background:#1b1b1b; } .destacado-especial h2 { border-left: 0 none; color: #FFFFFF; float: left; font-size: 180%; line-height: 120%; padding: 5px 10px 10px 10px; border-bottom:1px dotted #fff; background:#1b1b1b; width:288px; } .destacado-especial h3 { border-bottom: 1px dotted #738CA6; color: #fff; font-size: 100%; line-height: 120%; margin: 0 10px; padding: 5px 0; float:left; width:288px; } .destacado-especial a:hover h2 { color:#A21F4A; } .destacado-especial a:hover h3 { color:#C6C6AB; } .destacado-especial .titulo-mas { color: #C6C6AB; padding: 5px 10px; font: bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; float:left; width:288px; } .destacado-especial ul { padding:0 0 10px; float:left; } .destacado-especial ul li { line-height: 120%; padding:0; } /* PROXIMAMENTE */ .proximamente { } .proximamente h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .proximamente ul {border-left: 1px dotted #767676; padding: 0 0 0 14px; } .proximamente ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } /* DEBATE */ .debate { border: 1px dotted #767676; padding: 14px; width: 80%;} .debate h2 { font-weight:bold; padding:0; margin: 0 0 5px; border:0; } .debate .pregunta {margin:0 0 10px 0;padding:5px 5px 8px; overflow:visible; z-index:20; font: 100%/140% Arial, Helvetica, sans-serif;} .debate form label {padding-right:5px;font-weight:normal;float: left;} .debate .grafica-resultados{width:145px;float:left;margin-bottom:-15px;} .debate .debate-opciones ul { width: } .debate .debate-opciones li{float: left;margin:0 0 3px 0; padding:0 0 5px; position:relative; font-size:11px; border-bottom:1px dotted #C6C6AB; height:15px; width: 100%;} .debate .debate-opciones li label{border:0; line-height:120%; padding:2px 0 1px 37px;} .debate .debate-opciones li input.botonradio{position:absolute;left:3px;top:1px;width:15px;margin:0;padding:0;height:15px;} /* ESTILO GENERAL BOTÓN FORMULARIOS */ input.boton, .btn input{float: right; position: relative;cursor:pointer;background:#1b1b1b;color: #fff; font-size:70%; text-transform: uppercase;padding: 4px 5px 2px;margin-top: 5px; border:0; border-radius: 2px;} #comentar .btn input { margin-top:0; } input.boton:hover{background:#A21F4A;} .calendario-lateral #formulario-calendario input.boton { margin-top:0; } /*calendario*/ .formulario .boton-calendario { background: url("http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/iconos/calendario.png") no-repeat scroll 0 0 transparent;} .formulario .boton-calendario span { position: absolute; top: -10000px;} /**/ /*********************************************************/ .ver-resultados {font-weight:bold; font-size:11px;adding:0 0 0 8px; display:block;text-align:center;position:absolute;bottom:5px;right:5px;} .ver-resultados {float: left; position: relative; margin:15px 0 0 10px} .ver-resultados a{color: #777;font-weight: normal;} .noticia article.encuesta .ver-resultados { margin:25px 0 0 7px; padding:0; } .debate .deb-opcion-0, .debate .deb-opcion-10{background:url(http://estaticos02.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-0.gif) no-repeat 0 0;} .debate .deb-opcion-1, .debate .deb-opcion-11{background:url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-1.gif) no-repeat 0 0;} .debate .deb-opcion-2, .debate .deb-opcion-12{background:url(http://estaticos04.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-2.gif) no-repeat 0 0;} .debate .deb-opcion-3, .debate .deb-opcion-13{background:url(http://estaticos01.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-3.gif) no-repeat 0 0;} .debate .deb-opcion-4, .debate .deb-opcion-14{background:url(http://estaticos02.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-4.gif) no-repeat 0 0;} .debate .deb-opcion-5, .debate .deb-opcion-15{background:url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-5.gif) no-repeat 0 0;} .debate .deb-opcion-6, .debate .deb-opcion-16{background:url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-6.gif) no-repeat 0 0;} .debate .deb-opcion-7, .debate .deb-opcion-17{background:url(http://estaticos04.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-7.gif) no-repeat 0 0;} .debate .deb-opcion-8, .debate .deb-opcion-18{background:url(http://estaticos01.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-8.gif) no-repeat 0 0;} .debate .deb-opcion-9, .debate .deb-opcion-19{background:url(http://estaticos02.elmundo.es/elmundo/iconos/v3.0/debates/deb-opcion-9.gif) no-repeat 0 0;} /* NOTICIAS MÁS LEÍDAS */ .mas-leidas { } .mas-leidas h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-leidas ol { border-left:1px dotted #767676; font-size:110%; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; margin: 0; padding: 0 0 0 30px; color:#B1B198; } .mas-leidas ol li {/* border-bottom:1px dotted #C6C6AB;*/ margin-left: 8px; padding: 7px 0; list-style: decimal outside none; } .mas-leidas ol li a { font-size:90%; font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif; } .mas-leidas ol li figure { margin:0 10px 0 0; } /* FOTOS Y VÍDEOS MÁS VISTOS */ .mas-vistos { } .mas-vistos h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-vistos ol { border-left:1px dotted #767676; font-size:110%; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; margin: 0; padding: 0 0 0 30px; float:left; color:#B1B198; } .mas-vistos ol li { border-bottom:1px dotted #C6C6AB; margin-left: 8px; padding: 5px 0; list-style: decimal outside none; float:left; } .mas-vistos ol li a { line-height:110%; font-size:90%; font-weight:normal; font-style:normal; font-family:Arial, Helvetica, sans-serif; } .mas-vistos ol li figure { margin:0 10px 0 0; } /* FOTO DEL MES */ .foto-mes { } .foto-mes h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .foto-mes figure { padding:10px 0; } /* MÁS INFORMACIÓN - POSTALES */ .mas-informacion { } .mas-informacion h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-informacion ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .mas-informacion ul li { border-bottom:1px dotted #C6C6AB; line-height:140%; } /*DESTACADOS */ .destacados { } .destacados h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .destacados ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .destacados ul li { border-bottom:1px dotted #C6C6AB; line-height:140%; } /* GUÍA */ .guia { } .guia dt { border-left:5px solid #3f5974; float:left; width:303px; margin: 0 0 5px; background:#1b1b1b; color:#fff; } .noticia.europa .guia dt { border-left:5px solid #004d93; } .noticia.asia .guia dt { border-left:5px solid #f3b115; } .noticia.africa .guia dt { border-left: 5px solid #e64032; } .noticia.oceania .guia dt { border-left:5px solid #009db0; } .noticia.america .guia dt { border-left:5px solid #008854; } .noticia.espana .guia dt { border-left: 5px solid #ea661e; } .noticia.hoteles .guia dt { border-left: 5px solid #6f277b; } .noticia.europa .guia dd dt, .noticia.asia .guia dd dt, .noticia.africa .guia dd dt, .noticia.oceania .guia dd dt,.noticia.america .guia dd dt, .noticia.espana .guia dd dt, .noticia.hoteles .guia dd dt{ border-left: 0; } .noticia .guia dd dt { border-left:0; float:left; width:100%; margin: 0 0 5px; background:none; color:#1b1b1b; } .noticia #fichas_ol.guia dd dt { background: none repeat scroll 0 0 transparent; border-left: 0 none; color: #1B1B1B; float: left; margin: 0 0 5px; width: 100%; } .guia dt.desplegado a { border-bottom:0; color:#fff; } .guia dt a { padding:5px 0 5px 5px; float:left; width:95%; border-bottom:1px dotted #767676; margin:0 0 0 5px; color:#fff } .noticia .guia dt a:hover { color: #767676; } .noticia.europa .guia dt a:hover { color: #004d93; } .noticia.asia .guia dt a:hover { color: #f3b115; } .noticia.africa .guia dt a:hover { color: #e64032; } .noticia.oceania .guia dt a:hover { color: #009db0; } .noticia.america .guia dt a:hover { color: #008854; } .noticia.espana .guia dt a:hover { color: #ea661e; } .noticia.hoteles .guia dt a:hover{ color: #6f277b; } .guia dd { padding:14px; line-height: 140%; float:left; width:100%; display:block; margin:0 0 5px; border-left:1px dotted #767676; } .guia dd p { padding:0; margin-bottom:15px; } .col.col-4 .guia dd { width:279px; border-bottom: 1px dotted #767676; } .col.col-4 .guia dd .foto-article { float: right; margin: 0 -19px 15px 0; } .col.col-4 .guia dd .foto-article img { width: 305px; } .col.col-4 .guia dd p + .foto-article { margin: 10px -19px 15px 0; } .guia dd.activaJs { display:block;} /* CALENDARIO */ .calendario-lateral { float: left; position: relative; margin-bottom: 20px; border:1px dotted #767676; padding: 14px; width: 90%; } .calendario-lateral h2 { font-weight:bold; padding:0; margin:0; border:0; } .calendario-lateral ul li { border-bottom:1px dotted #C6C6AB; padding:10px 0; } .calendario-lateral table { float: right; position: relative; width: 100%; font-size: 70%; margin-top: 5px; } .calendario-lateral caption { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 160%;font-style: italic;font-weight: bold;padding: 10px 0 15px; } .calendario-lateral th { float: left; position: relative; text-align: center; width: 39px; height:18px; color: #999; } .calendario-lateral tr { float: left; position: relative; width:100%; } .calendario-lateral td { float: left; position: relative; width: 34px; height: 22px; padding:0 2px 2px 2px; } .calendario-lateral td + td { border-left: dotted 1px #ccc; } .calendario-lateral td a { float: left; position: relative; line-height: 220%; width: 100%; height: 22px; overflow: hidden; text-align: center; color: #555; background: #E7E7DA; border-radius: 2px 2px 2px 2px; } .calendario-lateral td a.hoy { color: #fff; background:#ccc; } .calendario-lateral td span { float: left; position: relative; line-height: 220%; width: 100%; height: 22px; overflow: hidden; text-align: center; color: #555; background: #fff; } .calendario-lateral td a.actual { background:#990000; color:#FFF; } .calendario-lateral td.finde a{ background:#C6C6AB; } .calendario-lateral ol { float: left; position: relative; width: 157px; text-transform: uppercase; font-size: 60%; padding:20px 0; } .calendario-lateral li { float: left; position: relative; width: 66px; border-bottom: dotted 1px #ddd; margin-right: 10px; padding:5px 0; } .calendario-lateral li a { /*color: #999;*/ } .calendario-lateral li a:hover { /*color: #1B1B1B;*/ } .calendario-lateral #formulario-calendario { margin:10px 0 0 0; text-align:center; } .calendario-lateral #formulario-calendario select { border:1px solid #ccc; padding: 2px 0 2px 2px; font-size: 70%; } .calendario-lateral #formulario-calendario select option { margin: 0 10px 0 0; } .calendario-lateral .anterior-siguiente { float: left; left: 14px; position: absolute; top: 72px; width: 100%; width:90%; } .calendario-lateral .anterior-siguiente span { display:none; } .calendario-lateral .anterior-siguiente strong { font-size:150%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif } .calendario-lateral .anterior-siguiente .anterior { float:left; border:0; padding:0; } .calendario-lateral .anterior-siguiente .siguiente { float:right; border:0; text-align:right; padding:0; margin:0; } .calendario-lateral .eventos-dia {border-top: 1px dotted #767676; float: left; margin: 10px 0 0; padding: 5px 0 0; width: 100%; } .calendario-lateral .eventos-dia h3 { font: bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; padding: 0 0 5px; } .calendario-lateral .eventos-dia h3 span { color: #AEAE94; } .calendario-lateral .eventos-dia ul {float: left; width: 100%; } .calendario-lateral .eventos-dia ul li {float: left; width: 100%; padding:5px 0; margin:0; } .calendario-lateral .eventos-dia ul li.evento-destacado { font-size: 120%; } .calendario-lateral .eventos-dia .ver-mas {border-bottom: 0 none; font-size: 80%; padding:5px 0 0; } /* ENLACES MULTIMEDIA */ .enlaces-multimedia { color:#fff; position:relative; background:#1b1b1b; } .enlaces-multimedia h2 { font-weight:bold; padding:0 0 5px; margin: 15px; border-bottom:1px dotted #fff; border-left:0; } .enlaces-multimedia ul li { margin:0 1px 1px 0; float:left; width:153px;} .enlaces-multimedia ul li figure { margin:0;} .noticia article.enlaces-multimedia header {border-left: 0;padding: 0;width: 100%;} .noticia article.enlaces-multimedia footer { border: 0 none;margin: 0;padding: 0 15px 10px 0;text-align: right;width: 95%; font-size: 80%; } .col.col-2 .enlaces-multimedia ul li { margin:0 1px 1px 0; float:left; width:144px;} .col.col-2 .enlaces-multimedia ul li figure { margin:0; height:auto; } .col.col-2 .enlaces-multimedia ul li figure img { width:144px; } /* CARRUSEL MULTIMEDIA */ .carrusel-multimedia { color:#fff; position:relative; } .carrusel-multimedia h2 { font-weight:bold; padding:0 0 5px; margin: 15px; border-bottom:1px dotted #fff; } .noticia article.carrusel-multimedia header {border-left: 0;padding: 0;width: 100%;} .noticia article.carrusel-multimedia footer { border: 0 none;margin: 0;padding: 0 15px 10px 0;text-align: right;width: 95%; font-size: 80%; } /*carrusel con javascript*/ .carrusel-multimedia #contenedor-carrusel, .enlaces-multimedia #contenedor-carrusel { position: relative; width: 100%; margin: 1px auto 0; overflow: hidden; height: 177px; float:left; } .carrusel-multimedia a:hover, .enlaces-multimedia a:hover { color:#fff; } .carrusel-multimedia #moveme, .enlaces-multimedia #moveme { position:absolute;} .carrusel-multimedia .listElement, .enlaces-multimedia .listElement {float:left;width:153px;overflow: hidden;z-index:-99999999; margin:0; border-left:1px solid #262626;} .carrusel-multimedia .listElement figure a img.foto, .carrusel-multimedia .listElement a img.foto, .enlaces-multimedia .listElement figure a img.foto, .enlaces-multimedia .listElement a img.foto{ height: 265px; width: 472px; } .carrusel-multimedia .listElement figure a, .enlaces-multimedia .listElement figure a { height: 265px; width: 472px; color:#fff; } .carrusel-multimedia .listElement p, .enlaces-multimedia .listElement p { background: #1B1B1B;clear: both;color: #FFFFFF;display: block;float: left;font-size: 90%;margin: -2px 0 5px 10px; padding: 5px 10px 3px;width: auto;} .carrusel-multimedia .listElement h1, .enlaces-multimedia .listElement h1 { padding:0 10px; float:left; } .carrusel-multimedia .acordeonUl, .enlaces-multimedia .acordeonUl{list-style-type:none;padding:0px;float:left;margin:0px;} .carrusel-multimedia .box, .enlaces-multimedia .box{height: 30px;width:95%;float:left;vertical-align:middle;cursor: pointer; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:200%; line-height: 75%;} .carrusel-multimedia .leftB .box, .enlaces-multimedia .leftB .box{ padding:0 0 0 15px;} .carrusel-multimedia .rightB .box, .enlaces-multimedia .rightB .box{ text-align:right; padding:0 15px 0 0;} .carrusel-multimedia .play, .enlaces-multimedia .play{height: 50px;width:50px;border:1px solid black;float:left;position:relative;vertical-align:middle;background: no-repeat url("http://www.aulaclic.es/articulos/graficos/play.gif");} .carrusel-multimedia .stop, .enlaces-multimedia .stop{background: no-repeat url("http://1.bp.blogspot.com/_hAUCi3cYdFg/SzhhC6f_I0I/AAAAAAAACEg/o2WYfUb7vGA/s200/PAUSE.gif");height: 50px;width:50px;border:1px solid black;float:left;position:relative;vertical-align:middle;} .carrusel-multimedia .menu, .enlaces-multimedia .menu{margin: 0 auto;width: 100%; position:absolute; top:50px; left:0;} .carrusel-multimedia .clear, .enlaces-multimedia .clear{clear:both;} .carrusel-multimedia li img, .enlaces-multimedia li img {width:inherit;height:auto;border:0px;} .carrusel-multimedia li a, .enlaces-multimedia li a {text-decoration:none;width:inherit;height:inherit;} .carrusel-multimedia .rightB, .enlaces-multimedia .rightB{float:right;width:50%;} .carrusel-multimedia .leftB, .enlaces-multimedia .leftB{width:50%;float:left;} .carrusel-multimedia #mainUl, .enlaces-multimedia #mainUl{padding:0px;} .carrusel-multimedia .loading, .enlaces-multimedia .loading{background:url("http://podcaster.cl/wp-content/plugins/tantan-reports/wordpress-reports/loading.gif") no-repeat #DDDDDD;} .carrusel-multimedia .hidden, .enlaces-multimedia .hidden{display:none;} .col-2 .enlaces-multimedia .listElement img, .col-2 .enlaces-multimedia .listElement, .col-2 .enlaces-multimedia .listElement figure{width:144px; } .col-4 .enlaces-multimedia .listElement img, .col-4 .enlaces-multimedia .listElement, .col-4 .enlaces-multimedia .listElement figure{width:144px; } .col-2 .enlaces-multimedia .menu{top:80px; } .col-2 .enlaces-multimedia .box{width:80%;} .carrusel-noticias-destacadas .carrusel-multimedia .listElement {width:472px; height:374px; padding:0; background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #262626; z-index:999;} .carrusel-noticias-destacadas .carrusel-multimedia #contenedor-carrusel {height: 374px;} .carrusel-noticias-destacadas .carrusel-multimedia .listElement h1 { font-size:250%; line-height:105%; width:95%; clear:left; } .carrusel-noticias-destacadas .carrusel-multimedia .listElement h1 a { color:#FFF; } .carrusel-noticias-destacadas .carrusel-multimedia .listElement h1 a:hover { color:#A21F4A; } .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-america h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-asia h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-africa h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-europa h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-oceania h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-espana h1 a:hover, .carrusel-noticias-destacadas .carrusel-multimedia .listElement .sec-hoteles h1 a:hover { color:#1b1b1b; } .carrusel-noticias-destacadas .carrusel-multimedia .listElement figcaption p { margin:0; padding:0 0 5px; font-size:110%; } .carrusel-noticias-destacadas .carrusel-multimedia .menu { top:-50px; z-index:99999; } .carrusel-noticias-destacadas .carrusel-multimedia .box{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color: #FFFFFF;cursor: pointer; float: left;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1250%; font-weight: bold; height: auto; line-height: 1; width: 100%; opacity: 0.85;} .carrusel-noticias-destacadas .carrusel-multimedia .rightB{float:right;width:100px; margin-right:15px; z-index:999999; } .carrusel-noticias-destacadas .carrusel-multimedia .leftB{width:100px;float:left; z-index:999999; } .carrusel-noticias-destacadas .carrusel-multimedia .rightB .box{ text-align:right; padding:0;} .carrusel-noticias-destacadas .carrusel-multimedia figure figcaption { border-left:5px solid #3f5974; margin:10px 0 0 0; height: 103px; padding:0 5px 0 10px; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-europa figcaption { background: #004d93; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-asia figcaption { background: #f3b115; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-africa figcaption { background: #e64032; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-oceania figcaption { background: #009db0; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-america figcaption { background: #008854; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-espana figcaption { background: #ea661e; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-hoteles figcaption { background: #6f277b; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-europa, .carrusel-noticias-destacadas .carrusel-multimedia .sec-asia, .carrusel-noticias-destacadas .carrusel-multimedia .sec-africa, .carrusel-noticias-destacadas .carrusel-multimedia .sec-oceania, .carrusel-noticias-destacadas .carrusel-multimedia .sec-america, .carrusel-noticias-destacadas .carrusel-multimedia .sec-espana, .carrusel-noticias-destacadas .carrusel-multimedia .sec-hoteles { height:374px; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-europa { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #004d93; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-asia { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #f3b115; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-africa { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #e64032; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-oceania { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #009db0; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-america { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #008854; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-espana { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #ea661e; } .carrusel-noticias-destacadas .carrusel-multimedia .sec-hoteles { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-sombra-carrusel.png") repeat-x 0 265px #6f277b; } /*********************/ /* MÁS FOTOGALERÍAS */ .mas-fotogalerias { } .mas-fotogalerias h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-fotogalerias ul li { float:left; margin-bottom:1px; } .mas-fotogalerias ul li + li { margin:0 0 1px 1px; } .mas-fotogalerias ul li figure { margin:0; } .mas-fotogalerias figure figcaption {min-height: 50px; overflow:hidden; } .col.col-12 .mas-fotogalerias ul li figure img { width:192px; } /******* PARA ELIMINAR ********/ .col.col-12 .mas-fotogalerias ul li { width:192px;} .col.col-8 .mas-fotogalerias ul li figure img { width:158px; } /******* PARA ELIMINAR ********/ .col.col-8 .mas-fotogalerias ul li { width:158px;} .col.col-8 .mas-fotogalerias ul li.l-05, .col.col-8 .mas-fotogalerias ul li.l-09 { margin:0; } /* MÁS POSTALES */ .mas-postales { } .mas-postales h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .mas-postales ul li { margin:0 1px 1px 0; float:left; width:153px; padding:0;} .mas-postales ul li figure { margin:0; height:87px; overflow:hidden; } .mas-postales ul li figure img { width:153px; } .col.col-8 .mas-postales { width:616px; } /* HERRAMIENTAS */ .herramientas ul li { float:left; padding:0 10px 0 0; margin:0; } .herramientas ul li + li { padding:0 10px; border-left:1px dotted #C6C6AB; margin:0; } .portada article footer .herramientas ul li + li { margin:0; } .herramientas ul li.imprimir a { width:15px; height:15px; float:left; } .herramientas ul li.enviar a { width:15px; height:15px; float:left; } .herramientas ul li.letra { width:36px; height:15px; float:left; font-weight:bold; } .herramientas ul li.letra a + a { padding:0 0 0 5px; } .blog .herramientas ul li.letra { width:43px; } article footer .herramientas ul li.comentarios { border: 0 none;padding: 0;text-align: left; } .portada article footer .herramientas ul li.comentarios {margin: 5px 0 0; } .noticia article footer .herramientas ul li.comentarios {margin: 0; padding: 0 0 0 30px; background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/iconos/comentarios.png) no-repeat 10px 0; font-size:90%; border-left: 1px dotted #C6C6AB; height:15px; width:auto; } .blog article footer .herramientas ul li.comentarios {margin: 10px 0 0 0; padding: 0 0 0 20px; background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/iconos/comentarios.png) no-repeat 0 0; font-size:90%; border-left: 0;} .portada.blog article footer .herramientas ul li.comentarios { margin:0; } .noticia article footer .herramientas ul li.comentarios strong { font: bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .herramientas ul li.comentarios a strong { font:bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .col.col-2 .herramientas { font-size:80%; } .col.col-2 .herramientas ul li { padding: 0 5px 0 0; } .col.col-2 .herramientas ul li + li { padding: 0 5px; } /* herramientas dentro de la noticia */ .noticia article .texto-noticia .herramientas { float:left; width:144px; margin-right:20px; margin-bottom:10px; font-size:80%; } .noticia article .texto-noticia .herramientas ul { margin:0; padding:0; } .noticia article .texto-noticia .herramientas li { list-style:none; margin:0; padding:5px 0; width:144px; height:20px; border-bottom: 1px dotted #C6C6AB; } /* RANKING */ .noticia.especial_listas_abiertas article .texto-noticia ol {color: #B1B198; margin: 0 0 20px;padding: 0 0 0 40px; float:left; position:relative; } .noticia.especial_listas_abiertas article .texto-noticia ol li {list-style: none; margin-left: 8px; padding: 10px; float: left; border: 1px dotted #767676; width:401px; margin-bottom:15px; } .noticia.especial_listas_abiertas article .texto-noticia ol li h2 strong, .noticia.especial_listas_abiertas article .texto-noticia ol li .h2 strong { font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; font-size: 130%; font-style: italic; font-weight: bold; float:left; position:absolute; left:0; } .noticia.especial_listas_abiertas article .texto-noticia ol li p { color:#363636; margin:0; } .noticia.especial_listas_abiertas article .texto-noticia ol li figcaption {/* margin:-11px 0 0*/ } .noticia.especial_listas_abiertas article .texto-noticia ol li h2, .noticia.especial_listas_abiertas article .texto-noticia ol li .h2 { /*border-bottom: 1px dotted #C6C6AB;*/ clear: left; color: #595959; float: left; font-size: 140%; font-weight: normal;line-height: 110%; margin: 0 0 10px; padding-bottom: 5px; width: 100%; } /*.espana .ranking, .noticia.espana article .texto-noticia .ranking li { color:#EA661E; } .europa .ranking, .noticia.europa article .texto-noticia .ranking li { color:#004d93; } .asia .ranking, .noticia.asia article .texto-noticia .ranking li { color:#A27704; } .africa .ranking, .noticia.africa article .texto-noticia .ranking li { color:#e64032; } .america .ranking, .noticia.america article .texto-noticia .ranking li { color:#008854; } .hoteles .ranking, .noticia.hoteles article .texto-noticia .ranking li { color:#6f277b; } .oceania .ranking, .noticia.oceania article .texto-noticia .ranking li { color:#009db0; }*/ .noticia.especial_listas_abiertas article .num-listado {clear:both;overflow:hidden;width:100%;float:left;margin-top:10px;} .noticia.especial_listas_abiertas article .num-listado .nav-listado { clear:none; float:right; padding:0 0 0 48px; } .noticia.especial_listas_abiertas article .num-listado li {border:1px solid #E0E0E0;margin:0 2px 0 0;float:left;} .noticia.especial_listas_abiertas article .num-listado li a {display:block;float:left;font-size:11px;font-weight:normal;padding:2px 5px;} .noticia.especial_listas_abiertas article .num-listado li a:hover { background:#035A89; color:#fff;} .noticia.especial_listas_abiertas article .num-listado li span {color:#B4B4B4;display:block;float:left;font-size:11px;font-weight:normal;padding:2px 5px;} /* COMPARTIR */ .compartiendo { /*background: #E7E7DA; border-radius: 2px; */ float: left; font-size: 80%; margin-bottom: 10px; /* padding: 10px;*/ width: 100%; } .col.col-2 .compartiendo { width: auto;/*85%*/; } .col.col-4 .compartiendo, .album .compartiendo { width:auto;/*288px*/ } .compartiendo ul, .noticia article footer .compartiendo ul { margin:0; padding:0; } .compartiendo li { list-style:none; margin:0; padding:3px 0 10px; height:20px; /*border-bottom: 1px dotted #C6C6AB;*/ overflow:hidden; } .noticia.album .compartiendo { margin:10px 0 0; } .noticia.album .compartiendo li { padding:5px 15px 5px 0; } .compartiendo .compartir.tuenti a {background:url(http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/iconos/tuenti.png) no-repeat 0 0; display: block; float: left; height: 20px; width: 100%; } .col.col-2 .compartiendo li { width:123px; } .col.col-4 .compartiendo li, .noticia.album .compartiendo li { width:133px; padding:3px 0; } .col.col-4 .compartiendo li + li, .album .compartiendo li + li { margin-left:20px; } .col.col-4 .compartiendo li + li + li, .album .compartiendo li + li + li { margin-left:0; } .col.col-4 .compartiendo li + li + li + li, .album .compartiendo li + li + li + li { margin-left:20px; } .compartir {float:left; margin-right:10px;} #tweetmeme_share iframe {width:105px!important} /* ENCUESTA */ .encuesta { position:relative; padding:14px; border:1px dotted #767676; width: 90%; } .encuesta h2 { font-weight:bold; padding:0; margin: 0 0 5px; border:0; } .encuesta h3 { padding:0; margin-bottom:15px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; } .encuesta form {display: block; padding: 0; float:left; } .encuesta dt{ border-bottom:1px dotted #C6C6AB; font-weight: bold; padding:0 0 5px; margin:0 0 5px; } .encuesta dd + dt { margin: 15px 0 5px; } .encuesta dd{ font-size: 90%; line-height:120%; } .encuesta dd + dd { padding-top:5px; } .encuesta dd input{ position: relative; top: -1px; margin-right: 5px; } .encuesta input.boton { margin-top:15px; } /* FORMULARIO */ .formulario { border:1px dotted #767676; padding:14px; width:90%; } .formulario h2 { font-weight: bold; margin: 0; padding: 0; } .formulario p { margin:0; line-height:140%; } .formulario .contenido-formulario p { margin:0; } .formulario form { padding:10px 0; float:left; position:relative; } .formulario form label { float:left; margin-bottom:5px; line-height: 16px; } .formulario form label input { margin-left: 100px;} .formulario form fieldset { border:none; } .formulario form fieldset legend { float:left; width:100%; border-bottom:1px solid #ccc; margin:15px 0; padding:0 0 5px; } .formulario form fieldset ul { float:left; width:100%; } .formulario form fieldset ul li { width:100%; margin-bottom:5px; float:left; } .formulario form fieldset ul li input { float: left; } .formulario form input.radio, .formulario form input.check { margin:0 5px 0 0; } .formulario form fieldset ul li.adj-texto { margin-top: 5px; background:#E7E7DA; } .formulario form fieldset ul li.adj-texto label { padding:10px 10px 0; width:90%; } .formulario form fieldset ul li.adj-texto input { margin:0 10px 10px; } /* formulario viaje del lector */ .formulario form .datos-personales label { width:141px; } .formulario form .adjuntar-fotos label { width:49px; font-size:90%; } .formulario form .adjuntar-fotos li { display:none; } .formulario form .adjuntar-fotos li.mostrar { display:block; } .formulario form .adjuntar-fotos .bt-mas { margin:5px 0 15px; width:100%; text-align:right; } /* formulario buscador hoteles */ .formulario form .busqueda-general label { width:143px; } .formulario form .bt-busqueda-avanzada { float:left; width:100%; text-align:right; } /* formulario buscador viajes */ .fomulario-buscador-viajes .contenido-formulario { font-size:80%; } .formulario form fieldset.buscar-alternativas { padding:5px; background:#E7E7DA; border-radius:2px; margin:0 0 15px;} .formulario form fieldset.buscar-alternativas label { margin:0 5px 0 0; line-height:140%; } .formulario form .ida-vuelta li { float:left; width:100px; line-height: 16px; } .fomulario-buscador-viajes .contenido-formulario input.boton { font-size:90% } .fomulario-buscador-viajes .contenido-formulario ul.ida-vuelta { margin:0 0 5px; } .fomulario-buscador-viajes .opciones label { width:50px; } .fomulario-buscador-viajes .opciones input {width:70px;} .fomulario-buscador-viajes .opciones li { float:left; width:50%; } .formulario.fomulario-buscador-viajes .boton-calendario { float:left; width:15px; height:15px; overflow:hidden; margin:0 0 0 1px;} .formulario.fomulario-buscador-viajes .extras select {float:left; margin:0 5px 5px 0; } .formulario.fomulario-buscador-viajes .extras li { float:left; width:92px; } .formulario.fomulario-buscador-viajes .extras li.clases { width:160px; } .formulario.fomulario-buscador-viajes .extras li.clases label { margin:0 5px 0 0; } .formulario.fomulario-buscador-viajes .extras li.low-cost, .formulario.fomulario-buscador-viajes .extras li.descuento { width:100%; } .formulario.fomulario-buscador-viajes .boton { position:absolute; bottom:8px; right:0; } .formulario.fomulario-buscador-viajes form { padding:10px 0 0 0; } /*FORMULARIO VIAJE LECTOR*/ .modulo.fomulario-viaje-lector h2 { border-left: 0; } .fomulario-viaje-lector .contenido-formulario p { font-size:85%; } .portada .fomulario-viaje-lector h2 { padding-bottom:15px; } .portada .fomulario-viaje-lector .contenido-formulario p { display:none; } .portada .fomulario-viaje-lector .contenido-formulario .datos-personales p { display:inline; } .formulario.fomulario-viaje-lector form fieldset ul li { padding:0; } .formulario.fomulario-viaje-lector form {padding:0; } /* FORMULARIO CONTACTO */ .formulario.formulario-contactar {border: 0;padding: 0;width: 100%;} .formulario.formulario-contactar h1 { margin-bottom:15px; font-size:130%; } .formulario.formulario-contactar .aviso-confidencial { float:left; font-size:80%; color:#888; line-height:120%; margin:15px 0 0 0; } .formulario.formulario-contactar sup { line-height:20%; } .formulario .contenedor-texto label { width:55px; } .formulario form fieldset.adjuntar-fotos legend { font-size: 85%;font-weight: bold; } .formulario form fieldset.adjuntar-fotos .bt-mas { font-size: 80%; font-weight: bold; } #contacto_ocholeguas .boton { padding: 4px 20px 2px; } #contacto_ocholeguas fieldset.datos-personales { background: #E7E7DA;border-radius: 2px;padding: 10px; width: 288px;} /* MENÚ LATERAL */ .modulo.menu-lateral { } .modulo.menu-lateral p { margin:0 0 10px; padding:2px 15px; border:1px solid #C6C6AB; border-radius: 2px; } .modulo.menu-lateral h2 { margin:0; padding:2px 0 2px 10px; font-weight:bold; } .modulo.menu-lateral ol li { width:100%; border-bottom:1px dotted #C6C6AB; padding:10px 0; line-height:120%; } .modulo.menu-lateral ol li a strong { border-radius: 2px; color: #9B9B7E; float: left; font: italic bold 100%/110% "Palatino Linotype","Book Antiqua",Palatino,serif; margin: 0; padding: 0 7px 19px 0; } /* MENÚ ESPECIAL */ .modulo.menu-especial { } .modulo.menu-especial p { margin:0; padding:0 0 15px; } .modulo.menu-especial h2 { border-bottom:1px solid #ccc; margin:0 0 10px; padding:0 0 5px; } .modulo.menu-especial ol li { width:100%; border-bottom:1px dotted #C6C6AB; padding:5px 0; font-size: 80%; line-height: 120%; } .modulo.menu-especial ol li strong { font-size: 100%; float:left; width:25px; height:22px; } /* MENSAJES DE CONFIRMACIÓN Y ERROR */ .mensaje .contenido-mensaje { border:5px solid #E7E7DA; padding:50px 15px; text-align:center; width:924px; font:150% Arial, Helvetica, sans-serif; } .mensaje .contenido-mensaje p { margin:0 0 15px; } .mensaje .contenido-mensaje.error p { color:#CF1919; } .mensaje .contenido-mensaje.confirmacion p {color: #287653; } /* TEXTOS EJ: AVISO LEGAL, POLÍTICA DE PRIVACIDAD */ .textos h2 { font-size:120%; margin:15px 0; padding:0 0 5px; border-bottom:1px dotted #C6C6AB; float:left; width:100%; } .textos p { font-size:80%; float:left; width:100%; } .textos article p { margin:0 0 10px; } .textos ol ul { padding:0 0 0 60px; list-style:disc; float:left; } .textos ol ul li{ padding:0 0 0 2px; list-style:disc; float:left; } .textos h3.titulo-sec { float: left;font-size: 85%;font-weight: bold;margin: 0 0 15px; } .textos footer#pie nav.enlaces-grupo h2 { border-bottom:0; } /* TEXTO AYUDA */ .ayuda h2 { font-size:120%; margin:10px 0 20px 0; padding:0 0 5px; border-bottom:1px dotted #C6C6AB; float:left; width:100%; } .ayuda p { font-size:80%; float:left; width:100%; } .ayuda article p { margin:0 0 30px; padding:0 0 0 20px; } .ayuda ol { float:left; width:100%; list-style:none; } .ayuda ol li{ float:left; width:100%; list-style:none; } .ayuda ol ul { padding:0 0 0 60px; list-style:disc; float:left; } .ayuda ol ul li{ padding:0 0 0 2px; list-style:disc; float:left; } .ayuda h3 { float: left;font-size: 85%;font-weight: bold;margin: 0 0 10px; } .ayuda footer#pie nav.enlaces-grupo h2 { border-bottom:0; } /*INCLUDES MINIATURAS*/ .menu-miniaturas { padding:0 0 15px 0; } #include-miniaturas { border-bottom:1px dotted #767676; padding:5px 0 5px 2px; float:left; width:100%; margin:-10px 0 15px; border-top:1px dotted #C6C6AB; } #include-miniaturas li { float:left; } #include-miniaturas li + li { margin-left:4px; } #include-miniaturas li figure { margin:0; } .especial .col.col-10 + .col.col-6 { margin-left:0; } /*************** ESPECIAL TEMÁTICO **************************************/ .tema-especial { } .tema-especial .cabecera-especial { padding-bottom:15px; } .tema-especial .cabecera-especial h1 { border-bottom: 5px solid #1B1B1B; color: #1B1B1B; font: 240% Arial,Helvetica,sans-serif; padding: 10px 13px; } .portadilla.tema-especial .col.col-4.foto-article { margin-left: 0; } .portadilla.tema-especial .col.col-4.foto-article + .foto-article { margin-left: 20px; } .portada.tema-especial article .texto-noticia { padding-bottom:15px; } .portada.tema-especial .sin-foto footer p.actualizacion, .portada.tema-especial .col.col-8.contenido-noticia footer p.actualizacion { text-align: left; } .portada.tema-especial .noticia-secundaria header h1 { font-size: 90%; color:#CCCCCC; } .portada.tema-especial .noticia-secundaria header h1 a { font-size: 120%; } .portada.tema-especial .noticia-secundaria header h1 span { font:italic 120%/90% "Palatino Linotype","Book Antiqua",Palatino,serif; } /****************************************** ENTREVISTAS **************************************/ .especial_entrevistas .texto-noticia dl, .especial_entrevistas .texto-noticia dt, .especial_entrevistas .texto-noticia dd { float:left; width:100%; line-height: 145%;} .especial_entrevistas .texto-noticia dt { font-weight:bold; padding-bottom:15px; } .especial_entrevistas .texto-noticia dt span { float: left; font: italic 160% "Palatino Linotype","Book Antiqua",Palatino,serif; margin-right: 10px; width: 30px; text-align:right; } .especial_entrevistas .texto-noticia dt p { float: left; margin: 0; padding-top: 10px; width: 432px; } .especial_entrevistas .texto-noticia dd { padding-bottom: 15px; padding-left: 40px; width: 447px; } .especial_entrevistas .ficha-entrevistado { float:left; width: 288px; padding:10px; background:#E7E7DA; margin-bottom:15px; display:inline-block; line-height:120%; font-size:90%; } .especial_entrevistas .ficha-entrevistado img { width:100px; margin-right:10px; float:left; } .especial_entrevistas .ficha-entrevistado .info-entrevistado { width:178px; float:left; } .especial_entrevistas .ficha-entrevistado .info-entrevistado h2 { font-size: 140%; line-height: 120%; padding-bottom: 5px; } /* ENVÍO CORREO NOTICIA */ article.envia_noticia h1{font-size:280%;margin:40px 0 10px; padding-bottom: 10px; border-bottom: solid 1px #ccc;} article.envia_noticia li{padding: 1% 0;} article.envia_noticia li label{float:left;padding-right: 20px; text-align: right; font-size: 90%; color:#777; width:40%; } article.envia_noticia input.boton{ margin:10px 130px 0 0;} article.envia_noticia .enlaces li{list-style-type: circle; list-style-position: inside;} /* -------------------------------------------------------------------------------------------- 06 + PIE -------------------------------------------------------------------------------------------- */ footer#pie { float:left; padding:20px 13px; font-size:80%; border-top: 5px solid #1b1b1b; position:relative; /*color:#fff; background:#1B1B1B; */ } .europa footer#pie { border-top:5px solid #004d93;} .asia footer#pie { border-top:5px solid #f3b115; } .africa footer#pie { border-top: 5px solid #e64032; } .oceania footer#pie { border-top:5px solid #009db0; } .america footer#pie { border-top:5px solid #008854; } .espana footer#pie { border-top: 5px solid #ea661e; } .hoteles footer#pie { border-top: 5px solid #6f277b;} footer#pie a { } footer#pie a:hover {} footer#pie nav { float:right; width: 200px; } footer#pie nav li { float:left; line-height:155%; margin-left:10px; padding-left:20px; width:90% } footer#pie nav.enlaces-grupo { float:right; width: 340px; } footer#pie nav.enlaces-grupo h2 { border-left: 5px solid #76755C;font-size: 100%;margin: 0 0 5px 10px;padding: 0 10px;width: 310px; color:#76755C; } footer#pie nav.enlaces-grupo h2 span { font:bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; } footer#pie nav.enlaces-grupo li { float:left; line-height:160%; margin-left:10px; padding-left:20px; border-left:1px dotted #C6C6AB; width:40% } footer#pie .contenido-pie{ float:left; width:400px; } footer#pie .contenido-pie ul { float:left; } footer#pie .contenido-pie li { float:left; width:100%; } footer#pie .contenido-pie .logo-ocholeguas-pie { float:left; width:205px; height:16px; padding:0 0 10px; } footer#pie .contenido-pie .seguir-facebook { float:left; width:205px; height:16px; margin:0 0 15px; } footer#pie .contenido-pie .logo-elmundo-pie { float:left; width:160px; height:18px; position:absolute; bottom:35px; left:13px; margin:0 0 10px; } footer#pie .contenido-pie .unidad-editorial { float:left; width:auto; position:absolute; bottom:0; left:13px; margin:0 0 20px; color:#76755C; } footer#pie nav.enlaces-ocholeguas { /*background: #EEEEE2;*/ border-radius: 2px;height: 140px; margin: 0 0 0; padding: 5px; width: 140px; } footer#pie nav.enlaces-ocholeguas li { padding:0; } /* -------------------------------------------------------------------------------------------- 07 + PORTADA -------------------------------------------------------------------------------------------- */ /* 7.1 PORTADA -----------------------------------------------------------------*/ .blog .cabecera-especial { position:relative; } .blog .cabecera-especial h1 span { float: right;font-size: 60%; position: absolute; right: 13px; top: 7px; } .blog .cabecera-especial h1 strong { bottom: 7px; float: right; font: italic bold 75% "Palatino Linotype", "Book Antiqua", Palatino, serif; position: absolute; right: 13px; } .portada .contenido-noticia { float:left; position:relative; }/* no poner width 100% porque afecta a las portadillas*/ .portada .contenido-noticia .apoyos { line-height:140%; float:left; width:95%; padding:5px 10px; font-size:75%; background:#E7E7DA; border-radius:2px; margin-bottom:10px; margin-top:5px; } .portada .noticia-destacada .contenido-noticia .apoyos { line-height:140%; font-size:90%; } .portada .contenido-noticia .apoyos li { float:left; width:100%; position:relative; display:block; } .portada .col.col-8.contenido-noticia .apoyos { margin-bottom:5px; } .portada .sin-foto .contenido-noticia .apoyos { width:97% } .portada .col.col-8 .noticia-principal figure img {width:636px;} .portada .col {margin-top:10px;} /*nuevos estilo entradillas*/ .portada .contenido-noticia p.entradilla { line-height:140%; float:left; width:95%; padding:5px 0; font-size:90%; margin-bottom:10px; margin-top:5px;color: #666;} .portada.portadilla .noticia-destacada .contenido-noticia p.entradilla { width:97%; } .portada .col.col-4.contenido-noticia p.entradilla, .portada .col.col-5.contenido-noticia p.entradilla { width:95%; } .portada .noticia-destacada .contenido-noticia p.entradilla { line-height:140%; font-size:90%; } .portada .col.col-8.contenido-noticia p.entradilla { margin-bottom:5px; } .portada .sin-foto .contenido-noticia p.entradilla { width:97% } /**/ .portada .col.col-8.contenido-noticia .apoyos { width:97%; } .portada .noticia-principal header h1 { font-size: 190%;} .portada .noticia-secundarias { float:left; width:100%;} .portada .noticia-secundaria header h1 { font-size: 210%; margin: 0 0 5px; line-height: 110%; } .portada .noticia-secundaria header p, .portada .noticia-principal header p { font-size:75%;margin: 0 0 8px 0px; padding: 0 0 0 7px; border-left:5px solid #3f5974; font-weight:bold; } /*.portada .noticia-secundaria .contenido-noticia, .portada .noticia-principal .contenido-noticia { padding-left:10px; border-left:1px dotted #767676;}*/ .portada .con-foto { margin-bottom:0; } /*.portada .noticia-secundaria.con-foto .contenido-noticia {padding-bottom:5px; }*/ .portada .noticia-secundaria.sin-foto .contenido-noticia {padding-bottom:5px; } .portada .con-foto .col.col-3.foto-article { padding-bottom:15px; margin-bottom: 0; } .portada .con-foto .col.col-3.foto-article + .contenido-noticia { margin-left: 20px; } .portada .con-foto .contenido-noticia + .col.col-3.foto-article{ margin-left: 20px; } .portada .con-foto .col.col-3.foto-article { background:none; } .portada .con-foto .col.col-3.foto-article figcaption { padding:5px; } .portada .noticia-destacada{position:relative; border-bottom:2px solid #333; width: 100%;} .portada .noticia-destacada .contenido-noticia{ background:#fff; padding-top: 100px;} .portada .noticia-destacada .contenido-noticia h1{ font-size:310%;} .portada .noticia-destacada header p { border-left:5px solid #3f5974;margin: 0 0 4px;padding: 0 0 0 7px; font-size: 90%;} .portada.portadilla.especial .noticia-destacada header p { border-left:0; } .portada .sec-europa header p { border-left:5px solid #004d93; } .portada .sec-asia header p { border-left:5px solid #f3b115; } .portada .sec-africa header p { border-left:5px solid #e64032; } .portada .sec-oceania header p { border-left:5px solid #009db0; } .portada .sec-america header p { border-left:5px solid #008854; } .portada .sec-espana header p { border-left:5px solid #ea661e; } .portada .sec-hoteles header p { border-left:5px solid #6f277b; } /**/ .portada .sin-foto header { width:100%; } /*.portada .noticia-secundaria {margin-top: 15px; margin-bottom: 15px; }*/ .portada .noticia-secundaria + .noticia-secundaria { margin-left:0; } .portada .noticia-secundaria figure img {width:304px;} .portada .sin-foto footer { border:none; width:100%; margin: 0; border-top: 1px dotted #C6C6ABCCC; } .portada .sin-foto footer .metadata-noticia { width:100%; } .portada .sin-foto footer p.actualizacion, .portada .col.col-8.contenido-noticia footer p.actualizacion { display:block; margin:0; line-height: 150%; } .portada .noticia-secundaria.sin-foto footer { /*border-top: 1px dotted #C6C6AB;*/ } .portada .noticia-secundaria header p.numero { margin: 0 15px 0 0; font:bold italic 255%/125% "Palatino Linotype", "Book Antiqua", Palatino, serif; border-right: 5px solid #E7E7DA; padding:0 10px 0 0; } .portada.especial .noticia-secundaria header p { border-left:0; } .portada .col.col-2.noticia-secundaria header h1 { font-size: 130%; line-height: 105%; } .portada article .tags { font-size:80%; padding:5px 10px; background:#E7E7DA; border-radius:3px;margin-top:8px; clear:both;} .portada article footer { padding:2px 0 3px; margin:0; float:left; width:100%; } .portada article footer p.actualizacion{color:#7B7B69;} .portada article footer .metadata-noticia p { font-size:70%; line-height: 110%; width:100%; } .portada article footer .metadata-noticia p.firma { font:italic bold 80% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .portada article footer .metadata-noticia p.firma .localizacion { border-left:1px dotted #767676; margin-left:5px; padding-left:10px; color:#969681; } .portada article footer .metadata-noticia p + p { margin: 5px 0 0; } .portada article footer ul li + li { margin:10px 0 0; } .portada article footer .comenta { position:absolute; top:0px;; right:0; font-size:75%; padding:0 15px 0 0px; border-radius:2px; width:45px; margin:0 0 5px 0; text-align:right; float:left; background:url(http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/iconos/comentarios.png) no-repeat right top; } .portada article footer .comenta strong { font:bold italic 100% "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0 5px 0 0; } .portada article footer .comenta span { display:none; } .portada article p { line-height:140%; } /*listado especiales*/ .contenedor-listado-especiales { float:left; width:100%; } .especial .noticias-secundarias h2 { float:left; font-size:150%; border-left:5px solid #3F5974; padding:0 0 0 10px; margin:15px 0 5px; } .listado-especiales { float:left; border-left:1px dotted #767676; padding: 10px 0 0 10px; margin:0 0 15px; width:625px } .listado-especiales li { float:left; width:100%; padding:3px 0; font-size:90%; } .contenedor-listado-especiales .ver-todo { text-align:right; font-size: 80%; margin:5px 0 0; width:100%; float:left; } .contenedor-listado-especiales .ver-todo a { width:100%; color:#fff; padding:5px 12px; width:96%; background:#3F5974; border-radius: 2px; display:block; } .contenedor-listado-especiales .ver-todo a:hover { background:#A21F4A; } .listado-especiales .noticia-secundaria header p { border-left:0; } .listado-especiales .noticia-secundaria {border-bottom: 1px dotted #C6C6AB; width:100%; } .listado-especiales .noticia-secundaria header p.numero { font-size: 120%; border:0; margin:0 0 5px; line-height:90%; } .listado-especiales .noticia-secundaria header h1 { font-size: 100%; } /**/ /* 7.2 PORTADILLAS -----------------------------------------------------------------*/ /* -------------------------------------------------------------------------------------------- 08 + CALENDARIO - AGENDA -------------------------------------------------------------------------------------------- */ /* MENÚ */ .calendario-menu header ul li { float:left; padding:5px 12px; background:#E7E7DA; } .calendario-menu header ul li + li { border-left:1px solid #fff; } .calendario-menu header ul li.mes-seleccionado { background:#000; font: italic 100%/110% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .calendario-menu header ul li.mes-seleccionado a { color:#fff; } .calendario-menu ul.mes { float:left; background:#000; padding:5px; margin:0 0 15px 0; width:100%; } .calendario-menu ul.mes li { float:left; padding:5px; color: #585847; } .calendario-menu ul.mes li a { color:#E7E7DA; } .calendario-menu ul.mes li.fin-semana { background:#1B1B1B; border-radius:2px; } .calendario-menu ul.mes li.dia-actual { background:#990000; border-radius:2px; } .calendario-menu ul.mes li.dia-actual a { color:#fff; } .lista-eventos article { float:left; border-top:1px dotted #C6C6AB; width:100%; padding:10px 0; } .lista-eventos article header { width:165px; background:#E7E7DA; margin-right:20px; padding:10px; border-radius:2px; } .lista-eventos article header h2 { font-size:100%;} .lista-eventos article header h2 strong { float:left; width:100%; font-size:150%; } .lista-eventos h1 { font-size:200%; margin-bottom:15px; } .lista-eventos article.eventos-dia ul { float:left; width:431px; } .lista-eventos article.eventos-dia li { line-height:130%; float:left; width:100%; } .lista-eventos article.eventos-dia li + li { border-top:1px dotted #C6C6AB; margin-top:5px; padding-top:5px; } .lista-eventos figure { margin-bottom:0; } /* -------------------------------------------------------------------------------------------- 09 + BLOG -------------------------------------------------------------------------------------------- */ /* PORTADA */ .blog article header { width: 472px; float:right; margin:0 0 15px; padding:15px 0 9px 10px; border-left:5px solid #C6C6AB; } .blog article footer { width: 144px; border:0; padding:0; } .blog .comentarios footer { width: 100%; } .noticia.blog article .texto-noticia { float: left; margin: 15px 0 0; width:100%; } .noticia.blog article header h1 { padding: 0; } .blog article footer .herramientas { font-size:80%; float:left; margin:0; } .noticia.blog article footer { margin:0; padding:0; border:0; } .noticia.blog article footer .metadata-noticia p { font-size: 75%; line-height: 110%; } .noticia article p { } /*FOTOS*/ .noticia.blog article .foto-blog, .noticia.blog article .foto { } .noticia.blog article .col.col-3.foto-blog, .noticia.blog article .foto.col.col-3 { margin: 10px 20px 10px -13px; } .noticia.blog article .col.col-4.foto-blog, .noticia.blog article .foto.col.col-4 { margin: 10px 20px 10px -13px; } .noticia.blog article .col.col-8.foto-blog, .noticia.blog article .foto.col.col-8 {margin: 0 20px 15px -13px; width:649px; } .noticia.blog article .foto .pie-foto {background: #1B1B1B; color: #FFFFFF; float: left; font-size: 80%; line-height: 140%; margin: -3px 0 0; padding: 5px 13px; width: auto; } .noticia.blog .foto .foto-blog + .pie-foto { margin: -15px 40px 15px -13px; padding: 5px 13px; width: 90%; } .noticia.blog article object { } /*TIEMPO ACTUALIZACIÓN*/ .blog article footer .metadata-noticia p.actualizacion .dia { font: bold italic 400% "Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:-3px; margin:0 5px 0 0; width:45px; text-align:center; float:left; color:#C6C6AB; } .blog article footer .metadata-noticia p.actualizacion .mes { float: left; margin: 23px 0 4px; width: 84px;} .blog article footer .metadata-noticia p.actualizacion .anio {float:left; width: 32px; margin: 0 0 2px; } .blog article footer .metadata-noticia p.actualizacion .hora {float:left; width: 52px; color:#C6C6AB; } .portada.blog .entradilla { float:right; width:472px; padding:0 0 15px 14px; border-left:1px dotted #767676; border-bottom:1px dotted #767676; font-size:90%;} .blog-post { margin-bottom: 15px; padding: 0 0 15px; } .blog-post h1 { font-size:220%; } .blog-post p.firma { float: left; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; font-size: 110%; font-style: italic; line-height: 170%; margin: 0; padding: 5px 0 0; width: 100%; } .blog-post.ultimos-post h1 { font-size: 100%; margin-bottom: 10px; font-weight:bold; line-height:120%; } .blog-post.ultimos-post h1 strong { font-weight:normal; color: #B3B296; } .blog-post.ultimos-post h2 { font-size:220%; } /* TÍTULO */ .noticia.blog article header { width: 472px; float:right; margin:0 0 15px; } .noticia.blog article footer { width: 134px; } .noticia.blog .comentarios footer { width: 100%; } /* INFORMACIÓN BLOG */ .info-blog { background: #E7E7D5; padding: 10px; width: 93%; border-radius: 2px; } .multi-autor .modulo.info-blog { margin-top:1px; margin-bottom:0; } .multi-autor .compartiendo { margin-top:20px; } .info-blog p { padding:5px 0; font-size:90%; } .noticia .info-blog p { margin:0; } .info-blog .foto-blog, .blog .info-blog .foto { margin-right:15px; margin-bottom:0px; } .info-blog h2 { border:0; font:bold italic 130% "Palatino Linotype", "Book Antiqua", Palatino, serif; } /* POSTS MÁS LEÍDOS */ .posts-mas-leidos { } .posts-mas-leidos h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px;} .posts-mas-leidos ul {border-left: 1px dotted #767676;padding: 0 0 0 14px; float:left; } .posts-mas-leidos ul li { border-bottom:1px dotted #C6C6AB; padding:5px 0 8px 0; line-height: 120%; float:left; width:100%; } .posts-mas-leidos ul li span { float:left; width:40px; height:40px;} li a.nombre-blog { color: #8C8C70; float: left; font: italic bold 85% "Palatino Linotype","Book Antiqua",Palatino,serif;width: 100%; } li a.nombre-post { float:left; width:100%; font-size: 130%; margin: 3px 0 0; line-height:120%; } /* POSTS MÁS COMENTADOS */ .posts-mas-comentados { } .posts-mas-comentados h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px;} .posts-mas-comentados ul {border-left: 1px dotted #767676;padding: 0 0 0 14px; float:left; } .posts-mas-comentados ul li { border-bottom:1px dotted #C6C6AB; padding:5px 0 8px 0; line-height: 120%; float:left; width:100%; } .posts-mas-comentados ul li span { float:left; width:40px; height:40px;} /* ÚLTIMOS POSTS */ .ultimos-posts { } .ultimos-posts h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px;} .ultimos-posts ul {border-left: 1px dotted #767676;padding: 0 0 0 14px; float:left; } .ultimos-posts ul li { border-bottom:1px dotted #C6C6AB; padding:5px 0 8px 0; line-height: 120%; float:left; width:100%; } .ultimos-posts ul li span { float:left; width:40px; height:40px;} /* ULTIMOS BLOGS */ .ultimos-blogs { } .ultimos-blogs h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px;} .ultimos-blogs ul {border-left: 1px dotted #767676;padding: 0 0 0 14px; float:left; width:90%; } .ultimos-blogs ul li { border-bottom:1px dotted #C6C6AB; padding:0 0 10px; line-height: 120%; float:left; width:100%; position:relative; } .ultimos-blogs ul li span { float:left; width:40px; height:40px;} .ultimos-blogs ul li a.nombre-post { font-size:100%; line-height:120%; } .ultimos-blogs ul li .actualizacion { color: #8C8C70; float: right; font-size: 75%; font-weight: bold; position: absolute; right: 0; top: 0; } .ultimos-blogs .mas { border-left: 1px dotted #767676;padding: 10px 0 5px 14px; float:left; width:90%; font-size:90% } /* POSTS ARCHIVO */ .posts-archivo { } .posts-archivo h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px;} .posts-archivo dl {border-left: 1px dotted #767676;padding: 0 0 0 14px; } .posts-archivo dl dt { width: 93%; background: #E7E7DA; border-radius: 2px; padding:5px 10px; font:italic bold 110%/100% "Palatino Linotype", "Book Antiqua", Palatino, serif; } .posts-archivo dl dd + dt { margin-top:10px; } .posts-archivo dl dd { border-bottom:1px dotted #C6C6AB; padding:0; line-height: 120%; } .posts-archivo dl dd p { padding:5px 10px; } /* ARCHIVO */ .archivo { float: left; position: relative; margin-bottom: 20px; border:1px dotted #767676; padding: 14px; width: 90%; } .archivo h2 { font-weight:bold; padding:0; margin:0; } .archivo ul li { border-bottom:1px dotted #C6C6AB; padding:10px 0; } .archivo table { float: right; position: relative; width: 100%; font-size: 70%; margin-top: 5px; } .archivo caption { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 160%;font-style: italic;font-weight: bold;padding: 10px 0 15px; } .archivo th { float: left; position: relative; text-align: center; width: 39px; height:18px; color: #999; } .archivo tr { float: left; position: relative; width:100%; } .archivo td { float: left; position: relative; width: 34px; height: 22px; padding:0 2px 2px 2px; } .archivo td + td { border-left: dotted 1px #ccc; } .archivo td a { float: left; position: relative; line-height: 220%; width: 100%; height: 22px; overflow: hidden; text-align: center; color: #555; background: #eee; border-radius: 2px 2px 2px 2px; } .archivo td a.hoy { color: #fff; background:#ccc; } .archivo td span { float: left; position: relative; line-height: 220%; width: 100%; height: 22px; overflow: hidden; text-align: center; color: #555; background: #fff; } .archivo td a.actual { background:#ccc; } /*.calendario-lateral td.finde a{ background:#C6C6AB; }*/ .archivo ol { float: left; position: relative; width: 157px; text-transform: uppercase; font-size: 60%; padding:20px 0; } .archivo li { float: left; position: relative; width: 66px; border-bottom: dotted 1px #ddd; margin-right: 10px; padding:5px 0; } .archivo li a { color: #999; } .archivo li a:hover { color: #1B1B1B; } .archivo #formulario-calendario { margin:10px 0 0 0; text-align:center; } .archivo #formulario-calendario select { border:1px solid #ccc; padding: 2px 0 2px 2px; font-size: 70%; } .archivo #formulario-calendario select option { margin: 0 10px 0 0; } .archivo .anterior-siguiente { float: left; left: 14px; position: absolute; top: 72px; width: 100%; width:90%; } .archivo .anterior-siguiente span { display:none; } .archivo .anterior-siguiente strong { font-size:150%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif } .archivo .anterior-siguiente .anterior { float:left; border:0; padding:0; } .archivo .anterior-siguiente .siguiente { float:right; border:0; text-align:right; padding:0; margin:0; } /******************* NAVEGACIÓN BLOGS *********************/ .nav_blog { margin:0; padding:0; width:auto; clear:both;text-align:right; float:none;} .nav_blog li { font-size:11px; padding:0;display:inline; float:none;} .nav_blog li a { display:inline; font-weight:normal; color:#999; padding:0 10px;} .nav_blog li a:hover { color:#666;} .nav_blog li { border-left:1px solid #E0E5E7; border-right:1px solid #E0E5E7; padding:0 10px; color:#E0E5E7;} .nav_blog li a { padding:0;} /******************* NAVEGACIÓN BLOGS *********************/ /* PORTADA BITÁCORAS */ .blog-portada { float: left; padding-bottom: 15px; } .blog-portada + .blog-portada { border-top: 1px dotted #C6C6AB; padding-top:15px; } .blog-presentacion { background: #E7E7DA; border-radius: 2px 2px 2px 2px; padding: 10px; width: 206px; } .blog .blog-presentacion header {border-left:0;float: right; margin: 0; padding: 0; width: 100%;font-size:65%;} .blog .blog-presentacion footer { width:100%; } .blog .blog-presentacion .entradilla { border-bottom: 0; border-left: 0; float: right; font-size: 80%; padding: 0 0 0 14px; width: 100%;margin-top:10px;} .blog .blog-post.ultimos-post header { border-left: 5px solid #C6C6AB; float: right; margin: 0; padding: 0 0 0 10px; width: 96%; font-size:140%; } .blog .blog-post.ultimos-post h1 { margin-bottom: 0;} .blog .blog-post.ultimos-post footer { border-left: 5px solid #C6C6AB; float: right; margin: 0 0 10px; padding: 0 0 0 10px; width: 96%;} .blog .blog-post.ultimos-post .entradilla { border-bottom: 0; float: right; font-size: 90%; padding: 0 0 0 0; width: 100%; border-left:0;} .blog .blog-post.ultimos-post footer .metadata-noticia p.actualizacion .dia { color: #C6C6AB; float: left; font: italic bold 180% "Palatino Linotype","Book Antiqua",Palatino,serif; letter-spacing: 0; margin: 0 5px 0 0; text-align: center; width: auto;} .blog .blog-post.ultimos-post footer .metadata-noticia p.actualizacion .mes { float: left; margin: 12px 0 4px; width: auto;} .blog .blog-post.ultimos-post footer .metadata-noticia p.actualizacion .anio { float: left; margin: 12px 0 0 5px; width: auto;} .blog .blog-post.ultimos-post footer .metadata-noticia p.actualizacion .hora { color: #C6C6AB; float: left; width: auto;margin: 12px 0 0 5px;} .blog .blog-post.ultimos-post footer .herramientas { float: left; font-size: 80%; margin: 8px 0 0 10px;} .col.col-5.blog-post.ultimos-post + .col.col-3.blog-presentacion { margin-left:0; } .col.col-5.blog-post.ultimos-post { margin-bottom:0; padding-bottom:0; } .blog-post.ultimos-post figure { margin-right: 15px; margin-bottom:0; } .blog-post.ultimos-post .texto-noticia.entradilla img { margin-right: 15px; margin-bottom:0; float:left; } .blog-post.ultimos-post .texto-noticia.entradilla p + figure { margin-right: 0; } /* -------------------------------------------------------------------------------------------- 10 + HOTELES -------------------------------------------------------------------------------------------- */ /* GUÍA HOTELES */ .guia dd dl dd { display:block; padding:5px 0; border:0; } .col.col-4 .guia dd dd { border:0; } .guia dd dl dt { background:none; border-bottom:1px dotted #C6C6AB; padding:0; border-left:0; font-weight:bold; } /* HOTELES EN LA ZONA */ .hoteles-zona { border: 1px solid #E7E7DA; border-radius: 2px; padding: 10px; width: 93%; } .hoteles-zona h2 { font-weight: bold;margin: 0 0 5px;padding: 0 0 5px; border-bottom:5px solid #3F5974; border-left:0; } .hoteles-zona ul { } .hoteles-zona ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } .hoteles-zona ul li span { float:left; width:35px; color:#C69E03; } /* TIPO DE HOTEL */ .tipo-hotel { border: 1px solid #E7E7DA; border-radius: 2px; padding: 10px; width: 93%; } .tipo-hotel h2 { font-weight: bold;margin: 0 0 5px;padding: 0 0 5px; border-bottom:5px solid #3F5974; border-left:0; } .tipo-hotel ul { } .tipo-hotel ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } .tipo-hotel ul li span { float:left; width:35px; color:#C69E03; } /* HOTELES RECOMENDADOS */ .hoteles-recomendados { border: 1px solid #E7E7DA; border-radius: 2px; padding: 10px; width: 93%; } .hoteles-recomendados h2 { font-weight: bold;margin: 0 0 5px;padding: 0 0 5px; border-bottom:5px solid #3F5974; border-left:0; } .hoteles-recomendados ul { } .hoteles-recomendados ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } .hoteles-recomendados ul li span { float:left; width:35px; color:#C69E03; } /* HOTELES */ .hoteles-destacados { border: 1px solid #E7E7DA; border-radius: 2px; padding: 10px; width: 93%; } .hoteles-destacados h2 { font-weight: bold;margin: 0 0 5px;padding: 0 0 5px; border-bottom:5px solid #3F5974; border-left:0; } .hoteles-destacados ul { } .hoteles-destacados ul li { border-bottom:1px dotted #C6C6AB; line-height: 120%; } .hoteles-destacados ul li span { float:left; width:35px; color:#C69E03; } /* -------------------------------------------------------------------------------------------- 11 + MULTIMEDIA -------------------------------------------------------------------------------------------- */ .multimedia .archivo td a {background: #555555; } .multimedia .archivo td span {background: #555555; color:#fff; } .multimedia .archivo td a { color: #fff; } /***************** ALBUM *****************/ .foto-album { float:left; position:relative; margin:0 0 15px; background:#1b1b1b; } .col.col-8 .foto-album { margin: 0 0 15px -13px; width: 649px; } .col.col-8 #modulo_multimedia .foto-album { margin: 0 0 15px 0; width: 649px; } .col.col-6 .foto-album, .col.col-6.foto-album { width:485px; margin-left:0; } .especial .col.col-6 .foto-album, .especial .col.col-6.foto-album { width:472px; margin-left:0; } .col.col-6.foto-album { width:485px; margin-left:0; margin-right:-13px; float:right; } .col.col-4 .foto-album { width:321px; } .album_loading{ position: absolute; text-align: center;width: 100%; z-index: 0; } .col.col-8 .album_loading{ height: 185px;padding-top: 185px; } .col.col-6 .album_loading{ height: 125px; padding-top: 125px; } .col.col-4 .album_loading{ height: 85px; padding-top: 85px; } #pop_contenedorImagenes .album_loading{ height: 325px; padding-top: 325px; } .album_loading img {margin-left:-20px;} .album_img{ position:absolute; z-index:10; } .album .relacionados h3 {padding:0; font:111%/125% Arial,Helvetica,sans-serif; width:auto;} .contenedor_carrusel{overflow:hidden;height:40px;float:left;padding:10px 0; width:100%; } .contenedor_carrusel_popup{overflow:hidden;height:40px;width:900px;margin-top:5px;float:left; padding:0;} .boton_prev {background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/arrows_left_big.png") no-repeat center center ;cursor:pointer;opacity:0.4;left:0;padding:0 10px;width:40px;position:absolute;left:0;z-index:1000; height:100%;} .col.col-10 .boton_prev { height:458px; } .col.col-8 .boton_prev { height:424px; } .col.col-6 .boton_prev { height:310px; } .col.col-4 .boton_prev { height:205px; } .album .boton_prev { height:600px; } .boton_next {background:url("http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/fondos/arrows_right_big.png") no-repeat center center ;cursor:pointer;opacity:0.4;right:0;padding:0 10px;width:40px;position:absolute;right:0;z-index:1000; height:100%;} .col.col-10 .boton_next { height:458px; } .col.col-8 .boton_next { height:424px; } .col.col-6 .boton_next { height:310px; } .col.col-4 .boton_next { height:205px; } .album .boton_next{ height:600px; } .boton_prev:hover, .boton_next:hover {opacity:1;} #rp_numeracion{color: white;font: italic bold 120% "Palatino Linotype", "Book Antiqua", Palatino, serif;padding: 0 10px;position: absolute;right: 33px;top: 5px;z-index: 10000;background:#000;opacity:0.75;} #pop_contenedorImagenes #rp_numeracion{ display:none; } .contenedorImagenes{overflow:hidden;height:100%;clear:both;float:left;} .botonera_reproductor{ margin:0;padding:0px;height:40px; } .botonera_reproductor li { cursor:pointer; width:60px; height:36px;margin-right:5px;list-style-type:none; float:left; } .botonera_reproductor li img{width:60px;height:36px;} .botonera_reproductor li.seleccionada img { width:60px; height:36px; opacity: 0.5;background:#Fff; } .botonera_reproductor li:hover img {width:60px; height:36px;opacity: 0.5;} .pie_foto {clear: both; color: #FFFFFF; float: left; font-size: 80%; height: 36px; line-height: 130%; margin: 10px 0; overflow: hidden; padding: 0 13px;width:97%;} .noticia.album .pie_foto {background: #FFF; clear: both; color: #000; float: left; font-size: 100%; line-height: 140%; margin: 10px 0; overflow: hidden; padding: 15px 10px; height:auto; width:98%;} .ampliar{background: #000 url("http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/fondos/ampliar.png") no-repeat scroll 0px 0px;top: 5px;cursor: pointer;font-weight: bold;height: 27px;position: absolute;right: 5px;width: 27px;z-index: 1000;text-indent:99999999px;opacity: 0.75;} .ampliar:hover{opacity:0.6;} .contenedor_reproductor .leftB, .contenedor_reproductor .rightB, #popUp .leftB, #popUp .rightB {font:bold 170%/125% "Lucida Console";display:block;padding:0 4px;text-indent:-9999px;float:left;width:20px;opacity:0.75; position:absolute; bottom:14px; height:36px} #popUp .leftB, #popUp .rightB {bottom:4px; } .contenedor_reproductor .leftB, #popUp .contenedor_reproductor .leftB { left:0; } .contenedor_reproductor .rightB, #popUp .contenedor_reproductor .rightB { right:0; } .contenedor_reproductor .leftB, .foto-album .contenedor_reproductor .rightB, #popUp .leftB { z-index:9999; } .contenedor_reproductor .leftB, #popUp .leftB { background:url("http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/fondos/arrows_left_small.png") no-repeat 3px 8px #000;} .contenedor_reproductor .rightB, #popUp .rightB { background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/arrows_right_small.png") no-repeat 3px 8px #000;} .contenedor_reproductor .leftB:hover, .contenedor_reproductor .rightB:hover, #popUp .leftB:hover, #popUp .rightB:hover {opacity:0.6;} /***************** ALBUM *****************/ /***************** POPUP ************************/ #popUp { left:0;position:absolute;top:0;width:100%;z-index:99999;} #popUpHija {background:none repeat scroll 0 0 #1b1b1b;display:block;left:50%;margin:20px 0 0 -498px;padding:0;position:absolute;width:1000px;height:772px;} #cerrarPopUp { background: url("http://estaticos01.cache.el-mundo.net/multimedia/html5/img/icons/close.png") no-repeat scroll center center transparent;cursor: pointer; display: block; height: 30px; opacity: 0.6; position: absolute; right: 5px; top: 5px; width: 30px;z-index: 100000;} #pop_contenedor_reproductor { position: relative; } #transparencia { background:#000000; left: 0;opacity: 0.8; position: absolute; top: 0; width: 100%;height:1220px !important;} #popUp .boton_prev , #popUp .boton_next {height:667px;} #cerrarPopUp:hover{opacity: 1;} /*Backgruond reproductor video*/ video {background: #222;} audio::-webkit-media-controls-timeline-container, video::-webkit-media-controls-timeline-container, {background: #222;} /***********************************************************PESTAÑAS MULTIMEDIA*******************************************************************/ /* pestanas */ #modulo_multimedia .nav{position:relative;/*left:0;top:auto;*/ border-bottom:5px solid #1b1b1b;} .col.col-8 #modulo_multimedia .nav{ margin:0 0 0 -13px; width:649px;} .col.col-6 #modulo_multimedia .nav{ margin:0 -13px 0 0; width:485px; float:right;} .col.col-4 #modulo_multimedia .nav{ margin:0 -13px 0 0; width:321px; float:right;} #modulo_multimedia .col.col-6.foto-article { margin:0 0 15px 13px; } #modulo_multimedia .col.col-4.foto-article img { width:321px; } #modulo_multimedia.el_js_esta_activo .pestana_GDP{display:block;position:absolute;left:-999999px;top:-99999px; margin-left:-13px; padding-bottom:15px; float:left;} /* específicos para las plantillas de especiales*/ .noticia.especial #modulo_multimedia.el_js_esta_activo .pestana_GDP { margin-left:0; } .noticia.especial #modulo_multimedia .nav { width:813px; } /**/ #modulo_multimedia.el_js_esta_activo .pestana_GDP p { background: #1B1B1B; color: #FFFFFF; float: left; font-size: 80%; line-height: 140%; margin: -3px 0 15px; padding: 5px 13px; width: auto; } #modulo_multimedia.el_js_esta_activo .pestana_GDP p a { color:#C6C6AB; } #modulo_multimedia.el_js_esta_activo .pestana_GDP p a:hover { color:#fff; } #modulo_multimedia.el_js_esta_activo .pestana_GDP.activaJs_GDP{display:block;position:relative;top:auto;left:auto;} .col.col-8 #modulo_multimedia.el_js_esta_activo .pestana_GDP.activaJs_GDP { width:649px; } .noticia.foto-izquierda .extras + .col.col-8.agrupar #modulo_multimedia .col.col-8.foto-article { margin: 0 0 15px 0;} /* nav_mutlimedia */ ul.nav_multimedia {clear:both;overflow:hidden;z-index:2;float:left;width:auto;padding:0; width:100%} ul.nav_multimedia li{width:auto;text-align:center;padding:0; float:left; padding:5px 15px 2px; background:#E7E7DA; font-size:80%; height:15px } ul.nav_multimedia li + li {margin:0 0 0 1px; } ul.nav_multimedia li a{margin:0;text-align:center;} ul.nav_multimedia li a:hover{text-decoration:none;color:#A21F4A;} ul.nav_multimedia li.numero_activa{background:#1b1b1b; font: italic 90%/100% "Palatino Linotype", "Book Antiqua", Palatino, serif;} ul.nav_multimedia li.numero_activa a{margin:0;color:#fff;cursor:default;} /******************************/ section.video { margin:0 0 15px -13px; float:left; } .col.col-10 section.video { margin:0 -13px 15px 0; float:left; } article.col.col-6 section.video { margin:0 0 15px 0; } #contenedor-carrusel section.video { margin:0; } .carrusel-multimedia .listElement section.video + p { margin:0 0 5px 10px; } section.video iframe { float:left; } section.video p { background: #1B1B1B; color: #FFFFFF; float: left;font-size: 80%; line-height: 140%; margin: -3px 0 0; padding: 5px 13px; width: auto;} section.video p a { color:#C6C6AB; } #modulo_multimedia section.video { background: #1B1B1B; margin: 0 0 15px; text-align: center; width: 100%; } aside.col.col-4 section.video { margin:0 -13px 15px 0; } aside.col.col-4 #modulo_multimedia section.video { margin:0 0 15px 0; } #modulo_multimedia { width:100%; float:left; } /*-------------------BOTÓN PLAY-------------------*/ /* reproductores de video */ .cubre_reproductor {position:relative;overflow:hidden;background:#333;} .cubre_reproductor a.boton_play {height:100%;width:100%;position:absolute;top:0;left:0;background:transparent url(http://estaticos04.elmundo.es/elmundo/iconos/v4.x/v4.03/reproductor-play.gif) no-repeat scroll right bottom;text-indent:-9000px;z-index:999999;} .cubre_reproductor a.boton_play:hover {background:transparent url(http://estaticos04.elmundo.es/elmundo/iconos/v4.x/v4.03/reproductor-play.gif) no-repeat scroll right bottom;filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;} .cubre_reproductor a.actualice_flash:hover, .cubre_reproductor a.actualice_flash.activo {background:transparent url(http://estaticos02.elmundo.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(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/aviso_instale_flash.png) no-repeat 50% 70%;} /* ********************************************************************************************************************************************** MULTIMEDIA ********************************************************************************************************************************************** */ .multimedia #pie a {color: #B3B193; } .multimedia #pie a:hover {color: #a21f4a; } .multimedia footer#pie nav.enlaces-ocholeguas { background: #1B1B1B; } .multimedia .plegable { float:left; padding-bottom:15px; } .multimedia .caja-video { float: left; position: relative; } .multimedia .envuelve-miniaturas { float:left; padding-bottom:15px; } .multimedia .envuelve-miniaturas .titulo-columna {color:#fff; padding: 4px 0 4px 10px;} .multimedia .envuelve-miniaturas .col-2b .titulo-columna { color:#fff; } .multimedia .titulo-columna {font: normal 140%/130% Arial,Helvetica,sans-serif; margin: 4px 0;} .multimedia .envuelve-miniaturas .caja-canales li.activo { background: #1B1B1B; border-bottom: 0 none; border-left: 5px solid #4B4B3F; left: 0; padding: 10px 4px 10px 5px; position: relative; width: 175px; } .multimedia .envuelve-miniaturas .caja-canales li.activo a { color:#fff; } .multimedia .envuelve-miniaturas .caja-listas li.activo { background: #1B1B1B; border-bottom: 0 none; border-right: 5px solid #4B4B3F; left: 0; padding: 10px 0 10px 10px; position: relative; width: 170px;} .multimedia .envuelve-miniaturas .caja-listas li.activo a { color:#fff; } .multimedia .envuelve-miniaturas .col-2b li { border-bottom: 1px dotted #4B4B3F; padding: 8px 4px 6px 10px;font-size:85%;} .multimedia .envuelve-miniaturas .col-2b li a { color:#B3B193; } .multimedia .envuelve-miniaturas .col-2b li a:hover { color:#A21F4A; } .multimedia .envuelve-miniaturas .col-7 { background: #1b1b1b; border: 1px solid #1b1b1b; margin: 0; padding: 10px 12px 10px 26px;} .multimedia .envuelve-miniaturas .col-2b.ultima { margin-left:0; } .multimedia #galeria_multimedia { float: left; min-height: 376px;} .multimedia .caja-miniaturas ul { clear: both; float: none; overflow: hidden;} .multimedia .caja-miniaturas ul li { float: left; margin: 2px;} .multimedia .caja-miniaturas ul li a { display: block; height: 80px; position: relative; width: 120px;padding:5px;} .multimedia #galeria_multimedia a img { height: 80px; width: 120px;} .multimedia #navegacion { height: 31px; margin: -38px 0 0 365px; position: relative; text-align: center; width: 180px; float: left; padding: 0;} .multimedia #navegacion ul { width: auto;} .multimedia #navegacion ul li { display: inline; float: left; margin-right: 3px;} .multimedia #navegacion ul li a { border: 1px solid #3f5974;background:#3f5974; color: #fff; display: block; height: 20px; margin: 0; padding: 4px 5px; width: 70px;border-radius: 2px;font-size: 80%; height: auto;} .multimedia .paginacion{display:none;} .multimedia .paginacion { clear: both; display: block; font: 90%/120% Arial,Helvetica,sans-serif; margin: 10px 20px 0 0;float: right;color: #B3B193;} .multimedia .paginacion div { display: inline; padding: 3px 5px;cursor:pointer;} .multimedia #miniaturas_paginas { border: medium none;} .multimedia #miniaturas_paginas a.pag_actual { background: #B3B193;color:#1b1b1b;} .multimedia #contenido .paginacion a {} .multimedia #miniaturas_paginas a { border: 1px solid #4B4B3F; padding: 5px 8px;color:#B3B193;} /*etiquetas miniaturas de abajo */ .multimedia .etiqueta {position:relative; background:#2c5976; clear:both; z-index:400; width:170px; height:auto; padding:0; color:#fff;padding:5px;display:none; font-size:90%;} .multimedia .etiqueta .indicador{width:15px; height:20px; position:absolute; bottom:-19px; display:block; background:url("http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/multimedia/indicador_etiqueta.png") no-repeat scroll 0 0 transparent;} .multimedia .etiqueta p { margin:0 0 03px;} .multimedia .etiqueta .duracion{font: 90%/120% Arial, Helvetica, sans-serif;} .multimedia .etiqueta h5{color:#fff; font:bold 110%/120% Arial, Helvetica, sans-serif; margin:5px 0;} /* *********************** ESTILOS JAVI ***************************************/ .multimedia .caja-miniaturas ul {float:none !important;} .multimedia .iframe_comentarios {width:900px;height:300px;} .multimedia .etiqueta {display:none;position:absolute !important;} .multimedia #galeria_multimedia a img{width:120px;height:80px!important;} .multimedia #galeria_multimedia{ float:left; min-height:376px;} .multimedia .envuelve-comentarios{display:none;} .multimedia .columna-8{min-height:380px;} .multimedia .loading {border:none !important;width:31px !important;height:31px !important;} .multimedia .relacionados{height:260px;} /*******************************************************************************/ /* nuevos */ body.multimedia { background: #262626;} .multimedia .titulo-seccion { border-bottom: 5px solid #1b1b1b;color:#fff;} .multimedia #contenido { background: #262626; } .multimedia #contenido h1 { font-size: 180%; padding:15px 0 10px 25px; line-height: 125%; } .multimedia #contenido h4 { color:#fff; border-left: 5px solid #76755C; margin: 0 0 5px; padding: 5px 10px; } .multimedia #contenido h4 a {color:#B3B193; } .multimedia #contenido h4 a:hover {color:#a21f4a; } .multimedia ul.relacionados h3 { font-size:90%; } .multimedia ul.relacionados h3 a { color:#B3B193; } .multimedia ul.relacionados h3 a:hover { color:#a21f4a; } .multimedia ul.relacionados { border-left: 1px dotted #767676; padding: 0 0 0 14px;height:auto;margin-bottom:15px;} .multimedia ul.relacionados li { border-bottom: 1px dotted #4B4B3F; line-height: 120%; padding: 6px 0;} .multimedia h1 a { color:#fff; } /* vídeo o álbum principal */ .multimedia #columna-izquierda .noticia-principal { background:#1b1b1b; float:left; width:100%; } .multimedia #contenedor_media { padding: 0 0 0 25px; text-align: center; width: 750px; } .multimedia #contenedor_reproductor .pie_foto { height: auto; } /*pie noticia principal*/ .portada.multimedia article footer { border:0; } .multimedia .etiquetas{clear: both;float: left;overflow: hidden;padding: 10px 0px 5px;width: 100%;} .multimedia .etiquetas ul { padding-top:5px 0;} .multimedia .etiquetas li { display: inline;} .multimedia .etiquetas li strong{ padding:0 3px;} .multimedia #contenido .etiquetas h4 {color: #fff; padding: 0 10px 0 25px;font-size: 110%;font-weight: bold; font: bold italic 90% "Palatino Linotype", "Book Antiqua", Palatino, serif; border-left:0; width:auto; float:left; margin:0;} .multimedia #contenido .col-2b .etiquetas li{display:inline; } .multimedia #contenido .col-2b .etiquetas li strong{color:#666;padding-left:5px;} .multimedia #contenido .col-2b .etiquetas li a{display:inline; color:#fff; border-bottom:1px dotted #666; font-weight:normal;} .multimedia #contenido .col-2b .etiquetas li a:hover{color:#48AED6;} .multimedia #lista_etiquetas li {margin-left: 5px; border: 1px dotted #C6C6AB; border-radius: 2px 2px 2px 2px; float: left; margin: 0 0 5px; padding: 5px 0;font-size:80%;} .multimedia #lista_etiquetas li strong { display:none; } .multimedia #lista_etiquetas li + li { margin:0 0 0 5px; } .multimedia #lista_etiquetas li a { padding: 4px 10px; } .multimedia #lista_etiquetas li a:hover { background:#a21f4a; color:#fff; } .multimedia .url-media {float:left; margin-top: 10px; padding: 0 0 15px 25px;} .multimedia .url-media p { color:#FFFFFF;float:left;font-size:16px;padding-right:10px;padding-top:5px;width:auto;font: italic bold 90% "Palatino Linotype","Book Antiqua",Palatino,serif;} .multimedia .url-media input { padding:5px; font-size:12px; background:#262626; color:#ccc; border:0; border:0;width:450px;} /*buscador*/ .multimedia .buscador-multimedia { float:left; width:964px; /*background:#C6C6AB;*/ padding:15px 13px; } .multimedia .buscador-multimedia label strong { display:none; } .multimedia .buscador-multimedia .campo-buscar { font-size: 100%; padding: 5px; width: 710px; margin-right:15px; float:left; } .multimedia .buscador-multimedia .boton { float:left; margin-right:15px; background:#3F5974; } .multimedia .buscador-multimedia .apoyos-buscar { float:left; font-size: 80%;line-height: 230%; } .multimedia .buscador-multimedia .apoyos-buscar a + a { margin-left:10px; } .multimedia .album_img { position: relative; float:left; } /* span */ .multimedia .caja-miniaturas span.tipo-contenido { position: absolute; right: 2px; top: 2px;} .multimedia .tipo-contenido { height: 25px; position: absolute;right: 5px; top: 5px; width: 25px;} .multimedia .tipo-contenido.album { background: url("http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/multimedia/iconos/icono_foto.png") no-repeat scroll 5px 5px transparent;} .multimedia .tipo-contenido.video { background: url("http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/multimedia/iconos/icono_video.png") no-repeat scroll 5px 5px transparent;} .multimedia .noticia-principal .tipo-contenido { display:none; } .multimedia .col span.indicador { color: #991E80; padding-left: 3px;} /*compartir*/ .multimedia #compartir { padding:10px 25px; float:left; margin:1px 0 15px 0; background:#1B1B1B; width:750px; } .multimedia #compartir .compartir-email{border-right:1px solid #CCCCCC;clear:both;float:left;height:20px;width:180px;position:relative;} .multimedia #compartir .compartir-email a {padding:0; color:#B3B193; border-bottom:1px dotted #4B4B3F;} .multimedia #compartir .compartir-email a:hover { color: #a21f4a;} .multimedia .compartir-email .etiqueta {background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/multimedia/pico-gris.png") no-repeat scroll 10px 0 transparent;left:5px;padding:8px 0 0;top:20px;width:500px;} .multimedia .compartir-email .etiqueta form{ background:#333; padding:5px; float:left; width:98%;} .multimedia .compartir-email .etiqueta label {font:75%/150% Arial, Helvetica, sans-serif;display:block;padding:4px;width:180px; float:left;color:#999;} .multimedia #compartir .compartir-email .etiqueta .cerrar{background:url("http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/multimedia/cerrar.png") no-repeat scroll 0 0 transparent; display:block;width:20px; height:20px; position:absolute; top:8px; right:0; border:none;} .multimedia #compartir .compartir-email .etiqueta .cerrar:hover{opacity:0.6;} .multimedia #compartir .compartir-email .etiqueta label input{ display:block;font:110%/120% Arial, Helvetica, sans-serif; background: #1b1b1b; border:0;color:#fff; padding:2px 4px;} .multimedia #compartir .compartir-email .etiqueta input.boton {margin-top:21px; background: #3F5974;} .multimedia .confirmacion{background:none repeat scroll 0 0 #FFFFCC;color:#666666;font-weight:bold;padding:5px 35px;position:absolute;top:-5px;width:300px;z-index:200;} .multimedia .confirmacion.exito{ color: #0099CC; } .multimedia .confirmacion.error{ color: #CC3300; } .multimedia .confirmacion.hidden{ display:none; } .multimedia .compartir-redes{margin:8px 0 0 0; color:#fff;} .multimedia .compartir-redes li{ display:inline; float:left; margin-right:13px; text-align:center; font: 90%/130% Arial, Helvetica, sans-serif;} .multimedia .compartir-redes li.ultima{ margin-right:0;} .multimedia .compartir-redes li a{ display:block;margin:0 auto;} .multimedia .compartir-redes li a img {display:block;} .multimedia .compartir-redes li a:hover{color:#0099CC;} .multimedia #redes{overflow:hidden;width:auto; float:left; padding:0 0 0 15px;} .multimedia #redes .compartir{ display:inline;float:left; margin-right:15px;} .multimedia #otras-redes{position:relative; width:auto; float:right;padding-left:18px;border-left:1px solid #CCCCCC;} .multimedia #otras-redes li{float:left; margin-right:5px;} .multimedia #otras-redes li a{text-align:center;display:block;width:20px; height:20px; border:1px solid #ccc; } .multimedia #otras-redes li.meneame a { background:url("http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/meneame.gif") no-repeat scroll center top #fff; } .multimedia #otras-redes li.delicious a { background:url("http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/delicious.gif") no-repeat scroll center top #fff; } .multimedia #otras-redes li.fresqui a { background:url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/fresqui.gif") no-repeat scroll center top #fff; } .multimedia #otras-redes li.myspace a { background:url("http://estaticos04.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/myspace.gif") no-repeat scroll center top #fff; } .multimedia #otras-redes li.livespaces a { background:url("http://estaticos01.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/livespaces.gif") no-repeat scroll center top #fff; } .multimedia #otras-redes li.google a { background:url("http://estaticos02.ocholeguas.com/imagenes/comunes/v1.1/multimedia/compartir/google.gif") no-repeat scroll center top #fff; } /* -------------------------------------------------------------------------------------------- 12 + BUSCADOR -------------------------------------------------------------------------------------------- */ .portada.buscador { } /* paginacion*/ .portada.buscador .num-resultados {clear:both;overflow:hidden;width:100%;float:left;margin-top:10px;} .portada.buscador .nav-resultados {clear:none;float:right;} .portada.buscador .nav-resultados li {border:1px solid #E0E0E0;margin:0 2px 0 0;float:left;} .portada.buscador .nav-resultados li a {display:block;float:left;font-size:11px;font-weight:normal;padding:2px 5px;} .portada.buscador .nav-resultados li a:hover { background:#035A89; color:#fff;} .portada.buscador .nav-resultados li span {color:#B4B4B4;display:block;float:left;font-size:11px;font-weight:normal;padding:2px 5px;} .ordenar-resultados { font-size:80%; border-top:1px dotted #C6C6AB; border-bottom:1px dotted #767676; padding:7px 0 10px 0; margin:0 0 15px; } .ordenar-resultados .numero-resultados { float:left; } .ordenar-resultados .numero-resultados strong{font:italic bold 200% "Palatino Linotype", "Book Antiqua", Palatino, serif;} .ordenar-resultados { width:100%; float:left; position:relative; } .resultados-pagina { float:left; } .portada.buscador .resultados-pagina { border-left:1px dotted #C6C6AB; margin: 12px 0 0 10px; padding: 5px 0 5px 10px;} .portada.buscador .resultados-pagina ul{display:inline;} .portada.buscador .resultados-pagina ul li{display:inline;font-weight:bold; margin:0 3px; } .portada.buscador .resultados-pagina ul li a { padding:3px;text-align:center; border-radius: 2px; background:#E7E7DA; } .portada.buscador .ordenar {border-left: 1px dotted #C6C6AB; margin: 12px 0 0 10px; padding: 5px 0 5px 10px; float:left;} .portada.buscador .ordenar a{font-weight:bold;} .nav.nav-tipo-informacion { float:left; margin:10px 0; height:20px; } .nav.nav-tipo-informacion ul li { float:left; font-size:80%; margin-right:5px; } .nav.nav-tipo-informacion ul li a { padding:3px 10px; background: #E7E7DA; border-radius: 2px; } .nav.nav-tipo-informacion ul li a.activo { background: #3f5974; color:#fff; } .sugerencias-busqueda { background:#EFEFE3; border-radius:2px; padding:10px 10px 5px 10px; margin-top:15px; font-size:80%; float:left; } .sugerencias-busqueda span { font:bold italic 120% "Palatino Linotype", "Book Antiqua", Palatino, serif; float:left; margin:0 10px 0 0; } .sugerencias-busqueda a { border: 1px dotted #3f5974; border-radius: 2px; margin: 0 5px 5px 0;padding: 4px 10px; float:left; } .portada .lista-resultados .noticia-secundaria header h1 { font-size:180%; } .portada .lista-resultados .noticia-secundaria p.tipo { background:#3f5974; padding:2px 5px; width:auto; border-radius:2px; float:left; color:#fff; margin: 0 15px 0 0; } .portada article footer .metadata-noticia p.coincidencia {width:auto; line-height: 180%; } .coincidencia{float:left;padding:0 15px 0 0;width:125px;} .coincidencia span {text-indent:-9999px;display:block;border:1px solid #999;width:35px; height:5px; background:#fff;position:relative;top:8px;float:right;margin: 0 5px;background: #C6C6AB;} .coincidencia span strong{background:#fff;display:block;position:absolute;top:0;right:0;height:5px; } .coincidencia span strong.percent_90{width:10%;} .coincidencia span strong.percent_80{width:20%;} .coincidencia span strong.percent_70{width:30%;} .coincidencia span strong.percent_60{width:40%;} .coincidencia span strong.percent_50{width:50%;} .coincidencia span strong.percent_40{width:60%;} .coincidencia span strong.percent_30{width:70%;} .coincidencia span strong.percent_20{width:80%;} .coincidencia span strong.percent_10{width:90%;} .coincidencia span strong.percent_0{width:100%;} .portada.buscador article footer ul li { float:left; height:19px;margin:0 0 2px 0; } .portada.buscador article footer ul li + li { margin:0 0 2px 0; } .portada.buscador .sin-foto footer p.firma { width:auto; margin: 0 15px 0 0; } .portada.buscador .sin-foto footer p.actualizacion { width:auto; margin: 0 15px 0 0; line-height: 180% } .portada.buscador .noticia-secundaria.sin-foto footer {border-bottom: 1px dotted #C6C6AB;border-top: 1px dotted #C6C6AB;} .portada.buscador .noticia-secundaria.sin-foto p.entradilla { float:left; margin-top:5px; font-size:90%; } .portada.buscador .noticia-secundaria.sin-foto p.relacionadas { float:left; margin-top:10px; font-size:80%; font-weight:bold; } .portada.buscador .sin-foto { margin-bottom:15px; } .portada.buscador .buscador-ocholeguas { float:left; width:964px; background:#C6C6AB; padding:15px 13px; } .portada.buscador .buscador-ocholeguas label strong { display:none; } .portada.buscador .buscador-ocholeguas .campo-buscar { font-size: 100%; padding: 5px; width: 670px; margin-right:15px; float:left; } .portada.buscador .buscador-ocholeguas .boton { float:left; margin-right:15px; } .portada.buscador .buscador-ocholeguas .apoyos-buscar { float:left; font-size: 80%;line-height: 230%; } .portada.buscador .buscador-ocholeguas .apoyos-buscar a + a { margin-left:10px; } .filtros { } .filtros h2 { font-weight:bold; padding:5px 10px; margin: 0 0 5px; } .filtros ul { border-left: 1px dotted #767676; padding: 0 0 0 14px; } .filtros ul li { border-bottom:1px dotted #C6C6AB; padding:4px 0; line-height: 120%; } .lista-resultados .foto-resultado { float:left; background: #1b1b1b; display: block; height: 200px; margin:0 1px 1px 0; overflow: hidden; position: relative; text-align: center; width: 158px; } .lista-resultados .foto-resultado a.imagen { display: block; height: 150px; margin: 0 auto; overflow: hidden; width: 125px;} .lista-resultados .foto-resultado a.imagen img { margin: 0 auto; width: 125px;} .lista-resultados .foto-resultado figcaption { margin:0; bottom: 0; left: 0; padding: 5px; position: absolute; text-align: center;width: 150px; } .lista-resultados .foto-resultado figcaption a { color:#fff; } /* -------------------------------------------------------------------------------------------- 13 + HEMEROTECA -------------------------------------------------------------------------------------------- */ body.hemeroteca { background: url("http://estaticos03.ocholeguas.com/imagenes/comunes/v1.1/fondos/fondo-body.jpg") repeat-x scroll 0 7px #FFF; } /* navegación años */ .contenido-hemeroteca .cabecera-hemeroteca { float: left; margin: -10px 0 20px -13px; width: 100%; } .nav-hemeroteca.anios ul li { background: #E7E7DA; float: left; margin: 0 1px 0 0; padding: 10px 15px 8px; } .hemeroteca-2011 .nav-hemeroteca.anios ul li.nav-2011 { background: #1b1b1b;} .hemeroteca-2011 .nav-hemeroteca.anios ul li.nav-2011 a { color:#fff; } /* 1.A - Calendario ----------------- */ .hemeroteca .calendario_bloque_mes{width: 285px;float: left;display: inline;background: #fff;border: 1px solid #f2f2ed;overflow: hidden;padding-bottom: 20px;margin-bottom: 10px;padding-left: 10px;margin-left: 13px;height:290px; } .hemeroteca .calendario_bloque_mes .calendario_mes {font: bold 120% Arial, Helvetica, Sans-serif;margin: 10px;padding: 0px;} .hemeroteca .calendario_bloque_mes .calendario_mes span.mes{ font: bold 120% Arial, Helvetica, Sans-serif;padding: 0px 0 0 0px;} .calendario_bloque_mes .calendario_mes span.ano{ font: bold 18px/25px Arial, Helvetica, Sans-serif;} .hemeroteca .calendario_bloque_mes .calendario_numero, .hemeroteca .calendario_bloque_mes .calendario_numero_vacio {position: relative;text-transform: uppercase;font: 12px Arial, Helvetica, Sans-serif;height: 22px;width: 35px;text-align: left;padding: 3px 0 10px 3px;float: left;border: 1px dotted #e3e3d6; margin-top: -1px; margin-right: -1px;} .calendario_bloque_mes a, .calendario_bloque_mes a:link, .calendario_bloque_mes a:visited { top: 0px; right: 0px;position: absolute;text-align: center;display: block; height: 22px;width: 35px;text-align: left;padding: 3px 0px 10px 3px;background: #F2F2E9; } .calendario_bloque_mes a:hover{background: #3f5974; color: #fff;} .hemeroteca .calendario_bloque_mes .calendario_dia{ background: #FFF; border: 1px dotted #E3E3D6; color: #B0B096; float: left; font: bold 100%/190% Arial,Helvetica,Sans-serif; height: 23px; margin: 0 -1px 0 0; overflow: hidden; padding: 3px 0 10px 3px; text-align: center; width: 35px;} .hemeroteca .calendario_bloque_mes .calendario_numero {} .hemeroteca .calendario_bloque_mes .calendario_numero a, .hemeroteca .calendario_bloque_mes .calendario_numero a:link, .hemeroteca .calendario_bloque_mes .calendario_numero a:visited { color: #43799D; background: #F2F2E9; } .hemeroteca .calendario_bloque_mes .calendario_numero a:hover{color: #F2F2E9;background: #95B7D0;} /* -------------------------------------------------------------------------------------------- 14 + PUBLICIDAD -------------------------------------------------------------------------------------------- */ .publicidad-superior, .publicidadhorizontal, .publicidad_superior, publicidad-inferior {width:100%;margin:0 auto;position:relative;z-index:2;float:left;text-align: center;} #contenedor > .publicidad-superior, #contenedor > .publicidad_superior { min-height: 92px;} header.cabecera .publicidad-superior { height:auto; margin-top:15px; } .luto_publi_ana { display:none; } .publicidadhorizontal table {background:#FFF;} .publicidadmodulo, .publi-234 {float:left; width:234px;} .publicidadhorizontal {float:left; width:auto;} .publi-730 {float:left; width:745px;} .bloque_publicidad {padding:0; clear:both; margin:0 auto; float:none!important; width: 990px; background:none;} #publicidad_principal.wrap {margin:0 auto; padding:0!important; width:990px!important; background:none!important;} #publicidad_principal iframe {display:block; margin:0 auto;} .publicidad {clear:both; margin:0 auto;} .publicidad-300 {width:300px; float:left; margin:0 0 12px;} .publicidad_280 {border:1px solid #DDE1E5; border-width:0 1px 1px; text-align:center; padding-bottom:10px;} .publicidad_280 {padding:10px;} .publicidad_280 a {display:block; margin:0 auto; width:280px;} .publicidad_234 {width:234px; float:right; clear:none; padding-right:5px;} .publicidad_150 { width:150px; clear:both; overflow:hidden; margin:0 0 10px; float:none;} .modulo_ranking .publicidad_280 {width:311px;} .publicidad td {background:#DDD;} .publicidad embed {display:block;} .publicidad_120x30 {width:130px; height: 30px; position: absolute; left: 860px;top: 14px;} .publicidad_730.centrada {float:none; clear:none; margin: 0 auto; margin: 15px auto 0px !important;} .publicidad td.luto_publi_ana img {display: none;} .publicidad td.luto_publi { height:0; margin:0; padding:0; border:0;} .publicidad td.cintillo_publi_ana { background:#CCC; vertical-align: top;} .publicidad td.contenedor_publi_ana {background:#FFF;} .google_ads {clear:both;} .publicidad_470 { float:left; width:100%; padding-bottom:15px; } .publicidad object, .publicidad embed {display:inline;} .publicidad_120x30 {width:130px; height: 30px; position: absolute; left: 860px; top: 14px;} .publicidad_lateral_a, .publicidad_lateral_b {position:absolute; top:245px; z-index:1;} .portada.portadilla .publicidad_lateral_a, .portada.portadilla .publicidad_lateral_b {position:absolute; top:245px; z-index:1;} .especial .publicidad_lateral_a, .especial .publicidad_lateral_b, .blog .publicidad_lateral_a, .blog .publicidad_lateral_b, .viaje-lector .publicidad_lateral_a, .viaje-lector .publicidad_lateral_b , .postal .publicidad_lateral_a, .postal .publicidad_lateral_b, .guias-viaje .publicidad_lateral_a, .guias-viaje .publicidad_lateral_b {top:310px;} .publicidad_lateral_a { right:1005px;} .publicidad_lateral_b {left:1005px;} .publicidad_entre_bloques { width:985px; margin:0 auto;} /*---publicidad en cuerpo de noticias-------------------------------------------------------------*/ #contenido .bloque_publicidad {float:left!important; width:1000px; background:none!important;} #contenido .bloque_publicidad #publicidad_principal.wrap {background:url(http://estaticos03.elmundo.es/elmundo/iconos/v3.0/bg_bloque_02.png) repeat -13px 0!important;padding:8px 5px 0!important; float:left; width:990px!important;} #contenido .bloque_publicidad #publicidad_principal.wrap .publicidad_730 {float:none; width:990px; text-align:center;} #contenido .bloque_publicidad #publicidad_principal.wrap .publicidad_730 table {margin:0 auto;} /*---publicidad en servicios-----------------------------------------------------------------------*/ .publicidad_patrocinio_servicios {bottom:6px; float:left; left:14px; position:absolute; width:280px;} .modulo_servicios .servicios .diccionario .publicidad_patrocinio_servicios a {height:auto; background:none; width:auto;} .modulo_servicios .servicios .diccionario .publicidad_patrocinio_servicios p {padding:0; margin:0;} .videos.comentarios .publicidad300 {float:right; margin-top:340px; position:relative; right:-15px;} /********************************************************/ /* PUBLICIDAD Google */ /********************************************************/ .publicidad-google {border: 1px solid #cecece; padding: 0 24px; margin: 20px 0; float:left; font-size:80%; line-height:130%;} .google_cintillo {margin: -8px auto 10px; text-decoration: none; text-align: center;} .google_cintillo a {background:#fff; text-decoration: none; padding: 10px;} .google_bloque {margin-bottom: 20px;} .google_titulo, .google_titulo:link, .google_titulo:visited, .google_titulo:active { text-decoration: none; width:100%; float:left; font-size: 110%; } .google_texto { } .google_enlace, .google_enlace:link, .google_enlace:visited, .google_enlace:active { text-decoration: none; } .google_cintillo a:hover, .google_titulo:hover, .google_enlace:hover {text-decoration: underline;} /********************************************************/ /* PUBLICIDAD CABECERA */ /********************************************************/ .publicidad-cabecera { width:130px; height:80px; float:left; margin:8px 0 0 0; z-index:3; } .publicidad-cabecera.publi-derecha { float:right; } header .publicidad-cabecera + .contenedor-logo { float: left; height: 96px; padding: 0; text-align: center; width: 730px;} /********************************************************/ /********************************************************/ /* PUBLICIDAD Pie */ /********************************************************/ footer#pie + table {clear:both}