@import url("reset.css");
/* CSS Document */

#site{
	background-color:#fff;
	width:757px;
	font:11px Tahoma, Arial, Verdana;
	margin:0 auto;
	padding:2px;
}
#site p{
text-align:left;
}

#fale_conosco h3{
text-align:left;
}

/*** TOPO *******/
#topo {
	width:760px;
	height:300px;
	display: block;
	background:url(images/fundo_topo.png) no-repeat;
}
.logo_topo{
	display:block;
	background:url(images/logo_brascar.png) no-repeat;
	width:222px;
	height:83px;
	margin:10px 38px 0 10px;
	float:left;
}
#menu_topo{
background: url(images/menu.png) no-repeat;
}
#menu_topo li{
	margin-top:70px;
	float:left;
	list-style:none;
	height: 26px;
	padding:0;
}
#menu_topo li a{
	margin-left:3px;
	text-indent:-5000px; 
	overflow:hidden;
	display:block;
	height:26px;
}
.aempresa{
	background: url(images/menu.png) no-repeat;
	width:81px;
}
.aempresa:hover,#aempresa .aempresa{
	background: url(images/menu.png) no-repeat 0 -30px ;
	width:81px;
}
.quero_comprar{
	background: url(images/menu.png) no-repeat -84px 0;
	width:93px;
}
.quero_comprar:hover, #quero_comprar .quero_comprar{
	background: url(images/menu.png) no-repeat -84px -30px;
	width:93px;
}
.quero_alugar{
	background: url(images/menu.png) no-repeat -179px 0px;
	width:93px;
}
.quero_alugar:hover,#quero_alugar .quero_alugar{
	background: url(images/menu.png) no-repeat -179px -30px;
	width:93px;
}
.quero_vender{
	background: url(images/menu.png) no-repeat -273px 0px;
	width:93px;
}
.quero_vender:hover,#quero_vender .quero_vender{
	background: url(images/menu.png) no-repeat -273px -30px;
	width:93px;
}
.fale_conosco{
	background: url(images/menu.png) no-repeat -365px 0px;
	width:93px;
}
.fale_conosco:hover,#fale_conosco .fale_conosco{
	background: url(images/menu.png) no-repeat -365px -30px;
	width:93px;
}
#banner{
	background:url(images/banner.jpg) no-repeat;
	width:753px;
	height:170px;
	float:left;
	margin:2.8em 0 0 .158em;
	/*position:relative;
	clear:left;
	
	top:32px; left:-1px;*/
}
.oculto{
	display:none;
}


/*** MEIO DA HOME ***/
body{
	text-align:center;
	background-color:#666666;
	margin:0; padding:0;
}
#site #conteudo, #conteudo{
	width:732px;
	background-color:#f4f4f4;
	text-align:left; 
	/* este float é para que o fundo acompanhe os elementos internos */
	float:left;
	margin:3px 0px 0pt 2px;
	padding:10px;
}
#venda,#locacao{
	width:300px;
	float:left;
	margin:20px 10px 40px 0;
}
#venda, #locacao{
	margin-left:40px;
}
.tit_destaque_venda, .tit_destaque_locacao{
	display:block;
	text-indent:-5000px; overflow:hidden;
	width:330px;
	height:39px;
}
.tit_destaque_venda{
	background:url(images/titulo_venda.png) no-repeat;
}
.tit_destaque_locacao{
	background:url(images/titulo_locacao.png) no-repeat;
}

#conteudo div ul{
	margin:5px;
}
#conteudo div ul li{
	list-style:none;
}
#conteudo div ul li img, .destaque_g{
	border:#ccc solid 3px;
	background-color:#fff;
}
#conteudo div ul li h3{
	margin:0px; padding:0;
	color:#003366;
	font:bold 11px Tahoma, Arial, Verdana, sans-serif, serif;
	float:left;
}
#conteudo div ul li a strong{
	color:#990000;
}
.lista_destaque_g{
	margin-bottom:15px; float:left;
	width:300px;
}
.lista_destaque_capa_g{
	margin:0 50px 0 7px; float:left;
	width:300px;
	height:320px;
}
.destaque_interna_esquerda_g{
	margin:0 0 15px 10px; float:left;
	width:300px;
}
.destaque_interna_direita_g{
	margin:0 0 15px 30px; float:left;
	width:300px;
}
.lista_destaque_p, .lista_destaque_capa_p{
	display:block;
	width:135px;
	height:220px;
	float:left;
	padding:5px;
}

a{
	text-decoration:none;
	font:11px Tahoma, Arial, Verdana, sans-serif, serif;
	color:#003366;
}
.valor_imovel{
	color:#990000;
}
.ver_mais{
	background:url(images/vermais_imoveis.png) no-repeat;
	width:130px;
	height:35px;
	text-indent:-5000px; overflow:hidden;
	display:block;
	float:right; margin:0px;
	clear:left;
}

/*** CAPA INTERNA ***/
#capa_interna {
	padding:0 10px; 
	margin:10px;
}
.titulo_capa_locacao,.titulo_capa_venda,.titulo_fale_conosco,.titulo_aempresa,.titulo_quero_vender{
	display:block;
	text-indent:-5000px; overflow:hidden;
	width:720px;
	height:34px;
	border-bottom:3px #990000 solid;
}
.titulo_capa_locacao{
	background:url(images/titulo_locacao.png) no-repeat;
}
.titulo_capa_venda{
	background:url(images/titulo_venda.png) no-repeat;
}
.titulo_fale_conosco{
	background:url(images/titulo_fale_conosco.png) no-repeat;
}
.titulo_aempresa{
	background:url(images/titulo_aempresa.png) no-repeat;
}
.titulo_quero_vender{
	background:url(images/titulo_quero_vender.png) no-repeat;
}

/*** RODAPE ***/
#rodape {
	background:transparent url(images/fundo_rodape.png) no-repeat scroll 0%;
	clear:both;
	height:72px;
	padding:5pt 10px;
	width:737px;
}
#rodape *{
	margin:0;
	font:11px normal Tahoma, Arial, Verdana, sans-serif, serif;
	color:#fff;
}
address{
	float:left;
	text-align:left;
	padding:10px 10px;
}
#rodape h3{
	font-weight:bold;
	text-align:left;
}
.credito{
	float:right;
	padding:14px 10px;
	text-align:right;
}
#rodape .credito strong{
	font-weight:bold;
}


/*** FORMULARIOS ***/
input{
	border:1px solid #ccc;
}
.input_gg{
	width:240px;
}
.input_g{
	width:200px;
}
.input_m{
	width:120px;
}
.input_p{
	width:50px;
}
.float_left{
float:left;
}
.textarea{
	width:300px;
	height:100px;
}
#dados_contato{
width:340px;
height:400px;
float:left;
border-right:2px solid #ccc;
}
#formulario_contato{
float:right;
width:350px;
/* margin-right:20px;*/
}


/*** AEMPRESA ***/
#foto_empresa{
width:349px;
height:400px;
float:left;
}
#historico_empresa{
float:right;
width:310px;
margin-right:20px;
}


/*** DETALHES IMÓVEL ***/
.titulo_detalhe_imovel{
	display:block;
	text-indent:-5000px; overflow:hidden;
	width:98%;
	height:34px;
	border-bottom:3px #990000 solid;
	background: url(images/titulo_detalhes_imovel.png) no-repeat;
	margin-bottom:10px;
}
.titulo_mais_fotos, .titulo_oferta{
	display:block;
	text-indent:-5000px; overflow:hidden;
	width:335px;
	height:26px;
	border-bottom:3px #990000 solid;
}
.titulo_mais_fotos{
	background:url(images/titulo_mais_fotos.png) no-repeat;
}
.titulo_oferta{
	background:url(images/titulo_fazer_oferta.png) no-repeat;
}
#detalhes_imovel{
padding:0 10px; margin:10px 0 25px;
}
#detalhes_imovel p{
margin:0px 10px 8px 10px;
line-height:120%;
}

#mais_fotos{
margin:0 20px 0 10px;
width:350px;
clear:left;
}

#mais_fotos ul{
height:400px;
width:320px;
overflow:auto;
list-style:none;
}

#mais_fotos ul li{
float:left;
padding:4px;
}

#formulario_oferta{
width:350px;
float:right;
margin:-435px 0pt;
}