/*-----------------------------------
  Elementos Gerais
-------------------------------------*/
body {
	color: white; 
	background: black;
	font-family: Arial, Trebuchet MS, sans-serif;
	}
a {
	color: white;
	font-weight: normal;
	text-decoration: undeline;
	display: inline;
	}
a:hover {
	text-decoration: none;
	color: #33FFFF;
	}
i, em {
	font-style: italic;
	}
#page {
	position: relative;
	width: 745px;
	visibility: visible;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#header {
	position: relative;
	width: 745px;
	height: 85px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 0px;
	}
#logoHome {
	width: 436px;
	}
#logoHome img {
	margin-left: 50px;
	}
#logoPaginas {
	width: 436px;
	}
#logoPaginas em {
    font-size: 12pt;
	font-weight: bold;
	font-style: normal;
	}
#logoPaginas img {	
	margin-top: auto;
	margin-left: 115px;
	margin-right: 115px;
	}
/*---------------------------------------------
  Menu Principal
-----------------------------------------------*/
.menuparent { /* manter este item para acertar posicionamento do menu principal no IE */
	}
ul#menuPrincipal  {
	margin-left: 5px;
	padding: 0;
	border: 0;
	width: 146px; /* Width of Menu Items */
	background: #666666; 
	}
ul#menuPrincipal ul {
	margin-left: 5px;
	padding: 0;
	width: 146px; /* Width of Menu Items */
	background: #666666; 
	}
ul#menuPrincipal li {
	top: 0px;
	position: relative;
	list-style: none;
	}
ul#menuPrincipal li a {
	display: block;
	text-decoration: none;
	color: white;
	padding: 0px 0px 0px 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;	
	font-size: 9pt; /* 12px; */
	font-weight: normal;	
	text-align: left;
	}
/* Fix IE. Hide from IE Mac \*/
* html 
ul#menuPrincipal li { 
	float: left; 
	height: 1%; 
	}
ul#menuPrincipal li a { 
	height: 1%; 
	}
/* End */
ul#menuPrincipal ul {
	position: absolute;
	display: none;
	top: -10px;
	left: 140px;
	}
ul#menuPrincipal li ul li a { /* Sub Menu */ 
	padding: 0px 5px 2px 5px; 
	color: white;
	background: #666666;
	width: 148px;
	} 
ul#menuPrincipal li:hover ul ul,
ul#menuPrincipal li:hover ul ul ul,
ul#menuPrincipal li.over ul ul,
ul#menuPrincipal li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#menuPrincipal li:hover ul,
ul#menuPrincipal li li:hover ul,
ul#menuPrincipal li li li:hover ul,
ul#menuPrincipal li.over ul,
ul#menuPrincipal li li.over ul,
ul#menuPrincipal li li li.over ul { display: block; } 
ul#menuPrincipal li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }
ul#menuPrincipal li.menuparent:hover,
ul#menuPrincipal li.over { background-color: #504F4F; } 
ul#menuPrincipal li a:hover {
	color: #33FFFF; 
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	}
/*---------------------------------------------
  Area central da pagina principal
-----------------------------------------------*/
#central p {
	color: #ffcc33;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 0px 10px;
	}
#central a {
	position: relative;
	color: white;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	padding: 5px 0px 5px 5px;
	}
/*---------------------------------------------
  Propaganda a Esquerda 
-----------------------------------------------*/
#propagandaEsquerda {
	position: relative;
	margin-top: 0px; /* -50px; */
	margin-left: 5px;
	width: 140px;
	height: 90px;
	background: black;
	}
/*------------------------------------------------------
  Area a direita (novidades e propaganda)
-------------------------------------------------------*/		
#novidades {
	width: 140px;
	height: 140px;
	margin-top: -10px;
	}
#propagandaDireita {
	width: 140px;
	height: 90px;
	margin-left: 28px;
	margin-right: 0px;
	font-size: 9pt;
	}
/*-----------------------------------
  Titulo abaixo do logo
-------------------------------------*/
h1 {
	font-size: 16pt;
	font-weight: bold;
	margin-left: 115px;
	}
.infotec {
	color:  #0080FF;
	}
.dicas {
	color: #FF8000;
	}
h2 {
	font-size: 11pt;
	font-weight: normal;
	margin-left: 122px;
	}
/*----------------------------------------------------------
  Chamada para editorial na pagina principal
------------------------------------------------------------*/
#chamada-editorial {
	text-align: center;
	border: 0px;
	font-weight: bolder;
	font-size: 9pt;
	text-align: center;
	}
#chamada-editorial h3 {
	margin-bottom: -14px;
	text-decoration: none;
	font-size: 9pt;
	}
#chamada-editorial p {
	text-decoration: underline;
	}
/*---------------------------------------------------------------------------------------------
  Area para textos das paginas de Informações Técnicas, Dicas e outras
------------------------------------------------------------------------------------------------*/
#infotec, #dicas, #artigo, #eventos, #faq {
	float: left;
	font-size: 12pt;
	font-weight: normal;
	color: white;
	text-align: left;
	margin-left: 3px;
	margin-right: 5px;
	}
#infotec img, #dicas img, #artigo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
/*-----------------------------------
  Links internos da página
-------------------------------------*/
.tipoName {
	display: block;
	font-weight: bold;
	}
#infotec .tipoName, #infotec .pag-seguinte {
	color: #0080FF;
	font-weight: bold;
	font-style: normal;
	}
#dicas .tipoName, #dicas .pag-seguinte {
	color: #FF8000;
	text-style: normal;
	font-weight: bold;
	font-style: normal;
	}
#nottec .tipoName, #nottec .pag-seguinte {
	color: #00FF00;
	text-style: normal;
	font-weight: bold;
	font-style: normal;
	}
/*----------------------------------------------------------------------------------------------------
  Area para indicação de conteúdo de outros anos: eventos, editoriais, notícias  
------------------------------------------------------------------------------------------------------*/
.continuacao h3 {
	display: inline;
     	font-size: 18pt
	margin-left: 103px;
 	}
.continuacao a {
	float: right;
	display: inline;
    	font-size: 10pt;
	font-weight: bold;
	margin-right: 0px;
	text-decoration: underline;
	}
.continuacao a:hover, #nottec .continuacao a:hover, #eventos .continuacao a:hover, 
#editorial-texto .continuacao a:hover {
	text-decoration: none;
	color: #33FFFF;
	}
#nottec .continuacao h3, #nottec .continuacao a {
    	color: #00FF00;
 	}
#eventos .continuacao h3, #eventos .continuacao a {
    	color: #A8EAFF;
	}
#editorial-texto .continuacao h3, #editorial-texto .continuacao a {
    	color: #FFFF9D;
 	}
#mapa .continuacao a {
	color: white;
	}
.continuacao em {
	font-size: 16px;
	font-style: normal;
	}
/*---------------------------------------------
  Faq
-----------------------------------------------*/
#faq ol {
	list-style-type: decimal-leading-zero;
	}
.correto {
	font-weight: bold;
	color: #00ff80;
	}
.errado {
	font-weight: bold;
	color: #ff0000;
	}
.depende {
	font-weight: bold;
	color: #ffff00;
	}
.questao {
	font-weight: bold;
	color: white;
	}
/*----------------------
  Footer
------------------------*/	
#footer {
	margin-top: 18px;
	margin-bottom: 0px;
	clear: both;
	width: 745px;
	font-size: 9pt;
	font-weight: normal;
	color: #cccccc;
	border-top: 1px solid #ffffff; 
	border-bottom: 0px solid #ffffff; 
	}
#footer p {
	margin-bottom: 0px;
	}
#footer img {
	margin-left: 0px;
	}
/*----------------------
  Pesquisa
------------------------*/	
#formulario {
	position: relative;
	margin-top: -19px;
	}
#formulario p {
	margin-top: -1px;
	font-size: 10px;
	text-align: left;
	}
.pesquisarTexto {
	margin-top: 0px;
	background: #dfdfdd;
	border-style: inset; 
	border-width: 0px;
	font-size: 13px;
	}
.pesquisarBotao {
	height: 17px;
	margin-top: 2px;
	font-size: 9px;
	border-style: outset; 
	border-width: 0px; 
	vertical-align:top; 
	text-align:center;
	}
/*-------------------------------------------
  Submenus - do Indice de A a Z 
---------------------------------------------*/	
.submen {
	margin-bottom: 12px;
	}
.submen li {
	list-style: none;
	display: inline;
	}
.submen li.selecionado {
	float: left;
	background: #FAFA65;
	color: blue;
	font-weight: bold;
	text-decoration: none;
	margin: 2px 4px 2px 1px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	text-align: center;
	width: 20px;
	}
.submen a {
	float: left;
	color: white;
	background: #666666;
	font-weight: bold;
	text-decoration: none;
	margin: 2px 2px 2px 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	text-align: center;
	width: 20px;
	}
.submen a:hover {
	color: #33FFFF;
	}
/*---------------------------------------------
  Submenus dos demais índices
-----------------------------------------------*/
.submenD {
	margin-bottom: 0px;
	}
.submenD li {
	list-style: none;
	display: inline;
	}
.submenD li.selecionado {
	float: left;
	background: #FAFA65;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	color: blue;
	margin: 2px 2px 2px 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	width: 90px;
	text-align: center;
	}
.submenD a {
	float: left;
   	color: white;
	background: #666666;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	margin: 2px 2px 2px 2px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	width: 90px;
	text-align: center;
	}
.submenD a:hover {
	color: #33FFFF;
	}
/*---------------------------------------------
  Indices
-----------------------------------------------*/
#indice p {
	margin-top: 0px;
	margin-bottom: 0px;
	clear: left;
	}
#indice p a {
	text-decoration: underline;
	font-weight: bold;
	}
#indice a:hover {
	color: #33FFFF;
	text-decoration: none;
	}	
.reflink {
	color: #0080FF;
	}
.reflinka {
	color: #A6A6FF;
	}
.reflinkd {
	color: #FF8000;
	}
.reflinke {
	color: #FFFF9D;
	}
.reflinkp {
	color: white;
	}
.reflinkev {
	color: #80FF80;
	}
.reflinkevc {
	color: #80FF80;
    margin-left: 10px;
	}
.reflinkem {
	color: #80FF80;
	}
.reflinkf {
	color: blue;
	}
.reflinkn {
	color: #00FF00;
	}
.idxnot-mes {
	font-weight: bold;
	clear: left;
	}
/*-------------------------------------------------------------------------
  Link interno nas paginas de indice
---------------------------------------------------------------------------*/
.infoItem {
	color: black;
	}
.infoItem a:hover {
	color: black;
	}
/*---------------------------------------------
  Atualizacoes
-----------------------------------------------*/
.idx-conteudo p {
	margin-top: 3px;
	margin-bottom: 3px;
    margin-left: 30px;
	padding-left: 30px;
	}
.idx-conteudo .reflink, .idx-conteudo .reflinka, .idx-conteudo .reflinkd, .idx-conteudo .reflinke, 
.idx-conteudo.reflinkev, .idx-conteudo .reflinkev#font-family, .idx-conteudo .reflinkn,
.idx-conteudo .reflinkp {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 36px;
	padding-left: 36px;
	font-weight: bold;
	}
/*---------------------------------------------
  Mapa e Roteiro
-----------------------------------------------*/
#mapa .segundo-nivel {
	margin-left: 90px;
	margin-bottom: 8px;
	text-decoration: none;
	}
#mapa .terceiro-nivel {
	margin-left: 130px;
	margin-bottom: 8px;
	text-decoration: none;
	}
#mapa em {
	font-weight: bold;
	font-style: normal;
	}
#mapa a {
	text-decoration: underline;
	}
#mapa li, #roteiro ul li {
	font-weight: normal;
	list-style: none;
	margin-left: 50px;
	margin-bottom: 3px;
	}
#roteiro .primeiro {
	margin-left: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
	clear: left;
	}
#roteiro ul {
    margin-top: 15px;
    }
#roteiro p {
    margin-bottom: 0px;
    }	
/*---------------------------------------------
  Eventos
-----------------------------------------------*/
.evento-recomenda {
	color: #80FF80;
	font-size: 12px;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-top: 30px;
	}
.evento-mes {
	display: inline;
	color: #A8EAFF;
	font-weight: bold;
	font-style: normal;
	}
.evento-titulo {
	color: #80FF80;
	font-weight: bold;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.evento-local {
	color: #80FF80;
	font-weight: bold;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.evento-texto {
	color: white;
	font-weight: normal;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.evento-categoria {
	color: #E8E3E3;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	font-style: normal;
	}
.evento-categoria em {
	font-weight: normal;
	font-style: normal;
	}
.evento-contato {
    	display: inline;
	color: #E8E3E3;   
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	font-style: normal;
	}
.evento-contato-txt {
    	color: white;
    	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
	}
.evento-fonte1-txt {
    	color: #A8EAFF;
    	font-size: 10pt;
    	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
	}
.evento-fonte2-txt {
    	color: #A8EAFF;
    	font-size: 10pt;
    	margin-left: 49px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	font-style: normal;
	}
/*---------------------------------------------
  Artigos
-----------------------------------------------*/
.artigo-texto {
	display: inline;
	color: white;
	font-weight: bold;
	}
.artigo-assunto {
	display: inline;
	color: #FFFF00;
	font-weight: bold;
	font-style: normal;
	}
.artigo-titulo {
	color: #A6A6FF;
	font-weight: bold;
	margin-left: 45px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.artigo-autor, .artigo-publicacao {
	color: white;
	font-size: 12px;
	text-align: right;
	margin-right: 150px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
/*---------------------------------------------
  Editorial
-----------------------------------------------*/
#editorial-texto {
	color: white;
	font-weight: normal;
	margin-left: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.editorial-imginline {
	float: right;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 25px;
	margin-right: 7px;
	}
.editorial-mes {
	display: inline;
	color: #FFFFFF;
	font-weight: bold;
	font-style: normal;
	}
.editorial-título, .editorial-título a {
	font-size: 14pt;
	color: #FFFF9D;
	}
.editorial-autor {
	color: white;
	font-size: 15px;
	font-style: italic;
	text-align: right;
	margin-right: 110px;
	margin-bottom: 0px;
	margin-top: 0px;
	}
.editorial-qualificação2 {
	float: left;
	color: white;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 3px;
	border-top: 1px solid white;
	}
.editorial-qualificação2 em {
	font-style: normal;
	font-weight: bold;
	color: #FFCC33;
	}
.editorial-mes-ant {
	margin-top: 40px;
	font-weight: bold;
	}
/*---------------------------------------------
  Comemorativa 5 anos 
-----------------------------------------------*/
#banners_col p {
	font-style: bold;
	font-size: 14pt;
	}
#banners_col a {
	font-size: 11pt;
	font-style: bold;
	margin-left: 690px;
	}
/*---------------------------------------------
  Contato
-----------------------------------------------*/
#contato p {
	margin-top: 10px;
	margin-bottom: 18px;
	}
/*---------------------------------------------
  Views
-----------------------------------------------*/
#txt-views {
	margin-top: 5px;
	margin-left: 60px;
	}
#txt-views p {
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 0px;
	}
#txt-views a {
	margin-left: 82px;
	margin-bottom: 50px;
	}
#txt-views em {
	font-weight: bold;
	color: #0080FF;
    font-style: normal;
	}
#txt-views img {
	margin-left: 25px;
	}