Hola SanXuan:
Aquí tienes lo que pedías, están el CSS y el HTML juntos te lo he simplificado para que lo puedas ver sin el resto de código.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " [url]http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url] ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title></title>
<style>
#caja_tabla {float:left;width:50%; z-index:5;margin-left:25%;}
#Caja1{background:#778899;float:left;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width:100%;margin:0.25%;text-align: Center;font-size:auto;font-weight: bold;line-height: auto;}
#Caja2{background:#778899;float:left;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width:100%;margin:0.25%;text-align: Center;font-weight: bold;line-height: auto;}
#Caja3{background:#778899;float:left;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width:32.8362%;margin:0.25%;text-align: Center;font-weight: bold;line-height: auto;}
#Caja4{background:#778899;float:left;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width:32.8365%;margin:0.25%;text-align: Center;font-weight: bold;line-height: auto;}
#Caja5{background:#778899;float:left;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;width:32.8362%;margin:0.25%;text-align: Center;font-weight: bold;line-height: auto;}
</style>
</head >
<body>
<div id="caja_tabla">
<div id="Caja1">
<p>Cuaderno</p></div >
<div id="Caja2">
<p>Resultados</p></div >
<div id="Caja3">
<p>Ventas"</p></div >
<div id="Caja4">
<p>Unidades</p></div >
<div id="Caja5">
<p>Margen</p></div >
</div>
</Body>
</html> Gracias de nuevo,
