/*MAQUETACIÓN*/
html{
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
top: 0px;
}
body{top: 0px;
padding: 0px;
margin: 0px;
font-family: "Trebuchet MS", Arial, "@Arial Unicode MS", sans-serif;
font-size: 0.8em;
color:#000000; /*rojo muy oscuro*/
background: url(fondoblanco.jpg) #ffffff;
}
h1{
color: #cc0000;
}
#encabezado{
top: 0px;
padding: 0px;
margin: 0px;
position: relative;
float: left;
width: 100%;
color: #dd0000;
/*background: url(encabezado.gif) repeat-x bottom;*/
/*border-top:1px solid #cccccc;*/
display: inline;
}
#encabezadologo{ top: 0px; padding: 0px;
margin: 0px;
position: relative;
float: left;
width: 30%;
display: inline;
padding-left: 5px;
}
#encabezadotitulo{
position: relative;
float: left;
width: 30%;
display: inline;
text-align: center;
}
#idiomas{
position: relative;
float: right;
width: 30%;
color: #dd0000;
height: 1em;
}
#idiomas a{
color: #dd0000;
text-decoration: none;
font-weight: normal;
font-size: 0.8em;
}
#idiomas li{
text-align: center;
display: inline;
border-top: 1px solid #999999;
padding: 0em 0.2em 0.5em 0.4em;
background: url(fondolistacl.gif) left bottom #dddddd ;
border-right: 1px solid #999999;
margin-right: 0.2em;
}
#idiomas ul{
text-align: right;
margin-right: 1em;
}
#encabezadotitulo h1{
text-align: center;
}
.rojoeskura21{
color: #cb2222; /*#dd0000;*/
font-size: 1.6em;
padding-bottom: 15px;
font-family: Arial;
}
.azuleskura21{
color: #3302C4; /*#004284;#0002B5;*/
font-size: 1.6em;
padding-bottom: 15px;
font-family: Arial;
}
.azuleskura21gr{
color: #3302C4; /*#004284;#0002B5;*/
font-size: 2.2em;
padding-bottom: 15px;
font-family: "Century Gothic";
}
.rojoeskura21pq{
color: #cb2222; /*#dd0000;*/
font-size: 0.9em;
padding-bottom: 15px;
font-family: Arial;
}
.azuleskura21pq{
color: #3302C4; /*#004284;#0002B5;*/
font-size: 0.9em;
padding-bottom: 15px;
font-family: Arial;
}
.azuleskura21grpq{
color: #3302C4; /*#004284;#0002B5;*/
font-size: 1.2em;
padding-bottom: 15px;
font-family: "Century Gothic";
}
#contenido{
position: relative;
float: left;
width: 100%;
}
#bordeizq{
position: relative;
float: left;
background: #cccccc;
width: 1%;
height: 28em; /*igual que menu y texto-fotos*/
}
#bordedcha{
position: relative;
float: left;
background: #ff0000;
width: 1%;
height: 28em; /*igual que menu y texto-fotos*/
}
#menu{
position: relative;
float: left;
/*background: #eeeeee;*/
width: 18%;
height: 20em; /*igual que bordes*/
}
#menudcha{
position: relative;
float: left;
/*background: #eeeeee;*/
width: 18%;
height: 20em; /*igual que bordes*/
}
#menudcha li img {
display: inline;
}
#texto{
position: relative;
float: left;
width: 27%;
border:5px solid #ffffff; /*ojo si es demasiado borrar*/
}
#foto{
position: relative;
float: left;
width: 27%;
}
#foto img{
border: 1px solid #cccccc;
}
#esculturaspq{
position: relative;
float: left;
width: 54%;
/*background: url(IMG/fondoindex.gif) no-repeat;*/
font-family: "Trebuchet MS", Arial, sans-serif;
}
.div3esculturas{
position: relative;
float: left;
width: 99%;
}
.esculturamini{
background: url(fondogrisesculturas.jpg) #DDDDDD;
border: 2px ridge #ffffff;
position: relative;
float: left;
width: 29%;
height: 16em;
padding: 2px;
margin: 3px;
line-height: 1em;
font-size: 1em;
text-align: center;
}
.esculturamini span{
font-size: 0.9em;
}
.tituloescultura span{
font-size: 1em;
}
.fotomini{
margin-top: 2%;
margin-bottom: 2%;
text-align: center;
}
div.fotomini a img {
border: 3px outset #ffffff;
display: block;
margin-left: auto;
margin-right: auto
}
div.fotomini a:hover img {
border: 3px inset #ffffff;
}
.margen1{
position: relative;
float: left;
width:1%;
}
.margen2{
position: relative;
float: left;
width:2%;
/*background: Fuchsia;*/
}
.margen3{
position: relative;
float: left;
width:3%;
/*background: cyan;*/
}
.listaautor{
list-style: none inside url(listaflecha3gris.gif);
text-indent: 5ex;
color: #BB0000;
}
li.listaautor a{
color: #BB0000;
text-decoration: none;
}
/*pie para paginar imagenes*/
#paginacionarriba{
position: relative;
float: left;
width: 100%;/*era 40 54*/
background: url(titulofondopq.gif) repeat-x bottom;
display: inline;
height: auto;
}
#paginacionizqarriba{
position: relative;
float: left;
width:78%;/*era 40*/
/*height: 30px;*/
display: inline;
/*background: url(BilbaoesCulturalgris.gif) no-repeat left top;*/
}
#paginacionizqarriba h1{margin-top:0px; font-size:130%; text-align:left; color:#dd0000;
padding-left: 8px; padding-top:5px; }
#paginacioncentralarriba{
position: relative;
float: left;
width: 10%;/*era 40 54*/
text-align: right;
padding-top: 2px;
}
#paginaciondchaarriba
{
display: inline;
position: relative;
float: right;
width: 10%; /*era 40*/
text-align: right;
padding-top: 2px;
}
#paginacioncentralarriba img, #paginaciondchaarriba img
{
display: inline;
vertical-align: middle;
}
/*paginacion abajo: */
#paginacion{
position: relative;
float: left;
width: 93%;/*era 40 54*/
background: url(titulofondopqR.gif) repeat-x top;
/*border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;*/
margin-bottom:5px;
display: inline;
color:#990000;
font-weight: bold;
}
#paginacioncentral{
position: relative;
float: left;
width: 15%;/*era 40 54*/
text-align: center;
padding-top: 5px;
}
#paginacionizq{
display: inline;
position: relative;
float: left;
width:75%;/*era 40*/
height: 30px;
text-align: right;
background: url(BilbaoesCulturalgris.gif) no-repeat left top;
}
#paginaciondcha
{ display: inline;
position: relative;
float: right;
width:10%;/*era 40*/
text-align: left;
}
#paginacion img, #paginaciondcha img
{
display: inline;
}
#Eskura21{
position: relative;
float: left;
width: 100%;
}
/*#margenpie{
position: relative;
float: left;
width: 100%;
}*/
/*APARIENCIA:*/
span{
padding:0px;
}
a{
font-weight: bold;
}
h1{
text-align: center;
font-size: 150%;
}
h2{
color: #DD0000;
}
img{
display: block; /*para unificar tratamiento de imagenes en modo estricto*/
border: none;
/* width:15em; = LUPA*/
}
#menu li, #menudcha li{
list-style: none;
/*list-style: none inside url(margentransparente.gif);*/
list-style-position: inside;
text-align: left;
padding-bottom:5px;
line-height: 2em;
text-align: center;
}
#menu li{
background: url(fondolistacl.gif) no-repeat left bottom;
border-top:1px solid #888888;
border-right:3px solid #888888;
}
#menudcha li{
background: url(fondolistacldcha.gif) no-repeat right bottom;
border-top:1px solid #888888;
border-left:3px solid #888888;
}
#menu a, #menudcha a{
border: none;
text-decoration: none;
color: #000000;
/*background: url(fondolistacl.gif) left bottom no-repeat;*/
}
#menu a:hover, #menudcha a:hover{
border: none;
text-decoration: underline;
color:#ff0000;
}
#menu li.seleccionado, #menucha li.seleccionado {
background: url(fondolista.gif) no-repeat left bottom;
border-top:1px solid #888888;
border-right:3px solid #888888;
list-style: none;
/*list-style: none inside url(margentransparente.gif);*/
list-style-position: inside;
padding-bottom:5px;
line-height: 2em;
color:#ffffff;
}
#menu li.seleccionado a, #menucha li.seleccionado a{
color:#ffffff;
}
#menu li.seleccionado a:hover, #menucha li.seleccionado a:hover{
/*color:#ff0000; rojo? mejor que no destaque porque no debe estar activa*/
text-decoration: none;
}
#menu a:hover, #menudcha a:hover{
border: none;
text-decoration: none;
}
#menu li a:hover, #menudcha li a:hover
{
/*color:#ff0000; rojo? mejor que no destaque porque no debe estar activa*/
}
.sinfondo{
background:#ffffff;
}
#texto{
background: White;
}
/*#texto p, #texto span{
font-size: 90%;
}*/
#Eskura21{
text-align: center;
}
#Eskura21 img{
display: inline;
}
.invisible{
display: none;
visibility: hidden;
}
ul, ol, dl{ /* truco para que en explorer funcione el fondo de las listas*/
position: relative;
margin-left: 0px;
padding-left: 0px;
}
.tituloescultura{
font-weight: bold;
}
.negrita{
font-weight: bold;
}
.cursiva{
font-style: italic;
}
.centrado{
text-align: center;
}
#texto cite{
text-align: center;
color: #222222;
font-size: 90%;
}
#texto p{
border-top: 0px;
padding-top: 0px;
}
div#esculturaspq ul{
list-style: none;
}
.mapa{
margin: 20px;
padding: 5px;
list-style: circle;
}
.mapa a{
color: #BB0000;
text-decoration: none;
}
.eskura21{
padding-left: 20%;
}
.BilbaoesCultural{
background: url(fondobotones.gif) repeat-x top;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
}
span.cuadrado
{
border-top:2px solid #efefef;
border-left:2px solid #efefef;
border-bottom:2px solid #999999;
border-right:2px solid #999999;
background: #cccccc;
line-height: 1.5em;
text-align: center;
display: inline;
}
#esculturaspq li{
list-style: none;
list-style-image: none;
list-style-type: none;
line-height: 2em;
display: list-item;
}
ul.ayuda{
list-style: none;
}
cite.centrado{
text-align: center;
}
#publi{
background: url(arorojo.gif) no-repeat center top #ffffff;
height: 125px;
width: 125px;
visibility: hidden;
text-align: center;
}
#publi p{
color:#ffffff;
font-weight: bold;
padding-left: 2em;
padding-right: 2em;
padding-top: 2em;
text-align: center;
font-size: 0.85em;
visibility: hidden;
}
#anunciosgoogle
{
margin: 0 auto;
}