@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body, html { height: 100%; font: 12px Arial, Helvetica, sans-serif; color: #000; }

img, body, ul, li, h1, h2, h3, h4, h5, p{ margin: 0; padding: 0; border: 0; }
br.clear{ clear: both; font-size: 0; height: 0; line-height: 0; display: block; }

img { border: none; }
 
body { background: #E6E6DC url(../Imagem/background.jpg) repeat-x  ; }

a:link{	color: #b38700;	text-decoration: none; }
a:visited{ color: #b38700; text-decoration: none; }
a:hover{ text-decoration: underline; color: #b38700; }
a:active{ color: #804702; text-decoration: none; }

.centralizar { width: 1035px; margin: 0 auto; margin-top: 0px; border: 0px solid red; }
.container { width: 1035px; height: auto; background: none; float:left; padding: 0 0 0px 0; position: relative; }

.rodape{ height: 40px; clear: both; margin-top: 50px; padding: 42px 0 25px 0px; background: url(../Imagem/fundo-rodape.jpg) repeat-x; }
.container-2 { cursor: default; width: 1024px; height: auto; background: none; float:left; padding: 0 0 10px 0; border: 0px solid red; position: relative; }
	.box-rodape { width: 450px; font-size: 12px; color: #686762; text-shadow: 0px 1px #E3E2DB; margin: 0px 0 0 30px; float: left; }

.topo { width: 1035px; height: 262px; background: url(../Imagem/background-topo.jpg); float: left;  }
.logo { border: 0px solid blue; float: left; margin: 0px 0 0 -20px; }
.slogan { width: 600px; height: 238px; background: url(../Imagem/slogan.jpg); float: right; margin-right: 62px; }

.menu { width: 670px; height: 96px; border: 0px solid red; background: url(../Imagem/fundo-menu.jpg); float: left;     margin-left: 43px;
    margin-right: 0;
    margin-top: -48px;
}

#menu li a { display: block; float: left; overflow: hidden; text-indent: -5000px; position: absolute; outline: none; }
	
	#principal { background:url(../Imagem/menu-1.jpg); width: 91px; height: 33px; top: 27px; left: 522px; }
	#sobre { background: url(../Imagem/menu-2.jpg); width: 114px; height: 33px; top: 27px; left: 614px; }
	#empreendimentos { background: url(../Imagem/menu-3.jpg); width: 140px; height: 33px; top: 27px; left: 729px; }
	#contato { background: url(../Imagem/menu-4.jpg); width: 103px; height: 33px; top: 27px; left: 870px; }

	#menu li a:hover { background-position: 0 -34px;} 
	#menu li a.atual { background-position: 0 -68px;} 
	
.vitrine { width: 1030px; height: 339px; border: 0px solid red; background: url(../Imagem/fundo-vitrine.jpg); float: left; margin: 18px 0 0 -26px; }
	.img-vitrine { width: 722px; height: 284px; float: left; margin: 26px 0 0 39px; }

.sobre-principal { width: 386px; height: 380px; float: left; border: 0px solid red; margin: 49px 0 0 30px; }  
	.titulo-sobre-principal { width: 169px; height: 25px; background: url(../Imagem/titulo-sobre-principal.jpg); text-indent: -5000px; }
	.img-sobre { border: 5px solid #BFBFBE; float: left; margin: 40px 0 20px 0; }
	.texto-sobre-principal { width: 363px; color: #000000; text-align: justify; }
	
	#saiba-mais li a { overflow: hidden; float: right; margin: 20px 20px 0 0; height: 21px; }	
	.saiba-mais { background: url(../Imagem/bt-saiba-mais.jpg) no-repeat; height: 21px; padding: 1px 49px 0px 47px; }
	#saiba-mais li a:hover { background-position: 0 -22px; color: #785201; text-decoration: none; }  
	#saiba-mais li a:active { color: #BB7D22; }  

.destaques { width: 544px; height: 530px; float: left; border: 0px solid red; }
	.titulo-slide { font-size: 15px; font-weight: bold; color: #fc8d07; vertical-align:middle }
	.titulo-portifolio { font-size: 17px; font-weight: normal; font-style: italic; margin: 0 0 4px 7px; color: #8e8d8c; }
	
	#ver-mais li a { overflow: hidden; float: right; margin: 6px 55px 0 0; height: 21px; }	
	.ver-mais { background: url(../Imagem/bt-ver-mais.jpg) no-repeat; height: 21px; padding: 1px 49px 0px 47px; }
	#ver-mais li a:hover { background-position: 0 -22px; color: #785201; text-decoration: none; }  
	#ver-mais li a:active { color: #BB7D22; }  

.liga { width: 377px; height: auto; float: left; margin: 0 0 50px 30px; border: 0px solid red; }
	.titulo-liga { width: 334px; height: 33px; background: url(../Imagem/liga.jpg); text-indent: -5000px; }
	.bt-enviar { border: none; background: none; margin-top: 10px; float: left; }
	
/* ########### Contact Form [ START ] ### */
#contact { width: 400px; height: 115px; padding: 0 15px 5px 0px; margin: 20px 0 0 0; position: relative; }

#contact form div.field { float: left; }
#contact form div.name,#contact form div.mail,#contact form div.phone,#contact form div.cell { width: 385px; padding: 6px 20px 0 0; overflow: hidden; }
#contact form div.msg { width: 390px; padding: 6px 0 0 0; position: relative; overflow: hidden; }
#contact form div.submit { width: 157px; height: 32px; position: relative; }
#contact form div.name input, #contact form div.mail input, #contact form div.phone input, #contact form div.cell input, input, #contact form div.msg textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* Not valid but Opera users shoudl see rounded borders, too ;) */
	border: 1px solid #CFCEC6;
	background: rgba(18, 18, 17, 1.0);
	color: rgba(94, 93, 90, 0.7);
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 5px;
	font-size: 14px;
	font-weight:bold;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
#contact form div.name input:hover, #contact form div.mail input:hover, #contact form div.phone input:hover, #contact form div.cell input:hover { background-position: 6px -19px;  }
#contact form div.name input:focus, #contact form div.mail input:focus, #contact form div.phone input:focus, #contact form div.cell input:focus { background-position: 6px -43px; }

#contact form div.msg textarea:hover { background-image: url("../Imagem/icon_contact_msg2.png"); background-repeat: no-repeat; background-position: 6px 6px; }
#contact form div.msg textarea:focus { background-image: url("../Imagem/icon_contact_msg3.png"); background-repeat: no-repeat; background-position: 6px 6px; }
#contact form div.name input:hover, #contact form div.mail input:hover, #contact form div.phone input:hover, #contact form div.cell input:hover, #contact form div.msg textarea:hover {
	color: #000;
	border: 1px solid #B1B0A7;
}
#contact form div.name input:focus, #contact form div.mail input:focus, #contact form div.phone input:focus, #contact form div.cell input:focus, input, #contact form div.msg textarea:focus {
	color: #bf5b02;
	border: 1px solid #FD7B06;
	background-color: #CFCEC6;
}
#contact form div.name input { width: 317px; padding-left: 38px; background: #CFCEC6 url("../Imagem/icon_contact_name.png") no-repeat 6px 5px; }
#contact form div.mail input { width: 317px; padding-left: 38px; background: #CFCEC6 url("../Imagem/icon_contact_mail.png") no-repeat 6px 5px; }
#contact form div.phone input { width: 317px; padding-left: 38px; background: #CFCEC6 url("../Imagem/icon_contact_phone.png") no-repeat 6px 5px; }
#contact form div.cell input { width: 317px; padding-left: 38px; background: #CFCEC6 url("../Imagem/icon_contact_cell.png") no-repeat 6px 5px; }
#contact form div.msg textarea { width: 318px; display: block; overflow: hidden; padding-left: 37px; background: #CFCEC6 url("../Imagem/icon_contact_msg1.png") no-repeat 6px 6px; z-index: 6; position: relative; }
#contact form div.submit input { width: 157px; height: 32px; border: 0; background: transparent url("btn_send_off.gif") no-repeat 50% 50%; cursor: pointer; text-indent: -999em; overflow: hidden; margin-top: 10px; }

#contact form div.wpcf7-response-output {
	position: absolute; bottom: 14px; left: 15px;
	font-size: 0.81em;
	color: rgba(94, 93, 90, 0.8);
	padding: 4px 0 4px 25px;
	text-shadow: 0px 0px 1px rgba(94, 93, 90, 0.6);
}
#contact form div.wpcf7-mail-sent-ok { background: url("icon_form_valid.png") no-repeat 0 7px; }
#contact form div.wpcf7-spam-blocked, #contact form div.wpcf7-mail-sent-ng, #contact form div.wpcf7-validation-errors { background: url("icon_form_error.png") no-repeat 0 6px; }
#contact form span.wpcf7-form-control-wrap { position: relative; display: block; }
#contact form span.wpcf7-not-valid-tip, #contact form span.wpcf7-not-valid-tip-no-ajax {
	position: absolute;
	top: -30px; left: 11px;
	color: rgba(216, 123, 66, 0.8);
	text-shadow: 0px 0px 1px rgba(216, 123, 66, 0.8);
	background: url("icon_info.png") no-repeat 0 3px;
	font-size: 0.81em; width: 290px;
	padding: 5px 0 5px 25px;
	display: block;
}
#contact form .wpcf7-display-none { display: none; }
#contact form img.ajax-loader { border: none; vertical-align: middle; }


.servicos-web { width: 525px; height: auto; float: left; margin: -2px 0 0 50px; border: 0px solid red; }
	.titulo-servicos-web { width: 169px; height: 34px; background: url(../Imagem/titulo-servicos-web.jpg); text-indent: -5000px; margin-bottom: 26px; }
	.servico { margin-right: 20px; }
	
	.link-servico a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } 


.box-dir { width: 525px; height: auto; float: left; margin: -2px 0 50px 50px; border: 0px solid red; }	
	.noticias { width: 250px; height: auto; float: left; margin: 4px 0 0 0px; border: 0px solid red; }
		.titulo-noticias { width: 106px; height: 25px; background: url(../Imagem/titulo-noticias.jpg); text-indent: -5000px; margin-bottom: 26px; }
		.data-noticias { font-size: 20px; color: #737312; float: left; }
		.evento { float: left; font-size: 14px; font-weight: bold; color: #333; margin: 7px 0 15px 7px; *margin: 6px 0 15px 7px; }
		.texto-noticias { width: 240px; color: #565655; clear: left; text-align: left; font-style: italic; }
			
	.servicos-web { width: 240px; height: auto; float: right; margin: 3px 0 0 0px; border: 0px solid red; }
		.titulo-servicos-web { width: 169px; height: 34px; background: url(../Imagem/titulo-servicos-web.jpg); text-indent: -5000px; margin-bottom: 18px; }
		.servico { margin-right: 20px; }
		
	.jornal { float: left; margin: 10px 0 30px -10px; }
		

	
/* ########### Sobre a Fator [ START ] ### */
.sobre { width: 386px; height: auto; float: left; border: 0px solid red; margin: 49px 0 0 30px; }  
	.titulo-sobre { width: 169px; height: 25px; margin: 0 0 50px 0; background: url(../Imagem/titulo-sobre-principal.jpg); text-indent: -5000px; }
	.texto-sobre { width: 363px; color: #000000; text-align: justify; margin-top: 30px; }	
	.titulo-missao { width: 69px; height: 21px; background: url(../Imagem/titulo-missao.jpg); text-indent: -5000px; margin-top: 30px; } 
	.titulo-valores { width: 82px; height: 22px; background: url(../Imagem/titulo-valores.jpg); text-indent: -5000px; margin: 100px 0 25px 0; } 
	.img-list { width: 14px; height: 14px; background: url(../Imagem/img-list.gif); float: left; margin: 1px 7px 0 0; }
	.valores { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; color: #2c231b; }
	.descricao-valores { width: 480px; clear: left; margin: 6px 0 15px 23px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #666565; }
	
	.box-parceria { width: 975px; float: left; background: #d6d6cd; margin: 80px 0 60px 10px; padding-bottom: 30px; border: 1px solid #d6d6cd; -moz-border-radius:6px; -webkit-border-radius:6px; }
		.titulo-parceria{ width: 79px; height: 24px; background: url(../Imagem/parceria.gif); text-indent: -5000px; margin: 30px 0 0 20px; }
		.parceiro { width: 260px; height: 105px; float: left; background: #B0AFA8; -moz-border-radius: 6px; margin: 30px 0 0 25px; }
		

.cont-int { width: 930px; float: left; border: 0px solid red; padding: 50px 30px 0 30px; margin-bottom: 50px; }
.titulo-empreendimentos { width: 232px; height: 27px; margin: 0 0 50px 0; background: url(../Imagem/titulo-empreendimentos.gif); text-indent: -5000px; }
.box-empreendimento { float: left; margin-bottom: 30px; }
	.fundo-empreendimento { width: 269px; height: 169px; background: url(../Imagem/fundo-foto.jpg); float: left; margin: 0 0 0 -7px; }
	.foto-empreendimento { float: left; margin: 11px 30px 0 13px; }
	.nome-empreendimento { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; font-style:italic}
	.box-desc-empreendimentos { width: 625px; height: 150px; float: left; padding: 13px 0 0 30px; border: 0px solid red; }
		.descricao-emp { clear: left; margin: 6px 0 25px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #666565; }
		
		.status { float: left; }
		.porcentagem { float: left; margin: 0px 0 0 15px; font-weight: bold; font-size: 15px; color: #575757; } 
		.texto-porcentagem { float: left; margin: 2px 0 0 4px; color: #575757; }
	
	
.titulo-liga-contato { width: 334px; height: 33px; margin: 0 0 50px 0; background: url(../Imagem/liga.jpg); text-indent: -5000px; }
.contact { float: left; }
.endereco { width: 76px; height: 21px; float: left; *margin: 0 0 10px 0; background: url(../Imagem/endereco.jpg); text-indent: -5000px; }
.texto-endereco { width: 363px; float: left; color: #000000; text-align: justify;}
.telefone { width: 71px; height: 16px; float: left; margin: 30px 0 15px 0; background: url(../Imagem/telefone.jpg); text-indent: -5000px; }
	.texto-telefone { font-size: 21px; float: left; clear: left; margin-bottom: 50px; }
			.jh { font-size: 12px; }	

.mapa { width: 425px; height: 350px; float: left; border: 5px solid #D6D6CD; -moz-border-radius:6px; }	
	
.box-social-media { margin-right: 44px }