@charset "utf-8";

body {
	background: #666666;
	margin: 0; /* É recomendável zerar a margem e o preenchimento do elemento body para acomodar os diferentes padrões de navegador */
	padding: 0;
	text-align: center; /* Isso centraliza o contêiner em navegadores IE 5*. O texto é então definido como o padrão de alinhamento à esquerda no seletor #container */
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Dicas para layouts elásticos
1. Como o tamanho total dos layouts elásticos baseia-se no tamanho das fontes padrão do usuário, eles são mais imprevisíveis. Usados corretamente, eles também são mais acessíveis para aqueles que precisam de fontes de tamanho maior, pois o comprimento da linha permanece proporcional.
2. O tamanho dos divs deste layout baseia-se no tamanho de fonte 100% no elemento body. Se você reduzir o tamanho total do texto usando o tamanho de fonte 80% no elemento body ou em #container, lembre-se de que o tamanho de todo o layout será reduzido proporcionalmente. Convém aumentar as larguras dos vários divs para compensar isso.
3. Se o tamanho da fonte for alterado em proporções diferentes em cada div, e não no design global (p.ex.: o tamanho de fonte 70% é atribuído a #sidebar1 e o tamanho de fonte 85% é atribuído a #mainContent), o tamanho total de cada div será alterado proporcionalmente. Convém fazer ajustes com base no tamanho de fonte final.
*/
.oneColElsCtrHdr #container {
	width: 964px;  /* Esta largura criará um contêiner que se ajustará em uma janela de navegador de 800px se o texto estiver nos tamanhos de fonte padrão do navegador */
	background: #FFFFFF;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	border: 1px solid #000000;
	text-align: left;
	height: auto;
}
.oneColElsCtrHdr #header {
	background: #FFF;
	padding: 0 0 0 0;  /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos abaixo dele. Se uma imagem for usada em #header em vez de texto, convém remover o preenchimento. */
	height: 138px;
	background-image: url(imagens/fundo_cabecalho4.jpg);
} 
.oneColElsCtrHdr #header h1 {
	margin: 0; /* Se a margem do último elemento for zerada no div #header, a margem não será reduzida - um espaço inexplicável entre divs. Se houver uma borda ao redor do div, isso não será necessário, pois também evitará a redução da margem */
	padding: 10px 0; /* Usar preenchimento em vez de margem permitirá manter o elemento distante das bordas do div */
	font-size: 100%;
}
.oneColElsCtrHdr #mainContent {
	padding: 0 20px; /* Lembre-se de que o preenchimento é o espaço dentro da caixa do div e a margem é o espaço fora da caixa do div */
	background: #FFFFFF;
}
.oneColElsCtrHdr #footer {
	background:#FFF;
	background-image: url(imagens/fundo_rodape.jpg);
	height: 63px;
} 
.oneColElsCtrHdr #footer p {
	font-style: italic;
	color: #FFF;
	text-align: left;
	padding-top: 35px;
	padding-left: 10px;
}
.Texto_verde {
	color: #090;
}