body {
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #eee7cf;
	scrollbar-base-color: #ffffff;
	scrollbar-face-color: #eee7cf;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #eee7cf;
	margin:0px 0px;
	padding:0px;
       	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#333;
	background:#eee7cf url(imagens/nuvens.jpg) repeat-x;

	}


#head {font-size:14px;color:#ffffff;padding-left:10px;padding-right:10px;font-weight:bold;}
#f {font-size:11px;color:#000000;font-weight:bold;text-decoration:none;}
#sa {font-size:12px;color:#996633;font-weight:bold;text-decoration:none;}
#b {font-size:11px;color:#617F97;font-weight:bold;text-decoration:none;}
#n {font-family:Times New Roman;font-size:13px;color:#000000;font-weight:bold;letter-spacing:1px;}
h1 {
	margin:0px 0px 15px 0px;
	padding:20px 0px 20px 40px; 
	font-size:30px;
	line-height:38px;
	font-weight:900;
	color:#cff;

	}

h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:12px;
	line-height:12px;
        font-weight:bold;
        color:#006;
	}
h3 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-family:Verdana;
	font-size:11px;
	line-height:20px;
        font-weight:bold;
        font-style:italic;
        color:#006;
	}
p {
	font:12px/17px verdana, arial, helvetica, sans-serif;
	color:#006;
	margin:0px 0px 16px 0px;
	padding:0px;
	}


a {
	color:#09c;
	font-size:12px;
	text-decoration:none;
	font-weight:300;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#cff;}

#header {
	margin:0px 0px -20px 0px;
	padding:0px 0px;
	/* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
	height:140px; /* 14px + 17px + 2px = 33px */
	background:transparent url(imagens/olhos.jpg) no-repeat top right;


	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:140px;}


#titulo {
	position:absolute;
	padding:50px 20px 0px 60px;
	background:transparent;
        }

#emtorno {
	position:relative;
	top:0px;
	right:0px;
	left:0px;
	padding:300px 0px 0px 10px;
	background:url(imagens/pegadas.gif) repeat-y bottom center;
        }

#petalas {
	position:absolute;
	top:10px;
	right:30px;
	width:150px;
	height:280px;
	margin:0px 30px 0px 0px;
	padding:0px;
	background:transparent url(imagens/petalas.gif) repeat-y top center;
	}
#data {
	margin:20px 500px 0px 20px;
	font-family:Verdana;
	font-size:12px;
	color:#36f;
	font-weight:bold;
	font-style:italic;
	letter-spacing:1px;
	background:transparent;
        text-align:left;
	}
#post {
	margin:0px 265px 0px 20px;
	padding:10px 30px 5px 20px;
        background:transparent url(imagens/marareia.jpg) no-repeat bottom left;
        text-align:justify;
	}

#menu {
	position:absolute;
	background:transparent;
	top:140px;
        margin-bottom:50px;
	right:10px;
	width:245px;
	padding:0px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:245px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:245px;}
#velho {
	position:relative;
	width:240px;
	height:314px;
	padding:0px;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:240px;
	background:transparent url(imagens/barco.jpg) no-repeat bottom center;
	}
/* Again, "be nice to Opera 5". */
body>#velho {width:240px;}