.stilo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 22px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 9px;
	margin-right: 10px;
}
.grupos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E6F7E6;
	background-color: #333333;
}
.txt_blank {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9;
	background-position: top;
	line-height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #D7D7D7;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.footer2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #669900;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-weight: bold;
}
.head_i {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #690;
	font-style: normal;
}
.img_right {
	text-align: right;
	vertical-align: top;
	float: right;
	margin-left: 10px;
}
.head_2 {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: none;
	color: #00CCFF;
	font-style: normal;
}
.back_grade {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
a.txt_blank {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00FFFF;
	background-position: top;
	padding: 0px;
	line-height: 20px;
}
a.txt_blank:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	background-position: top;
	padding: 0px 10px 10px 20px;
	line-height: 20px;
}
.menu {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #F60;
	font-weight: bold;
	margin: 10px;
	background-color: #FFF;
	padding: 10px;
	height: 35px;
	width: 170px;
}
.BARANOME {
	margin-bottom: 9px;
}
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: 940px;  /* 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: left; /* Isso substitui text-align: center do elemento body. */
} 
.twoColFixRtHdr #header {
	background-color: #669;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 
.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: 10px 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: 300px;
	background-color: #000;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-right: 20px;
}
.achefacil {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #960;
}
.quicklinks {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #3CF;
}
a.quicklinks {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #3CF;
}
a.quicklinks:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #F90;
}

.twoColFixRtHdr #mainContent { 
	margin: 0 350px 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;
	background-color: #303;
} 
.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 */
	text-align: center;
}
.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;
}