/********************************************
Criado por Guilherme Medeiros
Modificado, Adaptado e Melhorado
por Joćo Paulo Tannus de Souza
*********************************************/
.no-js { display: block }
.has-js { display: none }
.js .no-js { display: none }
.js .has-js { display: block }

div#separatopo{
	position:relative;
	height:34px;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	font-style: noral;
	vertical-align: middle;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

fieldset {border: none;}

body {
	background-color: #eee;
}

h3 {
	font: bold 12px 'Trebuchet Ms', Arial, Helvetica, sans-serif;
	color: #7ba7c6;
}

input.ok {
	border: 1px solid #aaa;
	background-color: #fff;
	font-size: 9px;
	color: #aaa;
	font-weight: bold;
}


/*******************************
	GERAL
*******************************/

div#geral {
	width: 780px;
	position: relative;
	background-color: #fff;
}


/*******************************
	HEADER
*******************************/
div#header {
	width: 780px;
	height: 84px;
	background: #fff url(header.jpg) no-repeat center center;
}

div#header h1, div#header h2 {
	text-indent: -9000em;
	display: none;
}


/*******************************
	TOPO
*******************************/
div#topo {
	width: 780px;
	height: 180px;
}


div#topo a {
	background: #fff url(topo.jpg) center center;
	text-indent: -9000em;
	display: block;
	height: 180px;
}


/*******************************
	MENU SITE
*******************************/

div#menu_site {
	background: #fff url(menu.jpg) repeat-x;

	height: 35px;
	display: table;
	position: absolute;
	z-index: 120;
}


div#menu_site ul li.pai {position:relative; }

div#menu_site li ul {
	position: absolute;
	width: 130px;
	top: 34px;
	left: 0;
	display: none;
	background-color: #eee;
	border-bottom: 6px solid #B9CEDD;
	border-top: 6px solid #91B2C9;
}

#menu_site ul li.pai {display:block;float:left}

#menu_site ul li a {
	float: left;
	display: block;
	padding: 11px 25px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #aaa;
	border-left: 1px solid #fff;
}

#menu_topo ul li.pai a {
	float:left;
	
}

#menu_site ul li.pai ul li a {
	float: left;
	display: block;
	padding: 5px 20px;
	font-size: 11px;
	color: #91B2C9;
	font-weight:normal;
	border-right: 1px solid #aaa;
	border-left: 1px solid #fff;
}


#menu_site ul li.pai ul li a:hover {
	background: #fff url(seta.gif) no-repeat 10px center;
}

#menu_site ul li.pai ul li a {
	float: none!important;
height: 1%; 
}




/*******************************
	BUSCA
*******************************/
div#busca {
position: absolute;
right: 0;
padding: 7px 0 0 8px;
_padding-top: 8px !important;
width: 169px;
height: 28px;
z-index: 101;
background: #fff url(menu.jpg) repeat-x;
text-align:right;
}

div#busca label {
	font-size: 10px;
	color: #fff;
}

#fbusca {
	font: 11px Arial, Helvetica, sans-serif;
}

div#busca input.btn{
	border: none;
	background-color: transparent;
	font-size: 10px;
	color: #fff;
	cursor: pointer;
	_margin-top: 2px;
	width:50px;
}




/*******************************
	PUBLICIDADE
*******************************/

div#publicidade {
	width: 485px;
	height: 86px;
	position: relative;
	float:left;
	background: #fff url(publicidade.gif) no-repeat center center;
	border-bottom: 1px solid #e5e5e5;	
	z-index: 5;
}

div#publicidade h3 {
	text-indent: -9000em;
	display: none;
}

div#publicidade iframe {
	position:relative;
	top:16px;
	left:7px;
	z-index: 1;
}

div#publicidade iframe embed{
	z-index: 1;
}

/*******************************
	NEWSLETTER
*******************************/

div#newsletter {
	width: 134px;
	height: 86px;
	position: relative;
	float: left;
	background: #fff url(newsletter.gif) no-repeat center center;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}


div#newsletter p {
	padding: 5px 5px 0 5px;
	font: 11px Arial, Verdana, sans-serif;
	color: #9cb5c7;
	text-align: left;
}

div#newsletter h3 {
	padding: 6px 0 0 15px; 
}

input#fnewsletter {
	font-size: 10px;
	margin-top: 3px;
}

input.ok {
	margin-top: 3px;
}



/*******************************
	LOGIN
*******************************/

div#login{
	width: 161px;
	height: 86px;
	position: relative;
	background: #fff url(login.gif) no-repeat center center;
	right: 0;
	float:left;
	display: table;
	border-bottom: 1px solid #e5e5e5;
}

div#login h3 {
	padding: 6px 0 0 35px; 
}


div#login label {
	font: bold 10px Tahoma, Arial, sans-serif;
	color: #aaa;
}

div#login label span{
	font: bold 10px Tahoma, Arial, sans-serif;
	vertical-align:text-top;
}

div#login fieldset {
	float: right;
	margin: 10px 5px 0 0;
}

input#flogin, input#fsenha {
	font-size: 11px;
}

input#flogin {
	margin-left: 2px;
}

div#login input.ok {
	margin: 1px 0 0 -2px;
}

div#login a.register {
	right: 0;
	margin-top: -15px;
	position: absolute;
	margin-right: 5px;
	font-size: 9px;
	font-weight: normal;
	color: #787878;
}


/*******************************
	MENU LATERAL
*******************************/

div#menu_lateral {
	background: #fff url(menu_vertical.jpg) repeat-y center center;
	position:relative;
	float:left;
	height:inherit;
}

/*******************************
	MENU FORUM
*******************************/

div#menu_forum {
	width: 150px;
	background: #fff url(menu_vertical.jpg) repeat-y center center;
	position: relative;
	z-index: 1;
	_border-bottom: 1px solid #bfd4e3;
}


h3.menu_forum {
	background: #fff url(menu_forum.jpg) no-repeat center center;
	width: 110px;
	height: 22px;
	padding: 6px 0 0 40px;
}

div#menu_forum ul li a{
	display: block;
	border-bottom: 1px solid #bfd4e3;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 5px;
	color: #739CBD;
	height: 1%;
	margin-left: 8px;
}

div#menu_forum ul li a:hover {
	background-color: #fff;
	padding: 3px 0 3px 8px;
	border-right: 1px solid #adadad;
	color: #426C8C;
}



/*******************************
	ESTATISTICAS
*******************************/

div#estatisticas {
	width: 150px;
	background: #fff url(menu_vertical.jpg) repeat-y center center;
	position: relative;
	float:left;
	clear:left;
}

h3.estatisticas{
	background: #fff url(estatisticas.jpg) no-repeat center center;
	width: 110px;
	height: 22px;
	padding: 6px 0 0 40px;
}


div#estatisticas ul li{
	display: block;
	border-bottom: 1px solid #bfd4e3;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 3px 0 3px 15px;
	color: #739CBD;
	height: 1%;
}



/*******************************
	AUDITORIA
*******************************/

div#auditoria {
	width: 150px;
	background: #fff url(menu_vertical.jpg) repeat-y center center;
	position: relative;
	float:left;
	border-bottom: 1px solid #bfd4e3;
	clear:left;
}

div#auditoria h3.auditoria{
	background: #fff url(auditoria.jpg) no-repeat center center;
	width: 110px;
	height: 22px;
	padding: 6px 0 0 40px;
}


div#auditoria img {
	margin-left: 8px;
}


/*******************************
	PATROCINIO
*******************************/

div#patrocinio {
	width: 150px;
	background: #fff url(menu_vertical.jpg) repeat-y center center;
	position: relative;
	float:left;
	clear:left;
	padding-bottom: 150px;
}

div#patrocinio h3.patrocinio{
	background: #fff url(patrocinio.jpg) no-repeat center center;
	width: 110px;
	height: 22px;
	padding: 6px 0 0 40px;
}


div#patrocinio img {
	margin-left: 7px;
}

/*******************************
	Conteudo
*******************************/

div#conteudo {
	float:right;
	position: relative;
	z-index: 1;
	width:630px;
}

div#meio{
	background:url(../imagens/fundo_meio.gif);
	width:780px;
}

/*******************************
	RODAPE
*******************************/

div#rodape {
	width: 780px;
	background: #fff url(rodape.jpg) repeat-x;
	position: relative;
	height: 30px;
	clear: both;
}

div#rodape address{
	color: #4f6b80;
	font: normal 11px Tahoma, Verdana, sans-serif;
 	text-align: center;
	padding-top: 13px;
}