@import url('spiffy.css');
@import url('boxes.css');

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #2C2D2B;
	background: url('../imagens/headers/background.gif');
}

a { color: #14104E; }

.hidden{
	display: none;
}

.padding{
	padding: 10px;
}

h1 {
	margin:0;
	padding:0;
}

#page-container{
	position: relative;
	z-index: 100;
	width: 760px;
	margin: auto;
	padding:0px;
	background: url('../imagens/headers/FundoPagina.png') repeat-y;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

#header{
	color: #fff;
	height: 180px;
	background: #033E03 url('../imagens/headers/Fundo5_4.png') no-repeat top center;
	border-bottom: 1px solid silver;
	margin-bottom: 10px; /* Espaço entre o header e o resto da página. */
}

		.linkLogin {
			position: absolute;
			right: 10px;
			top: 2px;
			color: #fff;
		}
		
		.linkLogin a { color: #fff; line-height: 17px; }
		.linkLogin a:hover { color: #db6d16; text-decoration: none;}

		.barraHeader {
			position: absolute;
			margin-top: 21px;
			height: 126px;
			width: 100%;
			z-index: 1;
			background: #033E03 url('../imagens/headers/barraHeader.png') repeat-x;
		}
		
		.barraHeaderBottomMaior {
			position: fixed;
			bottom: 40px;
			height: 26px;
			width: 100%;
			z-index: 1;
			background: #033E03 url('../imagens/headers/barraHeader.png') repeat-x;
		}

		.barraHeaderBottomMenor {
			position: fixed;
			bottom: 82px;
			height: 10px;
			width: 100%;
			z-index: 1;
			background: #033E03 url('../imagens/headers/barraHeader.png') repeat-x;
		}
		#header #logo {
			float: left;
			position: absolute;
			margin-left: 0px;
			margin-top: 0px;
			padding-top: 0px;
			padding-left: 60px;
			width: 155px;
			color: #ccc;
			z-index: 1;
			/* background: url('../imagens/headers/Logo-Reflexo.png') no-repeat top center; */
		}
				
				#header #logo #areaLogo {
					position: absolute;
					width: 125px;
					height: 90px;
					margin-top: 10px;
					padding-left: 15px;
					padding-top: 60px;
				}
				
				#header #logo #areaLogo a {
					background: url('../imagens/headers/FundoTransHome.png') repeat-x;
					text-align: center;
					padding: 6px;
					display: none;
					font-size: 13px;
					color: #060D46;
					font-weight: bold; 
					text-decoration: none;
					border: 1px solid #db6d16;
				}
				
				#header #logo #areaLogo:hover > a { display: block; }

		/* Define o tamanho do LOGO, para que não sobre bordas para fora do header. */
		/* #header #logo img { width: 156px;} */

/*

#main-nav { 
	height: 32px;
	width: 760px;
	float: right;
	margin:0;
	margin-top: 148px;
	padding:0;
}

		#main-nav ul {
			width: auto;
			float: right;
			list-style: none; 
			margin:0; 
			padding:0; 
			margin-right: 10px;
		}

		#main-nav ul li {
			float: left;
			position: relative;
			z-index: 200;
			text-align: center;
			display: block;
			vertical-align: middle;
			margin: 0 5px 5px 0;
			width: auto;
		}

		#main-nav ul li a {
			display: block;
			height: 28px;
			margin:0;
			padding: 2px 3px;
			color: #fff;
			text-decoration: none;
			font-weight: bold;
		}

		#main-nav ul li a:hover {
			background: url('../imagens/headers/FundoTrans.png') repeat-x;
		}

		#main-nav ul img {
			border: 0px;
			width: 20px;
			float: left;
			margin: 0px 5px 3px 5px;
		}

		#main-nav ul li ul {
			position: absolute;
			display: none;
			height: auto;
			margin:0; 
			padding:0;
			list-style: none; 
		}
		#main-nav ul li ul li {
			background: #033E03; 
			border: 1px solid #fff;
			border-top: 0px solid #fff; 
			margin:0; 
			padding:0;
			width: 140px;
			text-align: left;
		}

		#main-nav ul li ul a {
			position: relative;
			height: 16px;
			display: block;
		}
		
		#main-nav ul li:hover > ul { display: block; }
*/

#content{
	margin-right: 220px; /* 210px do sidebar + 2px da borda do sidebar + 8px de espaço entre o content e o sidebar */
	margin-left: 8px;
	background: #fff;
	text-align: justify;
}
		#content p {
			margin:0;
			padding:0;
			padding-bottom: 15px;
		}

		#content h2 {
			margin:0;
			padding:0;
			padding-bottom: 15px;
		}


#footer{
	clear: both;
	height: 66px;
	background: #033E03;
	background: #336600;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #c9c9c9;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 13px 25px;
	line-height: 20px;
}

		#footer a {
			color: #c9c9c9;
			text-decoration: none;
		}
		
		#footer a:hover {
			color: #db6d16;
		}

		#footer .copyHolder{
			float: left;
			width: 300px;
		}
		
		#footer #bannerFooter{
			float: left;
			width: 390px;
			height: 60px;
			border: 2px dotted silver;
			margin: 3px;
			background: white;
			color: #666666;
			text-align: center;
		}