@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	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: #000000;
}
.twoColFixRtHdr #container { 
	width: 780px;  /* Usar 20 pixels a menos que a largura total de 800 pixels permite incluir todo o quadro do navegador e evita uma barra de rolagem horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* As margens automáticas (juntamente com a largura) centralizam a página */
	border: 1px solid #000000;
	text-align: justify; /* Isso substitui text-align: center do elemento body. */
} 
.twoColFixRtHdr #header { 
	background: #DDDDDD; 
	height: 120px;
	text-align: justify;
	color: #000000;
	padding: 0;
	padding: 5px 10px;
} 
.twoColFixRtHdr #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: 5px 0; /* Usar preenchimento em vez de margem permitirá manter o elemento distante das bordas do div */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* Como esse elemento é flutuante, uma largura deve ser fornecida */
	width: 200px; /* A largura real deste div, em navegadores padrão ou no modo padrão no Internet Explorer, inclui o preenchimento e a borda, além da largura */
	background: #EBEBEB; /* #EBEBEB A cor do plano de fundo será exibida para o comprimento do conteúdo na coluna, mas não mais do que isso */
	padding: 15px 10px;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	line-height:90%;
	
}
.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* A margem esquerda deste elemento do div cria a coluna abaixo e à esquerda da página - não importa quanto conteúdo exista no div da barra lateral 1, o espaço da coluna permanecerá. Você pode remover essa margem se desejar que o texto do div #mainContent preencha o espaço #sidebar1 quando o conteúdo em #sidebar1 terminar. */
	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 */
} 
.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; /* Este preenchimento corresponde ao alinhamento à esquerda dos elementos nos divs exibidos acima dele. */
	background:#DDDDDD; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* Se as margens do primeiro elemento forem zeradas no rodapé, não haverá possibilidade de redução de margem - um espaço entre divs */
	padding: 10px 0; /* O preenchimento deste elemento criará um espaço exatamente como a margem criaria, mas sem o problema de redução da margem */
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #666666;
}
.rodape {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: bold;
	color: #999999;
}
.tituloprincipal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 30px;
	color:#660000;
}
.fltrt { /* Esta classe é usada para flutuar um elemento à direita na página. O elemento flutuante deve preceder o elemento e estar próximo dele na página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Esta classe é usada para flutuar um elemento à esquerda em sua página */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Esta classe deve ser colocada em um elemento div ou break e deve ser o último elemento antes do fechamento de um contêiner que deve conter uma flutuação completamente */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.textominimo {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	width: 199px;
	font-weight: bold;
}
.textominimo2 {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	width: 199px;
	font-weight: bold;
	text-align: center;
}
.tituloprincipal2 {
	font-size: 36px;
	font-weight: bold;
}
.titulosecundario {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 5;
	color: #900000;
}
.titulorodape {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5;
	color: #333333;
}
.niver {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}