* { margin:0; padding:0; }
body {
	text-align:center;
	margin-bottom:30px;
	background: #dfdfdd url('../imagens/layout/fundo.gif') repeat-x;
}
.clearBoth { clear:both; }

div#container {
	display:block;
	margin:0 auto;
	width:960px;
}

/* TOPO 
---------------------- */
div#container div.BoxTopo {
	display:inline; float:left;
	width:960px;
	height:174px;
	background:url(../imagens/layout/bg_topo.jpg) no-repeat 0 0;
}
	div.BoxTopo h1 a {
		display:inline; float:left;
		width:300px;
		height:96px;
		margin: 50px 0 0 15px;
		text-decoration:none;
	}
	div.BoxTopo h1 a span { 
		visibility:hidden;
	}
	div.BoxTopo div.MenuTopo {
		display:inline; float:right;
		width:329px;
		height:25px;
		margin: 18px 120px 0 0;
	}
		div.BoxTopo div.MenuTopo ul {
			display:inline; float:left;
			width:329px;
			height:25px;
			list-style:none;
		}
		div.BoxTopo div.MenuTopo ul li {
			display:inline; float:left;
			width:85px;
			height:25px;
			margin-right:19px;
		}
			div.BoxTopo div.MenuTopo ul li a {
				display:block;
				width:85px;
				height:25px;
				text-decoration:none;
			}
				div.BoxTopo div.MenuTopo ul li a span { 
					visibility:hidden;
				}
			div.BoxTopo div.MenuTopo ul li a.Bt_Empresa {
				background:url(../imagens/botoes/bt_empresa.gif)
			}
			div.BoxTopo div.MenuTopo ul li a.Bt_Servicos {
				background:url(../imagens/botoes/bt_servicos.gif)
			}
			div.BoxTopo div.MenuTopo ul li a.Bt_Contato {
				background:url(../imagens/botoes/bt_contato.gif)
			}

/* MENU HORIZONTAL 
---------------------- */
div#container div.BoxMenuHorizontal {
	display:inline; float:left;
	width:960px;
	height:23px;
	padding-top:6px;
}
	div.BoxMenuHorizontal ul {
		margin:0 auto;
		width:900px;
	}
	div.BoxMenuHorizontal ul li {
		display:inline; float:left;
		width:auto;
		margin-right:24px;
		font:bold 13px Tahoma, Geneva, sans-serif;
		color:#FFF;
	}
		div.BoxMenuHorizontal ul li.ultimoLI {
			margin:0;
		}
		div.BoxMenuHorizontal ul li a {
			color:#FFF;
			text-decoration:none;
		}
		
/* CONTEUDO
---------------------- */
div#container div.MenuEsq {
	display:inline; float:left;
	width:270px;
	background:url(../imagens/layout/bg_conteudo_menu_esq.gif) repeat-y 0 0;
}
	div.MenuEsq div.BoxAreaCliente {
		display:inline; float:left;
		width:270px;
		height:147px;
		background:url(../imagens/layout/bg_area_cliente.gif) no-repeat 0 0;
	}
			div.MenuEsq div.BoxAreaCliente h3.Title_AreaCliente  {
				display:inline; float:left;
				width:208px;
				height:35px;
				margin-top:11px;
				text-indent:-5000em;
			}
			div.MenuEsq div.BoxAreaCliente div.BaseCampos {
				display:inline; float:left;
				width:270px;
				margin-bottom:7px;
			}
				div.BoxAreaCliente div.BaseCampos span {
					display:inline; float:left;
					width:86px;
					padding:2px 5px 0 0;
					font:12px Verdana, Geneva, sans-serif;
					color:#FFF;
					text-align:right;
				}
				div.BoxAreaCliente div.BaseCampos input {
					float:left;
					width:130px;
				}
					div.BoxAreaCliente div.BaseCampos input.Bt_OK {
						float:right;
						width:44px;
						height:27px;
						margin-right: 47px;
						border:none;
						cursor:pointer;
						background: #002d42;
						font:bold 18px Arial, Helvetica, sans-serif;
						color:#FFF;
					}
			div.MenuEsq div.BoxAreaCliente a {
				display:inline; float:left;
				width:auto;
				margin: 6px 0 0 35px;
				font:10px Arial, Helvetica, sans-serif;
				border-bottom: 1px solid #002d42;
				color:#FFF;
				text-transform: uppercase;
				text-decoration:none;
			}
				div.MenuEsq div.BoxAreaCliente a:hover {
					text-decoration:underline;
				}
	div.MenuEsq div.FooterMenuEsq {
		display:inline; float:left;
		width:251px;
		padding:0 10px 30px 9px;
		background:url(../imagens/layout/bg_footer_menu_esq.gif) no-repeat bottom left;
	}
	
/* MENU ESQUERDA */
div.FooterMenuEsq h3.TitlePlanejamento {
	display:inline; float:left;
	width:149px;
	height:25px;
	margin:0 0 15px 10px;
	text-indent:-5000em;
	background:url(../imagens/title/title_planejamento.gif) no-repeat 0 0;
}
div.FooterMenuEsq h3.TitleCotacaoDolar {
	display:inline; float:left;
	width:149px;
	height:25px;
	margin:0 0 15px 10px;
	text-indent:-5000em;
	background:url(../imagens/title/title_contacao_dolar.gif) no-repeat 0 0;
}
div.FooterMenuEsq h3.TitleAtalhos {
	display:inline; float:left;
	width:88px;
	height:25px;
	margin:30px 0 15px 10px;
	text-indent:-5000em;
	background:url(../imagens/title/title_atalhos.gif) no-repeat 0 0;
}
div.FooterMenuEsq div.BoxCotacaoDolar {
	display:inline; float:left;
	width:auto;
	margin-left:10px;
	background-color:#FFF;
}
div.FooterMenuEsq div.BoxAtalhos {
	display:inline; float:left;
	width:251px;
}
	div.FooterMenuEsq div.BoxAtalhos ul {
		display:inline; float:left;
		width:251px;
	}
	div.FooterMenuEsq div.BoxAtalhos ul li {
		display:inline; float:left;
		width:117px;
		height:47px;
		margin:0 0 6px 6px;
	}


div#container div.BoxConteudo {
	display:inline; float:left;
	width:647px;
	padding:15px;
	background-color:#FFF;
	border: 1px solid #a6a6a5;
	border-top: none;
	font:12px Arial, Helvetica, sans-serif;
	text-align:left;
}
div#container div.BoxConteudo h3 {
	font:bold 20px Tahoma, Geneva, sans-serif;
	color:#b1d57d;
	margin-bottom:15px;
}
div#container div.BoxNoticias {
	display:inline; float:left;
	width:100%;
	margin-top:30px;
}
	
/* RODAPÉ 
---------------------- */
div.BoxFooter {
	height: 60px;
	padding-top:9px;
	text-align: center;
	background:url(../imagens/layout/bg_footer.gif) repeat-x 0 0;
}
div.centroRodape {
	display: block;
	width: 960px;
	margin: 0 auto;
	font:12px Tahoma, Geneva, sans-serif;
	color:#FFF;
}

/* NOTÍCIAS */
div.noticia, ul.noticias { display:inline; float:left; width: 100%; list-style: none; }
div.noticia h4 { font: bold 16px Arial, Helvetica, sans-serif; color: #666; }
div.noticia h5 { font: 12px Arial, Helvetica, sans-serif; color: #9f9f9f; margin: 15px 0 30px 0; }
div.noticia h6 { display: block; margin: 5px 0;font: 15px Arial, Helvetica, sans-serif; }
div.noticia, div.noticia p { text-align: justify; line-height: 20px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
div.noticia li { list-style: square inside; }
ul.noticias li { padding: 5px; border-bottom: 1px solid #CCC; }
ul.noticias li a { font: bold 13px Arial, Helvetica, sans-serif; color: #666; }
ul.noticias li span { font-weight: bold; color: #002d42; }
ul.noticias li em { font-size: 12px; color: #666; }
ul.noticias li a:hover { text-decoration: underline; color: #000; }