/* CSS Document */
#geral-principal {
	position: relative;
	margin-top: 0px;
	width: 978px;
	height: auto;
	margin:0 auto;
}
#seguranomeio-principal {
	float: left;
	width: 960px;
	height: 100%;
	min-height: 232px;
	max-height: 100%;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	height: 232px;
	margin:0 auto;
	padding:8px;
}
#seguranomeio-interna {
	float: left;
	width: 960px;
	height: 100%;
	min-height: 200px;
	max-height: 100%;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	height: 200px;
	margin:0 auto;
	padding:8px;
}

html>body #seguranomeio-principal, #seguranomeio-interna {
	height: auto;/* Esta altura deve ficar com o valor auto; para que o Mozilla firefox reconhe�a o formato el�stico. */
}
#barratopo{
	position: relative;
	width: 978px;
	margin:0 auto;
	height:9px;
	}
#topo{
	position: relative;
	width: 976px;
	height: 85px;
	margin:0 auto;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	line-height:0px;
	}
#topo div{width:50%; float:left;}

div.conteudo-minhaarea{
	margin-left:15px;
}

#menu{
	width: 978px;
	height: 30px;
	margin:0 auto;
	background-image: url(../img/bgmenu.gif);
}
#menu .cantoneira{
width:15px; 
float:left;
}
#menu .itens{
width:948px; 
float:left;
padding:7px 0px;
text-align:center;
}
#menu .itens a{color:#4c4c4c; font-weight:bold;margin:0px 8px;}
#menu .itens a:hover{color:#CE2538;}
#menu #subItens a{font-weight: normal;}


.titulo-interno{
	line-height:0px;
}

#menu-minhaarea{
	position: relative;
	width: 742px;
	height: 28px;
	margin:0 auto;
	background-image: url(../img/bgtopo-minhaarea.gif);
}

#menu-minhaarea .itens{
width:742px; 
float:left;
padding:7px 0px;
text-align:center;
}

#menu-minhaarea a{padding:0px 5px;color:#CE2538; font-weight:bold;text-decoration: none;}
#menu-minhaarea a:hover{color:#CE2538;text-decoration: underline;}



#rodape{
	clear:both;
	width: 958px;
	height: 18px;
	margin:0 auto;
	background-image: url(../img/bgrodape.gif);
	background-repeat: no-repeat;
	font-size:11px;
	text-align:left;
	border-top:1px solid #e0e0e0;
	padding:7px 10px;
	color:#999999;
}
#rodape img{ vertical-align:middle; float:right; padding-top:2px;}
#conteudo{width:742px; float:left;}
#lateral{width:210px; float:right;}
#banner{width:726px; float:left; border:8px solid #212121; height:283px;}

.bannerrossi{
	width:210px;
	height:122px;
	float:left;
	background-image: url(../img/bgbanner.gif);
	background-repeat: no-repeat;
}

#vitrine, .box_empreendimentos{
	width:742px;
	float:left;
	margin:10px 0px;
}

#vitrine .seta{
	width:27px;
	float:left;
	padding-top:98px;
}
#vitrine .empreendimentos{
	width:688px;
	float:left;
}

#vitrine .obra{
	width:33%;
	float:left;
}
#vitrine .obraempre{
	width:160px;
	margin:0 35px;
	text-align:center;
}

#vitrine .centralizar_obra{
	width:160px;
	height:120px;
    display:table-cell;
    vertical-align:middle;
	padding:0px;
	line-height:0px;
	margin:0px;

}
#vitrine .detalhe{height:82px; width:150px; float:left; padding:10px 5px 0px 5px;}
#vitrine a.bairro,#vitrine a:hover.bairro {color:#22297a; font-weight:bold;}

#vitrine .aba_over, #vitrine .aba_on,
#vitrine .aba_lancamento, #vitrine .aba_andamento, #vitrine .aba_pronto,
#vitrine .aba_lancamento_off, #vitrine .aba_andamento_off, #vitrine .aba_pronto_off{
	width:247px;
	float:left;
	background-image: url(../img/aba_on.gif);
	text-align:center;
	background-repeat: no-repeat;
	padding-top:10px;
	height:24px;
	background-position: bottom;
}

#vitrine .aba_lancamento_off, #vitrine .aba_andamento_off,#vitrine .aba_pronto_off
{
	height:21px;
	padding-top:13px;

}
#vitrine .aba_lancamento_off{
	background-image: url(../img/aba_off_1.gif);
}

#vitrine .aba_andamento_off{
	background-image: url(../img/aba_off_3.gif);
}

#vitrine .aba_pronto_off {
	background-image: url(../img/aba_off_2.gif);
}

#vitrine .aba_over {
	background-image: url(../img/aba_over.gif);
}

#vitrine .aba_over a, #vitrine .aba_on a,
#vitrine .aba_lancamento a, #vitrine .aba_andamento a, #vitrine .aba_pronto a,
#vitrine .aba_lancamento_off a, #vitrine .aba_andamento_off a, #vitrine .aba_pronto_off a
{color:#fff; font-weight:bold; text-decoration:none;}

#vitrine .aba_over a,
#vitrine .aba_lancamento_off a, #vitrine .aba_andamento_off a, #vitrine .aba_pronto_off a{
	color:#ce2538;
}

#boxdicas{width:366px; float:left; margin-right:8px;}
#boxnoticias{width:368px; float:left;}

.lista_principal{
width:365px; 
float:left;
margin:5px 0px;
}

.lista_principal .imgListaPrin{
width:120px; 
float:left;
height:120px;
border:1px solid #cccccc;
background-color:#f8f8f8;
margin-right:8px;
}

.lista_principal .resumoListaPrin{
width:235px; 
float:left;
padding-top:28px;
}
.boxes{width:210px; float:left; margin-bottom:10px;}
.boxlateral, .boxlateralservicos{
	width:188px;
	float:left;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	
}
.boxlateral{padding:5px 10px;}

.boxlateralservicos{
	width:208px;
	padding:0px 0px 5px 0px;
	text-align:center;
	
}
.boxlateralservicos p{margin:0px; padding:5px 10px 0px 10px; text-align:left;}

.boxbarra{width:210px; float:left; line-height:0px;}

form#busca_imoveis, form#espaco_cliente {margin:3px 0px; padding:0px;}
form#espaco_cliente {margin:3px 0px 45px 0px;}
#busca_imoveis select, #espaco_cliente input{width:188px;margin:3px 0px;}
#busca_imoveis select{ border:1px solid #3CA3A5; }

#espaco_cliente input {padding:2px;width:184px; font-size:12px;}

#busca_imoveis input, #espaco_cliente .ok{ border:0px; padding:0px; margin:5px 0px; background:none;}
form#espaco_cliente{margin:0px; padding:0px;}
#espaco_cliente .ok{width:41px; height:37px; float:right;}
#espaco_cliente .senha{width:130px; float:left; padding-top:15px;}

#espaco_cliente .senha a{color:#22297a;}

.formJump{
	width:26px;
	height:18px;
	border: solid 1px #b6c2cd;
	font-size:12px;
	color:#999;
	text-align:center;
	padding-top:4px;
}

/* POPUP EXCLUIR */

#layerGeral_popup
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#layerOpaco_popup
{
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #4c4c4c;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#layerMiolo_excluir
{
	width: 736px;
	height: auto;
	background-color: #FFF;
	border: 0px solid #ff0;
}

#layerMiolo_indique
{
	width: 736px;
	height: auto;
	background-color: #FFF;
	border: 0px solid #ff0;
}

#layerGeral_impressao
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}

#layerOpaco_impressao
{
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color: #4c4c4c;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:999;
}