/* All browsers ( CSS reset ) */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } strong { font-style:normal; font-weight:bold; } /* Standard Browsers */ html {background:#d9d8bc;} body {background:#d9d8bc;font:normal 10px Arial; overflow-x:hidden;} #pagina {width:954px;margin:auto;background:#fff;padding:13px;overflow:hidden;height:100%;} #cabecera {padding:0px 0px 8px 0px;} #cabecera h1 a {float:left;width:219px;height:211px;background:url('img/logo_mnac.gif') 0px 0px no-repeat;text-indent:-10000em;} #cabecera #animacion {float:left;margin:0px 0px 0px 10px;} /* #menu {width:178px;float:left;clear:both;padding:10px 0px 0px 40px;line-height:16px;text-transform:uppercase;} #menu #menuprincipal {line-height:23px;font-weight:bold;padding:0px 0px 34px 8px;font:bold 10px Helvetica, Arial;} #menu #herramientas {border-top:10px solid #e3e2e1;padding:16px 0px 0px 8px;} #menu a {text-decoration:none;color:#000;} #menu li {behavior:url(js/csshover2.htc);cursor:pointer;} #menu li.idiomas, #menu li.idiomas a {color:#c60c30;} #menu li:hover, #menu li:hover a, #menu li a.active {color:#c60c30;} #menu #menuprincipal a {background:url('img/bl_menu.gif') left center no-repeat;padding:6px 0px 5px 10px;display:block;} #menu #menuprincipal ul li ul {text-transform:none;color:#000;} #menu #menuprincipal ul li ul.inactivo {display:none;} #menu #menuprincipal ul li ul li h5 {padding:0px 0px 0px 10px;font-weight:bold;color:#000;cursor:default;line-height:auto;} #menu #menuprincipal ul li ul li ul { padding-bottom:5px; } #menu #menuprincipal ul li ul li ul li { padding:0px; } #menu #menuprincipal ul li ul li ul li a {background:none;padding:7px 0px 0px 20px;display:block;color:#000;line-height:auto;} #menu #menuprincipal ul li ul li ul li a:hover { color:#c60c30; } */ #menu {width:172px;float:left;clear:both;padding:12px 0px 0px 40px;line-height:16px;text-transform:uppercase;} #menu #menuprincipal {line-height:23px;font-weight:bold;padding:0px 0px 34px 8px;font:bold 10px Helvetica, Arial;} #menu #herramientas {border-top:10px solid #e3e2e1;padding:18px 0px 0px 8px;} #menu a {text-decoration:none;color:#000;} #menu ul {background:#fff;} #menu li {behavior:url(js/csshover2.htc);cursor:pointer;} #menu li.idiomas, #menu li.idiomas a {color:#c60c30;} #menu li:hover, #menu li:hover a, #menu li a.active {color:#c60c30;} #menu #menuprincipal a { font-size:11px; font-weight:bold; background:url('img/bl_menu2.gif') left center no-repeat; padding:5px 0px 2px 10px; display:block;} #menu #menuprincipal ul li { padding:2px 0px 2px 0px; width:170px; } #menu #menuprincipal ul li ul { text-transform:none; color:#000; padding:0px; } #menu #menuprincipal ul li ul.inactivo { display:none; } #menu #menuprincipal ul li ul li { padding:0px; width:130px; } #menu #menuprincipal ul li ul li a:hover { color:#c60c30; } #menu #menuprincipal ul li ul li a { font-weight:bold; background:none; display:block; color:#000; line-height:auto; width:150px; line-height:13px !important;} *:first-child+html #menu #menuprincipal ul li ul li a { width:100%;height:100%;padding-bottom:1px; } *:first-child+html #menu #menuprincipal ul li ul li a.first { width:100%;height:100%;padding-bottom:1px; padding-top:20px;} #menu #menuprincipal ul li ul li h5 { color:#c60c30; color:#000; font-size:11px; font-weight:bold; cursor:default; line-height:auto; } #menu #menuprincipal ul li ul li a, #menu #menuprincipal ul li ul li h5 { padding:0px 0px 3px 10px; } #menu #menuprincipal ul li ul li ul li { padding:0px; margin:0px; border:none; } #menu #menuprincipal ul li ul li ul li a { font-weight:normal; background:none; padding:0px 0px 3px 17px; display:block; color:#000; line-height:auto; color:#333; } #menu #menuprincipal ul li ul li h5 {margin:4px 0 0;padding:0 !important;} *:first-child+html #menu #menuprincipal ul li ul li ul li a {margin-left:10px; line-height:90%;} #menu #menuprincipal ul li ul li ul li a:hover { color:#c60c30; } /*#menu #herramientas a:before {content:'>';}*/ #contenido {width:726px;float:left;padding:10px 0px 0px 16px;} #contenido #pasador {float:left;width:726px;overflow:hidden;padding:0px 0px 10px 0px;position:relative;font-family:georgia,arial,sans-serif;} #contenido #pasador #items {width:726px;overflow:hidden;} #contenido #pasador ul {width:5000px;} #contenido #pasador ul li {height:281px;display:inline;float:left;margin:0px 10px 0px 0px;position:relative;cursor:pointer;} #contenido #pasador ul li a {width:100%;height:100%;overflow:hidden;text-decoration:none;color:#000;float:left;cursor:pointer;} #contenido #pasador ul li.tipo1, #contenido #pasador ul li.tipo5, #contenido #pasador ul li.tipo2 {width:217px;background:url('img/bg_carrusel.gif') 0px 0px;padding:10px;} #contenido #pasador ul li.tipo3, #contenido #pasador ul li.tipo4 {width:459px;background:url('img/bg_carrusel.gif') 0px 0px;padding:10px;} #contenido #pasador ul li .seccion {float:left;clear:both;font-size:10px;color:#888282;font-weight:bold;font-family:arial;} #contenido #pasador ul li .titulo {float:left;clear:both;font-size:17px;color:#000;margin:2px 0px 2px 0px;padding:0px;} #contenido #pasador ul li .subtitulo {float:left;clear:both;} #contenido #pasador ul li .titulo, #contenido #pasador ul li .titulo span {line-height:120% !important;} #contenido #pasador ul li.tipo2 .titulo, #contenido #pasador ul li.tipo2 .subtitulo, #contenido #pasador ul li.tipo2 .titulo span, #contenido #pasador ul li.tipo2 .subtitulo span {line-height:1.5em !important;} #contenido #pasador ul li .titulo.fuente1 {font-size:16px;} html body #contenido #pasador ul li.tipo1 .titulo.fuente1 span {font-size:22px;line-height:1.1em !important;} html body #contenido #pasador ul li.tipo1 .titulo.fuente1 {margin-bottom:10px;} #contenido #pasador ul li .titulo.fuente2 {font-size:18px;} #contenido #pasador ul li .titulo.fuente3 {font-size:20px;} #contenido #pasador ul li .titulo.fuente4 {font-size:22px;} #contenido #pasador ul li .titulo.fuente5 {font-size:24px;} #contenido #pasador ul li .titulo.fuente6 {font-size:26px;} #contenido #pasador ul li .titulo.fuente7 {font-size:28px;} #contenido #pasador ul li .titulo.fuente8 {font-size:30px;} #contenido #pasador ul li .subtitulo.subfuente2 {font-size:14px;} #contenido #pasador ul li .subtitulo.subfuente3 {font-size:16px;} #contenido #pasador ul li .subtitulo.subfuente4 {font-size:17px;} #contenido #pasador ul li .subtitulo.subfuente5 {font-size:19px;} #contenido #pasador ul li .subtitulo.subfuente6 {font-size:21px;} #contenido #pasador ul li .subtitulo.subfuente7 {font-size:22px;} #contenido #pasador ul li .subtitulo.subfuente8 {font-size:24px;} #contenido #pasador ul li .fecha {float:left;clear:both;font-size:10px;color:#888282;font-weight:bold;border-top:1px solid #888282;border-bottom:1px solid #888282;width:100%;xmargin:2px 0px 2px 0px;padding:2px 0px 2px 0px;font-family:arial;} #contenido #pasador ul li .piefoto {float:left;clear:both;font-size:9px;color:#999;} #contenido #pasador ul li .cuerpoItem {float:left;text-align:left;clear:both;} #contenido #pasador ul li .cuerpoItem img {float:left;} #contenido #pasador ul li .cuerpoItem .texto {float:right;} #contenido #pasador ul li .texto .foto {padding:2px 5px 5px 0px;float:left;} #contenido #pasador ul li.tipo1 .titulo {width:100%;} #contenido #pasador ul li.tipo1 .cuerpoItem img {margin:10px 5px 5px 0px;width:107px !important;} #contenido #pasador ul li.tipo1 .cuerpoItem .texto {width:100px;margin:10px 0px 0px 0px;font:11px arial;} #contenido #pasador ul li.tipo1 .cuerpoItem {width:100%;} #contenido #pasador ul li.tipo1 .piefoto {float:left;clear:left;font:10px arial;position:absolute;right:0;bottom:10px;width:110px !important;} #contenido #pasador ul li.tipo1 {background:url('img/bg_carrusel_tipo1.gif') 0px 0px;} #contenido #pasador ul li.tipo2 .foto, #contenido #pasador ul li.tipo2 .piefoto, #contenido #pasador ul li.tipo2 .cuerpoItem {display:none;} #contenido #pasador ul li.tipo2 .seccion {behavior:url(js/csshover2.htc);background:url('img/bg_titulo_sangre.png') 0px 0px;padding:2px;color:#fff;border:none;padding:2px;float:left;width:auto;margin-left:2px;display:inline;font-family:arial;font-size:11px;} #contenido #pasador ul li.tipo2 .titulo, #contenido #pasador ul li.tipo2 .subtitulo span, #contenido #pasador ul li.tipo2 .fecha {color:#fff;border:none;padding:2px;width:208px;} #contenido #pasador ul li.tipo2 .fecha {font-family:arial;font-size:11px;} #contenido #pasador ul li.tipo2 .titulo span, #contenido #pasador ul li.tipo2 .subtitulo span, #contenido #pasador ul li.tipo2 .fecha span {behavior:url(js/csshover2.htc);background:url('img/bg_titulo_sangre.png') 0px 0px;padding:2px;} #contenido #pasador ul li.tipo2 .cuerpoItem {width:auto;} #contenido #pasador ul li.tipo3 .seccion, #contenido #pasador ul li.tipo3 .titulo, #contenido #pasador ul li.tipo3 .subtitulo, #contenido #pasador ul li.tipo3 .fecha {width:200px !important;} #contenido #pasador ul li.tipo3 .cuerpoItem {position:absolute;right:10px;top:10px;} #contenido #pasador ul li.tipo3 .cuerpoItem .texto {display:none;} #contenido #pasador ul li.tipo3 .cuerpoItem img {width:230px;float:right !important;} #contenido #pasador ul li.tipo3 .piefoto {margin:10px 0px 0px 0px;} #contenido #pasador ul li.tipo3 {background:url('img/bg_carrusel_tipo3.gif') 0px 0px;} #contenido #pasador ul li.tipo4 .cuerpoItem {width:100%;} #contenido #pasador ul li.tipo4 .cuerpoItem img {width:170px;margin:10px 10px 5px 0px;} #contenido #pasador ul li.tipo4 .cuerpoItem .texto {width:270px;margin:10px 5px 0px 0px;float:right;font-size:11px;font-family:arial;} #contenido #pasador ul li.tipo4 .cuerpoItem .fecha, #contenido #pasador ul li.tipo4 .piefoto {width:275px;float:right;clear:right;margin:10px 0px 5px 0px;font:10px arial;} #contenido #pasador ul li.tipo4 .cuerpoItem .fecha {font-family:arial;font-weight:bol;} #contenido #pasador ul li.tipo4 {background:url('img/bg_carrusel_tipo4.gif') 0px 0px;} #contenido #pasador #anterior, #contenido #pasador #siguiente {position:absolute;top:100px;text-indent:-10000em;} #contenido #pasador #anterior {behavior: url(js/iepngfix.htc);left:0px;width:42px;height:84px;background:url('img/izquierda.png') 0px 0px no-repeat;} #contenido #pasador #siguiente {behavior: url(js/iepngfix.htc);right:0px;width:42px;height:84px;background:url('img/derecha.png') 0px 0px no-repeat;} #contenido #pasador #anterior:hover, #contenido #pasador #siguiente:hover {background-position: 0px -84px} /* opt4 */ #contenido #pasador #anterior, #contenido #pasador #siguiente {position:absolute;top:0px;text-indent:-10000em;} #contenido #pasador #anterior {behavior: url(js/iepngfix.htc);left:0px; width:60px;height:301px;background:url('img/op4/izquierda.png') 0px 0px no-repeat;} #contenido #pasador #siguiente {behavior: url(js/iepngfix.htc);right:0px; width:60px;height:301px;background:url('img/op4/derecha.png') 0px 0px no-repeat;} #contenido #pasador #anterior:hover, #contenido #pasador #siguiente:hover {background-position: 0px 0px} #contenido #informacion {border-top:10px solid #e3e2e1;clear:both;padding:10px 0px 10px 0px;} #contenido #informacion #banners {float:left;width:232px;margin:0px 0px 0px 10px;} #contenido #informacion #banners ul li {float:left;clear:both;padding:0px 0px 4px 0px; width:232px;} #contenido #informacion #destacados {float:left;width:479px;height:auto !important;min-height:112px;height:112px;background:url('img/bg_destacados.gif') 0px 0px repeat-y;} #contenido #informacion #opcionesdestacados {background:#424242;line-height:14px;overflow:hidden;width:236px;float:left;} #contenido #informacion #opcionesdestacados li a, #contenido #informacion #opcionesdestacados li.off a{width:201px;xfloat:left;xclear:both;border-bottom:1px solid #fff;text-decoration:none;color:#fff;text-transform:uppercase;padding:0px 0px 0px 35px;display:block;} #contenido #informacion #opcionesdestacados li.on a, #contenido #informacion #opcionesdestacados li a:hover {background:#c60c30;} #contenido #informacion .contenidodestacado {background:#c60c30;padding:8px;color:#fff;display:none;width:219px;float:right;height:auto !important;min-height:96px;height:96px;} #contenido #informacion .contenidodestacado a:hover {color:#fff;text-decoration: underline} #contenido #informacion .contenidodestacado a {color:#fff;text-decoration:none;} #contenido #informacion .contenidodestacado.on {display:block;} #pie {clear:both;text-align:left;float:left;width:726px;border-top:10px solid #e3e2e1;margin:8px 0px 0px 0px;} #pie ul {float:left;padding:8px 0px 8px 0px;} #pie ul li {float:left;padding:0px 8px 25px 0px;} #pie a {color:#000;text-decoration:none;} #pie a:hover {color:#c60c30;} #outpie {clear:both;width:977px;margin:0px auto;padding:10px 0px 0px 0px;text-align:center;} #outpie a {color:#000;text-decoration:none;} #outpie a:hover {color:#c60c30;} #logos_institucionals {float:left;padding:0px 0px 0px 0px;} #logos_institucionals a {float:left;} #logos_institucionals a#l_ajbcn img {margin-left:5px;margin-right:20px;} #logos_institucionals a#l_gene img {margin-top:5px;} /* Non Standard Browsers */ .ie6 #menu #menuprincipal { padding-bottom:31px; } .ie6 #menu #menuprincipal a { height:0px; } .ie7 #menu #menuprincipal { padding-bottom:31px; } .ie7 #menu #menuprincipal a { height:0px; padding:7px 0px 16px 10px; } /* .mac.gecko #menu #menuprincipal { padding-bottom:34px; } .mac.gecko #menu #menuprincipal a { height:0px; padding:7px 0px 16px 10px; } */ /* Pie HOME */ DIV#pie DIV#links_pie { float:left; } DIV#pie DIV#links_pie UL { clear:both; margin-top:10px;} DIV#pie DIV#links_pie UL LI{ width:180px; height:48px;float:left; background: url(img/sep_pie.gif) no-repeat right -10px;margin:0px;padding:0px; padding-top:5px;} DIV#pie DIV#links_pie UL LI IMG { margin:0px;padding:0px; float:left;} DIV#pie DIV#links_pie UL LI IMG#visita_museu { margin-left:18px; clear:both;} DIV#pie DIV#links_pie UL LI IMG#com_arribar { margin-left:18px; clear:both;} DIV#pie DIV#links_pie UL LI IMG#horaris { margin-left:18px; clear:both;} DIV#pie DIV#links_pie UL LI IMG#tarifes { float:left; } DIV#pie DIV#links_pie UL LI IMG#venda_entrades { margin-left:18px; } DIV#pie DIV#links_pie IMG { margin-top:10px;} DIV.clear {clear:both;height:0px;margin:0px;padding:0px;width:0px;overflow:hidden; } /* Nuevo estilo tipo 5 para el carrusel */ #contenido #pasador ul li.tipo5 .cuerpoItem img { margin:10px 5px 5px 0; width:217px !important; } #contenido #pasador ul li.tipo5 .piefoto { bottom:10px; clear:left; float:left; font-family:arial; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; width: auto; margin-top: 0; } #contenido #pasador ul li.tipo5 .cuerpoItem .texto { font-family:arial; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:10px 0 0; width:auto; }