* { margin:0; padding:0 }

body {
	font:13px Verdana;
	background:#EEE url(img/bgbody.jpg) repeat-x top }

a { ouline:none; color:#028C2F }	
a:hover { color:#85C226 }	
	
#allf {
	width:100%;
	background:url(img/bgallf.jpg) repeat-x bottom }
	
#all {
	background:#FFF;
	position:relative;
	width:950px;
	margin:0 auto }
	
img.mascote {
	z-index:10;
	position:absolute;
	top:100px; right:-60px }
	
#header {
	position:relative;
	height:410px }

#header .depoimento {
	text-align:right;
	font-size:11px;
	width:314px;
	height:142px;
	padding:15px;
	position:absolute;
	bottom:62px; left:47px }
	
#header .depoimento .autor { font-weight:bold }

#menu {
	height:160px;
	width:100%;
	position:absolute;
	bottom:0; left:0 }
	
#menu ul { list-style:none }

#menu ul li { position:absolute }
	
#menu ul li a {
	text-indent:-1000000px;
	height:80px;
	display:block }
/*	
#menu ul li.home 			{ top:40px; left:0 }
#menu ul li.sobre 			{ top:65px; left:105px }
#menu ul li.voluntarios 	{ bottom:0; left:205px }
#menu ul li.parceiros		{ left:360px }
#menu ul li.projetos		{ left:480px }
#menu ul li.noticias		{ left:605px }
#menu ul li.videos			{ top:65px; left:730px }
#menu ul li.contato		{ top:40px; right:0 }
	
#menu ul li.home,	
#menu ul li.sobre,	
#menu ul li.videos { width:105px }	
	
#menu ul li.voluntarios { width:150px }	

#menu ul li.parceiros,	
#menu ul li.projetos,	
#menu ul li.noticias {
	bottom:0; 
	width:125px }	
	
#menu ul li.contato { width:115px }	*/
	
#container {
	float:left;
	width:890px;
	background:url(img/bgcontainer.jpg) repeat-x top }
	
#container.home  	{ padding:0 30px 30px 30px }
#container.detail  	{ padding:10px 30px 30px 30px }
	
.home #noticias {
	float:left;
	width:310px }
		
.home #sobre,
.home #parceiros {
	margin-top:30px;
	float:right;
	width:550px }

h2 {
	color:#85C226;
	letter-spacing:-4px;
	font:40px "Lucida Sans", Arial, Calibri }

h3 { margin-bottom:15px }
	
p { margin-bottom:15px }

ul { margin-left:35px }
ul li { margin-bottom:15px }

.detail #noticias,
.detail #projetos {
	padding:25px;
	background:#EEE;
	clear:both }

.detail #noticias h2,
.detail #projetos h2,
.detail #parceiros h2 { font-size:30px }

#noticias ul,
#projetos ul,
#videos ul { margin:0; list-style:none }

#noticias ul li,
#projetos ul li,
#videos ul li { 
	padding:15px 0;
	border-bottom:1px dotted #999 }
	
#videos ul li { 
	background:url(img/bgvideo.jpg) no-repeat right bottom;
	margin:0 12px;
	padding-right:15px;
	float:left;
	width:405px }
	
#noticias ul li.last,
#projetos ul li.last,
#videos ul li.last { border:0 }
	
#noticia .data,
#noticias ul li .data,
#projetos ul li .data,
#videos ul li .data { 
	font-size:10px;
	color:#999 }

#noticias ul li .titulo,
#projetos ul li .titulo, 
#videos ul li .titulo { 
	font-size:16px;
	font-weight:bold;
	color:#000 }
	
#noticias ul li .resumo,
#projetos ul li .resumo {
	padding:5px 0;
	font-size:11px }
	
#noticias ul li a,
#projetos ul li a {
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:2px 5px;
	background:#85C226;
	color:#FFF }
	
#noticias ul li a:hover,
#projetos ul li a:hover { background:#666 }

#noticia .titulo,
#projeto .titulo {
	letter-spacing:-2px;
	font:35px Arial }
	
#noticia .data { font-size:13px !important }
	
#noticia .corpo { padding:15px 0 }

#noticia .corpo .arquivo { 
	margin-left:25px;
	float:right;
	width:300px;
	padding:5px;
	border:1px solid #CCC }

#noticia .corpo .arquivo img { width:300px }

#noticia .corpo .arquivo .legenda { 
	display:block;
	text-align:center;
	padding:5px 0;
	color:#666 }

#noticia .thumbs { 
	float:left;
	margin-bottom:25px }

#noticia .thumbs a { 
	float:left;
	text-indent:-1000000px;
	margin-right:5px;
	width:100px;
	height:100px }

#videos ul li .video {
	float:left;
	margin:10px 15px 0 0 }

#videos ul li .descricao { 
	font-size:11px;
	margin-top:10px }

.detail #parceiro img {
	float:right;
	width:250px;
	margin:10px 0 0 15px}

.detail #parceiro .nome {
	font-weight:bold;
	font-size:18px }

.detail #parceiros{ 	
	width:100%;
	clear:both }

.detail #parceiros table {
	border-top:1px dotted #CCC;
	border-left:1px dotted #CCC }

.detail #parceiros table tr td{
	border-bottom:1px dotted #CCC;
	border-right:1px dotted #CCC;
	padding:20px }

.home #parceiros table tr td{ padding:10px }

.detail #parceiros  a { text-decoration:none }

.detail #parceiros img { width:100% }

.detail #parceiros .nome {
	font-weight:bold;
	font-size:18px }

fieldset {
	border:1px solid #CCC;
	padding:15px }
	
fieldset legend {
	color:#028C2F;
	padding:5px 10px;
	font-weight:bold;
	font-size:15px }
	
fieldset table tr td { padding:3px 5px }
fieldset table tr td.label { text-align:right }

fieldset table tr td input.text, 
fieldset table tr td textarea { 
	color:#028C2F;
	padding:2px;
	font:13px Verdana 	}

fieldset table tr td input.button { 
	padding:2px;
	font:bold 13px Verdana 	}

#footer {
	position:relative;
	clear:both;
	background:url(img/bgfooter.jpg);
	height:20px;
	padding:40px 30px }
	
#footer .dev { 
	z-index:2; 
	position:absolute;
	right:450px; bottom:45px }
	
#footer .dev a {
	text-indent:-1000000px;
	float:left;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left bottom }