body {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,sans-serif;
	padding-left: 220px;
	background-color: white;
}

h1 {
	color: #ffffff;
	background-color: #8cb2ff;
}

.encabezado {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,sans-serif;
	font-weight: bold;
	font-size: 24pt;
	color: white;
	background-color: #8cb2ff;
}

.titulo {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial,sans-serif;
	font-weight: normal;
	font-size: 16pt;
	color: white;
	background-color: #8cb2ff;
}

.c {width: 4; height: 4}

.tl {padding: 0; width: 4; text-align: left; vertical-align: top}
.tr {padding: 0; width: 4; text-align: right; vertical-align: top}
.bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
.br {padding: 0; width: 4; text-align: right; vertical-align: bottom}


#contenido a:link, a:visited {
	color: #508cff;
	text-decoration: underline;
}

#contenido hr {
	color: #8cb2ff;
	background-color: #8cb2ff;
	height: 3px;
	width: 75%;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#menu li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #menu li {border-bottom: none;}

#menu {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	padding: 0 0 10px 0;
	font-size: 90%;
	text-align: center;
	background-color: #8cb2ff;
}

#menu a:link, a:visited {
	color: white;
	width: 100%;
	text-decoration: none;
	font-weight: bold;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	padding: 5px 5px 5px 5px;
}

#menu li:hover {
	padding: 5px 5px 5px 5px;
	background-color: #bcd2ff;
}