/*=RESET
============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }
.clear {clear: both;}
body { background: #fff; font-family: arial,helvetica,sans-serif;}
h1 {font-size : 160%; font-weight : bold;}
/*=LAYOUT
============================== */
body, td, th, h3 { /* browser differences workaround */
	font-size: small;
	font-size: 12px;
}
#todo {
	float: left;
	margin:30px 0 0 40px;
	width:960px;
}
#pie {
	float: left;
	margin:30px 0 0 40px;
	width:960px;
}
h1 {
	margin-top : 12px;
	font-size : 1.3em;
	color : #555;
	width : 565px;
	height : 32px;
	overflow : hidden;
	letter-spacing : 1px;
}
#main {
	float : left;
	width : 575px;
	border-top : 2px solid black;
}
#piemain {
	float : left;
	width : 575px;
	height : 44px;
	border-top : 1px solid gray;
}
#indice {
	border-top : 2px solid black;
	float : right;
	width : 355px;
}
#pieindice {
	border-top : 1px solid gray;
	float : right;
	width : 355px;
	height : 44px;
}
#indice>ul {
	margin-top : 12px;
	margin-left:0px;
}
#indice ul {
	font-size: 115%;
}
#indice>ul>li{
	margin-left:0px;
}
#indice li ul {
	margin-left:15px;
}
#indice li a {
	display : block;
	color : #555;
	letter-spacing : 1px;
	padding:3px 15px 7px;
	_height: 16px; /* para que se vea bien en IE6 */
}
#indice li ul a {
	color:#999;
	padding:3px 15px 3px;
	font-size: 90%;
	_height: 16px; /* para que se vea bien en IE6 */
}
#indice li a:hover{
	background-color: #d8dfd8;
	color:#000;
}
#indice li span {
	display : block;
	color : #555;
	letter-spacing : 1px;
	padding:3px 15px 7px;
	_height: 16px; /* para que se vea bien en IE6 */
}
#indice .actual
{
	background-color : #edd;
	color : #222;
}
#main p
{
	letter-spacing : 1px;
	margin-bottom : 15px;
	color : #666;
}
#main p.codigo
{
	color : #000;
}
#main table
{
	margin-bottom : 15px;
}
#main pre
{
	margin-bottom : 15px;
}
#main ul
{
	margin-bottom : 15px;
}
#main table td
{
	padding : 7px 7px 7px 10px;	
	vertical-align : top;
	letter-spacing : 1px;
}
#main li
{
	letter-spacing : 1px;
}
</style>
