/*
http://www.w3.org/TR/xhtml1/dtds.html#dtdentry_xhtml1-strict.dtd_attrs
Naranja-amarillo: #ffd339; 3d505a
Gris claro: COLOR: #b7bfc7;
Gris oscuro: COLOR: #4f5356;
Naranja claro: COLOR: #f6b33d;
Naranja claro 2: COLOR: #e7b44e; eb4
Naranja oscuro: COLOR: #ff6600;
Naranja ignigena: COLOR: #fe7448;
COLOR: #b7bfc7;
COLOR: #858595;
COLOR: #df6d39;
*/

* {
	margin:0;
	padding:0;
}

.b {
	border:solid 1px #f00;
}

/* Se cambiará el color del texto base en «body» y «body a» */

body {
	color:#eb6;
	margin:0 0 20px 0;
	font-size:13px;
	background-color:#203040;
	font-family:verdana,arial,sans-serif,monospace;
}

body a {
	color:#eb6;
	text-decoration:none;
	border-bottom:solid 1px #aaa;
}

body a:hover {
	text-decoration:none;
	border-bottom:solid 1px #fff;
}

body a.img, body a.img:hover {
	border:0;
	margin:0;
	padding:0;
}

/* Estilización previa de los elementos bloque excepto div y table. El elemento
   <form> y sus descendientes (<fieldset>) se tratan aparte por uniformar su
   presentación en los diferentes navegadores. */
h1, h2, h3, h4, h5, h6, ul, ol, dl, pre, hr, blockquote, address, p {
	margin:20px 0;
}

/* Mayor separación para las cabeceras: margen superior mayor */
h1, h2, h3, h4, h5, h6 {
	padding-top:10px;
}

li, dd, blockquote {
	margin-left:40px;
}

br {
	height:20px;
}

img {
	border:0;
}

q:before {content:"«";}
q:after {content:"»";}

hr {
	font-size:1px;
	color:#fff;
	background-color:#fff;
	border:solid #fff;
	border-width:1px 0 0 0;
	width:100%;
	height:0px;
	text-align:center;
}

/* ¡La puta mierda del Internet explorer vuelve a joder la marrana
   haciendo lo que le sale de los cojones con los rellenos y
   márgenes de los elementos fieldset y legend! Hostia, que
   lo han tenido que hacer mal a posta los cabrones. */

/* Hay un fallo con el Internet explorer que provoca que un
   <fieldset> con relleno superior ('padding-top') con un
   <legend> en su interior y otro <fieldset> previo aparezca
   con un margen superior porque sí. */
/* Además duplica el relleno inferior si dentro del <fieldset>
   hay un <p>. Rediós, ¡cuánto placer!, ¡oooh! */
/* Y mucho, mucho más. ¡Qué divertido! Ay qué buenos son
   que nos dan con qué rompernos la cabeza, qué majos. */

/* Así que, hale, ingenio para unificar la presentación de
   los formularios con <legend> y delimitadores <p> en los
   distintos navegadores. Que soy terco, y como el cielo
   es azul (hasta que Bush lo deje definitivamente hecho un asco)
   que lo consigo. Manos a la obra. */

/* Al elemento que engloba todo el formulario lo marcamos con
   'position:relative' que nos permitirá desplazarlo hacia
   arriba con un valor negativo de 'top' al tiempo que eliminamos
   el espacio inferior que resulta de operar así indicado un margen
   inferior negativo. Ambos valores equivaldrán al valor de los
   rellenos superior e inferior que se darán más adelante al
   elemento <legend>. Hacemos esto para contrarrestar el espacio
   extra superior que aparece al asignarle el relleno a <legend>.
   Usamos 'top' con un valor negativo y no 'bottom' con un valor
   positivo por compatibilidad con navegadores antiguos. */

/* Esto es para el caso que los elementos contiguos tengan margen
   superior e inferior. Si sólo tuvieran margen inferior anularíamos
   todos los márgenes del elemento <form>; de no hacerlo los elementos
   aparecerían adyacentes. */

form {
	margin:0 0 -20px 0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	position:relative;
	top:-20px;
	}

/* 2 opciones: *Revisar el texto** */
/* Si el elemento <fieldset> no lleva marcador <legend> bastará
   con asignar un relleno superior equivalente al relleno inferior
   que se indicará para los elementos <p> más adelante y anular los
   rellenos restantes así como el margen. */
/* Si lleva marcador <legend> se anulará el relleno superior también.
   Espacio que completará el espaciado de <legend>. */

fieldset {
	margin:0;
	padding:0 20px;
	border:solid 2px #000;
	background-color:#404550;
}

/* Al indicar el espacio entre elementos <p> indicamos el relleno inferior
   y anulamos los rellenos restante así como los márgenes. Usamos rellenos
   porque cada navegor interpreta los márgenes de formas diferentes (menos
   mal que las normas están para limpiarse el culo con ellas. Qué mundo más
   gris sería este si hiciéramos caso de ellas). */

fieldset p {
	margin:0;
	padding:0 0 20px 0;
}

/* Los diferentes navegadores interpretan de forma opuesta el margen inferior
   de <legend>. Así pues, para completar el espacio superior anulado en la
   declaración de relleno del elemento <p> lo hacemos colocando la misma
   cantidad de espacio entre los márgenes y rellenos superior e inferior de
   <legend>. El valor usado es el dado al relleno inferior de <p>. Así
   conseguimos centrar su contenido en todos los navegadores. Sin embargo
   añadimos un espacio superior al formulario que eliminaremos estilizando el
   elemento <form>. */
   
legend {
	margin:20px 0;
	padding:0;
	color:#000;
	font-weight:bold;
} legend {color:#000;}

/* Y con todo esto el objetivo se ha cumplido. Un remedio que permite ver
   un formulario con etiqueta <legend> del mismo modo en todos los navegadores.
   He de concluir dándoles las gracias a esos curiosos personajes que se
   preocupan a conciencia de pasarse las normas por el forro de los cojones.
   Sin su buen hacer yo no habría desperdiciado las horas que he echado para
   sacar a la luz este remedio. */

label {
	margin:0;
	padding:0;
	color:#ccc;
	font-weight:bold;
} label a {color:#ccc;}

input, textarea {
	border:solid 1px #000;
	background-color:#203040;
}

input.texto, textarea {
	width:100%;
	margin:2px 0 0 0;
	padding:0;
	color:#7cc;
	font-family:monospace;
}

input.boton {
	margin:0;
	padding:1px;
	color:#ccc;
	text-align:center;
}

input.boton:hover {
	color:#fff;
}
/* ======================================== */

#cab {
	padding:5px;
	margin:0 20px;
	border:solid 2px #000;
	background-color:#506070;
	min-width:433px;
} #cab a {color:#7cc;}

#cab div.interior {
	font-size:13px;
	text-align:left;
	color:#ccc;
	margin:0;
	padding:2px;
	border:solid 2px #000;
	background-color:#404550;
	min-width:429px;
}

#cab div.flotaizq {
	float:left;
}

#cab div.flotader {
	float:right;
}

#cab div.despeja {
	clear:both;
}

#cab h1 {
	font-size:13px;
	margin:0;
	padding:0;
	font-weight:normal;
	color:#ddd;
}

/* Espacio por debajo de la cabecera previo al espacio principal. */

#nota {
	padding:0px 2px 2px 2px;
	margin:0 20px;
}

#nota div.interior {
	text-align:right;
	font-size:10px;
	color:#bbb;
} #nota a {color:#bbb;}

/* Espacio para los menús de navegación. La anchura se utilizará como
   valor para el margen derecho de #nuc. */

#nav {
	float:right;
	width:19%;
	font-size:11px;
	text-align:left;
	color:#ccc;
}

#nav div.interior {
	margin:0 20px;
}

#nav br {
	height:20px;
}

#nav h2 {
	display:none;
	margin:0;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	color:#e64;
	text-decoration:none;
}

#nav h3 {
	margin:0 0 2px 0;
	padding:2px;
	border:solid 2px #000;
	background-color:#506070;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#nav ul {
	list-style:none;
	border:2px solid #000;
	background-color:#404550;
	margin:0px;
	margin-bottom:2px;
	padding:2px;
}

#nav li {
	display:block;
	border-bottom:1px solid #202530;
	margin:0px;
	padding-left:5px;
	font-size:11px;
	text-align:left;
	color:#ff8000;
	text-decoration:none;
}

#nav a {
	display:block;
	border:none;
	border-left:2px solid #506070;
	padding:2px;
	padding-left:8px;
	color:#ccc;
	text-decoration:none;
}

#nav a:hover {
	border-left:2px solid #7bc;
	text-decoration:none;
	color:#fff;
	background-color:#303540;
}

/* Espacio auxiliar de contenidos. La anchura se utilizará como
   valor para el margen izquierdo de #nuc. */

#aux {
	float:left;
	width:172px;
	font-size:11px;
	text-align:left;
	color:#ccc;
}

#aux div.interior {
	margin:0 20px;
}

#aux .accesorio {
	color:#ff8000;
	padding:4px;
	margin-top:0px;
	margin-bottom:2px;
	border:solid 2px #000;
	background-color:#404550;
	text-decoration:none;
}

#aux .accesorio .nota {
	color:#7cc;
} #aux .accesorio .nota a {color:#7cc; border:none;}

#aux .accesorio a {
	color:#ccc;
	border:none;
}

#aux h2 {
	display:none;
	margin:0;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-size:10px;
	color:#e64;
	text-decoration:none;
}

#aux h3 {
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	padding:2px;
	border:solid 2px #000;
	background-color:#506070;
	margin-top:0px;
	margin-bottom:2px;
}

/* Espacio principal. Diseñado para que un pie de idéntico estilo se incorpore
   inmediatamente debajo sin saltos aparentes. */

#nuc {
	margin-left:172px;
	margin-right:19%;
	padding-bottom:5px;
	border:solid 2px #000;
	border-bottom:none;
	background-color:#506070;
}

#nuc div.interior {
	margin:5px;
	margin-bottom:0px;
	padding:10px 30px 30px 30px;
	border:solid 2px #000;
	background-color:#404550;
	font-size:13px;
}

#pie {
	margin-left:172px;
	margin-right:19%;
	border:solid 2px #000;
	border-top:none;
	background-color:#506070;
}

#pie div.interior {
	margin:5px;
	margin-top:0;
	border:solid 2px #000;
	background-color:#404550;
	font-size:13px;
}

#pie address {
	margin:0;
	padding:5px;
	font-size:11px;
	color:#ccc;
	line-height:15px;
	background-color:#404550;
} #pie address a {color:#7cc;}

#nuc h1 {
	margin:0 0 30px 0;
	padding:1px 10px;
	text-align:center;
	font-weight:normal;
	font-size:24px;
	color:#9ab;
	border-bottom:solid 1px #9ab;
	background-color:#303540;
} #nuc h1 a {color:#9ab;}

#nuc h2 {
	font-weight:normal;
	font-size:24px;
	color:#eee;
} #nuc h2 a {color:#eee;}

#nuc h3 {
	font-weight:normal;
	font-size:17px;
	color:#eee;
	border-bottom:solid 1px #eee;
} #nuc h3 a {color:#eee;}

#nuc h4 {
	font-weight:normal;
	font-size:16px;
	color:#eee;
} #nuc h4 a {color:#eee;}

#nuc h5 {
} #nuc h5 a {color:#eee;}

#nuc h6 {
} #nuc h6 a {color:#eee;}

#nuc p {
	line-height:17px;
}

#nuc ul {
	list-style:square;
}

#nuc p.suple {
	margin:-15px 0 20px 0;
	font-size:11px;
	color:#bbb;
} #nuc p.suple a {color:#bbb;}

#nuc p.entradilla {
	font-weight:normal;
	font-variant:small-caps;
	color:#ddd;
} #nuc p.entradilla a {color:#ddd;}

#nuc em {
	color:#f80;
	font-style:italic;
} #nuc em a {color:#f80;}

#nuc strong {
	color:#e64;
	font-weight:bold;
} #nuc strong a {color:#e64;}

#nuc blockquote {
	margin:20px 50px;
	color:#999;
	font-style:italic;
} #nuc blockquote a {color:#999;}

#nuc q {
	color:#999;
	font-style:italic;
} #nuc q a {color:#999;}

#nuc cite {
	color:#999;
	font-style:normal;
} #nuc cite a {color:#999;}

#nuc kbd {
	color:#e64;
	font-family:monospace;
} #nuc kbd a {color:#e64;}

#nuc code {
	color:#e64;
	font-family:monospace;
} #nuc code a {color:#e64;}

#nuc samp {
	font-style:italic;
	color:#e64;
	font-family:monospace;
} #nuc samp a {color:#e64;}

#nuc var {
} #nuc var a {color:#e64;}

#nuc .bloque {
	display:block;
	margin:20px 0;
	border:solid 1px #000;
	background-color:#303540;
	padding:10px;
}

#nuc abbr, #nuc acronym {
	border:none;
	border-bottom:dashed 1px;
	padding-bottom:1px;
}

.nota {
	font-size:11px;
	color:#bbb;
} .nota a {color:#bbb;}

.aviso {
	font-weight:bold;
	color:#ccc;
} .aviso a {color:#ccc;}

.adver {
	font-weight:bold;
	color:#e47;
} .adver a {color:#e47;}

#nuc .flotaizq {
	margin:0 7px 7px 0;
	margin-left:0;
	float:left;
}

#nuc .flotader {
	margin:0 0 7px 7px;
	float:right;
}

#nuc .campo {
}

/* Estilo para las tablas. */

#nuc table {
	border-right:solid 0px #367;
	border-bottom:solid 2px #367;
	border-left:solid 1px #367;
	text-align:left;
}

#nuc tr {
}

#nuc td {
	padding:2px;
	border-right:solid 1px #367;
	border-bottom:solid 1px #367;
}

#nuc th {
	padding:2px 6px;
	font-weight:bold;
	color:#ccc;
	background-color:#367;
}

#nuc thead {
	color:#ccc;
	background-color:#367;
}

#nuc thead td {
	font-weight:bold;
	padding:2px 6px;
}

#nuc tbody {
}

#nuc tfoot {
	color:#367;
	background-color:#367;
	height:2px;
}

#nuc table.simple, table.simple th, table.simple tr, table.simple td {
	border:none;
	text-align:left;
	vertical-align:top;
}

/* Formulario del mandamisivas. */
form.mm {
	width:80%;
	}

/* «div.glo» para englobar las entradas de los glosarios inés. */

#nuc div.glo {
	margin:20px 0;
	padding:5px;
	border:solid 1px #000;
	background-color:#404550;
}

/* Estilo para las entradas. */
#nuc div.glo p.entrada {
	margin:0 0 20px 0;
	padding:2px;
	color:#ddd;
	background-color:#336677;
	border:solid 1px #000;
} #nuc div.glo p.entrada a {color:#ddd;}

/* Estilo para las acepciones. */
#nuc div.glo p.acep {
	margin:20px 0;
	color:#ddd;
} #nuc div.glo p.acep a {color:#ddd;}

/* Estilo para las traducciones equivocadas. */
#nuc div.glo .mal {
	font-weight:bold;
	color:#000;
} #nuc div.glo mal a {color:#f90;}
/* ======================================== */

/* Para centrar correctamente con el fantabuloso I.E.:
   Se usarán dos contenedores: El primero con text-align:center,
   centrará el segundo contenedor y el contenido de éste;
   el segundo, con margin:auto y text-align:left, alineará sus
   contenidos a la izquierda. */
.centro {
	text-align:center;
}

.der {
	text-align:right;
}

.despeja {
	clear:both;
}

.despejader {
	clear:right;
}

.despejaizq {
	clear:left;
}

.oculto {
	display:none;
}

.statcounter {
	display:none;
}