/*--------------------------------------------------------------------------
Dropdown Menu, Photo Slide and 100% 'Background' Image are CSS styles
created and developed by Stu Nicholls (www.cssplay.co.uk). Thank you Stu.

Modifications of original CSS by Paulo Feliciano.
Other CSS by Paulo Feliciano.
(c) DRAP Centro 2009
-----------------------------------------------------------------------------*/
/* imagem a 100% a todo o tempo */
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; background-color:#ffffff;font-family:"Arial Narrow"; }
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;} 
#content {padding: 20px 0 20px 0;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;font-family: Arial, Helvetica, sans-serif; font-size:12px}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}

#blocos {width:310px; text-align:center; padding:0; float:left;}
p.toptext {width:120px; background-color:#FFFFCC; text-align:center; font-weight:bold; font-family:"Arial Narrow"; height:40px; margin:0; padding:0; font-size:10px;}
p.lefttext {width:150px; background-color:#FFFFCC; text-align:center; font-weight:bold; font-family:"Arial Narrow"; height:60px; margin:0; padding:0; font-size:10px; float:left;}
p.centertext {width:150px; background-color: #009999; color:#ffffff; text-align:center; font-weight:bold; font-family:"Arial Narrow"; height:60px; margin:0; padding:0; font-size:12px;}
p.vert { padding-top:12px; height:28px;}
p.vert2 {padding-top:10px; height:45px;}
p.vert3 {padding-top:15px; height:40px;}
p.centertext a{ color:#fff;}
ul.lista{
	list-style:none;
	text-align:center;
}

div.top {width:940px; padding:0;}
div.middle {width:600px; padding:0;}
div.bottom {width:650px; height:50px; padding:0;}

img.lbug{float:left;position:relative; top:10px; left:10px;}
img.rbug{position:relative; top:10px; left:-10px;}

ul.lista li{
	float:left;
	list-style:none;
	padding:10px;
}

.clear {clear:both}
.spacer {clear:both; height:80px;}

h2 {font-family: Arial, Helvetica, sans-serif;color:#FF9900;}
h3 {color:#FFCC00;font-family: Arial, Helvetica, sans-serif;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #333;}

a {color:#333;}
a:hover{text-decoration:none;}

#esquerda {
	border:2px solid #999;
	float:left;
	display: block;
	width:350px;
	text-align:left;
	background:#EAFAFD;
	padding:5px;
	margin-top:20px;
	height:300px;
	overflow:auto;
}

#centro {
	border:2px solid #999;
	display: block;
	width:550px;
	text-align:left;
	background:#EAFAFD;
	padding:5px;
	margin-top:20px;
	height:400px;
	overflow:auto;
}

#direita {
	border:2px solid #999;
	float:left;
	margin:20px 0 0 10px;
	padding:5px;
	display: block;
	width:350px;
	text-align:left;
	background:#EAFAFD;
	height:300px;
	overflow:auto;
}

#esquerda.li, #direita.li{
	font-family:"Arial Narrow";
	list-style-image:none;
	list-style-type:none;
	color:#FF9933;
}

#esquerda a, #direita a, #centro a, #grande a {color:#3399FF;}

#grande { width:740px;
		  text-align:left;
		  background-color:#eefafe;
		  padding:20px;}