/****************************************************************************************************************** * Hoja: reticulaEspecial.css * * Descripcion: reticula especial para las paginas sin columna derecha * * Fecha: 12/01/2009 * **************************************************************************************************************** */ body{ text-align: center; margin-left: 0px;} @font-face { font-family: 'gillsans light'; src: url('fonts/gill_sans_light.eot'); src: local('☺'), url('fonts/gill_sans_light.woff') format('woff'), url('fonts/gill_sans_light.ttf') format('truetype'), url('fonts/gill_sans_light.svg') format('svg'); font-weight: normal; font-style: normal;} h1.lineBottom {background:url("../img/fnd-logo.png") no-repeat scroll -27px 0 transparent; border-bottom:1px solid #EEEEEE; float:left; height:53px; margin:0 0 0 40px; text-indent:-9999px; width:688px;} #header_width {width:972px; margin:0 auto;} h1{ text-indent: -9999px; background: url(../img/fnd-logo.png) no-repeat -28px 0; width:419px; height: 53px; float: left; margin:0;} h1 a{ display: block; width: 419px; height: 53px;} #header_width h1{ text-indent: -9999px; background: url(../img/fnd-logo.png) no-repeat -28px 0; width:419px; height: 53px; float: left;} #header_width h1 a{ display: block; width: 419px; height: 53px;} #header_width div.moduloSocial_cabecera { float:left;margin:0 0 7px;padding-right:40px;} #header_width div.moduloSocial_cabecera ul{ clear: both; padding: 10px 0 0 0;} #header_width div.moduloSocial_cabecera ul li{ float: left; margin: 0 6px 0 0;} #header_width div.moduloSocial_cabecera ul#redesSociales {float:left;display:inline;padding:0;margin:0;border:1px solid #e5e5e5;border-right:0;border-top:0;} #header_width div.moduloSocial_cabecera ul#redesSociales li {margin:0;border-right:1px solid #e5e5e5;} #header_width div.moduloSocial_cabecera ul#redesSociales .addthis_button_facebook span {background:url(/img/ico_facebook.gif) no-repeat 17px 18px;padding:18px 17px 17px;} #header_width div.moduloSocial_cabecera ul#redesSociales .addthis_button_twitter span {background:url(/img/ico_twitter.gif) no-repeat 17px 18px;padding:18px 17px 17px;} #header_width div.moduloSocial_cabecera ul#redesSociales .addthis_button_email span {background:url(/img/ico_mail.gif) no-repeat 16px 18px;padding:18px 17px 17px;} #header_width div.moduloSocial_cabecera ul#redesSociales .at15t_facebook:hover {opacity:1;} #header_width div.moduloSocial_cabecera ul#redesSociales .at15t_twitter:hover {opacity:1;} #header_width div.moduloSocial_cabecera ul#redesSociales .at15t_email:hover {opacity:1;} #header_width #banderola {float:left;} #header_width #banderola p {width:62px;height:187px;text-align:left;text-indent:-9999px;position:absolute;z-index:10;background:url(/img/banderola_20anos.png) no-repeat;} div#contenedor{ width: 972px; margin-left: 0px; overflow: hidden;} /* boton desplegar banner */ div#botonControlBanner{font-size: 0.7em; color: #4f4d4e; font-family: Arial,Helvetica,sans-serif; text-align:left; float:left; margin:0 20px 0 173px; height:20px; padding-top:22px;} div#botonControlBanner span{ background:transparent url(../img/fnd-migasLi.png) no-repeat scroll left bottom; display:block; height:31px; cursor:pointer;} div#botonControlBanner a:link, div#botonControlBanner a:visited { font-size:1em; color:#757575; display:block; height:18px; padding-bottom:13px; cursor:pointer;} div#botonControlBanner a:hover, div#botonControlBanner a:active {font-size:1em; color:#333; text-decoration:underline; display:block; height:18px; padding-bottom:13px; cursor:pointer;} /* cabecera */ #cabecera_width {background:#E7E5DA; clear:left;} div#cabecera{ background: #e7e5da; clear: both; text-align:left; overflow:hidden; height:140px; width:972px; margin:0 auto;} div#cabecera > div { overflow:hidden;} div#cabecera.estirar{ height:auto;} div#cabecera h2{ clear:none; font-family:'gillsans light'; font-size:4.2em; left:0; margin-top:29px;} div#cabecera h2 a{ color:#292929;} div#cabecera h2 embed, div#cabecera h2 span{ width:100%;display:block;} div#cabecera .imagen_cabecera {float:left;overflow:hidden;width:230px;background:#9f9d96;margin-right:26px;} div#cabecera .imagen_cabecera img {width:230px;height:295px;} div#cabecera .texto_exposicion {float:left;padding:3px 0 0;width:400px;} div#cabecera .texto_exposicion p {color:#7f7f7f;} div#cabecera .texto_exposicion p.fecha_exposicion {font-size: 1.5em;color:#333;} div#cabecera #autor_obra {float:left;width:400px;padding:27px 0 0;} /* lista de datos de autor */ div#cabecera dl.datosAutor{ margin:0 0 5px; width:440px;overflow:hidden;} div#cabecera dl.datosAutor dt{ display:none; margin: 0; } div#cabecera dl.datosAutor dd.autor{background:url(../img/fnd-flecha90H.png) no-repeat 2px 5px;} div#cabecera dl.datosAutor dd{ font-size: 1.5em; margin: 0;padding-left:20px;} div#cabecera dl.datosAutor dd a:link{ border-bottom: 1px solid #e5e5e5; color:#333;} div#cabecera dl.datosAutor dd a:visited{ border-bottom: 1px solid #e5e5e5; color: #333;} div#cabecera dl.datosAutor dd a:hover{ border-bottom: 1px solid #000; color: #333;} div#cabecera dl.datosAutor dd a:active{ border-bottom: 1px solid #000; color: #333;} /* lista de datos de la obra */ div#cabecera dl.datosObra{margin:0 0 30px; padding:0 50% 0 20px;} div#cabecera dl.datosObra dt{display:none;} div#cabecera dl.datosObra dd{color: #7f7f7f; font-size: 1.1em; margin: 0;} div#cabecera dl.datosObra dd.dd_tecnica {float:left; clear:left; padding:0 3px 0 0;} div#cabecera dl.datosObra dd.dd_medidas {float:left;} div#cabecera dl.datosObra dd.dd_ubicacion {clear:left; position:relative;} div#cabecera ul#lista_exposiciones{ display: block; margin: 0; overflow: hidden; position:absolute; margin-left:260px;} div#cabecera ul#lista_exposiciones li{ float: left; height: 23px; margin: 0; background: url(../img/fnd-migasLi.png) no-repeat top left;} div#cabecera ul#lista_exposiciones li a:link{ color: #666; font-size: 1.1em; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} div#cabecera ul#lista_exposiciones li a:visited{ color: #666; font-size: 1.1em; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} div#cabecera ul#lista_exposiciones li a:hover{ color: #999; font-size: 1.1em; background: url(../img/fnd-expoLi.png) repeat-x left top; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} div#cabecera ul#lista_exposiciones li a:active{ color: #666; font-size: 1.1em; background: url(../img/fnd-expoLi.png) repeat-x; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} div#cabecera ul#lista_exposiciones li a.active { cursor:default !important; background: url(../img/fnd-expoLi.png) repeat-x;} div#cabecera ul#lista_exposiciones li a span{ position: relative; top: 10px;} div#cabecera ul#lista_exposiciones li.alone { background: url(../img/fnd-migasLi.png) no-repeat left top; color:#999; display:inline-block; font-size:1.1em; height:23px; margin:0; padding:10px 10px 0 0;} ul#Cabecera{ height: 23px; float: right;} ul#migasCabecera li{ height: 23px; float: left; font-size: 1.1em;} ul#migasCabecera li a:link{ color: #000;} ul#migasCabecera li a:visited{ color: #757575;} ul#migasCabecera li a:hover{ text-decoration: underline;} ul#migasCabecera li a:active{ color: #585858;} div#cabecera div#datosCabecera{ float: right; clear: both; padding: 0 116px 0 0; text-align: left;} div#cabecera strong{ font-size: 4.2em; font-family: Arial, Helvetica, sans-serif; display: block; font-weight: normal;} div#cabecera strong a:link{ color: #202020; text-decoration: none;} div#cabecera strong a:visited{ color: #202020; text-decoration: none;} div#cabecera strong a:hover{ color: #202020; text-decoration: underline;} div#cabecera strong a:active{ color: #202020; text-decoration: underline; } div#cabecera p.subtituloCabecera{ font-size: 1.1em; color: #7f7f7f;} div#cabecera p.informacionCabecera{ font-size: 1.5em; color: #333;} ul#migasCabecera{ height: 23px; float: right;} ul#migasCabecera li{ height: 23px; float: left; font-size: 1.1em;} ul#migasCabecera li a:link{ color: #000;} ul#migasCabecera li a:visited{ color: #757575} ul#migasCabecera li a:hover{ text-decoration: underline;} ul#migasCabecera li a:active{ color: #585858;} div#cabecera div#datosCabecera{ float: right; clear: both; padding: 0 116px 0 0; text-align: left;} div#cabecera h3{ font-size: 4.2em; font-family: Arial, Helvetica, sans-serif} div#cabecera h3 a:link{ color: #202020; text-decoration: none;} div#cabecera h3 a:visited{ color: #202020; text-decoration: none;} div#cabecera h3 a:hover{ color: #202020; text-decoration: underline;} div#cabecera h3 a:active{ color: #202020; text-decoration: underline;} div#cabecera p.subtituloCabecera{ font-size: 1.1em; color: #7f7f7f;} div#cabecera p.informacionCabecera{ font-size: 1.5em; color: #333;} #cabecera_width {background:#E7E5DA; clear:left;} /* contenidos */ div#contenidos{ width: 972px; overflow: hidden; margin-left: 0px;} div#contenidos.conborde {border-top:1px solid #E7E5DA;} div#colIzquierda{ float: left; width: 230px; text-align: left;} ul#menuNav li{ height: 1%; width: 230px; margin: 0; background: #fff; border-bottom: 1px solid #e7e5da;} ul#menuNav li a:link{ font-size: 1.5em; color: #000;height: 44px; display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px;} ul#menuNav li a:visited{ font-size: 1.5em; color: #000;height: 44px;display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px;} ul#menuNav li a:hover{ font-size: 1.5em; color: #000; height: 44px; display: block; padding: 10px 0 0 39px; background: #e7e5da url(../img/fnd-flechaPeqA5H.png) no-repeat 23px 16px;} ul#menuNav li a:active{ font-size: 1.5em; color: #000; height: 44px;display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px;} ul#menuNav li { height: 1%; width: 230px; margin: 0; background: #fff; border-bottom: 1px solid #e7e5da;} ul#menuNav li ul#subMenuNav li{ height: 1%; border-top: 1px solid #e5e5e5; border-bottom: none; padding: 0; } ul#menuNav li ul#subMenuNav li a:link{ font-size: 1.2em; height: 1.6em; padding: 3px 0 0 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 38px 8px; text-indent: 54px;} ul#menuNav li ul#subMenuNav li a:visited{ font-size: 1.2em; height: 1.6em; padding: 3px 0 0 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 38px 8px; text-indent: 54px;} ul#menuNav li ul#subMenuNav li a:hover{ font-size: 1.2em; height: 1.6em; padding: 3px 0 0 0; background: url(../img/fnd-flechaPeqA5HSNav.png) #f1efe9 no-repeat 38px 8px; text-indent: 54px;} ul#menuNav li ul#subMenuNav li a:active{ font-size: 1.2em; height: 1.6em; padding: 3px 0 0 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 38px 8px; text-indent: 54px;} ul#menuNav li a span{ font-size:0.75em; color:#3B393A; width: 230px;} ul#menuNav li a.activo {background: #e7e5da url(../img/fnd-flechaPeqA5H.png) no-repeat 23px 16px;} ul#menuNav li ul#subMenuNav li a.activo { background: url(../img/fnd-flechaPeqA5HSNav.png) #f1efe9 no-repeat 38px 8px;} ul#menuNav li.active { width:228px; border-left:1px solid #E7E5DA; border-right:1px solid #E7E5DA;} ul#menuNav li.active li { width:228px;} /* tercer nivel de menu*/ ul#menuNav li ul#subMenuNav li ul#subMenuNavTres{ margin: -5px 0 0 0; padding: 0 0 10px 11px; width: 219px;} ul#menuNav li ul#subMenuNav li ul#subMenuNavTres li{ border: none; background: none; padding: 0; margin: 0; width: 200px; height: 1.4em; font-size: 0.9em;} ul#menuNav li ul#subMenuNav li ul#subMenuNavTres li a:link{ background: none; display: block; width: 219px;} ul#menuNav li ul#subMenuNav li ul#subMenuNavTres li a:visited{ background: none; display: block; width: 219px;} ul#menuNav li ul#subMenuNav li ul#subMenuNavTres li a:hover{ background: none; display: block; width: 219px; text-decoration: underline; color: #000;} ul#menuNav li ul#subMenuNav li ul#subMenuNavTres li a:active{ background: none; display: block; width: 219px;} /* col central */ div#colCentral{ float: left; text-align: left; margin-left:0; /* margin: -14px 0 0 0; width: 462px;*/} div#colCentralCabecera{ width: 462px; height: 87px; margin: 0 29px;} div#colCentralCabeceraInt{ border-bottom:1px solid #e7e5da; height:87px; margin:0 0; padding:0 0 22px 29px; width:713px;} ul#migas{ margin: 0;} ul#migas li{ float: left; height: 23px; margin: 0; background: url(../img/fnd-migasLi.png) no-repeat top left;} ul#migas li a:link{ color: #666; font-size: 1.1em; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} ul#migas li a:visited{ color: #757575; font-size: 1.1em; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} ul#migas li a:hover{ color: #666; font-size: 1.1em; background: url(../img/fnd-migas.png) repeat-x left top; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} ul#migas li a:active{ color: #585858; font-size: 1.1em; background: url(../img/fnd-migas.png) repeat-x; margin: 0; height: 23px; display: inline-block; padding: 0 20px 0 0;} ul#migas li a span{ position: relative; top: 10px;} #migas li.alone { background: transparent url(../img/fnd-migasLi.png) no-repeat scroll left top; color:#999; display:inline-block; font-size:1.1em; height:23px; margin:0; padding:10px 10px 0 0;} /* auste migas */ ul.ajusteMigas{/* position: relative; top: -14px;*/ top:-14px; float:left; position:relative;} div#colCentralCabecera h2{ font-size: 3.6em; clear: both; display: block; margin: 22px 0 0 0; float: left; width: 250px; color: #292929; position: relative; left: -3px;} div#colCentralContenidos{ clear: both; border-top: 1px solid #e7e5da; margin: 22px 0 0 0; padding: 13px 0 0 0; width: 462px; margin: 0 29px;} div#colCentralContenidosInt{ clear: both; padding: 0px; width: 713px; margin-left: 2px;} div#colCentral div.correccionCabecera{ position: relative; top: -13px;} /* columna derecha */ div#colDerecha{ float: right; width: 222px; text-align: left;} div#colDerechaCabecera{ padding: 0; position: relative; top: -46px;} /* buscador */ div#colDerecha form{ margin: 0; padding: 0; height: 47px;} div#colDerecha fieldset{ height: 47px; margin: 0; padding: 0;} div#colDerechaCabecera label{ background: url(../img/fnd-flechaPeqA5.png) no-repeat 11px; font-size: 1.5em; display: block; border-bottom: 1px #e5e5e5 solid; text-indent: 27px; height: 32px;} div#colDerecha label span{ position: relative; top: 6px;} input#buscar_thyssen{ border: 1px solid #e5e5e5; position: relative; top: -1px; width: 186px; float: left; height: 16px;} #submit_buscar_thyssen{ background: url(../img/fnd-flechaBuscar.png) no-repeat scroll left top; border:medium none; cursor:pointer; display:block; float: right; height:18px; margin:2px 0 0 3px; text-indent:-9999px; width:38px; border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-right: none; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; position: relative; top: -21px; left: 3px; text-indent: -9999px;} div#colDerechaCabecera p{ font-size: 1.1em; background: url(../img/fnd-flechaPeqA5.png) no-repeat 10px 13px; width: 194px; padding: 8px 0 9px 28px; height: 10px;border-bottom: 1px solid #e7e5da;} div#colDerechaCabecera p a:link{ color: #333; font-size: 1.1em;} div#colDerechaCabecera p a:visited{ color: #333; font-size: 1.1em;} div#colDerechaCabecera p a:hover{ color: #333; font-size: 1.1em; text-decoration: underline;} div#colDerechaCabecera p a:active{ color: #333; font-size: 1.1em;} /* pie */ div#pie{ float: right; height:27px; width: 715px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 15px 0; margin: 0 0 10px 0; background:url(../img/fnd-lineaPie.png) repeat-y 494px;} div#pieIzquierda{ float: left; padding:0 7.6em 0 2.7em; width:39em; overflow:hidden; height: 27px;} ul#enlacesPieIzqSup{ width: 452px; overflow: hidden; margin: 0;} ul#enlacesPieIzqSup li{ float: left; margin: 0; background: url(../img/fnd-liPie.png) no-repeat right; margin-right: 5px; padding-right: 5px;} ul#enlacesPieIzqSup li a:link{ font-size: 1.2em; color: #000;} ul#enlacesPieIzqSup li a:visited{ font-size: 1.2em; color: #000;} ul#enlacesPieIzqSup li a:hover{ font-size: 1.2em; color: #000; text-decoration: underline;} ul#enlacesPieIzqSup li a:active{ font-size: 1.2em; color: #000;} ul#enlacesPieIzqInf{ clear: both; width: 452px; overflow: hidden; margin: 0;} ul#enlacesPieIzqInf li{ float: left; margin: 0; background: url(../img/fnd-liPie.png) no-repeat right; /*border-right: 1px solid #e5e5e5;*/ margin-right: 7px; padding-right: 7px;} ul#enlacesPieIzqInf li a:link{ font-size: 1.1em; color: #484848;} ul#enlacesPieIzqInf li a:visited{ font-size: 1.1em; color: #484848;} ul#enlacesPieIzqInf li a:hover{ font-size: 1.1em; color: #484848; text-decoration: underline;} ul#enlacesPieIzqInf li a:active{ font-size: 1.1em; color: #484848;} div#pieDerecha{ float: right; text-align: left;} div#pieDerecha p{ font-size: 1em;} /* clases de ajuste de cabeceras */ div.ajusteCabecerasEspeciales{ position: relative; top: -47px;} div.ajusteCabecerasEspecialesB{ position: relative; top: 47px;}