/* CSS Popular Imoveis */
/************ GERAL *************/
html, body {height:100%; margin:0; text-align:center;} 
#geral { margin:0 auto; text-align:left; min-height:100%; width:980px; position:relative;  }
* html #geral { height: 100%; }
body { background:url(../imagens/outras/bg.jpg) no-repeat center bottom; background-attachment:fixed; background-color:#7FA387; font:0.7em Arial, Helvetica, sans-serif; color:#333;}
form, ul, ol, h1 { margin:0; padding:0; list-style:none; }
a { color:#00501A; text-decoration: underline; } a:hover { text-decoration: underline; }
.left { float:left; }
.right { float:right; }
#extra { height:35px; width:980px; padding:0 0 78px 0; clear: both; }

a.lnknovas { float:right; margin:3px 0 0 0; }



/************ TOPO *************/
#topo { background:#fff; overflow:hidden; height:300px; }
#topo .extra1 { height:6px; background:#00501A; }
#topo h1 a { text-indent:-9000px; overflow:hidden; display:block; width:216px; height:100px; background:url(../imagens/topo/logo_popularimoveis.gif) no-repeat; }
#topo address { text-indent:-900px; overflow:hidden; display:block; height:50px; width:764px; background:url(../imagens/topo/endereco.gif) no-repeat;}
#topo .left { float:left; }
#topo .pesquisa { height:44px; width:745px; padding: 0 0 0 19px; background:url(../imagens/topo/bg_pesquisa.gif) repeat-x; }
#topo .flash { height:155px; }

/************ PESQUISA *************/
#pesquisa { margin:0; padding:0; }
#pesquisa label { font-size:12px; color:#666; font-weight:bold; padding: 0 0 0 8px; }
#pesquisa .search { width:353px; font-size:16px; margin: 0 12px 0 14px; border:2px solid #BAB8A7; }
#pesquisa .botao_ok { background:url(../imagens/topo/bg_botao.gif) no-repeat; border:2px solid #BAB8A7; width:51px; height:26px; color:#666; font:12px Arial, Helvetica, sans-serif; font-weight:bold; }

/************ MENU *************/
#menu { text-indent:-9000px; overflow:hidden; width:216px; }
#menu li a { display:block; }
#menu li a.empresa { height:27px; background:url(../imagens/topo/m_empresa.gif) no-repeat; } #menu li a.empresa:hover { background-position:0 -29px; }
#menu li a.aluguel { height:26px; background:url(../imagens/topo/m_aluguel.gif) no-repeat; } #menu li a.aluguel:hover { background-position:0 -28px; }
#menu li a.vendas { height:25px; background:url(../imagens/topo/m_vendas.gif) no-repeat; } #menu li a.vendas:hover { background-position:0 -27px; }
#menu li a.lancamentos { height:27px; background:url(../imagens/topo/m_lancamentos.gif) no-repeat; } 
#menu li a.login { height:26px; background:url(../imagens/topo/m_login.gif) no-repeat; } 
#menu li a.login:hover { background-position:0 -28px; }

#menu li a.vendas:hover { background-position:0 -27px; }
#menu li a.lancamentos:hover { background-position:0 -29px; }
#menu li a.links { height:26px; background:url(../imagens/topo/m_links.gif) no-repeat; } #menu li a.links:hover { background-position:0 -28px; }
#menu li a.faleconosco { height:28px; background:url(../imagens/topo/m_faleconosco.gif) no-repeat; } #menu li a.faleconosco:hover { background-position:0 -30px; }

/************ CONTEUDO *************/
#conteudo { width:980px; background:#FAFAFA url(../imagens/outras/bg_conteudo.gif) repeat-x; float: left;}
#conteudo .bemvindo { width:188px; height:284px; background:url(../imagens/outras/bg_bemvindo.gif) no-repeat; padding:21px 14px 0 14px; margin:0 19px 0 0; float:left;  }
#conteudo .bemvindo img { border:1px solid #366A34; }
#conteudo .bemvindo p { line-height:18px; font-size:11px; }

#conteudo .novidades { width:530px; float:left; padding:13px 0 0 0; }
#conteudo .novidades p { line-height:18px; font-size:11px; text-align:justify; margin:10px 0; }

#conteudo .direita { width:197px; float:left; padding:73px 0 0 18px; }
a.attonline  { text-indent:-9000px; overflow:hidden; display:block; width:179px; height:61px; background: url(../imagens/outras/img_attonline.jpg) no-repeat; margin:0 0 21px 0 ; }
a.btfav  { text-indent:-9000px; overflow:hidden; display:block; width:179px; height:57px; background: url(../imagens/outras/img_addfavoritos.jpg) no-repeat; margin:10px 0 21px 0 ; }
a.btamigo  { text-indent:-9000px; overflow:hidden; display:block; width:179px; height:57px; background: url(../imagens/outras/img_envieamigo.jpg) no-repeat; margin:0 0 21px 0 ; }
a.btsite  { text-indent:-9000px; overflow:hidden; display:block; width:179px; height:57px; background: url(../imagens/outras/img_enviesite.jpg) no-repeat; margin:0 0 21px 0 ; }

#tabela td { border-bottom:1px dotted #B1B1A0; padding:8px 0; text-align:left; padding-left:10px; }

#conteudo .esquerda { width:700px; padding:21px 21px 0 40px; float:left;  }
#conteudo .esquerda p { font-size: 12px; line-height:18px; text-align:justify; margin:10px 0; }
.endereco { width:350px; float:left;  }
.mapa { width:300px; padding:0 0 0 50px; float: left;  }
.data { font:10px Arial, Helvetica, sans-serif; color:#666; }
p.vt { border-top: 1px solid #CDCDC2; padding:4px 0 0 0;}

#fotos { margin:0; clear:both; width:700px; margin:0 0 15px 0; height:100%; display:table; }
#fotos li { float:left; padding:0 15px 0 0; margin:4px 0; }
#fotos img { border: 4px solid #E8E8E3; }
#fotos a:hover img { border: 4px solid #555546; }

#fotos2 { margin:0; clear:both; width:700px; margin:0 0 15px 0; height:100%; display:table; }
#fotos2 li { float:left; padding:0 15px 0 0; margin:4px 0; }
#fotos2 img { border: 4px solid #E8E8E3; }
#fotos2 a:hover img { border: 4px solid #555546; }

.galeria { clear:both; width:700px; margin:0 0 15px 0; height:100%; display:table; }
.galeria li { float:left; padding:0 15px 0 0; margin:4px 0; }
.galeria img { border: 4px solid #E8E8E3; }
.galeria a:hover img { border: 4px solid #555546; }

/************ TITULOS *************/
h2 { text-indent:-9000px; overflow:hidden; display:block; }
h3 { display:block; color:#00501A; height:24px; margin:0; padding: 5px 0 0 8px; background:url(../imagens/outras/bg_tit.gif) repeat-x; font:14px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; }
h3 span { font-size:11px; font-weight:normal; color:#333; padding:0 0 0 10px; }
h4.titulo { font:14px, Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;  }
h1, h2 { margin:0; padding:0; }
h2.titbemvindo { background:url(../imagens/outras/tit_bemvindo.gif) no-repeat; width:178px; height:18px; }
h2.titnovidades { background:url(../imagens/outras/tit_novidades.gif) no-repeat; width:530px; height:29px; margin:0 0 10px 0; }
h4 a { font:12px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }

/************ LISTAS *************/
#listanovidades { width:auto; border-top: 1px solid #CDCDC2; }
#listanovidades li  { border-bottom: 1px solid #CDCDC2; display:block; }
#listanovidades li a { font:12px Tahoma, Helvetica, sans-serif; font-weight:bold; display:block; padding:7px 0 7px 3px; text-decoration:none; }
#listanovidades li a span { font:10px Arial, Helvetica, sans-serif; color:#666; }
#listanovidades li a:hover { background:#F0F0EE; }

#links{ width:auto; border-top: 1px solid #CDCDC2; }
#links li  { border-bottom: 1px solid #CDCDC2; display:block; background:url(../imagens/outras/icon_externo.gif) no-repeat; background-position:5px 10px; }
#links li a { font:12px Tahoma, Helvetica, sans-serif; font-weight:bold; display:block; padding:7px 0 7px 23px; text-decoration:none; }
#links li a:hover { background:#F0F0EE url(../imagens/outras/icon_externo.gif) no-repeat; background-position:5px 10px;; }


/************ RODAPE *************/
#rodape { clear:both; width:980px; position:absolute; bottom:0; color:#769D7F; padding:0 0 20px 0; }
#rodape address { float:left; font-size:11px; color:#666; font-style:normal; padding:0 0 0 30px; background:url(../imagens/rodape/bandeira.gif) no-repeat; height:18px; margin:13px 0 0 0; }
#rodape a { float:right; text-align:right; margin:13px 0 0 0; background:#000; }



#imoveis .formquadro { background:#fff; height:160px; border:1px solid #CDCDC2; margin:10px 0 0 0; }
#imoveis input, select { border:solid 1px #999999; height:18px; font:11px Tahoma, sans serif; color:#606060; }
#imoveis .botao_ok { background:url(../imagens/topo/bg_botao.gif); border:2px solid #BAB8A7; width:110px; height:26px; color:#666; font:12px Arial, Helvetica, sans-serif; font-weight:bold; margin:26px 0 0 0; }
#imoveis .form_contato { font:11px arial, sans serif; color:#606060; float:left; padding:10px;  }

#listagem { width:704px; }
#listagem .titulo { background-color:#fff; color:#000; text-indent:0px; font-weight:bold; height:22px; }
#listagem .linha1 { background-color:#E3E3DB; }
#listagem .descricao { line-height:18px; text-align:left; padding:0 10px; }
#listagem .linha2 { background-color:#F2F2EE; }
#listagem .moldura {  margin:10px auto; border:solid 1px #CCCCCC; padding:5px; background-color:#FFFFFF; }

a.docs { text-indent:-9000px; overflow:hidden; display:block; width:238px; height:40px; background:url(../imagens/outras/tit_documentacao.gif) no-repeat; float:left; margin:0 35px 0 0; }
a.docs:hover { background-position:0 -42px; }

a.ficha { text-indent:-9000px; overflow:hidden; display:block; width:238px; height:40px; background:url(../imagens/outras/tit_ficha.gif) no-repeat; float:left;}
a.ficha:hover { background-position:0 -42px; }
.fonte14 { font-size:14px; font-weight:bold; }

.desc01 { background:#E8E8E3; padding:4px 10px 4px 4px; line-height:18px; display:table;  margin:0 0 10px 0; height:100%; width:98%}
.desc05 { background:#E8E8E3; padding:4px 10px 4px 4px; line-height:18px; display:table;  margin:0 0 10px 0; height:100%; width:70%; float:left}

.leftimg { float:left; margin: 0 10px 0 0; }
.borda { border:1px solid #CACABF; }


/* FORM  */
.form_contato { font:11px arial, sans serif; color:#606060; float:left; padding:10px; }
.input { border:solid 1px #999999; height:18px; width:250px; font:11px Tahoma, sans serif; color:#606060; }
#contato textarea { border:solid 1px #999999; height:110px; width:250px; font:11px Tahoma, sans serif; color:#606060; }
#imovel textarea { border:solid 1px #999999; height:110px; width:250px; font:11px Tahoma, sans serif; color:#606060; }
.bt_enviar { border:0px; background:url(../imagens/topo/bg_botao.gif); border:2px solid #BAB8A7; width:80px; height:26px; color:#666; font:12px Arial, Helvetica, sans-serif; font-weight:bold; }
.bt_enviarimovel { border:0px; background:url(../imagens/topo/bg_botao.gif); border:2px solid #BAB8A7; width:80px; height:26px; color:#666; font:12px Arial, Helvetica, sans-serif; font-weight:bold; margin:25px 0 0 0; }

/* PAGINAÇÃO */
#paginacao {
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}

#paginacao .botao {
	color: #666;
	background: #DDD;
	text-decoration: none;
	margin: 0px 2px;
	padding: 6px;
	float: left;
}

#paginacao .botao:hover {
	color: #FFF;
	background: #666;
}

#paginacao .pagina {
	color: #666;
	padding: 6px;
	margin: 0px 2px;
	float: left;
}

#paginacao .pagina:hover {
	background: #DDD;
	text-decoration: none;
}

#paginacao .pagAtual {
	color: #666;
	background: #DDD;
	padding: 6px;
	margin: 0px 2px;
	float: left;
}
/*-------------POP MESSAGE---------- */
			.jqifade{ position: absolute; background-color: #333; }
			div.jqi{ width: 500px; background:url(../imagens/outras/bg_galeriarestrita.gif) no-repeat top left;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 11px; text-align: left; border: solid 1px #eeeeee;  padding:100px 7px 7px 7px; }
			div.jqi .jqicontainer{ font-weight: bold; }
			div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
			div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #444444; }
			div.jqi .jqibuttons{ text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
			
			
			
			div.jqi button{
	padding: 3px 10px;
	margin: 0 10px;
	background-color: #F7B3B3;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
			div.jqi button:hover{
	background-color: #B70000;
}
			div.jqi button.jqidefaultbutton{
	background-color: #00501a;
}
			.jqiwarning .jqi .jqibuttons{
	background-color: #333;
}
/*-------------POP MESSAGE---------- */

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi{
	background-color: #333; 
	}

.brownJqifade{
	 position: absolute; 
	 background-color: #333;
}
div.brownJqi{
	 width: 500px; 
	 /*background:url(../imagens/outras/bg_reserva.gif) no-repeat top left;     */
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	 position: absolute; 
	 background-color: #ffffff; 
	 font-size: 11px; 
	 text-align: left; 
	 border: solid 1px #eeeeee;  
	 padding:10px 7px 7px 7px;
}
div.brownJqi .brownJqiclose{
    position: absolute; 
	top: 4px; 
	right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold;
}
div.brownJqi .brownJqicontainer{
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	 padding: 10px; 
	 line-height: 20px;
	 color: #444444;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right; 
	padding: 5px 0 5px 0; 
	border: solid 1px #eeeeee; 
	background-color: #f4f4f4;
}
div.brownJqi button{
		padding: 3px 10px;
	margin: 0 10px;
	background-color: #F7B3B3;
	border: solid 1px #f4f4f4;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
div.brownJqi button:hover{
	background-color: #B70000;
}

div.brownJqi button.brownJqidefaultbutton{
	background-color: #00501a;
}
div.brownJqi button.brownJqidefaultbutton:hover{
	background-color: #00882D;
}




/*

			div.chavejqi button.chavejqidefaultbutton{
	background-color: #00501a;
}
			.chavejqiwarning .chavejqi .chavejqibuttons{
	background-color: #333;
}
/*-------------POP MESSAGE---------- */

