@charset "utf-8";
/* CSS Document */
/* NOMES DAS FONTES: pt_sans_narrowbold, pt_sans_narrowregular, din_lightregular, din_mediumregular, dinregular  */

/* Reset */
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li { margin:0 auto; padding:0; list-style:none; outline:none; border:none; color:#302d31; font-weight:normal;}
ul{padding: 0; margin:0;}
/* End Reset */


/*------------------------------- Body ---------------------------------*/
body { margin: 0px 0px 0px 0px; padding:0; letter-spacing:0px; font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#302d31; list-style:none; background:url(../images/bg_body.png) center top repeat-x #c4c7c8 ; position:relative; z-index:-3; overflow-x: hidden; position:relative; z-index:0;}

html { border:0; height:100%; }

*:focus { outline: none; }

input { background-color:transparent; border:none; letter-spacing:0px; font-size:16px; color:#939393; }

/*------------------------------- Tags ---------------------------------*/
h1 { font-family: 'din_mediumregular', sans-serif; font-size:28px; color:#302d31; margin:5px 0px 5px 0px; line-height:30px; text-transform:uppercase;}
h2 { font-family: 'din_mediumregular', sans-serif; font-size:28px; color:#302d31;  line-height:30px; font-weight:normal;}
h3 { font-family: 'din_mediumregular', sans-serif; font-size:15px; color:#670b18;  line-height:17px; text-transform: uppercase; font-weight:bold; }
h4 { font-family: 'pt_sans_narrowbold', sans-serif; font-size:21px; color:#302d31; line-height:23px; }
h5 { font-family: 'din_mediumregular', sans-serif; font-size:13px; color:#302d31; line-height:15px; margin: 10px; text-transform:uppercase;}
h6 { font-family: 'din_mediumregular', sans-serif; font-size:13px; color:#302d31;  line-height:15px; margin: 0 0 5px 0; }

h1 span {color:#302d31;}

p+p {margin-top:15px;}
p {font-family: 'din_mediumregular', sans-serif; line-height:18px; font-size:16px;}

a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover {text-decoration:underline;}

h2 span, h3 span {font-family:"din_mediumregular", sans-serif; font-size:15px;}


a { font-size:15px; color:#302d31; margin:0px 0px 2px 0px; line-height:17px; text-decoration:none; }
a:hover { text-decoration:none; color:#302d31; }
a:visited { text-decoration:none; color:#302d31; outline:none; }

a:link, a.link, a:visited, a.visited, .efeito_opacity{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}
a img {opacity:1;}
a img:hover {
	opacity: 0.8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;text-decoration:none;
}

.clear {clear:both;}
.leia_mais {display:block; width:150px; height:60px; line-height:60px; background:url(../images/btn_rodape_selected.jpg) top right; color:#FFF; font-family: 'din_mediumregular', sans-serif; font-size:15px; text-align:center; text-transform:uppercase;}
.leia_mais:hover {background:url(../images/btn_menu_selected.jpg) right top no-repeat; color:#FFF;}


/* ------------------------------- CORPO DO SITE ------------------------------- */
#tudo { width: 1020px; margin:auto; left:50%; margin-left:-510px; position:relative;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------------- TOPO ------------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#topo{width:1020px; margin:0 auto; overflow:hidden; position:relative;}
#topo .logo {float:left; margin:5px 0 5px 10px;}
#topo #menu ul {position:absolute; right:0; bottom:0; background:url(../images/bg_menu.jpg) center center; overflow:hidden; width:620px; padding:0 40px; height:75px; border-radius:35px 35px 0 0;}
#topo #menu ul li {float:left; margin:0 5px;}
#topo #menu ul li a {background:url(../images/btn_menu_selected.jpg) right 75px no-repeat; display:block; height:75px; line-height:75px; padding:0 7px; color:#FFF; font-size:19px; font-family: 'din_mediumregular', sans-serif; text-transform:uppercase; font-weight:normal;}
#topo #menu ul li a:hover, #topo #menu ul li a.btn_selected{background:url(../images/btn_menu_selected.jpg) right top no-repeat;}

#topo #telefones{background:url(../images/bg_telefones.png) right top no-repeat; position:absolute; right:0; top:0; width:302px; padding:0 20px;}
#topo #telefones h1 {font-size:20px; font-weight:bold; margin-bottom:10px;}
#topo #telefones h2 {font-size:30px; font-weight:bold;}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ----------------------------- FILTROS ------------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_filtros {background:url(../images/bg_filtros.jpg) center center; height:75px;}
#content_filtros #filtros {width:960px; padding:16px 30px; margin:0 auto; }
#content_filtros #filtros #titulo_filtro {text-transform:uppercase; text-align:center; float:left;margin-right:10px;}
#content_filtros #filtros #titulo_filtro p {color:#FFF; font-family: 'pt_sans_narrowregular', sans-serif;}
#content_filtros #filtros #titulo_filtro h1 {color:#FFF; margin:0; }

#content_filtros #filtros #filtro select {position:relative; z-index:99; height:42px; float:left; font-family: 'pt_sans_narrowregular', sans-serif; font-size:17px; text-transform:uppercase; color:#525053; width:230px !important;}
#content_filtros #filtros #filtro .ui-selectmenu {margin:0 5px; width:230px !important;}
#content_filtros #filtros #filtro .ui-selectmenu-menu ul {width:230px !important;}

#content_filtros #filtros #filtro .ui-selectmenu-menu li a, #content_filtros #filtros #filtro .ui-selectmenu-status {font-size: 13px !important; margin-top: 4px !important;}


#content_filtros #filtros #filtro #btn_enviar {background:url(../images/seta_dir.png) right center no-repeat; padding-right:30px; font-family: 'din_mediumregular', sans-serif; font-size:30px; line-height:36px; color:#FFF; float:right; margin-right:25px; cursor:pointer;}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------------ SLIDER ------------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_slider { position:relative; width:950px; height:400px; margin:0 auto; background:url(../images/bg_slider.jpg) top center repeat-x #e2001a; border-radius:20px; padding:10px 35px; display:block; overflow:hidden;}
#content_slider #slider {margin:0 auto; width:950px; height:400px; display:block; overflow:hidden;}
#content_slider #slider img { border-radius:20px 0 0 0;}
#content_slider #slider .nivo-controlNav {background:url(../images/bg_control_nav.png) top right no-repeat; width:190px; height:37px; padding:14px 0 14px 30px;}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ----------------------------- CONTEUDO ----------------------------- */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#conteudo {width:960px; margin:20px auto 20px auto;}
#conteudo h1 {line-height: 30px;}

#conteudo .descricao p {font-family: 'din_lightregular', sans-serif; font-weight:normal; font-size:18px; text-align:justify;}

#conteudo #princ {float:left; width:710px;}
#conteudo #aux {float:right; width:220px;}
#conteudo #aux .topo_imagem {display:block; height:19px; width:220px; background:url(../images/bg_topo_imagens.jpg);}
#conteudo #aux #content_mailnews #mailnews {background:#9c9e9f;}
#conteudo #aux #content_mailnews input {background:url(../images/bg_input.jpg) center center; margin:8px 4px; height:43px; padding:0 8px; color:#525053;}






/* PARTE DOS IMÓVEIS */
.titulo_imoveis {display:block; height:54px; line-height:40px; padding-left:20px; background:url(../images/bg_titulo.png) center right no-repeat;}
#lista_imoveis_index {}
#lista_imoveis_index li {float:left; width:220px; height:270px; margin:10px 8px; overflow:hidden;}
#lista_imoveis_index li h3 { background: -webkit-gradient(linear, left top, left bottom, from(#670b18), to(#e2001a)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:5px; }
#lista_imoveis_index li h4 {text-align:center;}
#lista_imoveis_index li p {font-family: 'pt_sans_narrowregular', sans-serif; font-size:16px; text-align:center;}


#conteudo #lista_imoveis {float:left; overflow:hidden; width:720px;}
#conteudo #lista_imoveis li {border-bottom: solid 5px #b70419; float:left; width:215px; height:245px; position:relative; margin:22px 12px;}
#conteudo #lista_imoveis li h4, #lista_imoveis li p {text-align:center;}
#conteudo #lista_imoveis li h4 {font-size:18px;}
#conteudo #lista_imoveis li p {font-family: 'pt_sans_narrowregular', sans-serif; font-size:14px; text-align:center;}
#conteudo #lista_imoveis li p.quartos { position:absolute; right:0; top:0; padding:0 10px; height:33px; line-height:33px; font-size:14px; text-transform:uppercase; background:url(../images/transp60preto.png); color:#FFF; border-radius:0 0 0 10px;}
#conteudo #lista_imoveis li p.quartos span {font-weight:bold; font-size:26px;}

#conteudo #lista_imoveis li .mascara_img {width:215px; height:138px; display:block; position:relative; overflow:hidden;}
#conteudo #lista_imoveis li .tipo_imovel {padding:5px 25px; background:#E0001A; color:#FFF; position:absolute; top:22px; left:-30px; z-index:999; width:80px; text-align:center; text-transform:uppercase; font-size:12px !important;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari and Chrome */
-o-transform: rotate(-45deg); /* Opera */
-moz-transform: rotate(-45deg); /* Firefox */

-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 0.75);
box-shadow:         5px 5px 5px rgba(50, 50, 50, 0.75);
}
#conteudo #lista_imoveis li img {max-width:215px; opacity:1; position:absolute; top:0; left:0;}
#conteudo #lista_imoveis li img:hover {outline: solid 1px #FFF;}

#conteudo #content_auxiliar {float:right; overflow:hidden; width:230px;}
#conteudo #content_auxiliar h1 {color:#FFF; text-align:center; text-transform:none; margin-bottom:5px;}
#conteudo #content_auxiliar ul {margin-bottom:30px; padding:0 10px;}
#conteudo #content_auxiliar ul li {margin:10px 0;}
#conteudo #content_auxiliar ul li a {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight:bold; color:#595D60;}
#conteudo #content_auxiliar ul li a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-left:10px; color:#900;}
#conteudo #content_auxiliar ul li a span {padding:2px 5px; color:#FFF; background:#F00;}


#conteudo #imoveis_interna #content_slider_interna {position:relative; width:490px; height:365px; float:left; margin:0 10px 10px 0; }

#conteudo #imoveis_interna #prevBtn { width:30px; height:30px; margin:0; top:170px; left:10px;}
#conteudo #imoveis_interna #prevBtn a {background:url(../images/arrows.png) left center no-repeat; width:30px; height:30px; }

#conteudo #imoveis_interna #nextBtn a {background:url(../images/arrows.png) right center no-repeat;width:30px; height:30px;}
#conteudo #imoveis_interna #nextBtn {width:30px; height:30px; margin:0; top:170px; left:auto; right:10px;}


#imoveis_interna #descricao_imovel #galeria_plantas {overflow:hidden; margin:20px auto; width:890px !important; height:160px !important;}
#imoveis_interna #descricao_imovel #galeria_plantas ul {overflow:hidden; height:160px !important;}
#imoveis_interna #descricao_imovel #galeria_plantas ul li {float:left; padding:0 5px; width:210px; height:158px; display:block;}




#conteudo #imoveis_interna #slider_interna{overflow:hidden; display:block; width:490px; height:365px; }
#conteudo #imoveis_interna #slider_interna ul {display:block; width:490px; height:365px;}
#conteudo #imoveis_interna #slider_interna li {display:block; width:490px; height:365px;}

#conteudo #imoveis_interna h1{ font-family: 'pt_sans_narrowbold', sans-serif; text-transform:none; font-size:28px; line-height:30px; margin:0; }
#conteudo #imoveis_interna h2{ font-family: 'pt_sans_narrowbold', sans-serif; font-size:18px; line-height:18px; margin:0 0 5px 0; }
#conteudo #imoveis_interna p { font-family: 'pt_sans_narrowregular', sans-serif; margin:5px 0 0 0; font-size:17px;}
#conteudo #imoveis_interna p span {font-weight:bold;}
#conteudo #imoveis_interna p.descricao {text-align:justify;}
#conteudo #imoveis_interna p.descricao span {display:block;}
#conteudo #imoveis_interna iframe{border-radius:5px;}

#conteudo #imoveis_interna #content_andamento {padding:10px 20px; background:#999; border-radius:20px; margin:20px 0; overflow:hidden;}
	
#conteudo #imoveis_interna #content_andamento li {float:left; width:455px; height:85px; position:relative;}
#conteudo #imoveis_interna #content_andamento li p.titulo {font-size:17px; position:absolute; left:10px; top:5px;} 
#conteudo #imoveis_interna #content_andamento li h4.porcentagem {position:absolute; right:10px; top:5px; font-size:22px; line-height:24px; font-family: 'pt_sans_narrowbold', sans-serif;}
#conteudo #imoveis_interna #content_andamento li .content_barra {position:absolute; top:30px; left:5px; width:436px; height:38px; border: solid 1px #D6D7D9; background:#D6D7D9; border-radius:5px; padding:1px}
#conteudo #imoveis_interna #content_andamento li .barra_porcentagem {background:#b70419; height:38px; border-radius:5px;}




#clearline {border:solid 2px #b70419; margin:20px 0;}

#conteudo #imoveis_interna #form_contato #nome, #conteudo #imoveis_interna #form_contato #mensagem{width:920px;}
#conteudo #imoveis_interna #form_contato #email {width:430px; margin-right:15px;}
#conteudo #imoveis_interna #form_contato #telefone {width:430px;}
#conteudo #imoveis_interna #form_contato #mensagem {height:177px; resize:vertical;}

#conteudo #imoveis_interna #form_contato #btn_enviar {font-family: 'din_mediumregular', sans-serif; font-size:15px; cursor:pointer; background:url(../images/btn_rodape_selected.jpg) right top no-repeat; width:150px; height:32px; line-height:15px; color:#FFF; margin: 5px 0;}

/* PARTE DOS EMPREENDIMENTOS */
#lista_empreendimentos {}
#lista_empreendimentos li {overflow:hidden; margin:30px 0; position:relative;}
#lista_empreendimentos li img {float:left; margin-right:10px;}
#lista_empreendimentos li h1 {font-family: 'pt_sans_narrowbold', sans-serif; font-size:56px; line-height:58px; text-transform:capitalize;}
#lista_empreendimentos li p { font-family: 'pt_sans_narrowregular', sans-serif; font-size:42px; line-height:43px;}
.topo_imagem {display:block; height:19px; width:445px; background:url(../images/bg_topo_imagens.jpg);}
#lista_empreendimentos li a.leia_mais {position:absolute; bottom:0; left: 455px; color:#FFF;}

#conteudo #interna_empreendimento #slider_interna {float:left; overflow:hidden; margin-right:10px;}
#conteudo #interna_empreendimento .topo_imagem {display:block; height:19px; width:490px; background:url(../images/bg_topo_imagens.jpg);}
#conteudo #interna_empreendimento h1{ font-family: 'pt_sans_narrowbold', sans-serif; text-transform:none; font-size:28px; line-height:30px; margin:0; }
#conteudo #interna_empreendimento h2{ font-family: 'pt_sans_narrowbold', sans-serif; font-size:18px; line-height:18px; margin:0 0 10px 0; }
#conteudo #interna_empreendimento p { font-family: 'pt_sans_narrowregular', sans-serif; }






/* FORMULÁRIO DE CONTATO */
#form_contato input, #form_contato textarea {height:23px; padding:10px 20px; margin:5px 0; color:#525053; font-family: 'pt_sans_narrowregular', sans-serif; font-size:17px; border:none;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #c9caca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c9caca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#c9caca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#c9caca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#c9caca 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#c9caca 100%); /* W3C */
}

#form_contato #nome, #form_contato #mensagem{width:670px;}
#form_contato #email {width:395px; margin-right:10px;}
#form_contato #telefone {width:220px;}
#form_contato #mensagem {height:177px; max-height:250px; resize:vertical;}

#form_contato #btn_enviar {font-family: 'din_mediumregular', sans-serif; font-size:15px; cursor:pointer; background:url(../images/btn_rodape_selected.jpg) right top no-repeat; width:150px; height:32px; line-height:15px; color:#FFF; margin-left:560px;}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ------------------------------ RODAPE ------------------------------ */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#content_rodape {background:url(../images/bg_rodape.jpg) center top repeat-x; height:168px;}
#content_rodape #rodape{background:url(../images/sombra_rodape.png) center 70px no-repeat; width:960px; height:168px; margin:0 auto;}

#content_rodape #rodape #nav_rodape  {overflow:hidden; width:620px; padding:0 40px; height:70px; margin:0 auto;}
#content_rodape #rodape #nav_rodape  li {float:left; margin:0 5px;}
#content_rodape #rodape #nav_rodape a {background:url(../images/btn_rodape_selected.jpg) right 75px no-repeat; display:block; height:75px; line-height:75px; padding:0 7px; color:#000; font-size:19px; font-family: 'din_mediumregular', sans-serif; text-transform:uppercase; font-weight:normal;}
#content_rodape #rodape #nav_rodape li a:hover {background:url(../images/btn_rodape_selected.jpg) right top no-repeat; color:#FFF;}

#content_rodape #rodape h5 {color:#302d31; font-size:14px; line-height:16px; font-weight:bolder; margin:0;}
#content_rodape #rodape .informacoes_empresa {float:left; margin-top:24px;}
#content_rodape #rodape #copyright {float:right; margin-top:13px; width:360px;}
#content_rodape #rodape #copyright h5 {margin-top:18px; width:350px;}
#content_rodape #rodape .logo {float:right; margin-left:5px;}