body{
  font-family: Verdana, Georgia, Arial;
  font-size: 11px;
  background: url(../imagens/fundo.gif) top center repeat-x;
}

.clear {clear: both;}

.oculto {
  display: block;
  text-indent: -10000px;
}

p {line-height:16px;}

.alerta {
  display: block;
  background: url(../imagens/atencao.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 5px;
  font-size: 10px;
  color: #000;
}

.sucesso {
  display: block;
  background: url(../imagens/sucesso.gif) 5px center no-repeat #ffffe1;
  border: 1px solid #aca899;
  padding: 5px 5px 5px 25px;
  margin: 5px;
  font-size: 10px;
  color: #000;
}

label.error {display: none !important;}

input.error,
textarea.error {
	background: url(../imagens/atencao.gif) right 2px no-repeat !important;
}

a.voltar {
	float: left;
	display: block;
	width: 90px;
	height: 33px;
	margin-top: 1px;
	line-height: 33px;
	background: url(../imagens/voltar.png) no-repeat top center;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	text-align: center;
	font-size: 13px;
}

a.voltar:hover {
	background-position: bottom center;
}



/*-- BANNER FLUTUANTE --------------------------------------------------------------------*/
div#banner-flutuante {
	position: absolute;
	top: 232px; 
	left: 450px;
	margin: 0 auto;

}

div#banner-flutuante div#btnFechar a {
	background-color: #333;
	color: #FFF;
	padding: 2px 3px;
	font-size: 10px;
	float: left;
	text-decoration: none;
}

/*-- TOPO --------------------------------------------------------------------*/
#topo {
  margin: 0 auto;
  width: 920px;
}

#topo ul#menu-superior {
  float: right;
}

#topo ul#menu-superior li {
	display: inline;
}

#topo ul#menu-superior li a {
	display: block;
	float: left;
	height: 22px;
	line-height: 22px;
	text-indent: -9999px;
}

#topo ul#menu-superior li a.home {
	width: 46px;
	background: url(../imagens/btnhome.png) no-repeat bottom center;
}

#topo ul#menu-superior li a.favoritos {
	width: 141px;
	background: url(../imagens/btnfavoritos.png) no-repeat bottom center;
}

#topo ul#menu-superior li a.sac {
	width: 86px;
	background: url(../imagens/btnsac.png) no-repeat bottom center;
}

#topo ul#menu-superior li a.como-anunciar {
	width: 100px;
	background: url(../imagens/btnanunciar.png) no-repeat bottom center;
}

#topo ul#menu-superior li a.fale-conosco {
	width: 100px;
	background: url(../imagens/btnsac.png) no-repeat bottom center;
}

#topo ul#menu-superior li a:hover,
body#pg-principal #topo ul#menu-superior li a.home,
body#pg-como-anunciar #topo ul#menu-superior li a.como-anunciar,
body#pg-fale-conosco #topo ul#menu-superior li a.fale-conosco {
	background-position: top center;
}

#topo a#logo {
	display: block;
	float: left;
	width: 158px;
	height: 20px;
	background: url(../imagens/logo.jpg) no-repeat top center;
	font-size: 9px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	padding-top: 73px;
} 

#topo h2#cidade {
	display: block;
	float: left;
	width: 350px;
	color: #FEFE01;
	font-size: 22px;
	padding: 10px 0px 0px 10px;
}

#topo h3#url-site {
	display: block;
	float: left;
	width: 350px;
	color: #FFF;
	font-size: 16px;
	padding: 5px 0px 0px 10px;
	font-weight: normal;
}

#topo span.contador {
	float: right;
  text-transform: normal;
  display: block;
  width: 120px;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  background: url(../imagens/contador.gif) repeat-x left center;
  letter-spacing: 2px;
  font-size: 16px;
  text-align: center;
}

#topo form#outras-cidades {
	display: block;
	float: right;
	width: 210px;
	padding: 10px;
	text-align: right;
}

#topo form#outras-cidades select {
	display: block;
	width: 200px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #CCC;
	background-color: #E4E4E4;
	color: #333;
	float: right;
}

#topo form#outras-cidades select option.nivel0 {
	font-weight: bold;
	font-size: 12px;
}

#topo form#outras-cidades select option.nivel1,
#topo form#outras-cidades select option.nivel2,
#topo form#outras-cidades select option.nivel3 {
	font-size: 12px;
}

#topo form#outras-cidades select option.nivel2,
#topo form#outras-cidades select option.nivel3 {
	font-style: italic;
}

#topo ul#banner-topo {
	clear: both;
	height: 146px;
}

#topo ul#banner-topo li {
	display: block;
	float: left;
	width: 172px;
	height: 62px;
	text-align: center;
	padding: 4px 6px;
}

#topo div#busca div.por-nome,
#topo div#busca div.por-categoria {
	width: 430px;
	height: 125px;
	float: left;
}

#topo div#busca label span.titulo {
	display: block;
	height: 40px;
	line-height: 45px;
	font-size: 14px;
	padding-left: 30px;
	background: url(../imagens/pornome.gif) no-repeat top left;
}

#faleconosco {
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#topo div#busca label span.campo {
	display: block;
	height: 40px;
	line-height: 45px;
	font-size: 14px;
	padding: 5px;
	background: url(../imagens/input.gif) no-repeat top left;
}

#topo div#busca label span.campo input {
	width: 390px;
	height: 20px;
	font-size: 16px;
	border: 0px;
	border: none;
}

#topo div#busca label span.campo select {
	width: 400px;
	height: 27px;
	font-size: 16px;
	border: 1px solid #FFF;
}

#topo div#busca input.botao-busca {
	background: url(../imagens/buscar.png) no-repeat top center;
	width: 118px;
	height: 25px;
	border: none;
	cursor: pointer;
	float: right;
	margin-right: 15px;
	font-size: 10px;
}

#topo div#busca div.ou {
	float: left;
	width: 55px;
	height: 100px;
	line-height: 120px;
	font-size: 16px;
	padding-left: 5px;
} 


#topo div#manutencao {
	height: 35px;
	clear: both;
}

#topo div#manutencao p {
	display: block;
	line-height: 30px;
	margin-top: 3px;
	margin-right: 10px;
	padding-right: 5px;
	text-decoration: none;
	color: #000;
	/*background: url(../imagens/incluirtelefones.png) no-repeat right center;*/
	text-align: right;
}

#topo div#manutencao p#cadastre {
	cursor: pointer;
	color: #000;
	font-size: 14px;
	padding-top: 1px;
}

#topo div#manutencao p#cadastre span {
	/*border: 1px solid #999;*/
	padding: 3px 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#topo div#manutencao p#cadastre span.incluir {         
	/*background-color: #007C37;*/
  background: url(../imagens/buscar.png) no-repeat top center;
}

#topo div#manutencao p#cadastre span.excluir {
	/*background-color: #F00;*/
	background: url(../imagens/buscar.png) no-repeat top center;
}

#topo div#manutencao p#cadastre span.corrigir {
	/*background-color: #2600BA;*/
	background: url(../imagens/buscar.png) no-repeat top center;
}

#topo div#manutencao p#telefone {
	display: none;
	font-size: 14px;
}

#topo div#manutencao a:hover {
	text-decoration: underline;
}




/*-- GERAL -------------------------------------------------------------------*/
#geral {
	clear: both;
}

#geral div#titulo {
	background-color: #FEFE01;
	font-size: 17px; 
  height: 35px;
	line-height: 35px;
	text-align: center;
}

#geral div#titulo div.central {
	margin: 0 auto;
	width: 920px;
}

#geral div#conteudo {
	margin: 0 auto;
	width: 920px;
}

/*-- PRINCIPAL ---------------------------------------------------------------*/
div#conteudo ul.categorias li {
	display: block;
	float: left;
	width: 171px;
	height: 30px;
	margin: 5px;
}


div#conteudo ul.categorias li.fantasma {
	display: block;
	float: left;
	width: 171px;
	height: 30px;
	margin: 5px;
}

div#conteudo ul.categorias li a {
	display: block;
	float: left;
	width: 171px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	/*background: url(../imagens/categoria.png) no-repeat left center;*/
	border: 1px dotted #CCC;
	background-color:#E4E4E4;
	letter-spacing: -1px;
}

div#conteudo ul.categorias li a span {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	margin: 5px;
	_margin-left: 3px;
	border: 1px solid #888;
}

div#conteudo ul.categorias li.CorPortal {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}

div#conteudo ul.categorias li a:hover {
	text-decoration: underline;
}

/*-- CATEGORIAS - AREAS ------------------------------------------------------*/
div#conteudo ul.areas {
	margin-top: 5px;
}

div#conteudo ul.areas li { 
	display: block;
	float: left;
	width: 222px;
	_width: 220px;
	height: 35px;
	margin: 0px 2px;
}

div#conteudo ul.areas li a {
	display: block;
	width: 90%;
	float: left;
	padding: 10px 0px 10px 20px;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	border: 1px dotted #E4E4E4;
	background: url(../imagens/seta.png) no-repeat 3px 7px;
	letter-spacing: -1px;
}

div#conteudo ul.areas li.mais a {
	background: url(../imagens/mais.png) no-repeat 5px 10px;
}

div#conteudo ul.areas li a:hover {
	text-decoration: underline;
	background-color: #E4E4E4;
}


/*-- RESULTADOS ------------------------------------------------------------*/
div#conteudo div.legenda {
	height: 30px;
	line-height: 30px;
	border: 1px solid #CCC;
	font-size: 10px;
	text-align: center;
}

div#conteudo div.subtitulo {
	height: 33px;
	line-height: 33px;
	background-color: #CCC;
}

div#conteudo div.subtitulo h3 {
	float: left;
	font-size: 14px;
}

div#conteudo div.subtitulo h3.nome {
	margin-left: 135px;
	width: 432px;
}

div#conteudo ul.banner-lateral {
	float: left;
	width: 200px;
	border: 1px solid #FFF;
}

div#conteudo ul.direito {
	float: right;
}

div#conteudo ul.banner-lateral li {
	display: block;
	margin: 10px 0px;
	text-align: center;
}

div#conteudo div#resultado {
	float: left;
	width: 515px;
}

div#conteudo div#resultado table {
	width: 100%;
}

div#conteudo div#resultado table tr.zebrado {
	background-color: #EFEFEF;
}

div#conteudo div#resultado table tr.destaque {
	font-weight: bold;
}

div#conteudo div#resultado table tr th {
	font-size: 18px;
	color: #F00;
	text-align: left;
	height: 30px;
	line-height: 30px;
}

div#conteudo div#resultado table tr td {
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	padding: 2px;
}

div#conteudo div#resultado table tr td.telefone {
	text-align: right;
}

div#conteudo div#resultado table tr td span.destaque {
	background-color: #FFFF66;
}

div#conteudo div#resultado table tr td span.categoria {
	font-size: 10px;
	line-height: 13px;
}

div#conteudo div#resultado table tr td span.categoria a {
	color: #333;
	text-decoration: none;
	font-style: italic;
}

div#conteudo div#resultado table tr td span.categoria a:hover {
	text-decoration: underline;
}



/*--- ATUALIZACAO ---------------------------------------------------------*/
div#atualizacao form.cadastro {
}

div#atualizacao  fieldset {
  padding: 10px;
  border: none;
  border-top: 2px solid #2E9F27;
}

div#atualizacao fieldset legend {
  font-size: 16px;
  padding: 10px;
  background-color: #2E9F27;
  color: #FFFFFF;
  font-weight: bold;
}

div#atualizacao form.cadastro label {
  display: block;
  width: 420px;
  height:50px;
  float: left;
  padding: 5px;
  font-size: 14px;
}

div#atualizacao  form.cadastro label select,
div#atualizacao  form.cadastro label input {
  width: 90%;  
  padding: 2px;
  font-size: 16px;
  background-color: #FEF778;
  margin-top: 3px;
}


div#atualizacao form.cadastro h2 {
  clear: both;
  font-size: 18px;
}


div#atualizacao table#telefones {
  display: table;
  background-color: #FFFFFF;
  width: 100%;
  border: 0px;
  margin:10px 0 0 0;
}

div#atualizacao table#telefones tr.zebrado {
  background-color: #E5E5E5;
}

div#atualizacao table#telefones th {
  background-color: #999999;
  color: #FFFFFF;
  padding: 3px;
}

div#atualizacao table#telefones td {
  padding: 3px;
}

div#atualizacao table#telefones th.telefone,
div#atualizacao table#telefones td.telefone {
  text-align: right;
}

div#atualizacao table#telefones th.acoes,
div#atualizacao table#telefones td.acoes {
  text-align: center;
}


div#atualizacao table#telefones input.corrigir {
  color: #3366CC;
  cursor: pointer;
}

div#atualizacao table#telefones input.excluir {
  color: #990000;
  cursor: pointer;
}

div#atualizacao input.cadastrar {
  clear: both;
  cursor: pointer;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #2E9F27;
  margin-left: 38%;
  width:198px;
  height:45px;
}
/*-- RODAPE -------------------------------------------------------------------*/
#rodape {
	clear: both;
	margin-top: 25px;
	color: #999;
}
#rodape p {
	text-align: center;
	margin-top: 10px;
}

#rodape p a {
	color: #999;
}

#rodape p a:hover {
	color: #333;
}