/* =Tag Especifica
-----------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}
html, body {height: 100%;}
* html #tudo {height: 100%;}
img, form, label {margin:0px; padding:0px; border:0px;} 
Body {background:url(../_img/bg_observatorio.jpg) no-repeat fixed center bottom; font:12px Arial, Helvetica, sans-serif; color:#000000;}
ul, li {margin:0; padding:0; list-style:none;}
.tit {font-size:14px;}

/* = Links e Formatação de texto
-----------------------------------------------------------------------------*/
a:link, visited, active, hover { border:0px; color:#000000;}
a:link {text-decoration:none; color:#000000;}
a:visited, active{text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#ed763c;}/*-- mudar essa cor Link Ativo--*/
#rodape a:link, visited, active, hover { border:0px; color:#ffffff;}
#rodape a:link {text-decoration:none; color:#ffffff;}
#rodape a:visited, active{text-decoration:none; color:#ffffff;}
#rodape a:hover {text-decoration:none; color:#ffffff;}/*-- mudar essa cor Link Ativo--*/
#textosite a:link, visited, active, hover { border:0px; color:#000000;}
#textosite a:link {text-decoration:underline; color:#000000;}
#textosite a:visited, active{text-decoration:underline; color:#000000;}
#textosite a:hover {text-decoration:none; color:#ed763c;}/*-- mudar essa cor Link Ativo--*/
#textosite img {margin:6px;}
#textosite p {margin: 5px;}
p {line-height:15px; padding-bottom:20px; margin:0px;}
h1 {font-size:16px; margin-bottom:10px; margin-top:8px; font:Arial, Helvetica, sans-serif;}

/* =Formulários
-----------------------------------------------------------------------------*/
.form {background:#ffffff; border:0; font-size:27px; width:100%; color:#999999;}
.formbotao {background:#404F86; border:1px solid #404F86; color:#FFFFFF; font:Arial, Verdana, Helvetica, sans-serif 10px; font-weight:bold;}
label {display:block; width:auto; float:left; margin-left:10px; margin-right:0px; color:#FFFFFF;}

td {padding-right:5px;}
#tabela {margin-top:10px;}

/* =Divs Pricipais
-----------------------------------------------------------------------------*/
#conteudo, #cabecalho {	width:779px;}
#tudo { width: 100%; margin: 0 auto; position: relative; min-height: 100%;}
#conteudo { padding-bottom: 310px; margin:0 auto; min-height:auto; height:auto; position:relative;}
#parceiros {position: absolute; bottom: 95px; height: 208px; line-height: 35px; text-align: center; width: 100%; margin:0 auto;}
#rodape {position: absolute; clear:both; background:url(../_img/rodape.jpg) center no-repeat ; bottom: 0; height: 80px; padding-top:20px; line-height: 35px; text-align: center; color:#FFFFFF; font-size:12px; width: 100%; font-weight:bold; margin:0 auto;}
#cabecalho { position:relative; background:url(../_img/topo.jpg); height:152px; margin:0 auto;}
#cabecalho_glossario { position:relative; background:url(../_img/gloss_topo.jpg) no-repeat; height:152px;margin:0 auto;}
#esquerda {width:240px; border:#0033CC 1px solid; margin-top:10px;}
#direita {width:530px; border:#0033CC 1px solid; margin-top:10px;}
#clear { clear:both;}

/* =Divs Conteúdo
-----------------------------------------------------------------------------*/
#tab_home {margin-bottom:10px;}
#tab_noticias {margin-bottom:10px;}
#glossario {background:url(../_img/glossario_fundo.gif); display:block; width:203px; height:105px; padding:17px 5px 5px 12px; position: relative;}
/* =TabPrado
-----------------------------------------------------------------------------*/
.tab-inativa{font-family:Arial, Verdana, Helvetica, ;
	font-size:12px;
	display:inline;
	float:left;
	padding:2px 6px 8px 6px;
	margin:1px -3px -2px 0px;
	border:0px  solid;
	border-color:#E3E6E3;
	z-index:1;
	position:relative;
	top:0;
}

.tab-ativa
{
	position:		relative;
	display:		inline;
	float:			left;
	font-family:	Arial, Verdana, Helvetica, ;
	font-size:		12px;
	
	border:			0px solid #E3E6E3;
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 8px 6px;
	margin:			1px -3px -2px 0px;
	top:			0px;
}

.tab-conteudo
{
	clear:			both;
	border:			0px solid #E3E6E3;
	z-index:		2;
	position:		relative;
	top:			-2px;
	padding:		0px;
}

.tab-box {
	float:left;
	position:relative;
	top:4px;
	width:100%;
}

.tab-ativa a
{
	color: #ed763c;
	text-decoration: none;
	background:url(../_img/tab_2.jpg) no-repeat top center;
	/*font-weight: bold;*/
}

.tab-inativa a
{
	color: gray;
	text-decoration: none;
	background:url(../_img/tab_1.jpg) no-repeat top center;
	/*font-weight: bold;*/
}

.tab-inativa a:hover, .tab-inativa a:focus
{
	background-color: #ffffff;
	color: #ed763c;
	text-decoration: none;
	/*font-weight: bold;*/
}

/* =Conteúdo
-----------------------------------------------------------------------------*/
#glossario {background:url(../_img/glossario_fundo.gif); width:203px; height:105px; padding:17px 5px 5px 12px; position: relative;}
#api {width:200px; margin:0 0 10px 20px; margin-top:10px;}
#bannertop {width:530px; height:215px; margin-bottom:15px;}
#filet {background:url(../_img/filet_2.jpg) bottom center no-repeat; padding:0 8px 8px 8px;}
#filet_ {background:url(../_img/filet_3.jpg) bottom center no-repeat; padding:0 8px 8px 8px;}

/* =topo
-----------------------------------------------------------------------------*/
#logo {position:absolute; left: 19px;top: 7px;}
#busca {position:absolute; left: 447px; width: 332px; height: 59px; top: 22px; color:#FFFFFF; font-weight:bold;}
.input_busca {width:140px; background:#ffffff; border:0; font-size:27px; color:#999999;}

/* = Rodape
-----------------------------------------------------------------------------*/
#corpo_rod {width:779px; margin:0 auto; position:relative; margin:0 auto;}
#asstracer {position:absolute; right:10px; top:3px;}

/* -------------------------------------------------------------------------------------------------------------------------------  FIM  */
/* = Document CSS = by TracerSoft -> Favato = */@charset "utf-8";