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

#container { width:980px; margin:0 auto; }

/* HEADER */
#container div.BoxHeader {
	position:relative;
	display:inline; float:left;
	width:980px;
	height:257px;
	margin-bottom:15px;
	background:url(../imagens/layout/bg_header.jpg) no-repeat 0 0;
	text-align:left;
}
div.BoxHeader h1 a {
	position:absolute; top:-30px; left:17px; z-index:1;
	display:block; 
	width:503px;
	height:180px; 
	background:url(../imagens/layout/logo_contabil.png) no-repeat 0 0;
	text-decoration:none;
}
div.BoxHeader h1 a span { visibility:hidden; }
div.BoxHeader div.BoxMenuHeader {
	position:absolute; top:-19px; left:544px; z-index:3;
	display:inline; float:left; 
	width:420px;
}
	div.BoxHeader div.BoxMenuHeader ul {
		list-style:none;
	}
	div.BoxHeader div.BoxMenuHeader ul li {
		display:inline; float:left;
		width:auto;
	}
		div.BoxHeader div.BoxMenuHeader ul li a {
			display:inline; float:left;
			width:86px;
			height:25px;
			margin-right:18px;
			text-decoration:none;
		}
		div.BoxHeader div.BoxMenuHeader ul li a.bt_Home { background:url(../imagens/botoes/bt_home.gif) no-repeat 0 0; }
		div.BoxHeader div.BoxMenuHeader ul li a.bt_Empresa { background:url(../imagens/botoes/bt_empresa.gif) no-repeat 0 0; }
		div.BoxHeader div.BoxMenuHeader ul li a.bt_Servicos { background:url(../imagens/botoes/bt_servicos.gif) no-repeat 0 0; }
		div.BoxHeader div.BoxMenuHeader ul li a.bt_Contato { background:url(../imagens/botoes/bt_contato.gif) no-repeat 0 0; }
		div.BoxHeader div.BoxMenuHeader ul li a span { visibility:hidden; }
		
div.BoxHeader div.BoxAreaCliente {
	position:absolute; top:136px; left:580px; z-index:3;
	display:inline; float:left; 
	width:374px;
	height:114px;
	padding:7px 0 0 10px;
	background:url(../imagens/layout/bg_area_cliente.gif) no-repeat 0 0;
}
	div.BoxHeader div.BoxAreaCliente form {
		display:inline; float:left;
		width:243px;
	}
		div.BoxHeader div.BoxAreaCliente form h3 {
			display:inline; float:left;
			width:100%;
			height:27px;
			margin-bottom:4px;
			background:url(../imagens/titulos/title_area_cliente.gif) no-repeat 0 0;
			text-indent:-5000em;
		}
		div.BoxHeader div.BoxAreaCliente form div.BaseCampos { display:inline; float:left; width:243px; margin-bottom:5px; }
		div.BoxHeader div.BoxAreaCliente form div.BaseCampos span { 
			display:inline; float:left;
			width:50px;
			padding:3px 5px 0 0;
			font:12px Arial, Helvetica, sans-serif;
			color:#000;
			text-align:right;
		}
		div.BoxHeader div.BoxAreaCliente form div.BaseCampos input { 
			float:left;
			width:160px;
			height:18px;
		}
		div.BoxHeader div.BoxAreaCliente form div.BaseCampos input.Bt_Enviar {
			width:50px;
			height:22px;
		}
	div.BoxHeader div.BoxAreaCliente a {
		display:inline; float:left;
		width:117px;
		height:53px;
		background:url(../imagens/botoes/bt_area_restrita.gif) no-repeat 0 0;
		text-decoration:none;
	}
	div.BoxHeader div.BoxAreaCliente a span { visibility:hidden }
	
/* CONTEUDO */
#container div.BaseConteudo {
	display:inline; float:left;
	width:980px;
	text-align:left;
}
div.BaseConteudo div.ColLeft {
	display:inline; float:left;
	width:204px;
	margin:0 19px 0 17px;
}
div.BaseConteudo div.ColConteudo {
	display:inline; float:left;
	width:570px;
	padding:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFF;
}
div.BaseConteudo div.ColRight {
	display:inline; float:left;
	width:125px;
	margin:0 16px 0 19px;
}

/* COLUNA DA ESQUERDA */
div.ColLeft div.BoxAtalhos {
	display:inline; float:left;
	width:204px;
}
	div.ColLeft div.BoxAtalhos ul {
		list-style:none;
	}
	div.ColLeft div.BoxAtalhos ul li {
		display:inline; float:left;
		width:204px;
		margin-bottom:5px;
	}
		div.ColLeft div.BoxAtalhos ul li a {
			display:block; float:left;
			width:190px;
			height:24px;
			padding-left:14px;
			padding-top:5px;
			background:url(../imagens/layout/bg-atalhos.png) no-repeat;
			font:bold 16px Arial, Helvetica, sans-serif;
			color:#333;
			text-decoration:none;
		}
		div.ColLeft div.BoxAtalhos ul li a:hover {
			text-decoration:underline;
		}
div.ColLeft h3 {
	display:inline; float:left;
	width:204px;
	height:20px;
	padding-top:5px;
	margin:15px 0 10px;
	background-color:#C00;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
}
/* COLUNA DA DIREITA */
div.ColRight div.BoxBanners {
	display:inline; float:left;
	width:125px;
}
	div.ColRight div.BoxBanners ul {
		list-style:none;
	}
	div.ColRight div.BoxBanners ul li {
		display:inline; float:left;
		width:125px;
		margin-bottom:5px;
		text-align:right;
	}

/* COLUNA CONTEUDO */
div.BaseConteudo div.ColConteudo h2 {
	font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#8c0000;
	margin-bottom:15px;
}
div.BaseConteudo div.ColConteudo div.BoxNoticias {
	display:inline; float:left;
	width:570px;
	margin-top:15px;
}
div.BaseConteudo div.ColConteudo div.BoxCotacao {
	display:inline; float:left;
	width:570px;
	margin-top:15px;
}
	div.ColConteudo div.BoxCotacao span {
		display:inline; float:left;
		width:auto;
	}
		div.ColConteudo div.BoxCotacao span.CotMenor {
			border-right:2px solid #BBB;
		}
		div.ColConteudo div.BoxCotacao span.CotMaior {
			width:336px;
		}
	
/* TEXTOS */
.TitleRed_17_bold { font:bold 17px Arial, Helvetica, sans-serif; color:#990000; margin-bottom:20px; text-align:center; }
.TitleBlue_12 { font:12px Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; text-align:center; }
.TitleBlue_12 strong { color:#133552; }
div.BoxEndereco {
	display:block;
	text-align:center;
	width:100%;
	background:url("../imagens/layout/bg_body.gif") repeat-x;
	height:35px;
	padding-top:20px;
	margin:15px auto 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
}
