@import url(https://fonts.googleapis.com/css?family=Roboto:900); /* CSS Document */ .intLink { cursor: pointer; text-decoration: underline; color: #000; font:700 16px arial; padding:10px; width:42px; } .titulo-nota-admin{ font-size:22px; font-weight:700; line-height:30px; } a { color: #045ab0;text-decoration:none;} a:hover { color: #2c4537;} body {font-family: Arial;margin:0px;font-size: 14px;} td {font-family: Arial;font-size: 14px;} img,iframe {border:0px;} p {margin:0px;} .contenido {position:relative; width:1000px;} .contenidoheader {position:relative; width:998;height:40px;} .col1 {float:left;width:660px;PADDING-LEFT: 5px;} .col2 {float:left;width:330px;} .columna1 {position:relative;float:left;width:330px;} .columna1contenido {position:relative;width:320px;} .columna1contenidointerno {position:relative;overflow:hidden;width:310px} .columna1contenidointerno1 {position:relative;overflow:hidden;width:300px} .columna1contenidointernoinside {position:relative;overflow:hidden;width:290px} .columna2 {background-image: url('https://www.cadena3.com/images/nuevo2012-linea-fondo-2c_3c.gif');position:relative;float:left;width:330px;} .columna2contenido {position:relative;width:320px;} .columna2contenidointerno {position:relative;overflow:hidden;width:310px} .columna2contenidointerno1 {position:relative;overflow:hidden;width:300px} .columna2contenidointerno1inside {position:relative;overflow:hidden;width:290px} .columna3 {position:relative;float:left;width:330px;} .columna3contenido {position:relative;width:320px;} .columna3contenidointerno {position:relative;overflow:hidden;width:310px} .columna3contenidointerno1 {position:relative;overflow:hidden;width:300px} .columna2contenidointernoinside {position:relative;overflow:hidden;width:290px} .columna3contenidointerno1borde {position:relative;overflow:hidden;width:298px} .columna4 {position:relative;float:left;width:330px;} .columna4contenido {position:relative;width:320px;} .columna4contenidointerno {position:relative;overflow:hidden;width:310px} .columna4contenidointerno1 {position:relative;overflow:hidden;width:300px} .columna4contenidointernoinside {position:relative;overflow:hidden;width:290px} .columna4contenidointernodos {position:relative;overflow:hidden;width:154px} .col2contenido {overflow:hidden;width:420px;} .col2contenidointerno {overflow:hidden;width:410px;} .separador670pxbanner {width:670px;} .separador670px {width:670px;padding:5px;} .separador670px1 {width:660px;} .separador660px {overflow:hidden;width:630px;} .separador1000pxnuevo {width:1000px;} .separador990pxnuevo {width:970px;} .separador660px {width:660px;} .separador653pxborde {width:653px;} .separador670pxEspeciales {width:660px;padding:5px;} .separador670px1Especiales {width:650px;} .columnaunica {overflow:hidden;width:560px} .columnaunicacontenido {overflow:hidden;width:550px} .columnaunicacontenidointerno {overflow:hidden;width:540px} .separador1000px {width:995px;} .separadorcontenido1000px {width:990px;height:190px;} .columnaCentralcontenido {overflow:hidden;width:185px;} .columnaCentralcontenido1 {overflow:hidden;width:195px;} .colinside1 {overflow:hidden;float:left;width:670px;} .colinside1contenido {overflow:hidden;width:660px;} .colinside2 {overflow:hidden;float:left;width:330px;} .colinside1secciones {overflow:hidden;width:215px;} .colinside1seccionesChicas {overflow:hidden;width:230px;} .colinside1seccionesinterna {overflow:hidden;width:205px;} .colinside2secciones {overflow:hidden;width:425px;} .colinside2seccionesChicas {overflow:hidden;width:370px;} .colinside2seccionesinterna {overflow:hidden;width:415px;} .columna1inside {overflow:hidden;float:left;width:410px;} .columna1insidecontenido {overflow:hidden;width:400px;} .columna1insidecontenidointerno {overflow:hidden;width:390px;} .columna2inside {overflow:hidden;float:left;width:260px;} .columna2insidecontenido {overflow:hidden;width:250px;} .columna2insidecontenidointerno {overflow:hidden;width:240px;} .columna2insidecontenidointerno1 {overflow:hidden;width:230px;} .columnainside2 {overflow:hidden;width:330px} .columnainsidecontenido2 {overflow:hidden;width:320px} .columnainsidecontenidointerno2 {overflow:hidden;width:310px} .columnainsidecontenidointerno2a {overflow:hidden;width:300px} .transmiterelative {position:relative; width:1px; height:1px;} .transmite {position:absolute; z-index:10; left:5px; top:70px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteTapa {position:absolute; z-index:10; left:5px; top:120px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteTapaSinVideoFoto {position:absolute; z-index:10; left:5px; top:340px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteTapaCajaVivo {position:absolute; z-index:10; left:5px; top:-199px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteCajaVivo {position:absolute; z-index:10; left:5px; top:88px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteSoloAudio {position:absolute; z-index:10; left:5px; top:98px; width:140px; height:20px;font-size: 13px;font-family: Arial;FONT-WEIGHT: bold; color:#C70606;background-color:#FFFFFF;text-align: left;} .transmiteConVideoFoto {position:absolute; z-index:10; left:5px; top:-209px; width:140px; height:20px;font-size: 11px;font-family: Arial;FONT-WEIGHT: normal; color:#C70606;background-color:#FFFFFF;text-align: center;} .EtiquetaSectorConVideoFoto {position:absolute; z-index:10; left:5px; top:-209px; width:200px;height:13px;font-size: 11px;font-family: Arial;FONT-WEIGHT: normal; color:#C70606;background-color:#FFFFFF;text-align: center;-moz-opacity:.85;opacity:.85;filter:alpha(opacity=85);} .borde { border: 1px solid #F3F3F3; } .borde2 { border: 1px solid #9B9B9B; } .borde1 { border: 1px solid #C3C3C3; } .borde000000 { border: 1px solid #000000;} .BordeAzulOscuro {border: 1px solid #000037;} .bordeceleste { border: 2px solid #539DB4; } .borde5px { border: 5px solid #333333; } .publinota-espacio {height:10px;} .publinota-volanta {height:29px;} .icono-video-relativo {position: relative;width:0px;height:0px;} .icono-video-absoluto {position: absolute; width: 80px; height: 30px; z-index: 1; left: 230px; top: -196px;} .icono-video-2-columnas-absoluto {position: absolute; width: 80px; height: 30px; z-index: 1; left: 358px; top: -350px} .menutop {font-size: 11px; color:#013C83; } .menudestacados {font-size: 11px; color:#666666;} .menunoticias {font-size: 11px; color:#E5E7A0; FONT-WEIGHT: bold; } .volanta {font-size: 11px;color:#666666; } .volantadoscolumnas {font-size: 12px;color:#666666; } .hora {font-family: Arial; font-size: 12px; FONT-WEIGHT: bold; } .menu {font-size: 11px; color:#000000; } .nota {font-family: Arial; color:#2C4579;} .titulosiconos {font-family: Arial; color:#FFFFFF;} .style2 {font-family: Arial; font-size: 11px;} .tituloprincipalatrescolumnasHome {font-size: 35px;font-family: Arial;FONT-WEIGHT: bold; color:#000000;} .tituloprincipalatrescolumnas {font-size: 24px;font-family: Arial;FONT-WEIGHT: bold; color:#000000;} .titulopostampliado {font-size: 22px;font-family: Arial;FONT-WEIGHT: bold; color:#000000;} .tituloprincipal {font-size: 24px;font-family: Arial;FONT-WEIGHT: bold; color:#000000;} .titulo {font-family: Arial;FONT-WEIGHT: bold; color:#000000;font-size: 19px;} .tituloAdmin {font-family: Arial;FONT-WEIGHT: bold; color:#000000;font-size: 20px;} .tituloSinFotoVideo {font-family: Arial;FONT-WEIGHT: bold; color:#000000;font-size: 38px;} .titulocolumna2 {font-family: Arial;FONT-WEIGHT: bold; color:#000000;font-size: 20px;} .tituloDestacados {font-family: Arial;FONT-WEIGHT: normal; color:#000000;font-size: 19px;} .tituloRojo {font-family: Arial; color:#E9002A;} .titulopostC666666 { font-family: Arial;font-size: 14px; color:#666666; } .titulobloques {font-family: Arial;font-size: 22px;} .tituloC000000 { font-family: Arial;font-size: 17px; color:#000000; } .tituloC666666 { font-family: Arial;font-size: 17px; color:#666666; } .caja-tamanio-principal {height:365px;} .caja-tamanio-principal-especial {height:465px;} .caja-espacio {width: 633px; text-align:right; height:14px;} .caja-deportes-titulo {position:absolute; left:0px; top:5px; width:120px; height:25px;} .caja-deportes-menu {position:absolute; left:130px; top:7px; width:260px; height:25px;z-index:20;} .caja-destacados-titulo {position:absolute; left:0px; top:0px; width:150px; height:25px;} .caja-destacados-paginado {width: 633px; text-align:right; height:14px;} .caja-espectaculos-titulo {position:absolute; left:0px; top:-1px; width:180px; height:25px;} .caja-espectaculos-menu {position:absolute; left:190px; top:5px; width:260px; height:25px;z-index:20;} .caja-claves-titulo {position:absolute; left:0px; top:0px; width:180px; height:25px;} .caja-videos-titulo {position:absolute; left:0px; top:-1px; width:80px; height:25px;} .caja-videos-paginado {width: 278px; text-align:right; height:14px;} .caja-opinion-titulo {position:absolute; left:0px; top:0px; width:100px; height:25px;} .caja-opinion-menu {position:absolute; left:110px; top:5px; width:260px; height:25px;z-index:20;} .caja-opinion-paginado {width: 633px; text-align:right; height:14px;} .caja-audios-destacados {position:relative;width:176px;height:240px;} .caja-audios-destacados-titulo-audio {width: 176px; height: 160px;} .caja-audios-destacados-comunidad {position:absolute; left:20px; top:225px; width:130px; height:15px;z-index:10;} .caja-audios-destacados-titulo {position:absolute; left:0px; top:-1px; width:260px; height:25px;} .caja-audios-destacados-menu {position:absolute; left:270px; top:5px; width:260px; height:15px;z-index:20;} .caja-audios-destacados-paginado {width: 950px; text-align:right; height:14px;} .caja-audios-destacados-hora {height:100px;} .caja-clasificados-imagenes-rubros {position: relative; left:0; top:0; width: 300px; height: 100px; z-index: 1} .caja-audio {background-image: url('https://www.cadena3.com/images/nuevo2010_Background_notaprincipal_negro.png');position: absolute; width: 310px; height: 60px; z-index: 1; left: 5px; top: -73px;} .caja-audio-contenedor {width:310px;height:60px;} .caja-audio-paginado {position: relative; left:0; top:0; width: 100px; height: 1px; z-index: 1;} .caja-audio-paginado-absoluto {position:absolute; left:120px; top:-20px; width:92px; height:8px;} .caja-audio-principal-absoluto {position: absolute; width: 310px; height: 60px; z-index: 1; left: 0px; top: 290px;} .caja-audio-notas-absoluto {position: absolute; width: 310px; height: 60px; z-index: 1; left: 0px; top: 60px;} .caja-notas-relacionadas-absoluto {width:130px;position:absolute;left:2px;top:1px;z-index:80;} .caja-encuesta {width:65px;} .caja-comentar-sin-multimedia-absoluto {width:310px; height:25px;position:absolute;top:-40px;left:5px;z-index:3;} .caja-comentar-con-multimedia {width:110px;} .caja-comentar-con-audio-absoluto {padding:0;margin:0;width:310px; height:25px;position:absolute;top:-155px;left:5px;z-index:3;} .caja-comentar-con-foto-absoluto {padding:0;margin:0;background-image: url('https://www.cadena3.com/images/nuevo2010_Background_notaprincipal_negro.png');width:310px; height:25px;position:absolute;top:-155px;left:5px;z-index:3;} .caja-nota-principal-2 {position: relative;width:650px;height:352px;} .caja-nota-principal-2-absoluto {position:absolute;top:0px;left:-210px;z-index:2;width:210px; height:352px;} .caja-nota-principal-2-con-multimedia-absoluto {position:absolute;top:0px;left:-210px;z-index:2;width:210px; height:352px;} .caja-nota-principal-2-sin-multimedia-relativo {position:relative;width:660x; height:312px;} .caja-nota-principal-2-sin-multimedia-absoluto {position:absolute;top:0px;left:0px;z-index:2;width:660x; height:352px;} .caja-nota-principal-2-exclusivo-absoluto {position: absolute; width: 220px; height: 23px; z-index: 1; left: 0px; top: 2px;} .caja-nota-principal-2-audio {background-image: url('https://www.cadena3.com/images/nuevo2010_Background_notaprincipal_negro.png');position: absolute; width: 390px; height: 60px; z-index: 3; left: -630px; top: 280px;} .caja-nota-principal-2-audio-contenedor {width:390px;height:60px} .caja-nota-principal-2-audio-contenedor-absoluto {position:absolute; left:290px; top:30px; width:92px; height:8px;} .caja-nota-principal-2-audio-sin-multimedia {background-image: url('https://www.cadena3.com/images/nuevo2010_Background_notaprincipal_negro.png');position: absolute; width: 630px; height: 50px; z-index: 3; left: 0px; top: 220px;} .caja-nota-principal-2-audio-sin-multimedia-contenedor {width:630px;height:50px;} .caja-nota-principal-2-audio-sin-multimedia-paginado-relativo {position: relative; width: 630px; height: 1px; z-index: 1;} .caja-nota-principal-2-audio-sin-multimedia-paginado-absoluto {position: absolute; left:120px; top:20px; width:630px; height:8px;} .caja-nota-principal-2-iconos {width:270px; height:27px;position:absolute;top:325px;left:-270px;z-index:3;} .caja-nota-principal-2-iconos-contenedor {width: 150px; height:27px;} .caja-nota-principal-2-iconos-sin-multimedia {width:270px; height:27px;position:absolute;top:325px;left:380px;z-index:3;} .caja-nota-principal-2-iconos-sin-multimedia-contenedor {width: 150px; height:27px;} .caja-nota-principal-2-comentar {width: 110px; height:27px;} .caja-nota-principal-2-nota-relacionada-con-audio {width:130px;position:absolute;left:275px;top:245px;z-index:100;} .caja-nota-principal-2-nota-relacionada-sin-audio {width:130px;position:absolute;left:275px;top:320px;z-index:100;} .caja-nota-principal-2-nota-relacionada-sin-audio-especial {width:130px;position:absolute;left:275px;top:240px;z-index:100;} .caja-nota-principal-1-titulo {background-image: url('https://www.cadena3.com/images/imagenes-2011/fondo_noticias.png');height:60px;} .caja-nota-principal-1-contenedor {position: relative;width:990px;height:420px;} .caja-nota-principal-1-galeria-fotos {width: 620px; text-align:right; height:27px;} .caja-nota-principal-1-icono-video {position: absolute; width: 300px; height: 32px;background-image: url('https://www.cadena3.com/images/imagenes-2011/fondo_noticias.png'); z-index: 1; left: 0px; top: 50px;} .caja-nota-principal-1-icono-video-contenedor {width:300px; height:32px;} .caja-nota-principal-1-icono-video-contenedor-imagen {width:24px; height:32px;} .caja-nota-principal-1-icono-video-contenedor-texto {width:246px; height:32px;} .caja-nota-principal-1-titulo-absoluto {position: absolute; width: 990px; height: 140px; z-index: 1; left: 0px; top: 246px;} .caja-nota-principal-1-titulo-absoluto-contenedor {width:990px; height:200px;} .caja-nota-principal-1-exclusivo {position: absolute; width: 220px; height: 23px; z-index: 1; left: 0px; top: 40px;} .caja-nota-principal-1-subtitulo {position: absolute; width: 990px; height: 100px; z-index: 4; left: 0px; top: 305px;} .caja-nota-principal-1-subtitulo-contenedor {width:450px;height:100px;} .caja-nota-principal-1-subtitulo-contenedor-sin-audio {width:950px; height:60px;} .caja-nota-principal-1-subtitulo-contenedor-con-audio {width:440px; height:60px;} .caja-nota-principal-1-subtitulo-contenedor-con-audio-absoluto-separador {position: absolute; width: 1px; height: 50px;background-image: url('https://www.cadena3.com/images/c3_separador_pestanias.jpg'); z-index: 5; left: 470px; top: 25px;} .caja-nota-principal-1-audio {position: absolute; width: 510px; height: 100px; z-index: 50; left: 480px; top: 305px;} .caja-nota-principal-1-audio-contenedor {width:500px;height:100px;} .caja-nota-principal-1-audio-paginado {position:absolute; left:0px; top:45px; width:92px; height:8px;} .caja-nota-principal-1-iconos {position: absolute; width: 350px; height: 27px; z-index: 55; left: 690px; top: 375px;} .caja-nota-principal-1-iconos-contenedor {width: 200px; height:27px;} .caja-nota-principal-1-comentar {width: 110px; height:27px}; .caja-nota-principal-1-nota-relacionada {position: relative;width:200px;} .caja-nota-principal-1-nota-relacionada-contenedor {width:700px;} .caja-nota-destacada {position: relative;width:648px;height:352px;} .caja-nota-destacada-sin-multimedia-absoluto {position:absolute;top:0px;left:0px;z-index:2;width:648x; height:352px;} .post-destacados {position: relative;width:200px;height:140px;} .post-destacados-titulo {position: relative;width:200px;height:85px;} .post-destacados-subtitulo {position: relative;width:200px;height:170px;} .blogs-destacados {position: relative;width:145px;height:111px;} .blogs-destacados-titulo {position: relative;width:145px;height:160px;} .estrenos-destacados {position: relative;width:290px;height:159px;} .estrenos-destacados-titulo {position: relative;width:290px;height:41px;} .copete {font-family: Arial;font-size: 12px; color:#000000; } .copeteSinFotoVideo {font-family: Arial;font-size: 15px; color:#000000; } .iconos { float:left;font-family: Arial, sans-serif; font-size: 11px; color:#1F3446; } .menumobile {font-size: 11px; color:#000000; } .menumobile1 {font-size: 10px; color:#000000; } .titulopostmobile { font-family: Arial;font-size: 22px; color:#000000; } .horamobile { font-size: 13px; FONT-WEIGHT: bold; } .copetemobile {font-size: 13px; color:#666666; } .menudestacadosmobile {font-size: 11px; color:#666666;} .volantamobile {font-size: 11px;color:#666666; } .epigrafe {font-size: 11px;font-family: sans-serif;} .fondodeportes {background-color:#079869;} .titulo-submenu {font-family: Arial;FONT-WEIGHT: bold;color:#666666;font-size: 14px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;PADDING-RIGHT: 10px;PADDING-LEFT: 10px;} .titulo-submenu-clasificados {font-family: Arial;FONT-WEIGHT: bold;color:#666666;font-size: 13px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;PADDING-RIGHT: 2px;PADDING-LEFT: 2px;} .titulo-estilo8 {font-family: Arial;FONT-WEIGHT: bold;color:#666666;font-size: 12px;PADDING-BOTTOM: 3px;PADDING-TOP: 17px;PADDING-RIGHT: 10px;PADDING-LEFT: 10px;height:20px;} .lineagris-vertical-transparente {background-image: url('https://www.cadena3.com/images/images-2012/lineagris-vertical-fondotransparente.png');background-position:left center;background-repeat:no-repeat;} .lineagris-220 { background-image: url('https://www.cadena3.com/images/images-2012/LineaGris.gif');height:1px;width:220px;clear:left;} .titulo-estilo8-buscador {font-family: Arial;FONT-WEIGHT: normal;color:#666666;font-size: 12px;PADDING-BOTTOM: 3px;PADDING-TOP: 14px;PADDING-RIGHT: 10px;PADDING-LEFT: 80px;height:20px;} .padding-0 {margin:0px;PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px} .padding-laterales { PADDING-RIGHT: 5px;PADDING-LEFT: 5px;} .caja-textbox {border:1px solid #C0C0C0; background-image: url('https://www.cadena3.com/images/images-2012/fondo-menu.gif');} .icono-titulo-estilo1 {font-family: Arial;FONT-WEIGHT: bold;color:#000000;font-size: 10px;PADDING-BOTTOM: 2px;PADDING-TOP: 2px;} .caja-1000-audios {position:relative;width:998px;height:26px;} .caja-1000-audios-menu {width:923px;height:26px;} .fondoE5E5E5 {background-color:#E5E5E5;} .padding-superior-7 { PADDING-TOP: 7px} .padding-superior-14 { PADDING-TOP: 14px} .fondo-menu {background-image: url('https://www.cadena3.com/images/images-2012/fondo-menu.gif');} .titulo-submenu-audios {font-family: Arial;FONT-WEIGHT: bold;color:#000000;font-size: 10px;PADDING-BOTTOM: 3px;PADDING-TOP: 3px;PADDING-RIGHT: 10px;PADDING-LEFT: 10px;} .titulo-estilo11 {font-family: Arial;FONT-WEIGHT: bold;color:#FFFFFF;font-size: 11px;PADDING-BOTTOM: 2px;PADDING-TOP: 8px;PADDING-RIGHT: 15px;PADDING-LEFT: 10px;height:15px;} .fondo346699 {background-color:#333333;} .texto346699 {color:#000000;} .texto04C0EF {color:#04C0EF;} .fondo04C0EF {background-color:#04C0EF;} .icono-titulo-estilo2 {font-family: Arial;FONT-WEIGHT: bold;color:#04C0EF;font-size: 10px;PADDING-BOTTOM: 2px;PADDING-TOP: 2px;} .lineagris-270 { background-image: url('https://www.cadena3.com/images/images-2012/LineaGris.gif');height:1px;width:270px;clear:left;} .lineagris-290 { background-image: url('https://www.cadena3.com/images/images-2012/LineaGris.gif');height:1px;width:290px;clear:left;} .lineagris-300 { background-image: url('https://www.cadena3.com/images/images-2012/LineaGris.gif');height:1px;width:300px;clear:left;} .caja-audios-estilo3 {width:166px; height:30px; background-image: url('https://www.cadena3.com/images/images-2012/fondo-transparente-negro.png');} .caja-audios-estilo3-titulo {font-family: Arial;FONT-WEIGHT: normal;color:#ffffff;font-size: 11px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;width:100px;} .fondo24CC8D {background-color:#24CC8D;} .texto24CC8D {color:#24CC8D;} .tituloSecciones {font-family: Arial;font-size: 18px;} .FondoNotaPrincipal2columnas {background-image: url('https://www.cadena3.com/images/images-2012/fondo-nota-principal.png');} .FondoNotaPrincipalDeportes2columnas {background-image: url('https://www.cadena3.com/images/images-2012/fondo-deportes-principal.png');} .FondoNotaPrincipalEspectaculos2columnas {background-image: url('https://www.cadena3.com/images/images-2012/fondo-espectaculos-principal.png');} .fondoB0842B {background-color:#FF6600;} .textoB0842B {color:#FF6600;} .fondo018FDD {background-color:#018FDD;} .texto018FDD {color:#018FDD;} .copeteprincipal {font-family: Arial;font-size: 13px; color:#000000; } .tituloCajas {font-family: Arial;font-size: 14px; color:#000000; } .caja-columnas-footer {position:relative; width:217px;PADDING-RIGHT: 15px;PADDING-LEFT: 15px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px;text-align: left;} .columnas-247 {background-position:left top;background-repeat:no-repeat;overflow:hidden;float:left;width:247px;PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px;text-align: center;} .icono-titulo-estilo3 {font-family: Arial;FONT-WEIGHT: bold;color:#04C0EF;font-size: 18px;PADDING-BOTTOM: 2px;PADDING-TOP: 2px;} .textoC50001 {color:#C50001;} .caja-subtitulo {overflow:hidden;height:59px;} .caja-titulo {overflow:hidden;height:55px;} .caja-titulo-publicidad {overflow:hidden;height:29px;width:200px;} .caja-imagen {overflow:hidden;height:204px;} .BFF6666 {background-color:#FF6666;} .BF8F8F8 {background-color:#F8F8F8;} .B333333 {background-color:#333333;} .BEEEEEE {background-color:#EEEEEE;} .B012552 {background-color:#012552;} .BCCCCCC {background-color:#CCCCCC;} .BA39C2C {background-color:#A39C2C;} .B666666 {background-color:#666666;} .BB02D00 {background-color:#B02D00;} .B000000 {background-color:#000000;} .B1D2E78 {background-color:#1D2E78;} .BEEEEEE {background-color:#CCCCCC;} .BB4BAD1 {background-color:#B4BAD1;} .BFFFFFF {background-color:#FFFFFF;} .BF3F3F3 {background-color:#F3F3F3;} .B013C83 {background-color:#013C83;} .BE9E9E9 {background-color:#E9E9E9;} .BC50001 {background-color:#C50001;} .B64380D {background-color:#64380D;} .Bcelesteclaro {background-color:#ECF5FF;} .B2C4579 {background-color:#2C4579;} .B203548 {background-color:#2C4579;} .B2C4579 {background-color:#2C4579;} .B1980C5 {background-color:#1980C5;} .BAE8251 {background-color:#AE8251;} .B664B2F {background-color:#664B2F;} .BBB2500 {background-color:#BB2500;} .B04C0EF {background-color:#04C0EF;} .B0092E6 {background-color:#0092E6;} .B004B96 {background-color:#004B96;} .C2C4579 { color:#2C4579;} .CBB2500 { color:#BB2500;} .CAE8251 { color:#AE8251;} .C666666 {color:#666666;} .C2F60AA {color:#2F60AA;} .C333333 {color:#333333;} .C013C83 {color:#013C83;} .CFFFFFF {color:#FFFFFF;} .CC50001 {color:#C50001;} .C000000 {color:#000000;} .C4B4432 {color:#4B4432;} .C64380D {color:#64380D;} .C1980C5 {color:#1980C5;} .C04C0EF {color:#04C0EF;} .colorceleste { color:#539DB4;} .C346699 {color:#000000;} .C0092E6 { color:#0092E6;} .C004B96 { color:#004B96;} .SIZE8 { font-size: 8px; } .SIZE9 { font-size: 9px; } .SIZE10 { font-size: 10px; } .SIZE11 { font-size: 11px; } .SIZE12 { font-size: 12px; } .SIZE13 { font-size: 13px; } .SIZE14 { font-size: 14px; } .SIZE15 { font-size: 15px; } .SIZE16 { font-size: 16px; } .SIZE17 { font-size: 17px; } .SIZE18 { font-size: 18px; } .SIZE19 { font-size: 19px; } .SIZE20 { font-size: 20px; } .SIZE21 { font-size: 21px; } .SIZE22 { font-size: 22px; } .SIZE23 { font-size: 23px; } .SIZE24 { font-size: 24px; } .SIZE25 { font-size: 25px; } .SIZE26 { font-size: 26px; } .SIZE27 { font-size: 27px; } .SIZE28 { font-size: 28px; } .SIZE29 { font-size: 29px; } .SIZE30 { font-size: 30px; } .floatleft {float:left;} .floatleft2 {float:left; margin: 0px; padding: 0px;} .floatright {float:right;} .bold {FONT-WEIGHT: bold;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .clear {clear:left;} .relativo {position: relative;} .ocultar {overflow:hidden;} .audiosfondo { background-image: url('../images/c3_fondodestacados.gif');} .fondo1 { background-image: url('../images/bg_encuesta.jpg');} .fondo2 { background-image: url('../images/c3_fondo_posts.jpg');} .fondo3 { background-image: url('../images/c3_fondo_espectaculos.jpg');} .fondo4 { background-image: url('../images/c3_fondo_blogs.gif');} .fondo5 { background-image: url('../images/c3_fondo_corresponsal1.jpg');} .fondo6 { background-image: url('../images/c3_fondo_deportes.gif');} .fondo7 { background-image: url('../images/bg_musica_rank.jpg');} .fondo8 { background-image: url('../images/c3_fondo_cartelera.jpg');} .fondoceleste {background-color:#539DB4;} .videoboxcontenidoimagen {text-align: center; width:190; height:152;} .lomasdestacado { text-align: left; border: 1px solid #C6E9FD; background-color: #ECF4FF} .lomasdestacadovolanta { color: #013C83;font-size: 11px; } .lomasdestacadotitulo { color: #013C83;font-size: 12px; FONT-WEIGHT: bold; } .lomasdestacadosector { color: #000000;font-size: 16px; } .clasificadosfondo { background-image: url('../images/c3_fondomenuAma.gif');} .clasificadossector { color: #000000;font-size: 12px; } .margensuperior10px { margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px } .margen0px { margin:0px; } .margen7px { margin:7px; } .margen10px { margin:10px; } .margen-top-5px { margin:5px; } .margenizq { margin-left:5px; margin-right:0px; margin-top:0px; margin-bottom:0px } .margen30px { margin:25px; } .margen { margin:5px; } .paddingTop { PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 10px} .padding { PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px} .paddingabajo { PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 0px;PADDING-TOP: 5px} .paddinglaterales { PADDING-RIGHT: 0px;PADDING-BOTTOM: 2px;PADDING-TOP: 2px;PADDING-LEFT: 3px;} .paddingiconos { PADDING-RIGHT: 2px;PADDING-LEFT: 2px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px} .padding0px { margin:0px; } .padding10px { PADDING:10px; } .padding2px { margin:2px; } .paddingmargen20px { margin-left:20px; margin-right:20px; margin-top:0px; margin-bottom:0px } .paddinglateralesdoscolumnas { PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 0px;PADDING-TOP: 0px} .paddingNota { PADDING-RIGHT: 10px;PADDING-LEFT: 120px;PADDING-BOTTOM: 5px;PADDING-TOP: 5px} .padding1px { PADDING:1px; } .padding15px { PADDING:15px; } .padding20px { PADDING:20px; } .paddingSuperior { PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;PADDING-TOP: 5px} .lineagris { background-image: url('https://www.cadena3.com/images/c3_fondoLineaGris.gif');height:1px;} .lineagris-217 { background-image: url('https://www.cadena3.com/images/images-2012/LineaGris.gif');height:1px;width:217px;clear:left;} #contenido-emisoras .emisoras-check .label-100{ width:95%; padding:10px 10px 10px 10px; } #contenido-emisoras .emisoras-check .label-50{ width:46%; padding:10px 10px 10px 10px; } #contenido-emisoras .emisoras-check .label-30{ width:29.8%; padding:10px 10px 10px 10px; } .stepcarouselvideos { position: relative; /*leave this value alone*/ border: 0px solid white; overflow: scroll; /*leave this value alone*/ width: 298px; /*Width of Carousel Viewer itself*/ height: 250px; /*Height should enough to fit largest content's height*/ } .stepcarouselvideos .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselvideos .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 298px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarouseldestacados { position: relative; /*leave this value alone*/ border: 0px solid white; overflow: scroll; /*leave this value alone*/ width: 653px; /*Width of Carousel Viewer itself*/ height: 340px; /*Height should enough to fit largest content's height*/ } .stepcarouseldestacados .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouseldestacados .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 6px; /*margin around each panel*/ padding: 5px; width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 320px; background-color: #FFFFFF; } .stepcarouselblogs { position: relative; /*leave this value alone*/ border: 10px solid #24CC8D; overflow: scroll; /*leave this value alone*/ width: 628px; /*Width of Carousel Viewer itself*/ height: 260px; /*Height should enough to fit largest content's height*/ } .stepcarouselblogs .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselblogs .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin:3px; padding: 5px; width: 145px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 240px; background-color: #FFFFFF; } .stepcarouselcorresponsal { position: relative; /*leave this value alone*/ border: 10px solid #333333; overflow: scroll; /*leave this value alone*/ width: 550px; /*Width of Carousel Viewer itself*/ height: 240px; /*Height should enough to fit largest content's height*/ } .stepcarouselcorresponsal .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselcorresponsal .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ padding: 5px; /*margin around each panel*/ width: 176px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarouselservicios { position: relative; /*leave this value alone*/ border: 10px solid #0092E6; overflow: scroll; /*leave this value alone*/ width: 360px; /*Width of Carousel Viewer itself*/ height: 240px; /*Height should enough to fit largest content's height*/ } .stepcarouselservicios .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselservicios .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ padding: 5px; /*margin around each panel*/ width: 176px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarouselfotos3columnas { position: relative; /*leave this value alone*/ border: 0px solid white; overflow: scroll; /*leave this value alone*/ width: 990px; /*Width of Carousel Viewer itself*/ height: 325px; /*Height should enough to fit largest content's height*/ } .stepcarouselfotos3columnas .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselfotos3columnas .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 990px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarouselcartelera { position: relative; /*leave this value alone*/ border: 0px solid white; overflow: scroll; /*leave this value alone*/ width: 300px; /*Width of Carousel Viewer itself*/ height:280px; /*Height should enough to fit largest content's height*/ } .stepcarouselcartelera .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouselcartelera .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin-top: 5px; /*margin around each panel*/ margin-left: 40px; /*margin around each panel*/ width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } .stepcarouseldeportes { position: relative; /*leave this value alone*/ border: 10px solid #333333; overflow: scroll; /*leave this value alone*/ width: 950px; /*Width of Carousel Viewer itself*/ height: 250px; /*Height should enough to fit largest content's height*/ } .stepcarouseldeportes .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } .stepcarouseldeportes .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ padding: 7px; /*margin around each panel*/ width: 176px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } ul.makeMenu, ul.makeMenu ul { width: 700px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenu li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenu li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ z-index:30; top: 37px; /* position slightly lower than the parent menu item */ left: 0px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ width: 220px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenu ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenu li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenu li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #04C0EF; } ul.makeMenu li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuAudios, ul.makeMenuAudios ul { width: 925px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuAudios li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuAudios li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ top: 25px; /* position slightly lower than the parent menu item */ left: 0px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ z-index:200; padding: 0px; /* stops the usual indent from ul */ width: 105px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuAudios li:hover, ul.makeMenuAudios li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuAudios ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuAudios li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuAudios li a { display: block; width: 100%; text-decoration: none; } ul.makeMenuAudios li a:hover, ul.makeMenuAudios li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuAudios li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuHora, ul.makeMenuHora ul { width: 990px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuHora li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuHora li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ z-index:300; top: -410px; /* position slightly lower than the parent menu item */ left: -40px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ width: 300px; /* sets the size of the menu blocks */ height: 400px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuHora li:hover, ul.makeMenuHora li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuHora ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuHora li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuHora li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenuHora li a:hover, ul.makeMenuHora li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuHora li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuAudiosLoUltimoLateral, ul.makeMenuAudiosLoUltimoLateral ul { width: 30px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuAudiosLoUltimoLateral li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuAudiosLoUltimoLateral li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ z-index:1000; padding: 10px; /* stops the usual indent from ul */ top: -354px; /* position slightly lower than the parent menu item */ left: -330px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ width: 300px; /* sets the size of the menu blocks */ height: 350px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuAudiosLoUltimoLateral li:hover, ul.makeMenuAudiosLoUltimoLateral li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuAudiosLoUltimoLateral ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuAudiosLoUltimoLateral li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuAudiosLoUltimoLateral li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenuAudiosLoUltimoLateral li a:hover, ul.makeMenuAudiosLoUltimoLateral li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuAudiosLoUltimoLateral li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuAudiosDestacados, ul.makeMenuAudiosDestacados ul { width: 600px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuAudiosDestacados li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuAudiosDestacados li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ z-index:800; padding: 10px; /* stops the usual indent from ul */ top: 16px; /* position slightly lower than the parent menu item */ left: 0px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ width: 300px; /* sets the size of the menu blocks */ height: 350px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuAudiosDestacados li:hover, ul.makeMenuAudiosDestacados li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuAudiosDestacados ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuAudiosDestacados li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuAudiosDestacados li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenuAudiosDestacados li a:hover, ul.makeMenuAudiosDestacados li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuAudiosDestacados li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuNoticiasRelacionadas, ul.makeMenuNoticiasRelacionadas ul { width: 150px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuNoticiasRelacionadas li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuNoticiasRelacionadas li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ padding: 10px; /* stops the usual indent from ul */ z-index:10; top: 11px; /* position slightly lower than the parent menu item */ left: 0px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ width: 300px; /* sets the size of the menu blocks */ /* height: 350px; /* sets the size of the menu blocks */ border: 5px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuNoticiasRelacionadas li:hover, ul.makeMenuNoticiasRelacionadas li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuNoticiasRelacionadas ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuNoticiasRelacionadas li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuNoticiasRelacionadas li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenuNoticiasRelacionadas li a:hover, ul.makeMenuNoticiasRelacionadas li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuNoticiasRelacionadas li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */ ul.makeMenuCompartir, ul.makeMenuCompartir ul { width: 80px; /* sets the size of the menu blocks */ border: 0px solid #000; /* puts a black border around the menu blocks */ padding: 0px; /* stops the usual indent from ul */ cursor: default; /* gives an arrow cursor */ margin: 0px; /* Opera 7 final's margin and margin-box model cause problems */ } ul.makeMenuCompartir li { list-style-type: none; /* removes the bullet points */ margin: 0px; /* Opera 7 puts large spacings between li elements */ position: relative; /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */ } ul.makeMenuCompartir li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */ display: none; /* hides child menu blocks - one of the most important declarations */ position: absolute; /* make child blocks hover without leaving space for them */ top: -37px; /* position slightly lower than the parent menu item */ left: 0px; /* this must not be more than the width of the parent block, or the mouse will have to move off the element to move between blocks, and the menu will close */ z-index:20; width: 150px; /* sets the size of the menu blocks */ border: 1px solid #04C0EF; /* puts a black border around the menu blocks */ background-color: #FFFFFF; -moz-opacity:.95; opacity:.95; filter:alpha(opacity=95); } ul.makeMenuCompartir li:hover, ul.makeMenuCompartir li.CSStoHighlight { color: #04C0EF; /* makes the active menu item text black */ } ul.makeMenuCompartir ul.CSStoShow { /* must not be combined with the next rule or IE gets confused */ display: block; /* specially to go with the className changes in the behaviour file */ } ul.makeMenuCompartir li:hover > ul { /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */ display: block; /* makes the child block visible - one of the most important declarations */ } /* and some link styles */ ul.makeMenuCompartir li a { color: #000; display: block; width: 100%; text-decoration: none; } ul.makeMenuCompartir li a:hover, ul.makeMenuCompartir li a.CSStoHighLink { color: #04C0EF; } ul.makeMenuCompartir li:hover > a { color: #04C0EF; } /* supports links in branch headings - should not be display: block; */