@font-face {
    font-family: 'comedia';
    src: url('../../fuentes/comedia/ComicRelief-webfont.eot');
    src: url('../../fuentes/comedia/ComicRelief-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fuentes/comedia/ComicRelief-webfont.woff2') format('woff2'),
         url('../../fuentes/comedia/ComicRelief-webfont.woff') format('woff'),
         url('../../fuentes/comedia/ComicRelief-webfont.ttf') format('truetype'),
         url('../../fuentes/comedia/ComicRelief-webfont.svg#comic_reliefregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	background-color: #000000;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #9DAF99;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
#titulo{
	position: fixed;
	top: 0;
	left: 0;
	height: 7%;
	width: 100%;
	font-family: 'comedia';
	color: #ff0000;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	padding-top: 0.5em;
}
#pie {
	position: absolute;
	top: 90%;
	left: 0;
	height: 4%;
	width: 100%;
	font-family: 'comedia';
	font-size: 1.5em;
	color: #ff0000;
	text-align: center;
	margin-top: 1%;
}