body{
	background-color:#000;
	color:#888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	overflow:auto;
}
	

.titulo {
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	color:#F00; 
	font-size:24px;
	line-height:30px;
	margin-left:20px
}

.titulobra {
	float: left;
	font-family: Arial, Helvetica, sans-serif; 
	color:#F00; 
	font-size:18px;
	line-height:30px;
	margin-left:20px
}

.menusup a {
	margin-right: 20px;
	margin-top:0px;
	line-height:30px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	color: #900;
	text-decoration: none; 
	font-weight:bold;
	}

.bold_rojo{
	margin-right: 20px;
	margin-top:0px;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	color: #900;
	font-weight:bold;
	}
	
a:hover { color:#f00; 
	}
	
.menusup {
	text-align: right;
	position:fixed;
	width:100%;
	background-color:#000;
	top:0px;
	padding-top:10px;
	z-index:3;
}
	
.contenido {
	margin-left:20px;
	width:60%; 
	height: inherit;
	margin-top:60px;
}

.tituloinicio{
	position:absolute; 
	top:50px; 
	right:5%;
	font-size:12px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #999;
	z-index:1;
}

a {
	outline:0;
	color:#900; 
	text-decoration: none;
	position:relative;
	z-index:2;
}

img {
	border:none;
}

a img {
	border:none;
}

.anterior { 
	float: left;
	margin-left:20px;
	}
	
.siguiente {
	float: right;
	margin-right:20px;
}

li {
list-style-type:none;
}