/* FORMATAO */
* { margin: 0; padding: 0; }
.right {float:right; margin: 0 0 7px 7px;}
.left {float:left; margin: 2px 10px 0 0;}

BODY {
	margin:0 0 0 0;
	color: #1A1A1A;
	background: url(../img/bg_shadow.gif) repeat-y top center;
	font-family: Arial, Trebuchet ms, sans-serif;
	font-size: medium;
	text-align: center;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #4B8A51;
	scrollbar-track-color: #FFFFFF;
}
form { margin:0; padding:0; }
p {
	font: 0.7em trebuchet ms, arial, sans serif;
	color: #333333;
	line-height: 1.7em;
	margin: 10px 0 10px 0;
}
p.normal {
	font: 11px trebuchet ms, arial, sans serif;
	color: #333333;
	line-height: 1.7em;
	margin: 10px 0 10px 0;
}
a {
	color: #4169E1;
	text-decoration: none;

}
a:visited,{
	color: #6384E7;
}
#materia img a:visited {
	border: #6384E7;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
.botao {
	border: 0 none;
	padding: 3px;
	background: url(../img/nav_bg.jpg) repeat-x center;	
	text-align: center;
	font:  bold 11px Arial, Trebuchet ms, sans-serif;
	color: #E3EFE0;
}
.botao:hover {
	background: url(../img/nav_bg_hover3.jpg) repeat-x center;
	color: #ffffff;
}
.botao:visited {
	color: #E3EFE0;
}
table.cadastro {
	font: 0.7em trebuchet ms, arial, sans serif;
	color: #333333;
}
input, textarea { 
	background: transparent; 
	border: 1px solid #000000	
}




/* ESTRUTURA */

#container {
	margin: 0 auto 0 auto;
	width: 800px;
	clear: both;
	background: url(../img/bg_shadow.jpg) repeat-y top center;
	text-align: center;
}



#header { 
	width: 800px; 
	height: 83px; 
	text-align: center;
	background: transparent url(../img/topo_logo.jpg) no-repeat center;
}
#header h1{ 
	width: 800px; 
	height: 83px; 
}
#header h1 span {	display: none; }




#nav {
	clear:both;
	width: 740px;
	height: 21px;
	padding: 0 0 0 0;
	background: url(../img/nav_bg.jpg) repeat-x center;
	text-align: center;
}
div> #nav { margin: 0 30px 0 31px; width: 739px }
#nav ul li {
	display:inline;
}
#nav ul li a {
	float: left;
	border: 1px solid #6FAF62;
	list-style: none;
	text-decoration: none;
	padding: 2px 10px 3px 10px;
	text-align: center;
	font:  bold 11px Arial, Trebuchet ms, sans-serif;
	color: #E3EFE0;
	background: url(../img/nav_bg.jpg) repeat-x center;	
}
#nav ul li a:hover {
	background: url(../img/nav_bg_hover3.jpg) repeat-x center;
	color: #ffffff;
}
#nav ul li a:visited {
	color: #E3EFE0;
}



#flash {
	clear:both;
	width: 800px; 
	height: 169px; 
	text-align: center;
}
#flash h1 { 
	width: 800px; 
	height: 169px; 
}
#flash h1 span { display: none; }


#conteudo {
	clear:both;
	width:739px;
	min-height: 480px;
	background: url(../img/miolo_sombra.gif) repeat-x top;
	text-align:left;
	
}
* html #conteudo  {
            height: 550px;
            }
div>#conteudo {	margin: 0 30px 0 31px; width: 739px; }

#conteudo-extra {
	background: url(../imagens/contato.gif) no-repeat left top;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}
#conteudo-extra a:visited {
	color: #333333;
}


#sub-nav, #sub-nav-mapa  {
	width: 190px;
	float:left;
	margin: 30px 0 0 5px;
}
#sub-nav-mapa {
	margin: 20px 0 0 100px;
	whidth: auto;
	float:none;
}
div>#sub-nav { margin: 30px 0 0 10px; }

#sub-nav ul li, #sub-nav-mapa ul li {
	list-style: none;
	list-style-image: url(../img/bullet.gif);
	list-style-position:inside;
}
#sub-nav-mapa ul li.line {
	width: 400px;
	border-top: 1px solid #999999;
	list-style-image: none;
}
#sub-nav li ul li, #sub-nav-mapa li ul li {
	margin: 5px 0 5px 5px;
	list-style-image: url(../img/bullet1.gif);
	list-style-position:inside;
}
#sub-nav-mapa li ul li{
	margin: 5px 0 5px 25px;
}
#sub-nav li ul li ul li, #sub-nav-mapa li ul li ul li {
	margin: 5px 0 5px 5px;
	list-style-image: url(../img/bullet2.png);
	list-style-position:inside;
}
#sub-nav-mapa li ul li ul li {
	margin: 5px 0 5px 25px;
}
#sub-nav ul li a,#sub-nav-mapa ul li a {
	text-decoration: none;
	padding: 2px;
	font:  bold 11px Arial, Trebuchet ms, sans-serif;
	color: #245D2A;
	background: #ffffff;
}
#sub-nav ul li a:visited, #sub-nav-mapa ul li a:visited {
	color: #245D2A;
}
#sub-nav ul li a:hover, #sub-nav-mapa ul li a:hover{
	background: #245D2A;
	color: #ffffff;
}

#materia, #materia-contato, #materia-fundacao {
	margin: 0px 15px 0 15px;
	width: 480px;
	float:left;
}
#msg  {
	width: 480px;
	margin: 40px 15px 0 40px;
	padding: 0 0 100px 0;
	align: center;
}
#materia-politica {
		margin: 0 auto 0 auto;
		padding: 20px;
		width: 500px;
}
#materia-fundacao {
	background: url(../img/grama.jpg) repeat-x left bottom;
}
#materia-contato {
	margin: 20px 15px 0 30px;
	width: 400px;
}
#noticia-fotos {
	width: 200px;
	float:right;
	margin: 100px 0 0 20px;
}
#materia div.hr {
	padding: 0;
	margin: 30px 0 0 0;
	height: 30px;
	width:100%;
	clear: both;
	background: url(../img/div_longo.gif) no-repeat center;
}

#materia div.hr hr {
display: none;
} 

#materia hr.tab{ 
	background:url(../img/div_longo.gif) no-repeat; 
	margin: 0 0 0 0;
	border: 0 none;
	clear:both;
}

#materia h2, #materia-contato h2, #materia-fundacao h2, #materia-politica h2{
	width: 200px;
	height: 30px;
	margin: 10px 0 10px 0;
}
#materia-fundacao h2.alimentando{ background:url(../img/alimentando.gif) no-repeat; }
#materia h2.institucional { background:url(../img/institucional.gif) no-repeat; }
#materia h2.missao { background:url(../img/missao.gif) no-repeat; }
#materia h2.visao { background:url(../img/visao.gif) no-repeat; }
#materia h2.valores { background:url(../img/valores.gif) no-repeat; }
#materia h2.time{ background:url(../img/time.gif) no-repeat; }
#materia h2.ondeestamos{ background:url(../img/ondeestamos.gif) no-repeat; }
#materia h2.sede{ background:url(../img/sede.gif) no-repeat; }
#materia h2.historico{ background:url(../img/historico.gif) no-repeat; }
#materia h2.cafu{ background:url(../img/cafu.gif) no-repeat; }
#materia h2.jogos{ background:url(../img/jogos.gif) no-repeat; }
#materia h2.programas{ background:url(../img/programas.gif) no-repeat; }
#materia h2.ajudar{ background:url(../img/ajudar.gif) no-repeat; }
#materia-contato h2.cadastro{ background:url(../img/cadastro.gif) no-repeat; }
#materia h2.voluntarios{ background:url(../img/voluntarios.gif) no-repeat; }
#materia h2.parceiros{ background:url(../img/parceiros.gif) no-repeat; }
#materia h2.contato, #materia-contato h2.contato{ background:url(../img/contato.gif) no-repeat; }
#materia h2.noticias { background:url(../img/noticias.gif) no-repeat; }
#materia h2.mapa { background:url(../img/mapasite.gif) no-repeat; }
#materia h2.multimidia { background:url(../img/multimidia.gif) no-repeat; }
#materia h2.press { background:url(../img/press.gif) no-repeat; }
#materia-politica h2.politica { background:url(../img/politica.gif) no-repeat; }
#materia h2 span, #materia-contato h2 span, #materia-fundacao h2 span, #materia-politica h2 span, #sonho h2 span {
	display:none;
}

#materia h3, #contato h3, #materia-contato h3, #materia-fundacao h3, #sub-nav h3 {
	font: 0.9em  "trebuchet ms", arial, sans serif;
	color:#66A0BB;
	margin: 15px 0 0 0;
}
#materia h4, #contato h4, #materia-fundacao h4, #materia ul li {
	font: 0.8em "trebuchet ms", arial, sans serif;
	color:#66A0BB;
	line-height: 20px;
	text-align: justify;
	margin: 15px 0 0 0;
}
* html #materia ul li  {
        	font: 10px;
            }

#materia h3.destaque {
	width: 100%;
	background: #3096D3;
	color: #ffffff;
	font-weight:bold;
}
#materia ul li {
	list-style: none;
	list-style-image: url(../img/bullet1.gif);
	list-style-position:inside;
}
div>#materia ul li  { list-style-position:outside; }
#materia p.form, #materia-contato p.form { 
	margin: 0 0 0 0;
	font-weight:bold;
}
#materia p.ok, #materia-contato p.ok, #msg { 
	color:#489631;
	font-weight: bold;
}
#materia p.err , #materia-contato p.err { 
	color:#FF3333;
	font-weight: bold;
}
#materia p.tab { 
	margin: 0 0 0 0;
}
#materia p.form1 { 
	margin: 0 0 0 0;
	color:#ffffff;
	font-weight:bold;
	text-align:right;
}
#materia h4.tab { 
	margin: 0 0 0 0;
	color:#ffffff;
	font-weight:bold;
}
#materia table td { padding: 4px; }
#materia-fundacao #cafu {
	width: 200px;
	height: 384px;
	margin: 10px 0 0 10px;
	float:right;
	background: url(../img/cafu_fundacao.jpg) no-repeat right bottom;
}
#sonho {
	margin: 0;
	padding-left: 25px; 
	width: 200px;
	height: auto;
	background:url(../img/divisor_vert.jpg) no-repeat left center;	
}
#sonho h2 {
	width: 200px;
	height: 20px;
	background:url(../img/sonhos.gif) no-repeat;
}
#sonho h4{
	font: 0.7em arial, trebuchet ms, sans serif;
	color:#66A0BB;	
	line-height: 25px;
	text-align: justify;
}
#cad {
	width: 550px;
	padding: 0 10px 0 10px;
}
#deposito {
	width: 180px;
	heigth: 90px;
	padding: 10px 0 0 40px;
	background: url(../img/dep_bg.gif); 
}
#deposito h3 { margin:0; padding:0; font: 0.7em arial, trebuchet ms, sans serif; color:#ffffff;}
#contato {
	float:right;
	margin: 60px 20px 0 0;
	padding-left: 35px; 
	width: 180px;
	background:url(../img/divisor_vert.jpg) no-repeat left center;	
}
#rodape {
	clear:both;
	margin: 0px 0 5px 0;
	padding: 5px 0 10px 0;
}
#rodape p {
	font: 0.6em trebuchet ms, arial, sans serif;
	color: #666666;
	margin: 0;
}
#rodape a {
	color: #666666;
	text-decoration: none;
}
#rodape a:visited {
	color: #444444;
}
#rodape a:hover {
	color: #000000;
	text-decoration: underline;
}
#rodape hr {
	width: 100%;
	height: 0px;
	border: none 0;
	border-bottom: 1px solid #cccccc;
	margin: 0 0 5px 0;
}