/****************************************************************\
 * Criada em 10/08/2009 as 15:00								*
 * por: Keldnner Bader											*
\****************************************************************/

* {	margin:0; padding:0; }
.clearBoth { clear:both; }

body {
	margin-top: 20px;
	background: #666 url('imagens/fundo.gif') repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
}

div#corpo {
	display: block;
	width: 960px;
	margin: 0 auto;
}
	div#corpo div#colunaEsquerda {
		position: relative;
		display: inline; float: left;
		width: 380px;
	}
		div#colunaEsquerda div#topo {
			position: relative;
			top: 0; left: 0;
			display: inline; float: left;
			width: 350px;
			padding: 15px;
			z-index: 0;
			background: url('imagens/fundo-colunaEsquerda-topo.png') no-repeat center top;
		}
			div#colunaEsquerda div#topo h1 a {
				display: inline; float: left;
				width: 191px; height: 195px;
				margin: 0 0 0 73.5px;
				background:url('imagens/logo.jpg') no-repeat;
				font-size: 1px;
				text-decoration:none;
			}
				div#colunaEsquerda div#topo h1 a span { visibility: hidden; }
		div#colunaEsquerda div#principal {
			position: relative;
			display: inline; float: left;
			width: 350px;
			padding: 0 15px;
			z-index: 1;
			background: url('imagens/fundo-colunaEsquerda.gif') repeat-y center top;
			text-align: justify;
		}
			div#colunaEsquerda div#principal div.box {
				display: inline; float: left;
				width: 314px;
				margin: 0 0 15px 0; padding: 15px;
				border: 3px solid #999;
			}
				div#principal div#menu {
					display: inline; float: left;
					width: 350px;
					margin-bottom: 15px;
				}
					div#menu ul { display: inline; float: left; height: 25px; }
						div#menu ul li {
							display: inline; float: left;
							margin-right: 13px;
						}
							div#menu ul li a {
								display: inline; float: left;
								height: 25px;
								padding: 0 14px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								border-radius: 5px;
								border: 1px solid #CC6633;
								background: #de7f4f;
								font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
								text-decoration: none; text-transform: uppercase;
								color: #FFF;
							}
							div#menu ul li a:hover,
							div#menu ul li a.ativo { background: #CC6633; }
								div#menu ul li a span { display: block; line-height: 25px; }
				div#principal div#areaCliente {
					width: 314px;
					background-color: #EAEAEA;
					text-align: left;
				}
					div#areaCliente img { display: inline; float: left; margin: 0 15px 0 0; }
					div#areaCliente h3 {
						display: inline; float: left;
						width: 141px; height: 26px;
						margin-bottom: 5px;
						background: url('imagens/titulo-areaCliente.gif') no-repeat 0;
					}
						div#areaCliente h3 span { visibility: hidden; }
					div#areaCliente form {
						position: relative;
						display: inline; float: left;
						width: 195px;
					}
						div#areaCliente form p {
							display: inline; float: left;
							width: 195px;
							margin-bottom: 5px;
						}
							div#areaCliente form p input {
								width: 135px; height: 18px;
								margin: 0 5px 0 0; padding: 2px 4px 0 4px;
								border: 1px solid #CCC;
								font: 12px Arial, Helvetica, sans-serif;
								color: #666;
							}
							div#areaCliente form p input#Submit {
								position: absolute;
								top: 0px;
								width: 49px; height: 49px;
								cursor: pointer;
								border: 1px solid #CC6633;
								background: #de7f4f;
								font: bold 18px Arial, Helvetica, sans-serif;
								color: #FFF;
								text-transform: uppercase;
							}
					div#areaCliente a {
						display: inline; float: left;
						padding: 5px 0 5px 25px;
						background: url('imagens/icones/restrito.png') no-repeat;
						color: #2b4456;
					}
						div#areaCliente a:hover { font-weight: bold; }
				div#principal div#indicadorDolar {
					width: 275px !important;
					padding: 15px 15px 15px 54px !important;
			}
		div#colunaEsquerda div#rodape {
			position: relative;
			top: -20px; left: 0;
			display: inline; float: left;
			width: 350px;
			padding: 15px;
			z-index: 0;
			background: url('imagens/fundo-colunaEsquerda-rodape.png') no-repeat center bottom;
		}
	div#corpo div#colunaDireita {
		position: relative;
		display: inline; float: left;
		width: 540px;
		margin: 0 0 0 20px;
	}
		div#colunaDireita div#topo {
			position: relative;
			top: 0; left: 0;
			display: inline; float: left;
			width: 510px;
			padding: 15px;
			z-index: 0;
			background: url('imagens/fundo-colunaDireita-topo.png') no-repeat center top;
		}
			div#menu ul#navegacaoGlobal { display: inline; float: left; height: 25px; }
				ul#navegacaoGlobal li {
					display: inline; float: left;
					margin-right: 3px;
				}
					ul#navegacaoGlobal li a {
						display: inline; float: left;
						height: 25px;
						padding: 0 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						border: 1px solid #FFF;
						background: #FFF;
						font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						color: #000;
					}
					ul#navegacaoGlobal li a:hover { border: 1px solid #CC6633; background: #de7f4f; text-decoration: none; color: #FFF; }
					ul#navegacaoGlobal li a:active,
					ul#navegacaoGlobal li a.ativo { border: 1px solid #CC6633; background: #CC6633; text-decoration: none; color: #FFF; }
						ul#navegacaoGlobal li a span { display: block; line-height: 25px; }
		div#colunaDireita div#principal {
			position: relative;
			display: inline; float: left;
			width: 510px;
			min-height: 675px;
			padding: 0 15px;
			z-index: 1;
			background: url('imagens/fundo-colunaDireita.gif') repeat-y center top;
			text-align: justify;
		}
			div#principal h4 {
				display: block;
				margin-bottom: 5px;
				font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #CC6633;
			}
		div#colunaDireita div#rodape {
			position: relative;
			top: 0; left: 0;
			display: inline; float: left;
			width: 510px;
			padding: 15px;
			z-index: 0;
			background: url('imagens/fundo-colunaDireita-rodape.png') no-repeat center bottom;
		}