@charset "utf-8";
/* CSS Document */

body, html{margin:0; padding:0; background:#262425;}

h1{
	font-size:14px;
	font-family:"Calibri Bold",monospace;
}

h2{
	font-size:16px;
	color:#998d61;
	padding-bottom:10px;
	line-height:normal;
}

i, em{
	font-family:"Calibri Italic",monospace;
}

b{
	font-family:"Calibri Bold",monospace;
}

big{ font-size:17px; font-family:"Calibri Bold",monospace; }

.cor{ color:#998d61;}

.paginacao{ font-size:13px; font-family:"Calibri Normal",monospace; width:740px; margin:0 auto; border-top:1px solid #998d61; padding-top:10px; margin-top:20px;}

.paginacao a.page_enable{ color:#998d61 !important;  font-family:"Calibri Bold",monospace;}
.paginacao a{ padding-right:10px; color:#fff !important; text-decoration:none !important;}

h1, h3, h4, h5, h6, p {
	margin-top: 0;	 /* ao remover a margem superior, as margens podem escapar das suas containing div. A margem inferior restante vai mantê-la afastada de qualquer elemento que se segue. */
	line-height:180%;
	padding-bottom:10px;
}

a img { /* esse seletor remove a borda azul padrão exibida em alguns navegadores ao redor de uma imagem circundada por um link. */
	border: none;
	text-decoration:none;
}


/* ~~ A estilização dos links do seu site deve permanecer nesta ordem – incluindo o grupo de seletores que criam o efeito hover. ~~ */
a:link {
	text-decoration: none; /* a não ser que você estilize seus links para que pareçam extremamente únicos, é melhor utilizar links sublinhados para uma identificação visual mais rápida. */
}
a:visited {
	text-decoration: none;
}
a:hover, a:active, a:focus { /* esse grupo de seletores dará ao navegador que estiver usando um teclado a mesma experiência de hover do que uma pessoa usando um mouse. */
	text-decoration:underline;
}

.clearfloat { /* essa classe pode ser colocada em um <br /> ou em um div vazio como o elemento final que segue o último div flutuado (no #contêiner) caso o rodapé seja removido ou retirado do contêiner. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#topo{
	width:100%;
	height:100px;
	background:url(../images/topo_bar.png) repeat-x;
	position:relative;
	z-index:99;
	background-color:transparent;
}

#topo .conteudo{
	margin:0 auto;
	background:url(../images/topo.png) no-repeat;
	width:960px;
	height:100px;
	position:relative;
	z-index:99;
}

#topo .conteudo .logo{ 
	width:190px;
	height:46px;
	float:left;
	margin-top:20px;
	margin-left:50px;
}

.sabermais{ background:url(../images/but_saberMais.png) no-repeat; width:119px; height:32px; line-height:29px; text-align:center; margin-left:-5px; margin-top:10px;}

#topo .conteudo .menu{
	margin:0;
	padding:0;
	margin-left: 0;
	padding-left: 0;
	display: inline;
	float:right;
	font-family:"Calibri Normal",monospace;
	width:590px;
	margin-top:30px;
}

#topo .conteudo .menu li{
	color:#fff;
	list-style:none;
	font-size:14px;
	display:inline;
	float:left;
	padding-right:27px;
}

#topo .conteudo .menu li a{ font-size:14px; text-decoration:none !important; color:#fff;}

#topo .conteudo .menu li span{
	color:#998D61;
	display:block;
	font-size:11px;
	padding-top:3px;
}

#centro{
	width:100%;
	margin-top:-4px;
	background:#000;
}

#centro #banners{
	width:100%;
	height:242px;
	background:#FFF;
}

#centro #banners .img{ width:990px; margin:0 auto;}
#centro #faixa{
	background:url(../images/barra_titulos_bar.jpg) repeat-x;
	height:37px;
	width:100%;
}

#centro #faixa .conteudo{
	background:url(../images/barra_titulos.jpg);
	width:961px;
	height:37px;
	margin:0 auto;
}

#centro #faixa .conteudo .left{
	float:left;
	font-family:"Calibri Bold",monospace;
	padding-top:10px;
	font-size:16px;
	margin-left:110px;
}

#centro #faixa .conteudo .right{
	float:right;
	font-family:"Calibri Bold",monospace;
	padding-top:10px;
	font-size:16px;
	margin-right:140px;
}

#centro #conteudo{
	width:800px;
	background:#000;
	margin:0 auto;
	color:#fff;
	font-family:"Calibri Bold",monospace;
}

#centro #conteudo .left{
	width:500px;
	float:left;
	margin-top:15px;
	font-size:13px;
	padding-right:25px;
	margin-left:30px;
	font-family:"Calibri Normal",monospace;
}

#centro #conteudo .left ul{
list-style-image: url("../images/bullet.gif");
    list-style-position: outside;
    margin-left: 15px;
    padding-top: 0px;
    text-decoration: none;
    text-transform: none;
	line-height:200%;
	padding-bottom:10px;
}

#centro #conteudo .total{
	width:790px;
	float:left;
	margin-top:15px;
	font-size:13px;
	padding-right:25px;
	margin-left:30px;
	font-family:"Calibri Normal",monospace;
}

#centro #conteudo .meio1{
	width:44%;
	float:left;
	margin-top:15px;
	font-size:13px;
	padding-right:25px;
	margin-left:30px;
	font-family:"Calibri Normal",monospace;
}

#centro #conteudo a{ color:#fff !important; text-decoration:none !important;}
#centro #conteudo .meio2{
	width:44%;
	float:left;
	margin-top:15px;
	margin-left:30px;
	font-size:13px;
	font-family:"Calibri Normal",monospace;
}

#centro #conteudo .center{
	width:1px;
	height:85px;
	float:left;
	background:#998d61;
}

#centro #conteudo .right{
	margin-top: 15px;
	width:157px;
	float:left;
	padding-left:35px;
	position:relative;	
}

#centro #conteudo .right .select{
	background:url(../images/but_selected.png);
	width:199px;
	height:46px;
	cursor:pointer;
	position:relative;
}

#centro #conteudo .right a{ z-index:999;}
#centro #conteudo .right .select .texto{
	font-size:12px;
	width:80%;
	height:100%;
	margin-left:25px;
	color:#000;
	overflow: hidden;
	display: table;
	background:transparent;
	position:relative;
}

#centro #conteudo .right .select .texto td{
	vertical-align:middle;
	display: table-cell;
	font-family:"Calibri Bold",monospace;
}

#centro #conteudo .right .servico{
	background:url(../images/but_back.png);
	width:199px;
	height:46px;
	cursor:pointer;
}

#centro #conteudo .right .servico .texto{
	font-size:12px;
	width:80%;
	height:100%;
	margin-left:15px;
}

#centro #conteudo .right .servico .texto td{
	vertical-align:middle;
	font-family:"Calibri Normal",monospace;
}

#fundo{
	background:url(../images/rodape_bar.jpg) repeat-x;
	height:47px;
}

#fundo .conteudo{
	width:960px;
	height:47px;
	background:url(../images/rodape.jpg) no-repeat;
	margin:0 auto;
	color:#666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#fundo .conteudo b{
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#fundo .conteudo .left{
	float:left;
	padding-left:107px;
	margin-top:20px;
}

#fundo .conteudo .right{
	float:right;
	padding-right:100px;
	margin-top:20px;
}

#fundo .conteudo .right a{
	color:#666666;
	font-weight:normal;
}
#fundo .conteudo .right a:hover{
	text-decoration:underline;
}
.style1 {color: #666666}