* {
	border: 0px; margin: 0px; padding: 0px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}

body { 
	background: url(/images/bg_body.gif) repeat-x bottom #FFF;
	font-size: 0.69em;
	text-align: center;
}

h2, h3, h4 { color: #006B6B; font-weight: normal; }
h2 + h3 { margin-bottom: 10px; }
h2 { margin-bottom: 15px; font-size: 2.0em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; font-weight: bold; }
a { color: #002F2F; text-decoration: none; }
acronym, abbr { border-bottom: 1px dotted #333; }
ul.inline { list-style: none; }
ul.inline li { float: left; }
label { float: left; display: block; font-weight: bold; width: 75px; }
input, textarea { border: 1px solid #006E6E; font-size: 1em; padding: 0 3px; width: 75%; }
input:hover, textarea:hover { border-color: #AAA; }
input:focus, textarea:focus { border-color: #690; }
input.btn { font-weight: bold; width: 75px; }


/* ================================================================================ *\
   --- General Classes ------------------------------------------------------------
\* ================================================================================ */
.align-center { text-align: center; }
.left { float: left; }
.right { float: right; text-align: right; }
.padd { padding: 5px; }
.border { border: 11px solid #006E6E; margin: 5px 0; }
.bqstart, .bqend { font-size: 300%; color: #006B6B; height: 25px; }
.bqstart { margin-top: -10px; margin-right: 5px; }
.bqend { margin-top: -25px; }
* html .bqstart { margin-bottom: -10px; }
* html .bqend { margin-top: -30px; margin-right: 15px; }
.success { color: #006B6B; font-weight: bold; }


/* ================================================================================ *\
   --- Divs -----------------------------------------------------------------------
\* ================================================================================ */
#body {
	background: url(/images/bg_topo.gif) repeat-x top;
	text-align: left;
}
div#topo, div#meio, div#rodape { margin: auto; clear: both; width: 640px; }

div#topo { 
	padding-top: 20px; 
	height: 138px; 
}
div#topo h1 { 
	float: left;
	margin: 70px 22px 0px 0px;
	background: url(/images/logo.gif) no-repeat;
	text-indent: -5000px; 
	height: 60px; width: 150px;
}
* html div#topo h1 { margin-right: 19px; }
	div#banner { overflow: hidden; width: 468px; }
	a#eng_version { margin-top: 27px; color: #066; }
	a#eng_version:hover { color: #690; }
	div#topo ul { margin-top: 15px; font-size: 1.18em; }
	div#topo ul li { margin-right: 5px; padding: 11px 10px 0px 0px; }
	div#topo ul a { color: #9F9; font-weight: bold; }
	div#topo ul a:hover{ color: #690; }
	div#topo ul li.selected { background: url(/images/bg_menu.gif) no-repeat top right; color: #002F2F; }
	div#topo ul li.selected a { margin-left: -1px; color: #002F2F; }

div#meio { padding: 20px 0; }
div#meio a[rel~=external] { padding-right: 13px; }
	div#cont { float: left; color: #333; width: 430px; }
	div#cont p.blockquote { background: #CBE1E1; border: 2px dotted #004040; padding: 5px; }
	div#cont p { margin-bottom: 15px; }
	div#cont p img { display: block; margin: 10px 0; }
	div#cont a { color: #006B6B; text-decoration: underline; }
	div#cont a:hover { color: #004040; text-decoration: none; }
	div#cont a[rel~=external] { background: url(/images/ico_external_dark.gif) right no-repeat; }
		div#welcome { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #006B6B; }
		div#welcome p { font-size: 1.27em; margin: 0; }

		ul.portf li { margin-bottom: 15px; list-style: none; height: 125px; }
		ul.portf img, ul.portf a { display: block; }
		ul.portf li img { border: 1px solid #002F2F; }
		ul.portf li a { border: 10px solid #CFF; }
		ul.portf li a:hover { border-color: #690; }
	div#barra_lateral { float: right; color: #FFF; width: 190px; }
	div#barra_lateral a { color: #CF6; }
	div#barra_lateral a:hover { color: #690; }
	div#barra_lateral a[rel~=external] { background: url(/images/ico_external_light.gif) right no-repeat; }
	div#barra_lateral div.sec { margin-bottom: 10px; background: url(/images/barraLat.gif) no-repeat top; }
	div#barra_lateral h3 { 
		margin-left: -1px; padding-top: 5px;
		background: url(/images/barraLat_det.gif) no-repeat left bottom; 
		color: #FFF; 
		font-size: 1.8em; font-weight: normal; 
		line-height: 0.9em; vertical-align: baseline;
	}
	div#barra_lateral h4 { color: #CF6; font-size: 1.2em; font-weight: normal; }
	div#barra_lateral div div { margin: 5px; padding: 5px 0px; border-top: 1px dotted #CCC; }
	div#barra_lateral .first { border: none; }
	div#barra_lateral span { color: #999; font-size: 0.82em; }
	div#barra_lateral ul { list-style: none; margin: 5px; padding-bottom: 5px; }
	div#barra_lateral ul li { border-top: 1px dotted #FFF; }
	div#barra_lateral ul li a { color: #CF6; }
	div#barra_lateral #iframe { text-align: center; }

div#rodape { 
	padding-top: 15px;
	color: #80B7B7;
	font-size: 0.9em;
	height: 100px; 
}
div#rodape ul li { padding-left: 3px; }
div#rodape ul li:before { content: "|"; }
div#rodape ul li.first:before { content: ""; }