html{ margin: 0; padding: 0}
body {background: #fff; margin: 0px; padding: 0; font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif} 
h1 { color: #66c; font-size: 2em; line-height: 1.25em; margin-top: 10px; margin-left:20px; margin-bottom: 0 ; border-bottom: 1px solid navy }
h3 { color:#5F9EA0; margin-left:20px}
h4 {color:#BC8F8F; margin-left:20px}
p { margin-left: 100px; font-size:90%; width:98% }
#c p {text-align:left; margin-left:20px}
a:link img, a:visited img { border-style: none } /* no border on img links */
a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all { a img { color: inherit; } }     
input{	border: 1px solid #000000; background: #fff; color: #000000;	font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif}
.button{background: #CCCCCC;}
#header {FONT-SIZE: 85%; BACKGROUND: #369; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal;}
#header UL {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none}
#header LI {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
#header A {PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BACKGROUND: url(l.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #9cf; PADDING-TOP: 5px; TEXT-DECORATION: none}
#header A {FLOAT: none}
#header A:hover {COLOR: #fff}
#header #marked {BACKGROUND-IMAGE: url(right_on.gif); color:#f90}
#header #marked A {BACKGROUND-IMAGE: url(left_on.gif); PADDING-BOTTOM: 5px; COLOR: #f90}
#l{width:50%}
#x{position:absolute;left:50%;top:100px;width:50%;}
#datos{background:#ffc}
#pie {background:#999;color:#fff;font-weight: bold;font-size: 12px;line-height: 1.5;text-align:center;position:absolute;width:100%}
#pies {position:absolute;top:600px;background:#999;color:#fff;font-weight: bold;font-size: 12px;line-height: 1.5;text-align:center;position:absolute;width:100%}