*						{ padding: 0px; margin: 0px; }
body					{ text-align: center; font: 10pt/18px 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; color: #505954; background: url('bg_2.jpg') repeat-x ; }
a						{ color: #909693; }
hr						{ display: none; }
h2						{ display: none; }
#all					{ margin: 0 auto; text-align: left; width: 700px; }

	#header				{ margin-bottom: 1em; position: relative; }
	#header	h1 a		{ display: block; width: 400px; height: 130px; background: url(logo.jpg) no-repeat 0 10px; }
	#header	h1 a span	{ display: none; }
	#header				{ }

	#main				{ width: 50%; float: left; }
	#sidebar			{ width: 300px; margin-left: 57.1%; }
	#sidebar p			{ margin-bottom: 1em; margin-top: 1em;  }
	#sidebar ul li		{ list-style: none;  }
	.story		{ float: left; padding: 1em 0em; margin: 0em; margin-left: 11px; font: 1.5em/1.5em 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; width: 100%; }
	.story p			{ margin-bottom: 15px;  }
	
	.status		{ border: solid 1px #dcf4d2; margin: 1.2em 0 0 61.1%; font: 1.5em/1.5em 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; width: 39.9%; }
	.status p	{ padding: 2em; margin-top: 0em; font: 1em/1em 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; }
 
	.content			{ margin-left: 11px; margin-bottom: 1em; }
	.content h3			{ text-transform: uppercase; text-align: left; font: bold 12pt 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; color: #6baf4e; margin-bottom: 1em; } 
	.content dl.ie		{ background: url(ie.jpg) no-repeat; }
	.content dl.ff		{ background: url(firefox.jpg) no-repeat 9px 3px; }
	.content dl.op		{ background: url(opera.jpg) no-repeat 6px 4px; }
	.content dl.ch		{ background: url(chrome.jpg) no-repeat; }
	.content dl.sa		{ background: url(safari.jpg) no-repeat; }
	.content dl.fl		{ background: url(flock.jpg) no-repeat; }

	.content dl			{ padding-left: 80px; width: 305px; float: left; padding-bottom: 20px; }
	
	.content p			{ font: 1.2em/1.5em 'Trebuchet MS', Tahoma, Arial, Helvetica, Sans Serif; margin-bottom: 1em; }
	.content p strong	{ background-color: #E2FAD8; font-weight: normal; padding: 2px; color: #202020; }
	
	.content dl dt		{ font-size: 12pt; font-weight: bold; text-transform: uppercase; padding: 0.5em 0em;}
	.content dl dd ul	{ font-size: 12pt; font-weight: bold; text-transform: uppercase; }
	.content dl dd ul li{ list-style: none; font-size: 8pt;  }
	.content dl dd ul a { color: #404040; font-size: 8pt; text-decoration: none; outline: none; }
	.content dl dd ul a:hover { color: #979797; font-size: 8pt; text-decoration: underline; }

	.content .infolist	{ color: #b2d1a5; margin: 0.5em 1.5em 0em 1.5em; font-size: 9pt; display: none; }
	.content .infolist	span { color: #090; }
	.content .info { padding-right: 11px; background: url('info.gif') no-repeat top right; }

	.content code		{ height: 90px; overflow: auto; display: block; padding: 0.25em 0.5em; margin: 1em 0; background: #FFFFCF; border: solid 1px #EFEFAF;}

	.content .espalheCodigo		{ width: 49%; float: left; font-size: 8pt; }
	.content .espalheBanner		{ width: 49.8%; margin-left: 51.5%; font-size: 8pt; }

	#footer				{ font-size: 0.9em; margin-bottom: 0.5em; margin-top: 1em; border-top: solid 1px #e2e6d8; padding: 1em; text-align: right; }
	#footer	a			{ color: #8acf6b; } 

	.externo			{ padding-right: 16px; background: url(externo.gif) no-repeat top right; }	
	.clear				{ clear: both; }

	.translate			{ float: right;  position: absolute; right: 80px; top: 68px; }
	.translate *		{ }
	.translate ul		{ list-style: none; padding: 0; margin: 0; }
	.translate ul li	{ position: absolute; top: 0; left: 0; }
	.translate ul li span	{ display: none; position: absolute; top: 35px; left: 0px; white-space: nowrap; }
		.translate ul li.en	a { position: absolute; top: 0; left: 0; }
		.translate ul li.es	a { position: absolute; top: 0; left: 30px; }
		.translate ul li.pt	a { position: absolute; top: 0; left: 60px; }

	

/* IE6 Hacks */

	#sidebar	{ _width: 240px; }	
	.status		{ _width: 260px; }
	.content dl	{ _width: 420px; }
	.content .infolist	{ _padding-left: 0;}
	.content .infolist	li { _padding-left: 0;}
	.content .espalheBanner		{ _margin-left: 50.5%; _width: 320px; }
	.content .espalheBanner	p	{ _width: 320px; }


/* IE7 Hacks */

	.content .espalheBanner		{ *margin-left: 50.5%; *width: 320px; }
	#sidebar			{ *width: 250px; }