@charset "utf-8";
/* CSS Document */
img {
	border: none;
	}
.boxes {
	float: right;
	width: 736px;
	height: 250px;
	}
#box1 {
	float:left;
	}
#box2 {
	float:right;
	}
#box3 {
	margin-left: 18px;
	margin-right: 18px;
	float: left;
	}
#box4 {
	float: left;
	}
#box5 {
	float: right;
	}
#box6 {
	float: left;
	}
#box7 {
	float: right;
	}
/*DIV ONDE SERÁ INSERIDO O CONTEÚDO*/
.cont{
	font-size: 12px;/*TAMANHO DA FONTE*/
	text-align: left;/*Alinhamento do texto à esquerda*/
	margin-left: 25px;/*MARGEM A ESQUEDA DO DOCUMENTO, POIS POR DEFAULT É "0" E O CONTEÚDO FICARIA SOBREPONDO A IMAGEM*/
	width: 307px;/*LARGURA DO BOX DEVE SER MENOR QUE O TAMANHO TOTAL DO "middleBox" POIS SE NÃO IRÁ SOBREPOR A IMAGEM*/
	height: 120px;/*Altura do Box pré-definida para manter uma uniformidade em todos os Box do layout*/
	overflow: auto;/*Define uma barra de rolagem lateral para visualizar o conteúdo do "middlleBox"*/
}
.cont dt {
	color: # 040;
	}
.cont dd {
	padding: 2px 0;           /* Espaçamento vertical entre os links */
	}
.cont dd a:link {
	text-decoration: none;    /* Retira o sublinhado do link */
	color: #d4795e;           /* Cor da fonte do link */
	}
.cont dd a:visited {
	text-decoration: none;    /* Retira o Sublinhado do link visitado */
	color: #b38dC7;           /* Cor da fonte do link visitado */
	}
.cont dd a:hover  {
	color: #1c721e;              /* Cor do link com o cursor sobre ele */
	text-decoration: underline;  /* Recoloca o sublinhado no link com o cursor sobre ele */
	}
.cont dd a:active {
	color: #ff0000;              /* Cor do link ativado, isto é: quando Clicado */
	text-decoration: underline;  /* Recoloca o sublinhado no link ativado, isto é: quando Clicado */
	}	
	
/*TOPO DOS BOXES LINKS DA NAVEGAÇÃO*/
#topbox-aa{
	background-image: url(../imagens/box-index-img/topbox-aa.jpg);/* Imagem feita no editor de imagens */
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
#topbox-chamas{
	background-image: url(../imagens/box-index-img/topbox-chamas.jpg);/* Imagem feita no editor de imagens */
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
#topbox-cm{
	background-image: url(../imagens/box-index-img/topbox-cm.jpg);/* Imagem feita no editor de imagens */
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
#topbox-cv{
	background-image: url(../imagens/box-index-img/topbox-cv.jpg);/* Imagem feita no editor de imagens */
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
#topbox-fb{
	background-image: url(../imagens/box-index-img/topbox-fb.jpg);/* Imagem feita no editor de imagens */
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
#topbox-tp{
	background-image: url(../imagens/box-index-img/topbox-tp.jpg);/* Imagem feita no editor de imagens */
	width: 349px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 80px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
.middlebox{
	/*IMAGEM FEITA NO EDITOR DE IMAGENS
	PEGA A IMAGEM DO TOPO NO EDITOR DE IMAGENS, RECORTA APENAS UM PEDAÇO DE 350px x 1px
	*/
	background-image: url(../imagens/box-index-img/middlebox.jpg); 
	/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM
	O ATRIBUTO height NÃO É DEFINIDO
	A ALTURA DO BOX E VARIÁVEL DE ACORDO COM O CONTEÚDO ELA AUMENTA OU DIMINUI
	*/
	width: 350px;
	/*COM O ATRIBUTO "background-repeat: repeat-y" FAZEMOS COM QUE A IMAGEM DE 350px x 1px
	SE REPITA VERTICALMENTE ATÉ O FIM DO TAMANHO DO BOX
	*/
	background-repeat: repeat-y;
}
.bottombox{
	background-image: url(../imagens/box-index-img/bottombox.jpg);/*IMAGEM FEITA NO EDITOR DE IMAGENS*/ 
	width: 350px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 32px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	margin-bottom: 15px;
}
/*TOPO DO BOX DAS NOVIDADES E ATUALIZAÇÕES DO SITE TODO*/
#topbox-na{
	background-image: url(../imagens/box-index-img/topbox-na.jpg);/* Imagem feita no editor de imagens */
	width: 700px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 104px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
}
/*MEIO DO BOX DAS NOVIDADES E ATUALIZAÇÕES DO SITE TODO*/
.middlebox-na {
	background-image: url(../imagens/box-index-img/middlebox-na.jpg);/*IMAGEM FEITA NO EDITOR DE IMAGENS*/
	width: 700px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	background-repeat: repeat-y;/*COM O ATRIBUTO "background-repeat: repeat-y" FAZEMOS COM QUE A IMAGEM DE 700px x 1px
	SE REPITA VERTICALMENTE ATÉ O FIM DO TAMANHO DO BOX*/
	}
/*DIV ONDE SERÁ INSERIDO O CONTEÚDO DAS NOVIDADES E ATUALIZAÇÕES DO SITE TODO*/
.cont-na{
	font-size: 12px;/*TAMANHO DA FONTE*/
	text-align: left;/*Alinhamento do texto à esquerda*/
	margin-left: 34px;/*MARGEM A ESQUEDA DO DOCUMENTO, POIS POR DEFAULT É "0" E O CONTEÚDO FICARIA SOBREPONDO A IMAGEM*/
	width: 641px;/*LARGURA DO BOX DEVE SER MENOR QUE O TAMANHO TOTAL DO "middleBox" POIS SE NÃO IRÁ SOBREPOR A IMAGEM*/
	height: 300px;/*Altura do Box pré-definida para manter uma uniformidade em todos os Box do layout*/
	overflow: auto;/*Define uma barra de rolagem lateral para visualizar o conteúdo do "middlleBox-na"*/
}
.cont-na h3 {
	margin: 0;
	padding: 0;
	color: #040;        /* Cor da fonte verde */
	font-size: 13px;
	text-align: center;    /* Centraliza o texto no container do cabeçalio */
	padding: 10px 0 5px 0;
	}
dt {
	color: #005000;        /* Cor da fonte verde */
	font-size: 12px;       /* Tamanho da fonte */
	font-weight: bold;     /* Coloca a fonte em negrito */
	text-align: center;    /* Centraliza o texto no container */
	padding: 0 0 5px 0;
	}
.cont-na dt {
	padding: 10px 0 5px 0;           /* Espaçamento vertical entre os links */
	}
.cont-na dt a:link {
	text-decoration: none;    /* Retira o sublinhado do link */
	color: #d4795e;           /* Cor da fonte do link */
	}
.cont-na dt a:visited {
	text-decoration: none;    /* Retira o Sublinhado do link visitado */
	color: #b38dC7;           /* Cor da fonte do link visitado */
	}
.cont-na dt a:hover  {
	color: #1c721e;              /* Cor do link com o cursor sobre ele */
	text-decoration: underline;  /* Recoloca o sublinhado no link com o cursor sobre ele */
	}
.cont-na dt a:active {
	color: #ff0000;              /* Cor do link ativado, isto é: quando Clicado */
	text-decoration: underline;  /* Recoloca o sublinhado no link ativado, isto é: quando Clicado */
	}
.cont-na dd {
	text-indent: 30px;
	}
.cont-na dd span {
	color: #9900FF;
	font-weight: bold;
	}	
.cont-na dd span a:link {
	text-decoration: none;    /* Retira o sublinhado do link */
	color: #d4795e;           /* Cor da fonte do link */
	}
.cont-na dd span a:visited {
	text-decoration: none;    /* Retira o Sublinhado do link visitado */
	color: #b38dC7;           /* Cor da fonte do link visitado */
	}
.cont-na dd span a:hover {
	color: #1c721e;              /* Cor do link com o cursor sobre ele */
	text-decoration: underline;  /* Recoloca o sublinhado no link com o cursor sobre ele */
	}
.cont-na dd span a:active {
	text-decoration: underline;    /* Retira o sublinhado do link */
	color: #ff0000;           /* Cor da fonte do link */
	}
/*FINAL DO BOX DAS NOVIDADES E ATUALIZAÇÕES DO SITE TODO*/
.bottombox-na {
	background-image: url(../imagens/box-index-img/bottombox-na.jpg);/*IMAGEM FEITA NO EDITOR DE IMAGENS*/
	width: 700px;/*LARGURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	height: 44px;/*ALTURA DO TOPO - ESSE ATRIBUTO DEVE SER EXATAMENTE DO TAMANHO DA IMAGEM*/
	margin-bottom: 12px;
	}