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

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

body {
	margin-top: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333;
}

div#corpo {
	display: block;
	width: 940px;
	margin: 0 auto;
}
	div#corpo div#topo {
		position: relative;
		display: inline; float: left;
		width: 940px; height: 140px;
		margin: 0 0 20px 0;
		background: url('imagens/fundo-topo.gif') no-repeat center bottom
	}
		div#topo h1 a {
			position: absolute;
			top: 0; left: 0;
			display: inline; float: left;
			width: 310px; height: 79px;
			z-index: 0;
			background:url('imagens/logo.jpg') no-repeat;
			font-size: 1px;
			text-decoration:none;
		}
			div#topo h1 a span { visibility: hidden; }

		div#topo div#menu {
			position: absolute;
			top: 75px; left: 13px;
			display: inline; float: left;
			width: 914px; height: 30px;
			z-index: 1;
		}
			div#menu ul { height: 30px; }
				div#menu ul li { display: block; float: left; height: 30px; margin: 0 7px 0 0; }
					div#menu ul li a {
						display: block; float: left;
						height: 30px;
						padding: 0 15px 0 0;
						background: url('imagens/fundo-botao-direita.jpg') no-repeat top right;
						font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
						text-decoration: none; text-transform: uppercase;
						color: #666;
					}
					div#menu ul li a:hover { color: #333; }
					div#menu ul li a:active, div#menu ul li a.ativo { color: #2169AA; }
						div#menu ul li a span { display: block; line-height: 30px; padding: 0 0 0 15px; background: url('imagens/fundo-botao-esquerda.jpg') no-repeat; }

		div#topo h2 {
			position: absolute;
			top: 0; right: 0;
			width: 400px; height: 60px;
			overflow: hidden;
			font: 12px Tahoma, Geneva, sans-serif;
			line-height: 20px;
			text-align: left;
		}
	div#corpo div#navegacaoGlobal {
		display: inline; float: left;
		width: 940px; height: 30px;
		margin: 0 0 20px 0;
		background: url('imagens/fundo-navegacaoGlobal.gif') no-repeat center top;
	}
		div#navegacaoGlobal ul { display: inline; float: left; height: 30px; padding: 0 0 0 100px; }
			div#navegacaoGlobal ul li { display: inline; float: left; margin-right: 15px; }
				div#navegacaoGlobal ul li a {
					display: inline; float: left;
					height: 30px;
					padding: 0 5px;
					font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
					text-decoration: none; text-transform: uppercase;
					color: #666;
				}
				div#navegacaoGlobal ul li a:hover { text-decoration: none; color: #333; }
				div#navegacaoGlobal ul li a:active, div#navegacaoGlobal ul li a.ativo { text-decoration: none; color: #2169AA; }
					div#navegacaoGlobal ul li a span { display: block; line-height: 30px; }

	div#corpo div#principal {
		display: inline; float: left;
		width: 940px;
		text-align: justify;
	}
		div#principal h4 {
			display: block;
			margin-bottom: 5px;
			font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color: #2169AA;
		}
		div#principal div#colunaEsquerda {
			display: inline; float: left;
			width: 575px;
			margin: 0 20px 0 0;
		}
		div#principal div#colunaDireita {
			display: inline; float: left;
			width: 345px;
		}
			div#colunaDireita div#areaCliente {
				width: 319px;
				margin: 0 0 20px 0; padding: 10px;
				background-color: #EAEAEA;
				border: 3px solid #CCC;
				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#loginBtn {
							position: absolute;
							top: 0px;
							width: 49px; height: 49px;
							cursor: pointer;
							border: 1px solid #2169AA;
							background: #4e91ce;
							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#corpo div#rodape {
		display: inline; float: left;
		width: 940px; height: 45px;
		margin: 20px 0 0 0;
		background: url('imagens/fundo-topo.gif') no-repeat center bottom;
		line-height: 43px;
		color: #FFF;
	}