/* centro-nanta.org */ /* pantalla.css */ /* <*>, html>, */ * { border: none; margin: 0; padding: 0; } html { background: #521 url(fondo.png) repeat-y center top; } body { background: #365; color: #321; font: 16px/24px Georgia, serif; margin: 0 auto; width: 960px; } /* */ a:link { color: #941; } a:visited { color: #864; } a:visited:focus, a:visited:hover { color: #b74; } a:visited:active { color: #e84; } a:focus, a:hover { color: #d61; } a:focus img, a:hover img { opacity: 0.8; } a:active { color: #f81; } a:active img { outline: 3px #d61 solid; } a.documento{ background: url(documento.png) no-repeat left center; padding-left: 15px; } a.exterior{ background: url(mundo.png) no-repeat left center; padding-left: 15px; } a.musica { background: url(musica.png) no-repeat left center; padding-left: 15px; } /* #cabeza */ div#cabeza { height: 90px; left: 240px; margin-bottom: 24px; position: relative; width: 720px; } /*

*/ div#cabeza address { bottom: 15px; font: 14px/16px Verdana, sans-serif; left: 24px; position: absolute; } div#cabeza address a:link, div#cabeza address a:visited { color: #143; font-style: normal; text-decoration: none; } div#cabeza address a:focus, div#cabeza address a:hover { color: #bed; } div#cabeza address a:active { color: #cfe; } /* .logotipo */ div#cabeza span.logotipo { display: block; position: absolute; } div#cabeza span.logotipo a, div#cabeza span.logotipo strong { background: #586; border-bottom: 24px solid #ffe; color: #254; display: block; font: 36px/72px Verdana, sans-serif; font-weight: normal; height: 90px; text-align: center; text-decoration: none; width: 720px; } div#cabeza span.logotipo a:focus, div#cabeza span.logotipo a:hover { background: #697; color: #143; } div#cabeza span.logotipo a:focus img, div#cabeza span.logotipo a:hover img { outline: none; } div#cabeza span.logotipo a:active { background: #7a8; color: #032; } /* #contenido */ div#contenido { background: #ffe; float: right; width: 720px; } /* , , */ div#contenido abbr, div#contenido acronym, div#contenido dfn { border: 1px dotted #975; margin: -1px -3px; padding: 0 2px; text-decoration: inherit; } div#contenido abbr:focus, div#contenido abbr:hover, div#contenido acronym:focus, div#contenido acronym:hover, div#contenido dfn:focus, div#contenido dfn:hover { background: #eec; } /*

,
,
,
,
*/ div#contenido blockquote, div#contenido dl, div#contenido ol, div#contenido p, div#contenido ul { margin: 12px 24px; text-align: justify; } div#contenido blockquote { font-style: italic; } div#contenido blockquote cite { color: #654; display: block; font-style: normal; font-weight: bold; text-align: right; } div#contenido blockquote cite.trampa { margin-top: -12px; } div#contenido dl dd, div#contenido ol li, div#contenido ul li { list-style-position: outside; margin: 6px 0 6px 24px; } div#contenido dl dt { font-style: italic; margin-top: 12px; text-align: left; } div#contenido dl dt img.sin-borden { margin-right: -6px; } div#contenido ol li{ list-style-type: decimal; } /* .galeria */ div#contenido div.galeria { float: left; margin: -12px 9px 12px 15px; } div#contenido div.galeria dl { float: left; margin: 0 9px; } div#contenido div.galeria dl dd { background: #721; border: 1px solid #321; border-top: none; color: #edb; line-height: 18px; margin: 0; padding: 7px 9px; text-align: left; width: 652px; } div#contenido div.galeria dl dd a:link, div#contenido div.galeria dl dd a:visited { color: #f81; } div#contenido div.galeria dl dd a:focus, div#contenido div.galeria dl dd a:hover { color: #fa3; } div#contenido div.galeria dl dd a:active { color: #fc5; } div#contenido div.galeria dl dt img { display: block; float: none; margin: 18px 0 0; width: 670px; } div#contenido div.galeria h2 { margin: 11px 9px 0; } div#contenido div.x2 dl dd { width: 307px; } div#contenido div.x2 dl dt img { width: 325px; } div#contenido div.x3 dl dd { width: 192px; } div#contenido div.x3 dl dt img { width: 210px; } div#contenido div.x4 { margin: -12px 10px 12px 16px; } div#contenido div.x4 dl dd { width: 134px; } div#contenido div.x4 dl dt img { width: 152px; } div#contenido div.x5 dl dd { width: 100px; } div#contenido div.x5 dl dt img { width: 118px; } div#contenido div.x6 dl dd { width: 77px; } div#contenido div.x6 dl dt img { width: 95px; } /*
,
*/ div#contenido h1 { color: #654; font: 24px/24px Verdana, sans-serif; margin: 24px 24px 12px; } div#contenido h2 { color: #654; font: 18px/24px Verdana, sans-serif; margin: -1px 24px 13px; } /* */ div#contenido img { border: 1px solid #321; clear: right; float: right; margin: 6px 24px 12px 18px; } div#contenido img.ancho { clear: both; margin: 6px 24px 12px; width: 670px; } div#contenido img.izquierda { clear: left; float: left; margin: 6px 18px 12px 24px; } div#contenido img.sin-borden { border: none; margin: 0 18px 6px 12px; } div#contenido img.izquierda-sin-borden { clear: left; float: left; border: none; margin: 0 12px 6px 18px; } /* #siguiente */ div#contenido p#siguiente { border-top: 2px solid #987; clear: both; margin: 18px 24px; padding-top: 4px; text-align: left; } div#contenido p#siguiente a { font-weight: bold; text-decoration: none; } div#contenido p#siguiente a:visited { color: #941; } div#contenido p#siguiente a:focus, div#contenido p#siguiente a:hover { color: #d61; } div#contenido p#siguiente a:active { color: #f81; } /* _{, ^{*/

div#contenido sub,
div#contenido sup {
color: #721;
font-style: normal;
font-weight: bold;
line-height: 0.5;
}

/* */

div#contenido table {
border-spacing: 18px 0;
margin: 0 6px 12px;
}

div#contenido table * tr th {
font-style: italic;
font-weight: normal;
text-align: left;
}

div#contenido table * tr td.numero,
div#contenido table * tr th.numero {
text-align: right;
padding-left: 18px;
}

/* .clave */

div#contenido table.clave {
border-spacing: 0 6px;
margin: -4px 24px -26px;
}

div#contenido table.clave tbody tr td,
div#contenido table.clave tbody tr th {
line-height: 18px;
}

div#contenido table.clave tbody tr.c0 th {
border-left: 18px solid #77a;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c1 th {
border-left: 18px solid #c35;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c2 th {
border-left: 18px solid #dc1;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c3 th {
border-left: 18px solid #7b6;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c4 th {
border-left: 18px solid #a7a;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c5 th {
border-left: 18px solid #e85;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c6 th {
border-left: 18px solid #185;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c7 th {
border-left: 18px solid #d78;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c8 th {
border-left: 18px solid #5a9;
padding-left: 12px;
}

div#contenido table.clave tbody tr.c9 th {
border-left: 18px solid #b85;
padding-left: 12px;
}

div#contenido table.clave tbody tr.cx th {
border-left: 18px solid #999;
padding-left: 12px;
}

div#contenido table.clave tbody.cabeza tr * {
border-bottom: 2px solid #987;
}

div#contenido table.clave tbody.cabeza tr td {
padding: 0 0 4px;
}

div#contenido table.clave tbody.cabeza tr th {
font-weight: bold;
padding: 0 0 4px 30px;
}

div#contenido table.clave tbody.cabeza tr th.numero {
font-style: normal;
font-weight: normal;
}

div#contenido table.clave tbody.total tr * {
border-top: 2px solid #987;
}

div#contenido table.clave tbody.total tr td {
padding: 4px 0 24px;
}

div#contenido table.clave tbody.total tr th {
font-weight: bold;
padding: 4px 0 24px 30px;
}

div#contenido table.clave tbody tr td img {
margin-bottom: -48px;
margin-top: -48px;
padding-left: 6px;
}

/* .contactos */

div#contenido table.contactos {
border: hidden;
border-collapse: collapse;
margin: -8px 24px -12px;
width: 672px;
}

div#contenido table.contactos tbody {
}

div#contenido table.contactos tbody tr.vcard {
text-align: left;
vertical-align: top;
}

div#contenido table.contactos tbody tr.vcard td,
div#contenido table.contactos tbody tr.vcard th {
border-bottom: 2px dotted #cca;
border-top: 2px dotted #cca;
padding: 8px 0;
}

div#contenido table.contactos tbody tr.vcard td div.tel,
div#contenido table.contactos tbody tr.vcard td div.email {
text-align: right;
}

div#contenido table.contactos tbody tr.vcard td div.tel span.quien {
font-style: italic;
}

div#contenido table.contactos tbody tr.vcard td div.tel span.tipo,
div#contenido table.contactos tbody tr.vcard td div.tel span.type {
background: #987;
color: #ffe;
font-size: 12px;
font-style: italic;
line-height: 12px;
padding: 1px 3px 0;
}

div#contenido table.contactos tbody.h2 tr th {
color: #654;
font: 18px/24px Verdana, sans-serif;
font-style: normal;
padding: 7px 0 9px;
}

/* #hojas */

dl#hojas {
color: #c96;
}

dl#hojas a {
text-decoration: none;
}

dl#hojas dd {
float: left;
}

dl#hojas dd a:link,
dl#hojas dd a:visited,
dl#hojas dd strong {
color: #edb;
display: block;
margin: 0 6px 0 -6px;
padding: 0 6px;
}

dl#hojas dd a:focus,
dl#hojas dd a:hover {
background: #a54;
}

dl#hojas dd a:active {
color: #ffe;
}

dl#hojas dd strong {
background: #a54;
color: #ffe;
font-weight: normal;
}

dl#hojas dt {
background: #832 url(tapa-derecha.png) repeat-y right center;
float: left;
font-style: italic;
margin-right: -696px;
padding-right: 720px;
text-align: right;
width: 240px;
}

dl#hojas dt a:link,
dl#hojas dt a:visited,
dl#hojas dt strong {
background: #023 url(tapa-izquierda.png) repeat-y left center;
color: #cdf;
display: block;
font-weight: bold;
padding: 0 12px;
}

dl#hojas dt a:focus,
dl#hojas dt a:hover {
background: #356 url(tapa-izquierda-foco.png) repeat-y left center;
}

dl#hojas dt a:active {
color: #eef;
}

/* #migajas */

p#migajas {
background: #ffe;
float: right;
padding: 0 24px;
text-align: left;
width: 672px;
}

p#migajas a:link,
p#migajas a:visited {
color: #941;
text-decoration: none;
}

p#migajas a:focus,
p#migajas a:hover {
color: #d61;
text-decoration: underline;
}

p#migajas a:active {
color: #f81;
}

/* #idiomas */

ul#idiomas {
background: #143;
border-bottom: 24px solid #245;
color: #586;
float: left;
font: 14px/16px Verdana, sans-serif;
height: 84px;
list-style: none;
padding: 3px 12px;
text-align: right;
width: 216px;
}

ul#idiomas li {
margin: 8px 0;
}

ul#idiomas li a:link,
ul#idiomas li a:visited {
color: #586;
text-decoration: none;
}

ul#idiomas li a:focus,
ul#idiomas li a:hover {
color: #8b9;
}

ul#idiomas li a:active {
color: #bdc;
}

/* .global_nav */

h2#navegacion_titulo {
background: #245;
color: #467;
float: left;
font: 24px/24px Verdana, sans-serif;
margin-top: -24px;
padding: 48px 12px 12px 24px;
text-align: right;
width: 204px;
}

ul.global_nav {
background: #245;
clear: left;
float: left;
width: 240px;
}

ul.global_nav li {
font-style: italic;
font-weight: bold;
list-style: none;
margin-bottom: 12px;
position: relative;
text-align: right;
}

ul.global_nav li a:link,
ul.global_nav li a:visited {
color: #789;
display: block;
padding-right: 12px;
text-decoration: none;
}

ul.global_nav li a:focus,
ul.global_nav li a:hover {
background: #356 url(tapa-izquierda-foco.png) repeat-y left center;
color: #9ab;
}

ul.global_nav li a:active {
color: #cdf;
}

ul.global_nav li strong {
color: #cdf;
display: block;
padding-right: 12px;
text-decoration: none;
}

ul.global_nav li ul {
display: none;
}

ul.global_nav li:hover ul,
ul.global_nav li.hover ul {
background: #467;
border-top: 2px solid #245;
color: #abc;
display: block;
left: 240px;
margin: -2px 0 0 -6px;
position: absolute;
top: 0;
}

ul.global_nav li.self ul,
ul.global_nav li.ancestor ul {
background: inherit;
border: none;
display: block;
margin: 0;
position: static;
width: auto;
}

ul.global_nav li:hover ul li,
ul.global_nav li.hover ul li {
border: 2px solid #245;
border-top: none;
margin: 0;
}

ul.global_nav li.self ul li,
ul.global_nav li.ancestor ul li {
border: none;
border-right: 2px solid #356;
margin: 0 18px 0 0;
}

ul.global_nav li:hover ul li a:link,
ul.global_nav li:hover ul li a:visited,
ul.global_nav li.hover ul li a:link,
ul.global_nav li.hover ul li a:visited {
color: #9ab;
text-align: left;
}

ul.global_nav li.self ul li a:link,
ul.global_nav li.ancestor ul li a:link,
ul.global_nav li.self ul li a:visited,
ul.global_nav li.ancestor ul li a:visited {
border: none;
color: #789;
margin: 0;
text-align: right;
}

ul.global_nav li ul li a:link,
ul.global_nav li ul li a:visited,
ul.global_nav li ul li strong {
font-weight: normal;
padding: 0 6px;
}

ul.global_nav li ul li a:focus,
ul.global_nav li ul li a:hover {
background: #578;
color: #bcd;
}

ul.global_nav li ul li a:active {
color: #def;
}

ul.global_nav li.self ul li a:focus,
ul.global_nav li.ancestor ul li a:focus,
ul.global_nav li.self ul li a:hover,
ul.global_nav li.ancestor ul li a:hover {
background: #356 url(tapa-izquierda-foco.png) repeat-y left center;
color: #9ab;
}

ul.global_nav li.self ul li a:active,
ul.global_nav li.ancestor ul li a:active {
color: #cdf;
}

/* #nanta (pagina principal) */

body#nanta div#cabeza {
border-top: 270px solid #143;
}

body#nanta div#contenido {
position: relative;
}

body#nanta div#cabeza address a:focus,
body#nanta div#cabeza address a:hover {
background: #243;
border: 1px solid #021;
margin: -1px -3px -5px;
opacity: 0.6;
padding: 0px 4px 2px;
}

body#nanta div#cabeza span.logotipo img {
cursor: pointer;
}

body#nanta div#contenido dl.bandera {
display: none;
}

body#nanta div#contenido dl.visible {
display: block;
}

body#nanta div#contenido dl.bandera dd {
background: #586 url(fondo-bandera.jpg) repeat-y left top;
color: #032;
cursor: pointer;
font-style: italic;
height: 246px;
left: -240px;
line-height: 20px;
margin: 0;
overflow: hidden;
padding: 24px 12px 0;
position: absolute;
text-align: right;
top: -384px;
width: 216px;
}

body#nanta div#contenido dl.bandera dt {
background: #143;
color: #586;
font: italic 16px/270px Georgia, serif;
height: 270px;
left: 0;
position: absolute;
text-align: center;
text-decoration: none;
top: -396px;
width: 720px;
}

body#nanta div#contenido dl.bandera dt img {
border: none;
cursor: pointer;
float: none;
margin: 0;
}

body#nanta div#contenido h1 {
margin-top: 0;
}

body#nanta h2#navegacion_titulo {
padding-top: 24px;
}

body#nanta ul#idiomas {
border-top: 270px solid #586;
}}}