
*{
	margin:0 auto;
	text-decoration:none;
	padding:0;
	list-style-type:none;
	font-family:tahoma, arial, verdana, Trebuchet MS, Sans Serif;
}
body{
	background:#00304b;
}
img{border:none;}

/*início do site*/
#geral{
	width:100%;
	height:auto;
}

/*topo*/
#topo{
	width:900px;
	height:131px;
}
.bg_topo{
	width:711px;
	height:131px;
	float:left;
	background:url(../imagens/bg_topo.jpg);
	background-repeat:no-repeat;
}
#menu{width:450px;height:32px;float:right;position:relative;top:55px;}
#menu ul li { float:left; }
#menu ul li a{z-index:10; height:32px; display:block; position:relative; }
#menu ul li a span{ display:none; }

#menu .home{ background:url(../imagens/bt_home.jpg); width:73px; float:left;}
#menu a:hover.home{ background:url(../imagens/bt_home_hover.jpg);float:left; width:73px;}

#menu .sobre{ background:url(../imagens/bt_sobre.jpg); width:69px;float:left;}
#menu a:hover.sobre{ background:url(../imagens/bt_sobre_hover.jpg); width:69px;float:left;}

#menu .imoveis{ background:url(../imagens/bt_imoveis.jpg); width:91px;float:left;}
#menu a:hover.imoveis{ background:url(../imagens/bt_imoveis_hover.jpg); width:91px;float:left;}

#menu .local{ background:url(../imagens/bt_local.jpg); width:118px;float:left;}
#menu a:hover.local{ background:url(../imagens/bt_local_hover.jpg); width:118px;float:left;}

#menu .contato{ background:url(../imagens/bt_contato.jpg); width:99px;float:left;}
#menu a:hover.contato{ background:url(../imagens/bt_contato_hover.jpg); width:99px;float:left;}

/*painel*/
#painel{
	width:900px;
	height:247px;
}
.detalhe_casa{
	width:434px;
	height:247px;
	background:url(../imagens/det_casa.jpg);
	float:left;
}
#painel_direita{
	width:453px;
	height:247px;
	float:left;
	background:url(../imagens/bg_painel_direita.jpg);
}
#busca{
	position:relative;
	z-index:11;
	top:-30px;
	width:453px;
	height:188px;
}
#conheca{
	width:388px;
	height:62px;
	background:url(../imagens/bg_jp.jpg);
	background-repeat:no-repeat;
	float:right;
	position:relative;
	z-index:10;
	top:-10px;
}
#conheca .joao_pessoa{
	width:186px;
	height:62px;
	float:left;
}
#conheca .joao_pessoa img{padding:5px 0 5px 8px;}
#conheca .historia{
	width:186px;
	height:62px;
	float:right;
}
#conheca .historia img{padding:5px 0 5px 8px;}

/*conteudo*/
#conteudo{
	width:100%;
	height:auto;
	padding:15px 0;
	float:left;
	background:#ebebeb;
	border-top:5px solid #ef9b11;
	border-bottom:5px solid #ef9b11;
}
#centro{
	width:900px;
	height:auto;
}
#col_esq{
	width:660px;
	height:auto;
	float:left;
}
#destaques{
	width:640px;
	height:286px;
	float:left;
}
.imovel_destaque{
	width:144px;
	height:233px;
	background:url(../imagens/bg_imoveis.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
}
.bairro_destaque{
	color:#005688;
	width:130px;
	font-size:10pt;
	padding:5px;
	font-weight:bold;
}
.foto_imovel img{padding:10px 10px 0 10px ;}
.tipo_destaque{
	color:#7a7a7a;
	font-size:10pt;
	padding:2px 5px;
	font-weight:bold;
}
.conteudo_imovel{
	color:#005688;
	font-size:10pt;
	font-weight:bold;
	padding:5px;
}
.ver_mais_destaque a{
	float:right;
	font-size:8pt;
	color:#005688;
	padding:10px 5px 5px 0;
	text-decoration:underline;
}
.ver_mais_destaque a:hover{
	text-decoration:none;
	color:#ef9b11;
}

#col_dir{
	width:199px;
	height:286px;
	float:right;
}
.dicas{
	width:199px;
	height:286px;
}
.dicas li{padding:3px 0;}
.dicas li a img{
	margin-right:5px;
}
.dicas li a {
	color:#005688;
	font-size:10pt;
}

/*rodape*/
#rodape{
	width:100%;
	height:210px;
}
#rodape form{margin-top:10px;}
#coteudo_rodape{
	width:900px;
	height:210px;
}
.newsletter{
	width:250px;
	height:210px;
	float:left;
}
.newsletter span{
	font-size:10pt;
	color:#fff;
}
.campo_news{
	border:none;
	width:230px;
	padding:3px;
	margin-top:3px;
}
.bt_enviar{
	border:none;
	background:#fff;
	color:#005688;
	font-weight:bold;
	width:60px;
	padding:2px;
	margin-top:10px;
	cursor:hand;
}

.info_rodape{
	width:630px;
	height:190px;
	float:right;
	margin:10px 0;
	border-left:2px solid #919191;
	text-align:center;
	color:#fff;
	font-size:10pt;
}
.info_rodape ul li{display:inline;}
.info_rodape li a{
	color:#fff;
	padding:3px 10px;
}
.info_rodape li a:hover{
	color:#005688;
	background:#fff;
}

/*PÁGINA SOBRE.PHP*/
#centro .sobre{padding:10px;}
#centro .sobre p{
	color:#005688;
	font-size:12pt;
	text-indent:35px;
}

/*PÁGINA LOCALIZAÇÃO.PHP*/
#centro .localizacao{padding:10px;}
#centro .localizacao .mapa{
	width:500px;
	float:left;
}
#centro .como_chegar{
	width:370px;
	float:right;
}
#centro .como_chegar h3{color:#005688;font-size:12pt;padding-bottom:5px;}
#centro table{font-size:10pt;}
#centro table .numero{
	width:30px;
	background:#fff;
	color:#005688;
	font-weight:bold;
	text-align:center;
}
#centro table .instrucao{
	width:310px;
	color:#005688;
	padding:0 5px;
}
#centro table .km{
	width:30px;
	background:#fff;
	color:#005688;
	font-weight:bold;
	text-align:center;
}
#centro table .cor{
	background:#CFCFCF;
}

/*PÁGINA CONTATO.PHP*/
#centro .contato{padding:10px;}
#centro .formulario{
	width:450px;
	float:left;
}
#centro .formulario .campo{
	width:300px;
	border:1px solid #005688;
	padding:2px;
}
#centro .formulario .bt_enviar{
	width:80px;
	padding:3px;
	border:1px solid #005688;
}
.style1{
	color:#005688;
}
#centro .endereco{
	width:400px;
	height:100px;
	float:right;
}
#centro .endereco h5{
	color:#005688;
	padding:6px 0;
}
#centro .endereco p{
	color:#5F5F5F;
	font-size:12pt;
	font-weight:bold;
}

/*PÁGINA IMOVEIS.PHP*/
#centro .imoveis{padding:10px;}