body
	{
	margin: 0;
	background-color: #FFF;
	font-family: Arial, Helvetica, Sans-Serif;
	}

table.ref
	{
	border: none;
	width: 100%;
	height: 100%;
	}

h1
	{
	font-size: 1.3em;
	font-weight: normal;
	color: #339;
	}

h2
	{
	margin: 0 0 0 4px;
	font-size: 1.2em;
	font-weight: normal;
	color: #339;
	}

h3
	{
	font-size: 1.0em;
	font-weight: bold; 
	margin-left: 4px;
	color: #339;
	}	

p {margin-left: 4px; margin-right: 4px;}

a:active {text-decoration: none;}
	
a:hover {color: #FFF; background: #669;}

/* indice */

td.indice
	{
	width: 220px;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #EEF;
	vertical-align: top;
	font-size: .75em;
	}

td.indice p {margin: 0; font-weight: normal; text-align: center;}

td.indice p.teo
	{
	margin: 0 0 4px 0;
	border: 1px solid #999;
	border-width: 1px 0 0 3px;
	background-color: #CCC;
	font-weight: bold;
 	}

td.indice p.teo {font-style: italic;}

td.indice p.lang, td.indice p.copr {margin-bottom: 8px; font-weight: normal;}

td.indice p.lang {margin: 8px 4px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF;}

td.indice p.titulo {margin: 0; text-indent: 4px; text-align: left; font-weight: bold;}

td.indice p.anuncio1 {margin: 1em 4px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;  background-color: #FFF; font-weight: bold;}

td.indice p.anuncio2 {margin: 1em 1em;}

td.indice p.idx1 {margin: 0 0 0 3px; text-align: left;}

td.indice p.idx2 {margin: 0 0 0 12px; text-align: left;}

td.indice p.idx3 {margin: 0 0 0 21px; text-align: left;}

td.indice a:link {color: blue; text-decoration: none;}
	
td.indice a:visited {text-decoration: none;}

td.indice a:active {text-decoration: none;}
	
td.indice a:hover {display: block; color: #FFF;	background: #669;}

/* contenido */

td.portada, td.eje {vertical-align: top; text-align: center;}	

td.portada {padding-top: 2em;}	

td.portada p.links {margin: .4em;}

td.texto {vertical-align: top; text-align: left;}

td.texto img.indent {margin-left: 2em; border: 1px solid black;}

td.art {font-size: 90%;	vertical-align: top; text-align: left;}
	
td.art a:link {text-decoration: none;}
	
td.art a:visited {text-decoration: none;}

td.art a:active {text-decoration: none;}
	
td.art a:hover {color: #FFF; background: #669;}

/* otras clases */

div.anuncio {display: none;}

div.cuadro-350
	{
	margin: .5em;
	width: 350px;
	border: 1px solid #999;
	border-width: 1px 0 0 6px;
	padding: 6px;
	background-color: #EEF;
	text-align: left;
	font-size: 80%;
 	}

div.cuadro-350 h1
	{
	margin: 0 0 1em 0;
	font-size: 110%;
	color: #900;
	font-weight: bold;
	}
	
div.cuadro-350 p {margin: 0;}
 	
p.ref
	{
	margin: 1em 20%;
	border-top: 2px dotted;
	border-bottom: 2px dotted;
	background-color: #EEF;
	text-align: center;
	font-weight: normal;
 	}

p.smallb
	{
	margin: 0;
	font-weight: bold;
	font-size: .75em;
	}	
		
.small
	{
	margin: 0;
	font-weight: normal;
	font-size: .75em;
	}

.oscuro	{background-color: #EEF;}

.claro	{background-color: #FFF;}