/*comun.css*/


/*general---------------------------------------------------*/
body {
	background-color: #DADFEB;
	font-family: sans-serif;
	}

span.monospace {
	font-family: monospace;
	font-size: 1.25em;
}
	

/* LINKS  TODO: retocar los colores? */
a {
	font-family: monospace;
	text-decoration: none;
	font-size: 1.25em;
}
a:link {color: rgb(75,163,96)}
a:visited {color: rgb(190,163,96);}
a:hover {text-decoration: underline;}


/* barra de navegación--------------------------------*/
#barra {
	/*background-color: white;*/

   font-size: small;
	/*position: fixed;*/
	top: 0px;
	width: 100%;
	height: 100px;
	overflow: auto;
/*	border-bottom: 1px solid #AAA;*/
	z-index:1;
}


/*cuerpo del texto-------------------------------------*/
#cuerpo {
	margin-top: 10px;
	margin-left: 10px;
	font-size: small;
	padding: 10px;
}

#cuerpo dt {
	font-weight: bold;
	font-size: 1.25em;
}


/*pie-----------------------------------------------------*/
#pie {
	font-size: small;
	border-top: 1px solid #AAA;
	padding-top: 10px;
}

/*menu ---------------------------------------------------*/
/*ul {
	width: 10em;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid silver;
   font: 1em sans-serif;
}
ul li {
	list-style-type: none;
	border: 1px solid silver;
	border-width: 1px 1px 0 3px;
   position: relative; margin: 0; padding: 0;
}
ul ul {
	display: none;
}
ul li:hover > ul {
	display: block;
	position: absolute;
	top: -1px;
	left: 100%;
}*/
li a {
	display: block;
	padding: 3px;
	text-decoration: none;
   background: #FFF;
}
li a:hover {
	background: yellow;
}
li.sub > a {
	font-weight: bold;
	background: #FFE;
}

ol {
	width: 100%; /*25em;*/
	padding: 0;
	margin: 0;
	height: 1.5em;
	font: 1em sans-serif;
	font-size: small;
}
ol li {
	list-style-type: none;
	float: left;
   border: 1px solid silver;
   border-width: 1px 1px 1px 3px;
   position: relative;
   margin: 0;
   padding: 0;
}
ol ol {
	display: none;
}
ol ol li {
	float: none;
	border-width: 0 0 1px 3px;
}

body > ol > li {
	width: 9.75em;
}
#barra > ol > li {
	width: 9.75em;
}	
body > ol > li > a {
	padding: 0.4em 0.5em 0.1em;
}
#barra > ol > li > a {
	padding: 0.4em 0.5em 0.1em;
}
	
body > ol > li:hover > ol {
	top: 1.55em;
	left: -3px;
}
#barra > ol > li:hover > ol {
	top: 1.55em;
	left: -3px;
}
	
ol > li:hover > ol {
	display: block;
	position: absolute;
   width: 10em;
   top: 0;
   left: 100%;
}
ol li a:hover {
	background: #DFF;
}
ol li.sub > a {
	font-style: italic;
	background: #EEF;
}