<style type="text/css">

body {margin: 0px; padding: 0px; background: #0a7ccc;}
 
     div.topo {left: 0px; top: 0px; right: 0px; bottom: auto; width: 100%; height: 250px;} 
	 
     div.subt {left: 0px; top: 0px; right: 0px; bottom: auto; width: 990px; height: 10px; background:url(../images/tiled.bmp) repeat;} 
	 
	 div.sub2 {
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: auto;
	width: 990px;
	height: 25px;
	position: relative;
}
	 div.sub3 {left: 0px; top: 0px; right: 0px; bottom: auto; width: 990px; height: 10px; background:url(../images/tiled2.bmp) repeat;} 

     div.menu {position: relative; width: 240px; height: auto; top: 0px; left: -375px;}
	 	 
     div.cont {position: relative; width: 750px; height: auto; top: 0px; left: 120px;}
	 
	 div.sbm1 {position: relative; width: 366px; height: auto; top: -7px; left: 0px; border: solid #eee; }
	 
	 div.sbm0 {position: absolute; width: 238px; height: auto; top: 303px; left: -240px;}
	 
	 div.sbm2 {position: absolute; width: 365px; height: auto; top: 303px; left: 375px; border: solid #eee;}
	 
     div.foot {width: auto; height: 50px; top: 0px; left: 0px; }

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:236px; height:auto; border:1px solid #ccc; position:absolute; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:236px; color:#000; background:#eee; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#eee;}

#slide li.top a {text-decoration:none; color:#000; display:block;}

#slide li.top a:hover {color:#069; background:#ddd;}

#slide li.clicked {color:#800; background:#ddd;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:165px; width:206px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}

#slide li div ul li {float:left; height:15px; width:100%;}

#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}

#slide li div ul li a:hover {color:#069; background:#fff;}

.textos {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style: italic;
	font-weight: bold;
	position: absolute;
	left: 5px;
}
.boxe {
	position: absolute;
	right: 5px;
}

</style>