body {
	padding:0;
	margin:0;
}
/* Para la mierda del IE*/
#contenido {
	float:right;
	width: 80.3%;
	margin: 0 0 0 -5px;
	border-style: none solid none none;
	border-width: 3px;
	background-image:none;
	background-repeat:none;
	padding: 0.3em 0.3em 0 0;
} 
/* Para Mozilla, konqueror y dem�*/
html>body div#contenido {
        width: 79%;
        margin-right: -7px;
}
html>body ul#nave {
	margin-left: -0.58em;
}
/* Estilo para la letra m� grande del menu (normal: 1.1em). El valor aqui es de 1.3em*/
ul#nave li {
	font-size:1.3em;
}
div#vertical {
	font-size: 0.9em;
	float: right;
	width:19%;
	border-left:0;
	border-bottom: 1px dashed #CCC;
	border-top:0;
	padding-right: 2px;
	margin:0;
}
html>body div#vertical {
	margin: 0px 0 0.3em 0.5em;
}
#vertical div#campanas li {
	margin: 0;
	padding: 1px;
	text-align: left;
}
#vertical div#campanas ul {
	margin: 0.2em 0 0.2em 0.4em;
	padding: 0.5em;
}
h1, h2, h3 { margin-top: 0em;}
body #vertical h1,body #vertical h2,
body #vertical h3,body #vertical h4,body #vertical h5 {
	color: black;
	margin: 1em 0 1em 0.5em;
}
#vertical div#campanas {
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	margin-right: 0.4em;
	font-size:0.9em;
	padding-left:10px;
}
div#vertical a.imagen:hover {
	background-color: transparent;
}
#vertical p#enlaces {
	margin-left: -0.5em;
}
#enlaces, #estilos {
	font-size: 1.1em;
}
#contenido div {
	border-bottom: 1px dotted black;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
}
#contenido div p.etiqueta img {
	vertical-align: middle;
	margin-left:5px;
}
html>body #contenido div p.etiqueta {
/*La etiqueta de las propiedades del titular*/
	background-color: transparent;
	display: inline;
	border-left: 1px dotted #000;
	border-bottom: 0px;
	border-right: 1px dotted #000;
	border-top: 1px dotted #000;
	font-size: 0.8em;
	padding: 2px;
	clear:left;
}
div#intro {
	height:11em;
	margin:0;
	padding:0;
	background-position: left center;
	background-repeat:none;
}
div#intro h1#naiandei-titulo,
div#intro h1#mix {
/*Estilos comunes a las dos partes del titulo*/
	position:absolute;
	display:block;
	color:white;
}
div#intro h1#naiandei-titulo {
/*Parte común a IE y al resto de navegadores*/
	left:5px;
}
div#intro>h1#naiandei-titulo {
/*Todos los navegadores a excepción de IE*/
	width:182px;
	height:53px;
}
div#intro>h1#naiandei-titulo>a {
/*Estilos para el enlace en el interior del titulo. La anchura y la altura se refieren a su padre, el titulo h1*/
	width:100%;
	height:100%;
	background-image:url(/imagenes/naiandei.png);
	display:block;
}
div#intro h1#naiandei-titulo a:link,div#intro h1#naiandei-titulo a:visited {
/*Estilos para el enlace, es un caso especial*/
	color:white;
	text-decoration:none;
} 
div#intro h1#naiandei-titulo a:hover {
/*Estilos para el enlace "on hover"*/
	background-color:transparent;
	color:#FFC;
}
div#intro h1#mix {
/*Parte común a IE y al resto de navegadores*/
	top:-1px;
	right:0;
	}
div#intro>h1#mix {
/*Todos los navegadores a excepción de IE*/
	background-image:url(/imagenes/mix.png);
	width:271px;
	height:71px;
}
div#intro h1#mix>span,
div#intro h1#naiandei-titulo>a>span {
/*Esconder el texto real para todos los navegadores excepto para internet explorer*/
	display:none;
}
p#publi {
	text-align:center;
}
p#publi a:hover {
	background-color:transparent;
}
/*Hack para hacer que la imagen que flota y que por lo tanto queda fuera de flujo normal
Más info: http://www.cs.hmc.edu/~mbrubeck/clear-after/ y
la referencia: http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#normal-flow */
#contenido div.entrada-contenedor:after,
#contenido div.entrada-contenedor-especial:after { content: ""; display: block; height: 0; clear: both; }
/* Fin hack correcto NO BORRAR */
/*El mismo hack pero aplicado al exploter UNA MIERDA <--------- */
#contenido div.entrada { height:100%; }
/* Esto los navegadores serios lo usan y por lo tanto lo dejan como si no hubiese el hack para el exploter*/
html>body #contenido div.entrada { height:auto; }
/* Fin de hack <- */