/* CSS Document */

body {
	background:url(bg.gif) repeat-x;
	margin:0px 0px 10px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

h1, h2, h3, h5, h6 {
	font-size:10px;
	font-weight:normal;
}

h4 {
	width:400px;
	font-size:1.1em;
	margin:0 0 20px 20px;
	text-align:justify;
}

.clear {clear:both;}


* {
	margin:0px;
	padding:0px;
	text-decoration:none;	
	border:none;	
}

a {
	color:#1574c5;
}

a:hover {
	color:#1574c5;
	text-decoration:underline;
}

.right {
	float:right;
	margin:30px 20px 10px 40px;
}

.titulo {
	padding-bottom:10px;
}

.verMais {
	float:right;
	padding:5px 10px 0px 0px;
}

/*****************************
	Estrutura
*****************************/

#geral {
	width:760px;
	margin:0px auto;
	margin-top:20px;
	background:#fff;
}

#topo {
	width:760px;
	height:5px;
	background:url(bg_topo.gif) top no-repeat;
}

#logo {
	float:left;
	padding:2px 0px 20px 10px;
}

#menuTopo {
	float:right;
	padding:0px 10px 0px 0px;
}


/*****************************
	Menu 2
*****************************/

#menu {
	height:28px;	
	font-weight:bold;
	background:url(bg_menu.gif) repeat-x;
	text-transform:uppercase;	
	margin:0px 10px 0px 10px;
	clear:left;	
}

#menuLeft {
	float:left;
	width:5px;
	height:28px;
	background:url(menu_left.gif) no-repeat;
}

#menuRight {
	float:right;
	width:5px;
	height:28px;
	background:url(menu_right.gif) no-repeat;
}

#menu ul {
	list-style:none;
	text-align:center;
	padding-top:8px;
}

#menu ul li {
	float:left;
	margin:0 0 0 3px;
}

#menu ul li a {
	color:#fff;
	padding:8px 6px 10px 6px;
	text-decoration:none;
	display:inline;
}

#menu ul li a:hover {
	background:url(bg_menu_hover.gif) repeat-x;
}

/*******************************
	Img conceito e diferenciais
*******************************/

#sejaBemVindo {
	position:absolute;
	padding-top:130px;
	width:300px;
	font-size:11px;
	margin:8px 0px 0px 5px;
	color:#2e381e;
}

#sejaBemVindo a, #sejaBemVindo a:hover {
	color:#2e381e;
}

.BemVindoTitulo {
	padding-bottom:10px;
}

#saibaMais {
	padding-top:10px;
}

#imgConceito {
	margin:10px 10px 4px 10px;
}

#diferenciais {
	margin-left:10px;
}

/*****************************
	boxCima e boxBaixo > home
*****************************/

#boxA {
	margin:10px 10px 0px 10px;
}

.boxTitulo {
	padding:8px 0px 12px 10px;
}

/*  Box Seu Condominio  */

#seuCondominio {
	float:left;
	width:240px;
	background:url(box_condominio_top.gif) #e4e6e7 top no-repeat;
}

#seuCondominioPass {
	margin:1px 0px 0px 55px;	
}

#seuCondominioCad {
	height:34px;
	padding:12px 0px 0px 94px;
	background:url(box_condominio_bottom.gif) no-repeat;
}

table#login {
	margin:10px 0px 0px 10px;
}

input.loginForm {
	width:125px;
	height:16px;
	margin:1px 0px 2px 5px;
	border:1px solid #babbbc;
}

.btnOk {
	margin-left:5px;
}

/*  Box Ofertas de Imóveis  */

#ofertasImoveis {
	float:right;
	width:490px;
	background:url(box_ofertaimoveis_top.gif) #efefef top no-repeat;
}

.ofertaImoveisConteudo {
	float:left;
	width:230px;
	height:102px;
	_height:83px;
	padding:0px 0px 5px 10px;
	clear:right;
}

.ofertaImoveisConteudo img {float:left;}

.ofertaImoveisTexto {
	float:left;
	width:141px;
	padding:3px 0px 0px 8px;
}

.ofertaImoveisTexto p {
	padding:3px 0px 0px 0px;
}

#ofertasImoveisBottom {
	height:5px;
	background:url(box_ofertaimoveis_bottom.gif) bottom no-repeat;
	clear:left;
}

/* chamada home sustentabilidade */

#chamadaSustentabilidade {
	text-align:center;
	margin:25px 0 0 0;
}

/*  Box Baixo  */

#boxB {
	position:relative;	
	float:left;
	width:760px;
	padding:18px 0px 18px 0px;
	clear:both;
}

.boxBaixo {
	float:left;
	width:210px;
	padding:0px 16px 0px 16px;
} 

.boxImg {
	padding:4px 0px 14px 0px;
}

.boxTexto {
	padding:10px 0px 10px 0px;
	text-align:justify;
}

.vertLine {
	float:left;
	width:1px;
	height:226px;
	background:url(vert_line.gif) no-repeat;
	margin:15px 0px 0px 0px;
}

.boxContato {
	float:left;
	width:232px;
	padding:0px 0 0px 10px;
} 

.resolveTelefone {
	color:#0069b2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 0px 0px;
}

.contatoImg {
	margin:10px 0px 5px 0px;
	clear:both;
}

.contatoImg p {
	padding:-3px 0 0 0;
}

.contatoImg img {
	float:left;
	margin:5px 8px 5px 0px;
}

.contatoImg p.endereco {
	float:left;
	width:175px;
	margin:0 0 10px 0;
}

/*****************************
	Conteudo interno
*****************************/

/* video */

#vid_chamada {
	float:left;
	margin:90px 10px 0 40px;
}

#video {
	width:350px;
	margin:20px 10px 0 0;
}

#conteudo {
	margin:40px 15px 20px 15px;
	display:table;
}

	#conteudo ul {
		list-style:none;
		margin:0 0 30px 0;
	}
	
		#conteudo ul li {
			width:400px;
			padding:4px 0 4px 10px;
			margin:0 0 0 10px;
		}
		
		#conteudo ul li span {
			font-size:1.3em;
			font-weight:bold;
			padding:3px;
			color:#1574c5;
		}
		
		#conteudo ul li a {
			font-size:1.1em;
			font-weight:bold;
		}
		

.texto_interno {
	text-align:justify;
	margin-bottom:15px;
}

.titulo_interno {
	font-size:12px;
	font-weight:bold;
	color:#1574c5;
	padding:20px 0px 15px 10px;
}

/*****************************
	Sustentabilidade
*****************************/

/* show/hide */

.posthidden {
	display:none;
} 

.boxSustentabilidade {
	width:400px;
	margin:10px 0 10px 20px;
	padding:10px;
	border-top:3px solid #1574c5;
	background:#edf2f6;
}

.boxSustentabilidade p {margin:0 0 12px 0;}

.postshown {display:inline;}

/* logos ongs e parceiros */

#ong-parceiros h4, #ong-parceiros p {
	width:400px;
	font-size:1.1em;
	font-weight:bold;
	padding:0 0 0 20px;
}

#ong-parceiros h4 {
	margin:30px 0 10px 0;
}

#ong-parceiros ul {
	margin:25px 0 0 0;
}

#ong-parceiros ul li {
	width:220px;
	float:left;
	display:inline;
}


/*****************************
	Diferenciais
*****************************/

.diferenciais {
	position:relative;
	padding:15px 0px 15px 0px;
}

.diferenciaisImg {
	float:left;
	padding:0px 0px 16px 0px;
}

.diferenciaisConteudo {
	float:left;
	width:560px;
	padding:0px 0px 0px 5px;
	display:table;
}

.diferenciaisConteudo p {
	width:100%;
}

.diferenciaisLine {
	border-top:1px solid #dadada;
	clear:both;
}

/*****************************
	Clientes
*****************************/

.clientes {
	float:left;
	width:200px;
	height:190px;
	padding:15px 20px 15px 20px;
}

.clientesNome {
	text-align:center;
	font-weight:bold;
	padding:3px 0px 3px 0px;
}

.clientesLogo {
	text-align:center;
}

/*****************************
	Treinamento
*****************************/

.treinamentoTexto {
	float:left;
	width:325px;
	padding:10px 0px 0px 0px;
}

.treinamentoIlustracao {
	float:left;
	width:300px;
	padding:60px 0px 0px 0px;
}
/*****************************
	Fale Conosco
*****************************/

.camposForm {
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444444;
	padding:1px 2px 1px 2px;
	margin:1px 0px 8px 0px;
}

.buttom {
	margin:15px 0px 10px 150px;
	padding:2px 4px 2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:#276fcd;
	color:#fff;
}

/*****************************
	Rodapé
*****************************/

#rodapeLine {
	border-top:3px solid #1574c5;
	margin:0px 10px 0px 10px;
}

#rodape {
	height:50px;
	clear:left;
}

#rodapeConteudo {
	float:left;
	color:#838383;
	padding:12px 0px 8px 12px;
}

#assAthos {
	float:right;
	margin:15px 12px 0px 0px;
}

#rodapeFecha {
	width:760px;
	height:5px;
	margin:0px auto;
}