/* CSS Finanças Sustentáveis */

	body { margin:0px;
		   padding:0px;
		   font-family:Arial, Helvetica, sans-serif;
		   font-size:13px;
		   color:#555;
		   background-image:url(../imgs/bg.gif);
		   background-color:#f5f5f5;
		   background-repeat:no-repeat;
}
	form { margin:0px; padding:0px;}
	
	a { text-decoration:none;
		color:#555;
}
	a:visited { text-decoration:none;
				color:#555;
}
	a:hover { text-decoration:underline;
			  color:#FF0000;
}
	
	#conteudo { width:765px;
				left:50%;
				margin-left:-382px;
				position:relative;
				background-color:#fff;
				padding-bottom:5px;
				_padding-bottom:0px;
 }
 
 	#topo { position:relative;
			height:251px;
			background-image:url(../imgs/topo.jpg);
			background-repeat:no-repeat;
}

	#topo h1 { margin:0px;
	           padding:0px;
			   background-image:url(../imgs/logo.gif);
			   text-indent:-9000px;
			   float:left;
			   width:268px;
			   height:85px;
			   margin-top:27px;
			   margin-left:33px;
			   _margin-left:20px;
}

	#topo h1 a { text-decoration:none;
				 display:block;
				 width:268px;
				 height:85px;
}

/**************** MENU ********************/
	#menu { width:168px;
			float:left;
			color:#fff;
			margin-top:16px;
			margin-left:37px;
			_margin-left:28px;
}

	#menu ul { list-style:none;
			   text-indent:inherit;
			   margin:0px;
			   padding:0px;
}
	
	#menu ul li { 
				  margin-bottom:3px;
}
	
	#menu ul li a { text-decoration:none;
					color:#FFFFFF;
					display:block;
					width:95%;
					padding:2px;
					padding-left:10px;
}

	#menu ul li a:visited { text-decoration:none;
							color:#FFFFFF; 
}

	#menu ul li a:hover { background-color:#12714f;}
	
/********************************** Sub Menu ******************************************/

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */

#menu li ul {
				  position: absolute;
				  left: 510px;
				  top: 132px;
				  width:170px;
				  padding:1px;
				  background-color:#12714f;
				  border:1px solid #fff;
				  display: none;
				  z-index:10;
				  height:116px;
	}

#menu ul li { _float:left;
}

#menu ul li ul a { 
				  	 	color:#fff;
				  	 	display: block;
}
#menu ul li ul a:visited { 
				  	 	color:#fff;
				  	 	display: block;
}
#menu ul li ul a:hover { 
				  	 	color:#fff;
				  	 	display: block;
						background-color:#0e4927;
						width:158px;
						_width:162px;
}	
	
	
#menu li:hover ul { display: block; }
#menu li.over ul { display: block; } /* The magic */
	
	
	
/**************** MEIO ********************/	

	#meio { background-image:url(../imgs/bgMeio.gif);
			background-repeat:no-repeat;
			position:relative;
			margin-top:2px;
			width:100%;
			min-height:324px;
}
	
	#meio h2 { margin:0px;
			   padding:0px;
			   background-color:#fff;
			   color:#04452e;
			   text-decoration:underline;
			   font-size:13px;
			   font-weight:bold;
			   background-image:url(../imgs/bgTit.gif);
			   background-repeat:no-repeat;
			   height:22px;
			   padding-left:13px;
}
	
	#atuacao { width:478px;
			   margin-left:35px;
			   padding-top:10px;
			   border-right:1px #dbd2d2 solid;
			   position:relative;
}

	#atuacao p { margin-right:25px;}
	
	#textoInt {
	margin-left:35px;
	padding-top:10px;
	position:relative;
	margin-right:35px;
	position:relative;
}
	
	#colDireita { width:214px;
	float:right;
    margin-right:20px;
	_margin-right:5px;
	margin-top:10px;
}

	#colDireita hr { border:1px solid #ede8e8; clear:both;}
	
	
	
	#meio li { margin-bottom:10px; 
			   width:98%;
			 }
	

	#meio ul ul { list-style:url(../imgs/bullet.gif);
				  margin:0px;
				  text-indent:none;
				  padding:0px;
				  padding-left:10px;
	}
	
/**************** RODAPÈ ********************/	

	#rodape { 
			  background-color:#04452F;
			  color:#fff;
			  text-align:center;
			  width:100%;
			  padding-top:1px;
			  padding-bottom:1px;
			  _padding-top:10px;
			  _padding-bottom:10px;
}

.leia{ font-size:10px; }

/**************** Nossas publicações ********************/

.listaNot { border-bottom:1px solid #ccc;
			position:relative;
			width:100%;
			height:50px;
			_height:40px;
			_margin-top:10px;
			*margin-top:12px;
			padding-bottom:10px;
			_padding-bottom:0px;
}

.data { background-image:url(../imgs/bg_data.gif);
		text-align:center;
		width:49px;
		height:42px;
		color:#fff;
		font-weight:bold;
		font-size:14px;
		margin-right:4px;
		padding-top:7px;
		float:left;
		position:relative;
}

/**************** ToolTip ********************/

 a.dcontexto{
  position:relative; 
  z-index:24;
  }
  
  a.dcontexto:hover{
  background:transparent;
  z-index:25;
  color:#555;
  text-decoration:none;
  }
  
  a.dcontexto span{display: none}
  a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:465px; 
  top:17px;
  text-align:justify;
  left:0;
  font: 12px arial, verdana, helvetica, sans-serif; 
  padding:5px 10px;
  border:1px solid #000;
  background:#f3f5f8; 
  color:#000;
  text-decoration:none;
  margin-left:20px;
  }


.tabelaCurso { background:#fff;

}

.tabelaCurso td { background:#fafafa;
}
.tabelaTitulo{ 
			   margin-top: 10px;
			   font-weight:bold;
}
.tema { width:90px; }
#banner{
	float:left; 
	margin:-500px 0px 0px 200px; 
	position:absolute;
}