* {padding:0em;margin:0em;border:0px} body {width:99em;margin:2em auto;font:normal 10px arial;background:#fff;} .limpiar {clear:both} .separar {border-top:1em solid #fff;clear:both} .linea {border-top:1px solid #999;padding:0;margin:0em;clear:both} a {color:#900;text-decoration:none} a:hover {text-decoration:none;} a:hover img {filter:alpha(opacity=50);opacity:0.5;} h1 {font:bold 0.9em verdana;color:#000;text-transform:uppercase} h1 a {color:#fff;} h2 {font:bold 1.1em arial;color:#900;} h2 a {color:#900;} h3 {font:normal 0.9em verdana;color:#999;} h4 {font:bold 0.9em verdana;color:#fff;text-transform:uppercase} h4 a {color:#000;} p {font:normal 1.1em arial;color:#fff;padding-bottom:1em} /* ESTRUCTURA */ #cabecera {width:99em;overflow:hidden;} #subcabecera {width:99em;overflow:hidden;} #contenido {width:99em;overflow:hidden;} #navegacion {width:99em;overflow:hidden;} #pie {width:99em;overflow:hidden;margin-top:1em;text-align:center;} /* CABECERA ----------------------------------------------- */ #cabecera .logo {position:relative;width:13em;height:4em;float:left;background:url(/imgs/logo_blanco.gif)} /* SUBCABECERA ----------------------------------------------- */ /* portada */ #subcabecera #lema-portada {width:75em;height:2.0em;background:#000;border-bottom:1px solid #fff;margin-right:1em;padding-top:1em;text-align:center;float:left;} #subcabecera #destacado-portada {width:23em;height:2.0em;background:#ccc;border-bottom:1px solid #fff;margin-right:0em;padding-top:1em;text-align:center;float:left;} /* portadillas y biografia */ #subcabecera #lema {width:77em;height:2.0em;background:#000;border-bottom:1px solid #fff;margin-right:2em;padding-top:1em;text-align:center;float:left;} #subcabecera #artista {width:25em;height:2.0em;background:#000;border-bottom:1px solid #ccc;margin-right:0em;padding-top:1.0em;text-align:center;float:left;} #subcabecera #obras {width:52em;height:2.5em;background:#000;border-bottom:1px solid #ccc;margin-right:2em;padding-top:0.5em;text-align:left ;float:left;} #subcabecera #destacado {width:20em;height:2.0em;background:#ccc url(/imgs/fondos/portada.participa.gif);border-bottom:1px solid #fff;margin-right:0em;padding-top:1em;text-align:center;float:left;} #subcabecera #artista2 a:hover {color:#000;} *html #subcabecera #lema {height:2.5em;} *html #subcabecera #artista {height:2.5em;} *html #subcabecera #autor {height:2.0em;} *html #subcabecera #obras {height:3.0em;} *html #subcabecera #galerias {height:2.5em;} *html #subcabecera #titulo {height:2.0em;} *html #subcabecera #opine {height:2.0em;} *html #subcabecera #destacado {height:2.5em;} /* portfolio */ #subcabecera #autor {width:47.8em;height:2.0em;background:#fff;border:1px solid #666;margin-right:1em;padding-top:1.0em;text-align:center;float:left;} #subcabecera #autor a {font:bold 1.1em georgia;color:#900;text-transform:uppercase;margin-left:2em;float:left;} #subcabecera #autor a:hover {color:#000;} #subcabecera #autor .desplegabl {width:20em;height:1.5em;background:#fff;color:#333;font:normal 0.9em verdana;border:0px solid #333;padding:0em;margin:-0.3em 2em 0 0;float:right} #subcabecera #titulo {width:25.8em;height:2em;background:#fff;border:1px solid #666;margin-right:1em;padding-top:1.0em;text-align:center;float:left;} #subcabecera #titulo a {font:normal 1.1em georgia;color:#900;} #subcabecera #titulo a:hover {color:#000;} #subcabecera #opine {width:22.8em;height:2em;background:#fff;border:1px solid #666;margin-right:0em;padding-top:1.0em;text-align:center;float:left;} #subcabecera #opine a {font:bold 0.9em verdana;text-transform:uppercase;color:#666;} #subcabecera #opine a:hover {color:#000;} /* CONTENIDO ----------------------------------------------- */ /* portada */ #contenido #portada {width:75em;height:39em;margin-right:1em;float:left;} #contenido #portada #foton {width:75em;height:23em;} #contenido #portada #foton img {width:75em;height:23em;border-bottom:1px solid #fff;} #contenido #portada #destacados {width:75em;height:16em;background:#fff;float:left;} #contenido #portada #destacados ul {} #contenido #portada #destacados ul li {width:16em;margin-right:1em;margin-top:1em;list-style:none;float:left} #contenido #portada #destacados ul li img {padding-bottom:0.5em} #contenido #portada #destacados ul li span {font:bold 1.1em arial;} #contenido #portada #destacados ul li a {font:bold 1.1em arial;} #contenido #portada #destacados ul li.ultimo {width:23em;margin-right:0em} #contenido #portada #destacados ul li.ultimo img {padding-bottom:0em} #contenido #portada #destacados ul li.ultimo span {font:bold 1.1em arial;color:#333} #contenido #portada #destacados ul li.ultimo a {font:normal 1em arial;} #contenido #portada #destacados ul li.ultimo a em {font:normal 1em arial;color:#000} #contenido #portada #destacados ul li.ultimo p {padding:0em 0 0.5em;} #contenido #portada #destacados p {font:normal 1.1em arial;color:#333;padding:0.5em 1em} #contenido #portada #destacados em {font:bold 1.1em arial;color:#333;} #contenido #portada #destacados span {font:bold 1.1em arial;color:#000;} #promocion-portada {width:23em;height:39em;float:left;background:#eee;margin-right:0em;color:#000} #promocion-portada img.foto {width:23em;} #promocion-portada span {font:bold 0.9em verdana;color:#900;padding:0 1.2em;} #promocion-portada a {font:normal 1em arial;color:#333;} #promocion-portada a:hover {color:#666 ;} #promocion-portada p {padding:0em 1em 1em} #promocion-portada p.pie {font:bold 1em arial;color:#900;padding:0em 1em 1em;text-align:right} /* interior */ #contenido p a:hover {color:#000} #contenido #portadilla {width:77em;height:39em;margin-right:2em;float:left;} #contenido #portadilla #foton {width:77em;height:15em;border-bottom:1em solid #fff;} #contenido #portadilla #foton img {width:77em;height:15em;} #contenido #portadilla #texto {width:77em;height:23em;background:#fff;float:left;overflow:auto} #contenido #portadilla #texto p {font:normal 1.1em arial;color:#333;} #contenido #portadilla #texto em {font:bold 1.1em arial;color:#333;} #contenido #portadilla #texto span {font:bold 1.1em arial;color:#000;} #contenido #portadilla #texto h2 {font:bold 1.1em arial;color:#666;} #contenido #autores {width:77em;height:39em;margin-right:2em;background:#fff;float:left;overflow:auto} #contenido #autores p {font:normal 1.1em arial;color:#333;padding:1em} #contenido #ficha {width:25em;height:39em;border-right:2em solid #fff;background:#fff;float:left;} #contenido #ficha img {width:25em;padding-top:1.5em;} #contenido #ficha #datos {font:normal 1.1em arial;color:#333;padding:0.5em 0em} #contenido #presentacion {width:50em;height:39em;margin-right:2em;background:#fff;float:left;overflow:auto} #contenido #presentacion p {font:normal 1.2em arial;color:#333;padding:1em 0;} #contenido #presentacion img {padding-top:0.2em;} #promocion {width:20em;height:39em;float:left;background:#ccc;margin-right:0em;color:#000} #promocion img.foto {width:200px;} #promocion span {font:bold 0.9em verdana;color:#900;padding:0 1.2em;} #promocion p a {font:normal 1em arial;color:#900;} #promocion p a:hover {color:#000;} #promocion p {padding:0em 1em 1em} #promocion p.pie {font:bold 1em arial;color:#999;padding:0em 1em 1em;text-align:right} *html #contenido #ficha {width: 25em;} /* portfolio */ #contenido #foto {width:48em;height:38em;background:#fff;float:left;text-align:center;margin-top:1em;} #contenido #minis {width:26em;border-left:1em solid #fff;border-right:1em solid #fff;margin-top:1em;float:left;} #contenido #minis span {font:bold 1.1em arial;color:#000;margin:1em 0;padding-top:1em;padding-bottom:0.5em;} #contenido #minis p {font:normal 1.1em arial;color:#000;padding-top:0em} #contenido #minis a:hover {color:#666;} #opiniones {width:20.8em;height:34.8em;border:1px solid #ccc;padding:1em;overflow:auto;float:left;background:#fff;margin-top:1em;color:#000;} #opiniones b {font:bold 9px verdana;color:#666;margin-top:1em;} #opiniones p {font:normal 10px arial;color:#000;} #opiniones p b {font:bold 9px verdana;color:#666;margin-top:1em;margin-left:-0.5em;} *html #opiniones {width:20.8em;height:34.8em;} /* NAVEGACION ----------------------------------------------- */ /* portada e interior */ #piedefoto_portada {width:75em;height:2.8em;float:left;margin-right:1em;background:#fff url(/imgs/fondos/portada.navegacion.gif)} #suscripcion-portada {width:23em;height:2.5em;padding-top:0.3em;float:left;margin-right:0em;background:#ccc;color:#000;text-align:center;} #piedefoto_biografia {width:77em;height:2em;border-top:0.8em solid #fff;float:left;margin-right:2em;background:#fff;color:#000;} #piedefoto_biografia a {padding-left:10em;font:bold 0.9em verdana;text-transform:uppercase;} /* porfolio */ #piedefoto {width:47.8em;height:2.0em;padding-top:0.5em;border:1px solid #ccc;float:left;background:#fff;color:#fff;text-align:center;} #piedefoto .atras {width:3.2em;float:left;text-align:center;} #piedefoto .pie {width:41.4em;float:left;} #piedefoto .pie span {font:bold 1.1em arial;color:#999;} #piedefoto .adelante {width:3.2em;float:right;text-align:center;} #piedefoto .pie a {padding-top:0.3em} #sobre {width:25.8em;height:2.0em;padding-top:0.5em;float:left;margin-left:1em;margin-right:1em;background:#fff;color:#fff;border:1px solid #ccc;text-align:center;} #sobre a {color:#900;font:normal 1.1em arial;padding-top:0.3em;} #sobre a:hover {color:#333;} #opinar {width:22.8em;height:2.0em;padding-top:0.5em;float:left;margin-right:0em;background:#fff;border:1px solid #ccc;color:#000;text-align:center;} #opinar a {color:#900;font:normal 1.1em arial;padding-top:0.3em;} #opinar a:hover {color:#333;} #suscripcion {width:20em;height:2.5em;padding-top:0.3em;float:left;margin-right:0em;background:#666;color:#000;text-align:center;} /* EXPOSICIONES ----------------------------------------------- */ /* portada */ #exposiciones-portada {width:99em;overflow:hidden} #exposiciones-portada ul {width:99em;margin-top:1em;} #exposiciones-portada ul li {width:23em;margin-left:1em;list-style:none;float:left} #exposiciones-portada ul li img {width:23em;} #exposiciones-portada ul li.primero {width:3em;margin-left:0em;height:17.2em;background:#000 url(/imgs/titulos/exposiciones.blanco.gif) no-repeat;} #exposiciones-portada ul li.primero img {width:3em;} #exposiciones-portada ul li.ultimo {width:0em;} #exposiciones-portada ul li.ultimo img {width:0em;} /* interior */ #exposiciones-interior {width:99em;overflow:hidden} #exposiciones-interior ul {width:99em;margin-top:1em;} #exposiciones-interior ul li {width:17.5em;margin-left:1em;list-style:none;float:left} #exposiciones-interior ul li img {width:17.5em;height:13.1em;} #exposiciones-interior ul li.primero {width:3em;height:13.1em;margin-left:0em;background:#000 url(/imgs/titulos/exposiciones.blanco.gif) no-repeat;} #exposiciones-interior ul li.primero img {width:3em;height:13.1em;} #exposiciones-interior ul li.ultimo {width:20em;margin-left:2em;} #exposiciones-interior ul li.ultimo img {width:20em;height:13.1em;} #cierre {width:99em;height:2em;background:url(/imgs/filminas.gif) no-repeat;overflow:hidden} /* MENUS ----------------------------------------------- */ ul.menuppal {margin-left:13em;margin-top:1.5em} ul.menuppal li {list-style:none;float:left;margin-left:1.2em} ul.menuppal li a {color:#000;font:bold 0.9em verdana;} ul.menuppal li.on a {color:#900;} ul.menuppal li a:hover {color:#666;} ul.menuppal li img {margin-top:0em} ul.submenu {} ul.submenu li {list-style:square;float:left;margin-left:1.8em} ul.submenu li a {color:#900;font:bold 0.9em verdana;text-transform:uppercase;padding:0.2em;} ul.submenu li.on a {color:#000;} ul.submenu li a:hover {color:#333;} ul.fichas {padding-top:0.5em;} ul.fichas li {width:13em;height:10.5em;list-style:none;margin-left:1.5em;float:left;} ul.fichas li img {width:10em;border:1px solid #000;padding:0.2em;clear:both} ul.fichas li a {color:#900;font:normal 1.1em arial;} ul.fichas li a:hover {color:#333} ul.fichas li a img:hover {border:1px solid #333;} ul.fichas2 {padding-top:1em;} ul.fichas2 li {width:14em;height:14.5em;list-style:none;margin-right:1em;float:left;} ul.fichas2 li img {width:12.5em;clear:both} ul.fichas2 li a {color:#900;font:normal 1.1em arial;} ul.fichas2 li a:hover {color:#333} ul.miniaturas {margin-top:1px;overflow:hidden;} ul.miniaturas li {list-style:none;margin-right:0.5em;margin-bottom:0.2em;float:left;} ul.miniaturas li.ultimo {margin-right:0em} ul.miniaturas li img {width:4.8em;height:3.6em;border:0px;} ul.miniaturas li a img {filter: alpha(opacity=100); opacity: 1;} ul.miniaturas li a:hover img {filter: alpha(opacity=50); opacity: .5;} ul.opciones {padding-top:0.5em} ul.opciones li {list-style:none;float:left;margin-left:2em} ul.opciones li a {font:normal 1.1em arial;color:#fff} ul.menuinferior {padding-left:20em;} ul.menuinferior li {list-style:none;float:left;margin-left:3em} ul.menuinferior li a {font:normal 1.1em arial;color:#000} ul.menuinferior li a:hover {color:#999} ul.menuinferior li.on a {color:#900} /* FORMULARIOS ----------------------------------------------- */ .negroup {margin-left:1.5em;font:bold 0.9em verdana;color:#333;} .campo {margin-left:1em;width:21em;border:1px solid #ccc} .comentario {margin-left:1em;width:45em;border:1px solid #ccc} .desplegable {width:27em;height:1.2em;background:#333;color:#900;font:normal 0.9em verdana;border:0em;margin:0em;padding:0em} #subcabecera #obras .desplegable {width:27em;height:1.5em;background:#000;border:1px solid #000;margin-left:2em;padding:0;font:bold 0.9em verdana;color:#fff;} #subcabecera #galerias .desplegable {width:21em;height:2.0em;background:#ccc;border:1px solid #ccc;margin-left:2em;font:bold 1em verdana;color:#333;} #subcabecera #galerias .desplegable option {background:#ccc;padding:0 0 0.2em 1em;font:bold 1em verdana;color:#333;} #subcabecera #galerias .desplegable option[selected] {color:#000;} #formulario_opina {width:40em;} #formulario_opina fieldset {border:1px solid #eee;marginp:2em;padding:2em;} #formulario_opina legend {padding:0 0.5em;} #formulario_opina label {width:80px;float:left;font:bold 0.9em verdana;color:#333;text-transform:uppercase;} #formulario_opina input {width:20em;height:02em;background:#fff;border:1px solid #666;margin-bottom:0.5em;} #formulario_opina textarea {width:20em;height:10em;background:#fff;border:1px solid #666;margin-bottom:0.5em;} #formulario_opina .boton {width:05em;height:02em;background:#ccc;border:1px solid #666;padding:0.2em;color:#900;} #formulario_contacto {padding-left:2em;} #formulario_contacto fieldset {border:1px solid #eee;marginp:2em;padding:2em;} #formulario_contacto legend {padding:0 0.5em;} #formulario_contacto label {width:100px;float:left;font:bold 0.9em verdana;color:#333;text-transform:uppercase;} #formulario_contacto input {width:12em;height:02em;background:#fff;border:1px solid #666;margin-bottom:0.5em;} #formulario_contacto textarea {width:25em;height:10em;background:#fff;border:1px solid #666;margin-bottom:0.5em;} #formulario_contacto .boton {width:05.8em;height:1.5em;border:0px;margin:2em 0 0 25em;} #formulario_suscripcion {} #formulario_suscripcion label {font:bold 0.9em verdana;color:#ccc;} #formulario_suscripcion input.campo {width:14em;height:1.4em;margin-left:1em;padding:0.2em;background:#fff;border:0px;font:normal 1em arial;float:left} /* FLOTANTES */ #columna1 {width:30em;float:left;overflow:none} #columna2 {width:45em;float:left;overflow:none}