Foros del web, para los que viven de bits

* {
margin: 0;
padding: 0;
}

body {
	background-color: #ffffff;
	color:#666666;
	font-family:Arial,Helv,sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}

a:link,a:visited {
	color: #ccc; 
	font-weight: 
	bold; text-decoration:none;
}

a:hover {
	color: #fff;
	text-decoration:underline;
}

.titulo {
	position: absolute;
	padding-top: 15px;
	padding-left: 15px;
	font-size:14px;
	margin-bottom: 1px;
	font-weight:bold;
	width: 400px;
	color: #fff;
	background: url(header.gif) no-repeat top left;
	height: 21px;
}

.sintitulo {
	position: absolute;
	padding-top: 15px;
	padding-left: 15px;
	font-size:11px;
	margin-bottom: 1px;
	font-weight:bold;
	width: 400px;
	color: #fff;
	background: url(header.gif) no-repeat top left;
	height: 21px;
}

.enlace {
	position: absolute;
	padding-top: 15px;
	padding-left: 15px;
	font-size:14px;
	margin-bottom: 1px;
	font-weight:bold;
	width: 400px;
	color: #fff;
	background: url(header.gif) no-repeat top left;
	height: 21px;
}

#enlace a, #enlace a:visited {
	color: #DEF0FE;
}

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

#menu_horizontal li {  
    margin:0;
	padding:0;    
	float:left;
}

#menu_horizontal li a, #menu_horizontal li a:visited {
	display: block;
    text-align:center; 
    padding-top: 6px;
	width: 93px;
	height: 28px;
	color: #ccc;
	background: url(menuh.png) no-repeat;
}

#menu_horizontal li a:hover {
	color: #fff;
	text-decoration: none;
}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 12px;
	padding-left: 13px;
	font-size:12px;
	color: #fff;
	background: url(rightheader.gif) no-repeat top left;
	height: 20px;
}

#cabecera {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 20px;
	color: #fff;
	height: 73px;
	background: url(logo.png) no-repeat;
}

#logo {
padding-top: 25px;	
}

#columna_izquierda {
	float: left;
	width: 130px;
}

#columna_izquierda a, #columna_izquierda a:visited {
	display: block;
	background: url(menulink.gif);
	padding-top: 3px;
	padding-left: 18px;
	height: 20px;
	color: #ccc;
}

#columna_izquierda a:hover {
	color: #fff;
	text-decoration: none;
}

#menuheader {
	background: url(menuheader.gif) no-repeat;
	height: 23px;
}

#menufooter {
	background: url(menufooter.gif) no-repeat left top;
	height: 21px;
}

#menu_principal {
	width: 750px;
	margin: 5px auto;
	background-color: #fff;
	color: #333;
	line-height: 130%;
}

#columna_derecha {
	float: right;
	width: 240px;
	background: #fff url(rightcontent.gif);
	text-align:justify;
	color: #ccc;
}

.columna_central {
	margin-left: 135px;
	margin-right: 240px;
	max-width: 34em;
	background: url(content.gif) top left;
	text-align:justify;
}

.texto_central {
	padding: 40px 15px 20px 15px;
	color: #fff;
	background: url(footer.gif) no-repeat left bottom;
}

.texto_derecho {
	padding: 0px 15px 20px 15px;
	color: #e2e2e2;
	background: url(rightfooter.gif) no-repeat left bottom;
}

.texto_gris {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #404040;
}

.inicio {
	text-align:right;
	text-decoration:none;
}

#info {
	color: #ccc;
	background: #535353;
	font-size: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	border:	1px solid #858585;
}

  <div class="columna_central">
      <ul id="menu_horizontal"> 
        <li><a href="#ante">Antecedentes</a></li>
        <li><a href="#empu">Empujón</a></li>
        <li><a href="#futu">Futuro</a></li>
        <li><a href="#capi">Capítulos</a></li>
      </ul>
  </div>