@charset "utf-8";
/* CSS Document */
/* 
Informações importantes:
- o Layout do site é em parte fluido de acordo com a resolução,  mas respeita mais a original 800x600, apenas os backgrounds são liquidos apenas para efeito estético.
*/

/* propriedades gerais GERAIS */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333;
	background:#fefaea;
}
/* ========================================================================================================= */

/* ========================================     CABECALHO     ============================================== */

/* ========================================================================================================= */
.tudo{
	background:#FFFFFF;
}
#cabecalho {
	position:relative;
	height:100px;
	width:100%;
	background:#0CF url(images/fundocab.jpg) left bottom repeat-x;
	z-index:1000;
}
#cabecalho h1 {/* logo */
	position:absolute;
	bottom:0;
	left:0;
	height:100px;
	width:407px;
	margin:0;
	padding:0;
	text-indent:-1000em;
	background:url(images/logo.png) left bottom no-repeat;
}
#menu {
	margin:0 0 0 407px;
	padding:0;
	width:auto;
	height:100px;
	background:url(images/fundomenu.jpg) bottom left repeat-x;
}
#menu ul#listamenu {
	margin:0;
	padding:71px 0 0 25px;
	list-style:none;
}
#menu ul#listamenu li {
float:left;
position:relative;
height:22px;
margin:0 0 0 2px;
}

#menu ul#listamenu li a {
display:block;
width:66px;
height:22px;
background: url(images/botaomenu.png) left bottom no-repeat;
text-align:center;
line-height:22px;
text-decoration:none;
color:#333333;
}
#menu ul#listamenu li a:hover {
	color:#666;
	background: url(images/botaomenu.png) left top no-repeat;
}
#menu ul#listamenu li ul {
display:none;
position:absolute;
top:22px;
left:-3px;
width:130px;
margin:0;
padding:4px 8px 4px 8px;
list-style:none;
background:#7cbed3;
z-index:1050;
}
#menu ul#listamenu li:hover ul, #menu ul#listamenu li.over ul {
	display:block;
}

#menu ul#listamenu li li {
float:none;
position:relative;
margin:0;
height:14px;
}
#menu ul#listamenu li li a {
background:none;
display:block;
width:130px;
height:1%;
line-height:14px;
padding:0 2px 0 2px;
text-align:left;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
#menu ul#listamenu li li a:hover {
	background:#9fcdda;
	color:#fff;
}

/* =========== Banners =========== */
#banners{
position:absolute;
top:100px;
left:780px;
padding:20px 14px 0 14px;
width:180px;
/*height:407px;
_width:208px; _height:427px; /* crack pro box model 
background: url(images/fundobanners_certo.jpg) left top no-repeat;*/
height:614px;
_width:208px; _height:634px;  /* crack pro box model */
background: url(images/fundobanners.jpg) left top no-repeat;
}
#banners div{
width:180px;
height:70px;
margin:0 0 5px 0;
}
#banners img{
display:block;
margin:0; padding:0; border:0;
}
#banners a:link, #banners a:visited, #banners a:active, #banners a:hover {
	margin:0;
	text-decoration:none;
	border:0;
}
/* =========== Parceiros =========== */
#parceiros{
margin-top:30px;
padding:20px 5px 0 13px;
width:746px;
height:180px;
_width:766px; _height:180px; /* crack pro box model */
background: url(images/fundo_parceiros.jpg) left top no-repeat;
}
#parceiros .div_img{
width:220px;
height:120px;
padding:15px 10px 0 10px;
float:left;
}
#parceiros img{
margin:0; padding:0;
}
/* ========================================================================== */

/* ==========================     CONTEUDO     ============================== */

/* ========================================================================== */
#conteudo {
	position:relative;
	display:table;
	background:#fff;
	width:766px;
	padding:7px 5px 0 5px;
	margin:0;
	z-index:0;
	height:405px;
}
body > #conteudo{
	height:auto;
	min-height:400px;
}
/* ========================================================================================================= */

/* =========================================      RODAPE      ============================================== */

/* ========================================================================================================= */
#rodape {
	height:204px;
	padding-top: 22px;
	background:url(images/fundorodape.jpg) 0 22px repeat-x;
}
#rodape div.bugie{ 
/* concertar um bug do IE com o AJAX, ele se mantem no mesmo lugar e não é "empurrado" para baixo caso seja posicionado relativamente, entaum tiro o relative  da div exterior e coloco uma segunda div dentro com relative para que  se possa posicionar objetos com absolute ou mesmo relative dentro dela */
	position:relative;
	height:204px;
}
#rodape #anuncie {
	width:589px;
	height:170px;
	float:left;	
}
#rodape #anuncie p {
	display:none;
}
#rodape #utilidades {
	float:left;
	margin:-22px 0 0 6px;
	width:155px;
	height:181px;
	padding:13px 7px 0 15px;
	background:#666 url(images/fundoutilidades.jpg) left top no-repeat;
}
#rodape #utilidades h2 {
	text-indent:-1000em;
	font-size:1px;
	margin:0;
	padding:0;
	width:155px;
	height:20px;
	font-size:1px;
	background:url(images/titulosutilidades.jpg) left top no-repeat;
}
#rodape #utilidades ul {
	list-style:none;
	margin:0;
	padding:0;
}
#rodape #utilidades ul li {
	color:#333;
	margin:3px 0 0 0;
}
#rodape #utilidades ul li a {
	display:block;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333;
	border-bottom:1px #333333 solid;
	line-height:20px;
	height:20px;
	text-indent:15px;
	background:url(images/setalistautilidaes.png) left 6px no-repeat;
}
#rodape #utilidades ul li a:hover {
	text-indent:20px;
	background-position:5px 6px;
}
#rodape #menu_alternativo {
	clear:both;
	margin:0 0 0 10px;
	padding:3px 0 0 0;
	height:34px;
}
#rodape #menu_alternativo ul {
	margin:0;
	padding:0;
	list-style:none;
	display:table;
	float:left;
}
#rodape #menu_alternativo ul li {
	float:left;
	margin:0 0 0 4px;
	line-height:34px;
}
#rodape #menu_alternativo ul li a {
	text-decoration:none;
	color:#333;
}
#rodape #menu_alternativo ul li a:hover {
	text-decoration:underline;
}
#rodape #menu_alternativo p {
	float:left;
	margin:0 0 0 13px;
	padding:0;
	line-height:34px;
}
/* ======================================================================================== */

/* =============================      PAGINAS      =================================== */

/* ========================================================================== */

/************************************* index **********************************/
/*inicio buscas*/
input{
	font-size:11px;
}
textarea{
	font-family:Verdana, Arial, Tahoma, sans-serif;
}
h3 {
	font-size:1px;
	text-indent:-1000px;
	height:16px;
	padding:0;
	margin:0 0 3px 0;
	border-bottom:1px #7bbdd2 solid;
}
h3.titulobusca {
	background: url(images/titulobusca.gif) left top no-repeat;
}
h3.titulobuscafone {
	background: url(images/titulobuscafone.gif) left top no-repeat;
}
h3.titprevisao {
	background: url(images/tituloprevisao.gif) left top no-repeat;
}
h3.titanuncie {
	background: url(images/tituloanuncie.gif) left top no-repeat;
}
h3.titcontato {
	background: url(images/titulocontato.gif) left top no-repeat;
}
h3.titlistaceps {
	background: url(images/titulolistaceps.gif) left top no-repeat;
}
h3.titbuscaceps {
	background: url(images/titulobuscacep.gif) left top no-repeat;
}
h3.titddd {
	background: url(images/tituloddd.gif) left top no-repeat;
}
h3.titddi {
	background: url(images/tituloddi.gif) left top no-repeat;
}
h3.titteluteis {
	background: url(images/tituloteluteis.gif) left top no-repeat;
	height:18px;
}
h3.titanuncie_dados {
	background: url(images/tituloanuncie_dados.gif) left top no-repeat;
}
h3.resultbusca {
	background: url(images/titresultbusca.gif) left top no-repeat;
}
h3.cidades {
	background: url(images/tit_cidades.gif) left top no-repeat;
}
h3.lista {
	background: url(images/tit_lista.gif) left top no-repeat;
}
h3.paginacao {
	background:url(images/titulopaginacao.gif) top right no-repeat;
	border:0;
	margin-top:4px;
}
div.formbusca {
	width:368px;
	background:#FFFFFF;
	float:left;
}
div.formbusca form#buscageral {
	position:relative;
	width:354px;
	_width:368px;
	height:124px;
	padding:4px 7px 0 7px;
	margin:0 0 5px 0;
	background:url(images/fundobuscageral.jpg) left top no-repeat;
}
form#buscageral label, form#buscanumeros label {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:13px;
	color:#3a91a2;
	line-height:90%;
	padding:0 0 1px 0;
	display:block;
}
form#buscageral label span, div.formbusca form#buscanumeros span {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:9px;
	color:#333;
	display:block;
}
form#buscageral .nome input {
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:16px;
	height:16px;
	width:350px;
	margin:0 0 2px 0;
	_height:18px;
	font-size:11px;
	vertical-align:middle;
}
form#buscageral .categoria {
	float:right;
	width:170px;
}
form#buscageral .categoria select {
	width:165px;
	text-transform:lowercase;
	font-size:10px;
}
form#buscageral .cidade {
	float:left;
	width:170px;
}
form#buscageral .cidade select {
	width:165px;
	font-size:10px;
}
.botaobuscar {
	border:none;
	background:url(images/bt_buscar.gif) top left no-repeat;
	width:45px;
	height:19px;
	cursor:pointer;
}
div.formbusca form#buscageral .botaobuscar {
	margin:4px 0 0 300px;
	clear:both;
}
div.formbusca form#buscanumeros {
	width:354px;
	height:79px;
	padding:4px 7px 0 7px;
	margin:0;
	_width:368px;
	_height:83px;
	background:url(images/fundobuscanumeros.jpg) left top no-repeat;
}
div.formbusca form#buscanumeros p {
	margin:4px 0 3px 0;
	padding:0;
	font-size:10px;
	font-style:italic;
	line-height:97%;
}
div.formbusca form#buscanumeros input#telefone {
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:16px;
	height:16px;
	_height:18px;
	width:295px;
	font-size:11px;
	vertical-align:middle;
}
div.formbusca form#buscanumeros .botaobuscar {
	margin:-10px 0 0 0;
}
/*fim buscas*/
/*inicio previsao do tempo na home*/
div#previsao {
	position:absolute;
	top:107px;
	_top:7px;
	left:390px;
	width:368px;
	background:#FFFFFF;
}
div#previsao p {
	margin:5px 0 5px 0;
	padding:0;
}
div#previsao .previsao1 {
	float:left;
	margin:0;
	padding:0 0 0 15px;
}
div#previsao .previsao2 {
	float:right;
	margin:0;
	padding:0 15px 0 0;
}
/**************************** resultado da busca ******************************/
div#menulista {
	position:absolute;
	top:107px;
	_top:0;
	left:0;
	/*float:left;*/
	width:159px;
	min-height:380px;
	_height:390px;
	background:url(images/listaFundo.jpg) left top repeat-y;
	padding:0;
	/*overflow:hidden;*/
}
div#menulista .topo {
	width:159px;
	height:19px;
	background:url(images/listaTopo.jpg) left top no-repeat;
}
div#menulista .pe {
	width:159px;
	height:19px;
	background:url(images/listaPe.jpg) left top no-repeat;
}
form.busca2 {
	/*position:absolute;*/
	width:126px;
	_width:140px;
	height:150px;
	/*bottom:5px;
	left:9px;*/
	margin:10px 0 0 10px;
	/*height:145px;*/
	/*_height:150px;*/
	padding:5px 7px 0 7px;
	background:#8EB1C4 url(images/fundoformnovabusca.jpg) left top no-repeat;
	font-size:0.8em;
}
form.busca2 * {
	display:block;
}
form.busca2 h4 { /* titulos para box */
	text-align:center;
	padding:0;
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
}
form.busca2 input#nome {
	width:110px;
	border:#ccc 1px solid;
	font-size:10px;
}
form.busca2 select {
	width:110px;
	font-size:10px;
}
form.busca2 .botaobuscar {
	margin:5px 0 0 0;
}
div#menulista h4 { /* titulos para box */
	text-align:center;
	padding:0 0 0 0;
	margin:0;
	font-size:1.3em;
	font-weight:bold;
	color:#FFF;
}
div#menulista ul {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	color:#FFFFFF;
}
div#menulista ul li{
	height:13px;
	/*float:left;
	clear:both;*/
	margin:0;
	padding:0;
	width:140px;
}
div#menulista ul li a {
	font-size:11px;
	display:block;
	height:13px;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
	padding:0;
	/*float:left;
	clear:left;*/
}

div#menulista ul li a:hover {
	text-decoration:underline;
}
div#listacompleta {
	/*position:relative;*/
	width:580px;
	/*float:right;*/
	margin:0 0 0 170px;
	/*margin-left:10px;*/
	min-height:450px;
	_height:450px;
}
div#listacompleta .vip {
	position:relative;
	width:580px;
	_width:585px;
	height:1%;
	background:#f9f9f9;
	padding:5px;
	margin:0 0 7px 0;
	border-bottom:#999999 1px dotted;
}
div#listacompleta .vip img.foto {
	position:relative;
	/*display:block;*/
	border:#999999 1px solid;
	padding:2px;
	background:#FFFFFF;
	
}
div#listacompleta .vip img.logo {
	position:relative;
	/*display:block;*/
	border:#999999 1px solid;
	padding:2px;
	background:#FFFFFF;
	
	margin:0 0 0 3px;
}
div#listacompleta .vip .infos {
	position:relative;
	margin:0 0 0 3px;
	text-align:left;
	
}
div#listacompleta .vip .infos p {
	margin:0;
	padding:0;
	font-size:0.7em;
	line-height:120%;
}
div#listacompleta .vip .infos p.nome span{
	font-size:1.3em;
	font-weight:bold;
	color:#FF9900;
}
div#listacompleta .vip .infos p.endereco{
	
}
div#listacompleta .vip .infos p.numero span{
	font-size:1.3em;
	font-weight:bold;
	line-height:150%;
}
.linkpagina{
	position:relative;
	/*top:-30px;*/
	display:block;
	width:100px;
	height:30px;
	background: url(images/botaopganunciante.jpg) left top no-repeat;
	text-indent:-1500em;
	font-size:1px;
	z-index:5000;
	clear:both;
	margin:3px 0 0 480px;
}
#listavips{
	background: url(images/imganuncie.gif) 5px 0 no-repeat;
	padding:15px 0 0 0;
	margin:0 0 10px 0;
}
#listageral{
	background: url(images/listacomp_result.gif) 5px 0 no-repeat;
	padding:15px 0 0 0;
	margin:0 0 10px 0;
	width:590px;
}
.usuariocomum{
	height:22px;
	width:100%;
	line-height:22px;
	background: #F4FCFF;
	text-indent:5px;
	margin:0 0 2px 0;
	position:relative;
	display:table;
	font-size:0.9em;
}
.usuariocomum span.nomegeral{
	display:block;
	float:left;
}
.usuariocomum span.enderecogeral{
	display:block;
	float:left;
	font-size:.9em;
	margin:0 0 0 10px;
	font-style:italic;
}
.usuariocomum span.fonegeral{
	display:block;
	float:right;
	margin:0 5px 0 0;
	font-weight:bold;
}
.letra{
	word-spacing:2px;
	font-size:0.7em;
	text-align:right;
	margin-bottom:2px;
}
.letra a{
	color:#999999;
}
.letra a:hover{
	color:#CCCCCC;
}
.numero{
	word-spacing:2px;
	font-size:1em;
	text-align:right;
}
.numero a{
	color:#7CBED3;
}
.numero a:hover{
	color:#436183;
}
/* ************************** pagina do anunciante ***************************/
#dados_anunciante{
	float:right;
	width:590px;
}
#dados_anunciante .imgprincipal{
	display:block;
	border:1px #999999 solid;
	padding:2px;
	width:584px;
	background:#FFFFFF;
	margin:0 0 5px 0;
}
#dados_anunciante .coluna1{
	float:left;
	width:156px;
	margin:0 5px 0 0;
}
#dados_anunciante .coluna1 img{
	width:150px;
	border:1px #999999 solid;
	padding:2px;
	margin:0 0 5px 0;
	display:block;
}
#dados_anunciante .coluna1 p{
	text-align:center;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:52px 0 0 0;
	width:100px;
	height:30px;
	_height:82px;
	background: url(images/fundofone.jpg);
	color: #FFFFFF;
}
#dados_anunciante .coluna2{
	float:right;
	margin-bottom:5px;
	width:423px;
}
#dados_anunciante .rodape_anunciante{
	clear:both;
	width:590px;
	height:20px;
	text-indent:10px;
	font-size:10px;
	background:#c0d2de;
	margin:0;
	padding:0;
	line-height:20px;
}
#dados_anunciante .texto_apresentacao{
	font-size:0.8em;
	margin-bottom:10px;
}
#dados_anunciante .dados_importantes{
	background:#f8f8f8;
	font-size:0.8em;
	padding:7px;
}
#dados_anunciante h4{
	font-size:1.3em;
	color:#FF9933;
	margin:0 0 5px 0;
}
.nomecidade{
	background:#EAEAEA;
	color:#999999;
	font-weight:bold;
	font-size:0.9em;
	text-indent:5px;
}

/************************************************** Anuncie *************************************************/
div.anuncietxt {
	width:368px;
	float:left;
	background:#FFFFFF;
}
div.anuncietxt p{
	margin:5px 0 5px 0;
	padding:0;
}
div.anuncieform {
	width:368px;
	float:right;
	background:#FFFFFF;
	display:table;
	margin-right:5px;
	z-index:0;
}
div.anuncieform form#anuncie{
	width:354px;
	_width:368px;
	padding:4px 7px 5px 7px;
	margin:0 0 5px 0;
	background:url(images/fundo_anuncie.jpg) left top no-repeat;
}
form#anuncie label{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:13px;
	color:#3a91a2;
	line-height:90%;
	padding:0 0 1px 0;
	display:block;
}
form#anuncie label span{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:9px;
	color:#333;
	display:block;
}
form#anuncie .nomecontato input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#anuncie .empresa input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#anuncie .cidade input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#anuncie .endereco input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#anuncie .fone1{
	width:170px;
	float:left;
}
form#anuncie .fone1 input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:170px;
	margin:0 0 2px 0;
}
form#anuncie .fone2{
	width:170px;
	float:right;
}
form#anuncie .fone2 input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:170px;
	margin:0 0 2px 0;
}
form#anuncie .pgpessoal{
	width:170px;
	margin:0 0 2px 0;
}
form#anuncie .mensagem textarea{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	width:350px;
	margin:0 0 2px 0;
}
.botaoenviar{
	border:none;
	background:url(images/bt_enviar.gif) top left no-repeat;
	width:45px;
	height:19px;
	cursor:pointer;
	clear:both;
}
div.anuncieform form#anuncie .botaoenviar{
	margin:2px 0 4px 309px;
	clear:both;
}
/********************************************* contato ***********************************************/
div.contatoform {
	width:368px;
	background:#FFFFFF;
}
div.contatoform p{
	margin:5px 0 5px 0;
	padding:0;
}
div.contatoform form#contato{
	width:354px;
	padding:4px 7px 7px 7px;
	margin:0 0 5px 0;
	background:url(images/fundo_contato.jpg) left top no-repeat;
}
form#contato label{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:13px;
	color:#3a91a2;
	line-height:90%;
	padding:0 0 1px 0;
	display:block;
}
form#contato label span{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:9px;
	color:#333;
	display:block;
}
form#contato .nome input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#contato .fone{
	width:170px;
	float:left;
}
form#contato .fone input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:170px;
	margin:0 0 2px 0;
}
form#contato .email{
	width:165px;
	padding-left:10px;
	float:right;
}
form#contato .email input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:165px;
	margin:0 0 2px 0;
}
form#contato .cidade{
	clear:both;
}
form#contato .cidade input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
.botaoenviar{
	border:none;
	background:url(images/bt_enviar.gif) top left no-repeat;
	width:45px;
	height:19px;
	cursor:pointer;
	clear:both;
}
div.contatoform form#contato .botaoenviar{
	margin:2px 0 4px 309px;
	clear:both;
}
a.bannercontato {
	padding:0 0 0 10px;
	display:block;
	}
a.bannercontato img{
	display:block;
}
table.grande{
	width:100%;
}
td{
vertical-align:top;
}
td.dir{
text-align:right;
}
.text_area {
	width:350px;
}
/****************************************** Lista CEPs ******************************************/
div.listaceps1 {
	width:368px;
	float:left;
	background:#FFFFFF;
}
div.listaceps1 p{
	margin:5px 0 5px 0;
	padding:0;
}
div.listaceps2 {
	width:368px;
	float:right;
	background:#FFFFFF;
	margin-right:5px;
	z-index:0;
}
div.listaceps2 img{
	vertical-align:middle;
	text-align:center;
}
div.listaceps1 table .linha1{
	background: #D9EDF2 url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}
div.listaceps1 table .linha2{
	background: #fff url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}

/******************************* DDDs e DDIs ***********************************/
div.ddd {
	width:368px;
	float:left;
	background:#FFFFFF;
}
div.ddd p{
	margin:5px 0 5px 0;
	padding:0;
}
div.ddi {
	width:368px;
	float:right;
	background:#FFFFFF;
	display:table;
	margin-right:5px;
	z-index:0;
}
div.ddd table .linha1{
	background: #D9EDF2 url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}
div.ddd table .linha2{
	background: #fff url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}
div.ddi table .linha1{
	background: #D9EDF2 url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}
div.ddi table .linha2{
	background: #fff url(images/setalistaceps.jp) left center no-repeat;
	text-decoration:none;
	border-bottom:1px #FFF solid;
	padding-left:15px;
}
/********************************************* Telefones Úteis ****************************************/
div.teluteis1 {
	width:368px;
	float:left;
	background:#FFFFFF;
	display:table;
}
div.teluteis1 p{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:10px;
	color:#333;
	margin:0;
	display:block;
}
div.teluteis1 div.teluteis_cidades{
	width:340px;
	padding:4px 7px 0 7px;
	margin:0 0 5px 0;
	background:#FBE9B4 url(images/fundo_uteis.jpg) top left no-repeat;
}
div.teluteis_cidades span{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:15px;
	color:#3a91a2;
	margin:5px 0 0 0;
	padding:0 0 1px 0;
	display:block;
}
div.teluteis2 {
	width:368px;
	float:left;
	background:#FFFFFF;
	display:table;
}
div.teluteis2 p{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:10px;
	color:#333;
	margin:0;
	display:block;
}
div.teluteis2 div.teluteis_cidades{
	width:340px;
	padding:4px 7px 0 7px;
	margin:0 0 5px 0;
	background:#FBE9B4 url(images/fundo_uteis.jpg) top left no-repeat;
}

/******* Tabela ***********/
.teluteis_tabela {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
	color:#333;
	margin:0;
	width:340px;
}
.teluteis_txt_tabela {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
	color:#3a91a2;
	margin:0;
}
.teluteis_titulo {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:15px;
	color:#3a91a2;
	margin:5px 0 0 0;
	padding:0 0 1px 0;
	display:block;
}
.teluteis_site {
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#333;
	margin:0;
}
.teluteis_site a:link, .teluteis_site a:visited, .teluteis_site a:active {
	text-decoration:none;
	color:#666;
}
.teluteis_site a:hover {
	color:#333;
}
.clear {
	clear:both;
}
/* ==================================== inclua fone ==================================*/

h3.inclua_fone{
	background:url(images/tit_inclua_telefone.gif) left top no-repeat;
}
form#incluafone{
	text-align:left;
	width:354px;
	_width:368px;
	height:300px;
	padding:4px 7px 7px 7px;
	margin:0 0 5px 0;
	background:url(images/fundo_contato.jpg) left top no-repeat;
}
form#incluafone * {
	display:block;
}
form#incluafone label{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:13px;
	color:#3a91a2;
	line-height:90%;
	padding:0 0 1px 0;
}
form#incluafone label span{
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-size:9px;
	color:#333;
}
form#incluafone input{
	border:1px #333333 solid;
	background:#FFFFFF;
	line-height:15px;
	height:15px;
	width:350px;
	margin:0 0 2px 0;
}
form#incluafone .botaoenviar{
	border:none;
	background:url(images/bt_enviar.gif) top left no-repeat;
	width:45px;
	height:19px;
	cursor:pointer;
	clear:both;
}

/* ============================== dúvidas ================================ */
h3.duvidas{
background:url(images/tit_duvidas.gif) left top no-repeat;
}
#duvidas ul{
	list-style:none;
	margin:0;
	padding:0;
}
#duvidas ul li{
	background: #F0F0F0;
	margin-bottom:2px;
	text-indent:15px;
	line-height:20px;
	display:block;
	width:100%;
}
#duvidas .respostas_duvidas p{
margin:0;
padding:0;
}
#duvidas .respostas_duvidas h5{
margin:0 0 5px 0;
padding:0;
}
#duvidas .respostas_duvidas div{
padding:5px;
margin:0 0 3px 0;
background:#fafafa;
width:756px;
}

#duvidas hr{
	color:#f8f8f8;
}
#duvidas form{
width:500px;
margin:0 0 10px 0;
padding:0;
background:#F0F0F0;
}
#duvidas form fieldset{
margin:5px;
margin-top:0;
padding:5px;
border:#666 1px solid;
}
#duvidas form fieldset legend{
color:#333333;
font-weight:bold;
margin:0;
padding:0;
}
#duvidas input, #duvidas label, #duvidas textarea {
display:block;
margin:0;
padding:0;
}
#duvidas input{
width:300px;
}
#duvidas textarea{
width:450px;
}
#duvidas input.botaoenviar{
width:45px;
}
/* ==================================== cidades ================================== */
.infoscidade{
	width:586px;
	float:left;
	font-size:10px;
}
.menucidade{
	float:right;
	width:170px;
}
h3.nome_tramandai{
	background: url(imgs_cidades/nomescidades/tramandai.gif) left top no-repeat;
}
#telefones_emergencia{
       background-color:#FFECEC;
	   margin:0 0 5px 0;
	   font-size:11px;
}
#telefones_emergencia h4{
	margin-top:0;	
}
.infoscidade table td{
	vertical-align:top;
}
.infoscidade h4, .menucidade h4{
	width:100%;
	line-height:15px;
	color:#fff;
	font-family:Verdana, Arial, Tahoma, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-indent:3px;
	margin:5px 0 3px 0;
	padding:0;
}
.direita{
	text-align:right;
}
.esquerda{
	text-align:left;
}
h4.guia{
background:#ff9900;
}
h4.diversao{
background:#339933;
}
h4.servicos{
background:#ff3333;
}
.infoscidade a{
color:#666666;
text-decoration:underline;
}
.infoscidade a:hover{
color:#999999;
}
.infoscidade p{
margin:0;
}
table.listinha td{
vertical-align:middle;
}
table.listinha td a{
text-decoration:none;
font-size:11px;
}
.infoscidade iframe{
	border:#333333 1px solid;
}
a.voltar_praias{
	display:block;
	color:#6ab4cd;
	font-size:10px;
	text-decoration:none;
	text-align:right;
}
a.voltar_praias:hover{
	text-decoration:underline;
}
div#diversao_menu, div#guia_menu, div#servicos_menu{
padding:0 0 5px 0;
margin:0 0 5px 0;
width:168px;
}
div#diversao_menu{
border-left:#339933 2px solid;
color:#339933;
}
div#guia_menu{
border-left:#ff9900 2px solid;
color:#ff9900;
}
div#servicos_menu{
border-left:#ff3333 2px solid;
color:#ff3333;
}
div#diversao_menu a{
color:#339933;
}
div#guia_menu a{
color:#ff9900;
}
div#servicos_menu a{
color:#ff3333;
}
div#diversao_menu a:hover, div#guia_menu a:hover, div#servicos_menu a:hover{
	color:#999999;
}
.menucidade ul{
margin:0;
padding:0;
font-size:11px;
list-style-position:inside;
list-style-type: square;
text-indent:2px;
}

.menucidade p{
margin:0;
padding:0;
text-indent:5px;
font-weight:bold;
}
.menucidade a{
text-decoration:none;
}
.infoscidade p.titulo{
	font-size:11px;
   font-weight:bold;
}