/* ==========================
	REGRAS GERAIS

	bordo: #920E0C
	amarelo: #F9E706
	azul escuro: #163979
	azul claro: #2C549A
	cinza claro: #D0D0CF
	cinza escuro: #566 / #999
========================== */
#geral {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #163979;
	font: 12px "Trebuchet MS", Sans-Serif;
	/*background: red;*/
}

body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

p { line-height: 15px; }

img { border: none; }

br {
	clear: both;
	margin-bottom: 5px;
}
#especial br {
	clear: right;
	margin-bottom: 5px;
}

hr {
	clear: both;
	border: none;
	border-bottom: 1px dashed #999;
	height: 1px;
	margin: 0 0 -30px 0;
	padding: 0;
}

/***********************
	DIV > CABECALHO
***********************/
#cabecalho {
	background: #163979;
	height: 80px;
}

#cabecalho img.logo {
	float: left;
	margin-left: 15px;
	padding-top: 55px;
}

#idioma {
	text-align: right;
	color: #FFF;
	float: right;
	margin-right: 10px;
	margin-top: 60px;
}
#idioma a {
	color: #FFF;
	text-decoration: none;
}
#idioma a:hover {
	text-decoration: underline;
}

/***********************
	DIV > FAIXA superior amarela
***********************/
#faixa_superior {
	background: #F9E706;
	height: 10px;
	margin: 0;
	padding: 0;
}

/***********************
	DIV > CONTEUDO
***********************/
#conteudo {
	margin: 0 0 10px 0;
	padding: 0;
}
#conteudo h1,
#conteudo h2 {
	color: #FFF;
	margin: 0 0 -10px 10px;
}
#conteudo h1 {
	font-size: 25px;
	letter-spacing: 0.3em;
}

/***********************
	DIV > CONTEUDO / ESQUERDA
***********************/
#esquerda,
#centro {
	float: left;
}
#esquerda {
	margin: 0;
	width: 170px;
	height: 430px;
	background: #920E0C;
	color: #FFF;
}
#direita {
	margin-top: 10px;
	float: right;
	width: 240px;
}
#centro {
	width: 340px;
	margin: 10px 0 0 10px;
}
#centro div.box_cinza {
	border: 1px solid #D0D0CF;
	width: 328px;
}
#centro div.box_cinza p {
	padding: 0 0 0 10px;
}
#centro div.box_cinza h1 {
	color: #163979;
}
#centro div.box_cinza a {
	color: #163979;
	font-weight: none;
	text-decoration: none;
}
#centro div.box_cinza a:hover {
	text-decoration: underline;
}

#centro div.box_azul {
	background: #2C549A;
	margin: 10px 0;
	width: 330px;
}
#direita div.box_azul {
	background: #2C549A;
}
#conteudo div.box_azul p {
	color: #FFF;
	padding: 0 0 10px 10px;
}
#centro a {
	color: #FFF;
	font-weight: none;
	text-decoration: none;
}
#centro a:hover {
	text-decoration: underline;
}

#direita ul,
#esquerda ul {
	text-align: left;
	margin: 20px 0;
	padding: 0 0 10px 0;
}
#esquerda ul {
	margin: 10px 0;
}
#direita li,
#esquerda li {
	list-style-type: none;
	position: relative;
	margin: 0 0 5px 10px;
}
#direita li a,
#esquerda li a {
	color: #FFF;
	text-decoration: none;
}
#direita li a:hover,
#esquerda li a:hover {
	text-decoration: underline;
}

/*****************************
	DIV > CONTEUDO / FOTOS
******************************/

/***********************
	DIV > BANNERS
***********************/
#conteudo div.banner {
	border: 1px solid #D0D0CF;
	margin-bottom: 10px;
	width: 234px;
	height: 60px;
	background: #FFF;
	clear: left;
}
#esquerda div.banner {
	border: 0;
	margin: 170px 10px 10px 10px;
	padding: 0;
	width: 150px;
	height: 110px;
}


/***********************
	DIV > RODAPE
***********************/
#rodape {
	width: 100%;
	height: 25px;
	margin: 0;
	background: #F9E706;
	clear: both;
}
#rodape p {
	padding: 10px 0;
	margin: 0;
	text-align: center;
	font-size: 9px;
}
