Código HTML:
html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
text-align: center;background: #C0C0C0;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}
div#image{float:right;
display:inline; width:30px; height:10px;margin-bottom:15px; margin-top:30px; size:landscape; margin-right:100px}
div#linked a{
text-shadow:#FF9999;
font-weight:bold;
color: #FF0000;
padding: 5px 5px 5px 5px;
background-color:#EEEEEE;
text-decoration:none;
font-size:12px;
}
div#linked a:hover{
color: #EEEEEE;
padding: 5px 5px 5px 5px;
background:url(bgimage.jpg);
text-decoration:none;
font-size:12px;
}
div#header h1{width:70px; margin-left:70px;text-align:left; padding: 30px 0 10px;color: #FFFFFF;float:left; margin-bottom:15px;}
div#header{width:770;overflow:hidden;background: #595D66}
div#menu{width:770px; margin-left:100px;text-align:left}
style1 { margin-rigth:100px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float: right;font-size: 80%; margin-right:70px}
ul#nav li{float: left;margin-left: 3px;text-align: center}
ul#nav a{float: left;width: 115px;padding: 5px 0;background: #999999 ;text-decoration:none;color: #000000 }
ul#nav a:hover{background: #CCCCCC;color: #FFFFFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
div#container{ width:770px;margin:0 auto 10px;padding:20px 0 10px;text-align:left;background: #FFFFFF; position:fixed}
div#content{ float:right;display:inline;width:560px;margin:0 10px 10px 10px; vertical-align: top; position:fixed}
div#content h2{margin: 10px 0;color: #007BC4}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}
div.comments div{background: #EEE;margin-bottom:10px}
div.comments p{padding: 10px;margin:0}
div.comments div.odd{background:#DAE6FE}
div#side{float:left;display:inline;width: 180px; margin:0 10px 10px 0}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0}
div#footer{clear:both;width:750px;margin:0 10px 0;padding: 10px 0;
background: #586695;color: #FFF;text-align:center; vertical-align:bottom; azimuth:center; elevation:lower;}
div#footer p{margin:0 0 5px 0; vertical-align:baseline}
/*barra Vertical*/
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float: inherit;width:inherit ;margin:0 10px 10px 0}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif bold;
text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
li#one h3{background: #999999;color: #333333}
ul#split div{background: #CCCCCC}
li#one div{border:2px solid; color:#999966}
.cuerporec{
border-width: 1px;
border-style: solid;
margin-top: 2px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0pt;
}
.cuerporec ul{
margin-top: 5px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 1px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
.cuerporec li{
padding-left: 12px;
font-size: 8pt;
padding-bottom: 2px;
margin-top: 1px;
margin-right: 0pt;
margin-bottom: 1px;
margin-left: 0pt;
background:#CCCCCC;
}
.cuerporec li a:hover{
background-color: #333333;
color: #666666;
}
.cuerporec a{
text-decoration: none;
color: #000000;
}
/*
estilos para categories.php
*/
div#content label{}
div#content table{ background-color: #E8E8E8; background-repeat:repeat;margin:5px 5px 5px 5px}
/* */
.style3 {
color: #0066FF;
font-size: 9px;
}
.style1 {
color: #0099CC;
font-size: smaller;
}
.style2 {
color: #333333;
font-size: 10px ;
}
body,td,th {
color: #000000;
}
.style6 {
color: #333333;
font-size: 10px ;
}

