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

/* FRONT-END: Wanderson Dantas */

html {background:#ebebeb url(../img/bg.png) repeat-x; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; overflow-x: hidden;}

/*body{ background:url(../img/natal.png) no-repeat center 29px; }*/

#all {max-width: 960px; margin: 0 auto;  position: relative; z-index:2; padding: 0 0 3px 0;}
#bg-ponto {background:url(../img/bg-all.png) no-repeat center top; width:100%; height:391px; position:absolute; top:101px; left: 0; z-index: -1;}

#topo {background:url(../img/bg-topo.jpg) repeat-x center top; max-width:960px; height:144px; position: relative; z-index: 99999;}

.popup {position: absolute; left: 20%; top: 170px; z-index: 9000; box-shadow: 0 0 10px #333; cursor: pointer; width: 60%;}
.fechar {position: absolute; right: 0; top: 0; height: 20px; width: 100px; display: block;}

.whatsapp {position: absolute; right: 300px; top: 105px; text-decoration: none; }
.whatsapp img {vertical-align: middle; margin: 0 5px 0 0; position: relative; top: -4px;}
.whatsapp strong {font-family: 'Roboto', sans-serif; font-size: 14px; color: #028a00;}

.suport-top {display: none;}
.barra-top {display: none; position: relative; z-index: 10000;}
.pull {display: none; background: url(../img/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px;}

a.bt-fixo-online {
text-indent: -99999px;
background: url(../img/aovivo.png) no-repeat;
width: 35px;
height: 184px;
display: block;
position: fixed;
top: 245px;
z-index: 99951;
margin-left: -46px;
}

.logo{float:left; margin-left:15px;}
.menu {width:787px; height:75px; float:right;}
.menu ul {width:787px; height:75px;}
.menu li {height:75px; float:left;}
.menu li.separa-menu {background:url(../img/separa-menu.png) no-repeat; width:2px;}
.menu li a {height:75px; display:block; color: #fff; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; text-decoration: none; line-height: 75px; padding: 0 8px; font-weight: bold;}
.menu li a:hover {background: #072977;}
.menu li a img { margin: 30px 0 0;}
/* .m1 {background:url(../img/menu.png) no-repeat 0px 0px; width:66px;}
.m1:hover {background:url(../img/menu.png) no-repeat 0px -75px;}
.m2 {background:url(../img/menu.png) no-repeat -68px 0px; width:190px;}
.m2:hover {background:url(../img/menu.png) no-repeat -68px -75px;}
.m3 {background:url(../img/menu.png) no-repeat -260px 0px; width:81px;}
.m3:hover {background:url(../img/menu.png) no-repeat -260px -75px;}
.m4 {background:url(../img/menu.png) no-repeat -343px 0px; width:132px;}
.m4:hover {background:url(../img/menu.png) no-repeat -343px -75px;}
.m5 {background:url(../img/menu.png) no-repeat -477px 0px; width:93px;}
.m5:hover {background:url(../img/menu.png) no-repeat -477px -75px;}
.m6 {background:url(../img/menu.png) no-repeat -572px 0px; width:81px;}
.m6:hover {background:url(../img/menu.png) no-repeat -572px -75px;}
.m7 {background:url(../img/menu.png) no-repeat -655px 0px; width:96px;}
.m7:hover {background:url(../img/menu.png) no-repeat -655px -75px;}
.m8 {background:url(../img/menu.png) no-repeat -753px 0px; width:34px;} */

/* #conteudo {} */

.painel {background:#fff; margin:10px 0 30px; border: 1px solid #b9c9dc; padding: 2px;}


.banner-index {float:left; margin:17px 18px 0 0;}

.empreendimento-index {width: 23.3%; background: #FFF; display: inline-block;
    margin: 0 1.7% 20px 0; vertical-align: top;}
.wp-emp {padding:10px;}

.thumb-empree {position: relative;}
.faixa-lancamento {background: url(../img/ft-faixa-lancamento.png) no-repeat left top; display: block; position: absolute; right: 0; top: 0; text-indent: -9999px;}

.tt-emp {font-size:14px;  font-weight:bold; text-transform:uppercase; display: block;}
.end-emp {font-size:11px; text-transform:uppercase; margin-top:-2px; display: block; }
.empreendimento-index img {/* float:left; */ margin-top:6px;}
.capa {width: 100%;}
.empreendimento-index ul {/* float:left; */ margin-top:8px;}
.empreendimento-index ul li {background:url(../img/bg-li-emp.png) no-repeat left center; /* float:left; width:188px; */ padding-left:18px; font-size:11px; color:#000;}
.empreendimento-index ul li.separa {background:url(../img/separa.png) repeat-x; height:1px; margin:6px 0 5px;}
.empreendimento-index .btn-veja-mais {background: #b00404; background: linear-gradient(to bottom, #ce0200, #b00404); color: #fff; text-decoration: none; padding: 10px; display:block; text-align: center; font-size: 11px;}

.parceiros-index {background: #fff; width: 73.8%; float: left; margin-right: 2%;}

/* TÍTULOS */
.seu-sonho {background:url(../img/tt/seu-sonho-comeca-aqui.png) no-repeat; width:271px; height:44px; float:left; margin:22px 0 0 16px;}
h2.tit-outros-empreendimentos {background:url(../img/tt/tit-outros-empreendimentos.png) no-repeat; width:960px; height:23px; float:left; margin-top:26px;}





h2.tt-empresa {background: url(../img/tt/empresa.png) no-repeat left top; height: 25px; width: 960px; margin: 0 0 20px 0;}
h3.tt-nossos-parceiros {background: url(../img/tt/h3-nossos-parceiros.png) no-repeat left top; height: 14px; width: 157px; margin: 37px 0 20px;}
h3.tt-indic-financ {background: url(../img/tt/h3-indic-financ.png) no-repeat left top; height: 19px; width: 934px;}
h2.tt-imoveis {background: url(../img/tt/imoveis.png) no-repeat left top; height: 28px; width: 960px; margin: -3px 0 15px 0;}
h2.tt-contatos {background: url(../img/tt/contatos.png) no-repeat left top; height: 25px; width: 960px; margin: 0 0 20px 0;}
h2.tt-contact {background: url(../img/tt/contact.png) no-repeat left top; height: 25px; width: 960px; margin: 0 0 20px 0;}
h2.tt-imoveis-destaque {background: url(../img/tt/imoveis-destaque.png) no-repeat left top; height: 28px; width: 960px; margin: -3px 0 15px 0;}
h2.tt-lancamentos {background: url(../img/tt/lancamentos.png) no-repeat left top; height: 23px; width: 960px; margin: 0 0 15px 0;}
h2.tt-usados {background: url(../img/tt/usados.png) no-repeat left top; height: 23px; width: 960px; margin: 0 0 15px 0;}

h4.tt-informacoes, h4.tt-endereco, h4.tt-precos, h4.tt-detalhes {color: #7f0711; text-transform: capitalize; font-weight: bold; font-size: 14px; /*border-bottom: 1px dotted #7f0711;*/ background: url(../img/h4-borda.png) repeat-x left bottom; padding: 10px 0 5px 0;}
/*h4.tt-endereco {background-image: url(../img/tt/h4-endereco.png); height: 18px; width: 94px; text-indent: -9999px;}
h4.tt-precos {background-image: url(../img/tt/h4-precos.png); height: 19px; width: 75px; text-indent: -9999px;}
h4.tt-detalhes {background-image: url(../img/tt/h4-detalhes.png); height: 15px; width: 91px; margin: 0 0 20px 0; text-indent: -9999px;}*/


.tit {color: #19489a; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; background: url(../img/bg-tt.png) no-repeat left bottom; padding: 5px 0 8px 20px; margin: 0 0 10px;}
.bx {float: left; width: 23.5%; margin: 0 2% 0 0;}

.row {margin: 0 0 30px;}

.bx-par {padding: 17px 20px;}
.itens02 td {height: 100px; vertical-align: middle; text-align: center;}

h2.tit-nossos-parceiros,
.topic,
.tit2 {padding:18px 0 0; margin: 0 20px; color: #19489a; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: bold; border-bottom: 1px solid #c20303;}

.topic {border-bottom: 0; margin: 10px 0; color: #ca241f;}
.tit2 {margin: 0; padding: 0;}

.sideh {float: left; width: 23.3%;}

/* INTERNAS */
#internas {max-width:960px; min-height: 400px; margin: 40px 0 30px;}
#internas p {line-height: 18px; padding: 18px 0 0 18px;}
#barra-lateral {float: right; width: 243px; min-height: 400px;}
#internas .tit {font-size: 18px;}

/* Empresa */
#conteudo-interna {float: left; min-height: 500px; width: 694px;}
.ft-lateral {float: right; border: 4px solid #fff; margin: 0 0 20px 0;}
.thumb-parceiros {background: #fff; border: 1px solid #a5a5a5; float: left; height: 106px; width: 158px; margin: 0 30px 30px 0;/*margin: 0 18px 18px 0;*/ text-align: center;}
#indic-financ {background: #fff;  padding: 17px; margin: 20px 0 0 0;}
#indic-financ img {margin: 10px 20px 0 0;}

/* Imoveis*/
.empree {width:206px; min-height:433px; background:#FFF; float:left; margin:15px 18px 0 0; padding:10px;}
.empree .tt-emp {font-size:14px; font-weight:bold; text-transform:uppercase; padding: 0 !important;}
.empree .end-emp {font-size:11px; text-transform:uppercase; margin-top:-2px; padding: 0 !important;}
.empree img {float:left; margin-top:6px;}
.empree ul {float:left; margin-top:8px; min-height: 86px; width: 100%; display: block;}
.empree ul li {background:url(../img/bg-li-emp.png) no-repeat left center; float:left; width:188px; padding-left:18px; font-size:11px; color:#000;}
.empree ul li.separa {background:url(../img/separa.png) repeat-x; height:1px; margin:6px 0 5px;}
.empree .btn-veja-mais {background:url(../img/btn-veja-mais-detalhes.jpg) no-repeat; width:206px; height:31px; display:block; float:left;}

/* Imoveis detalhe*/
#interna-detalhe {background: #fff;  padding: 25px;}
h3.tt-nome-imovel {color: #ad0303; font-size: 20px; text-transform: uppercase;}
h4.tt-local-imovel {color: #000; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0;}
h4.tt-galeria-fotos {background: url(../img/tt/h4-galeria-fotos.png) no-repeat left top; height: 16px; width: 184px; margin: 22px 0 14px 0;}


#lateral-galeria {float: left; min-height: 400px; width: 285px;}
#mold-ft-lateral-imovel { padding: 0 0 0 0;}
#lateral-galeria img {border: 2px solid #fff; box-shadow: 0 0 2px #999;}

#mold-ft-galeria {padding: 0 0 11px 0;}
.bts-nfoto a {background: #c20303; width: 34px; height: 27px; color: white; float: left; line-height: 27px; text-align: center; margin: 5px 0 5px 5px; text-decoration: none;}
.bts-nfoto a:hover {background: #072976; width: 34px; height: 27px;}
.bts-nfoto a.active {background: #072976; width: 34px; height: 27px;}


#info-imovel  {float: right; width: 609px; }

ul.lista-info-detalhe {margin-left: 2px; float: left;width: 200px;}
ul.lista-info-detalhe li {background: url(../img/ico-detalhes.png) no-repeat left 5px; padding-left: 10px;}

/* Contato */
#form {margin: 20px 0 0 21px; float: left;}
#form label, #form input, #form textarea {display: block; outline: none;}
#form label {float: left;}
#form label strong {color: #c20303; text-transform: uppercase;}
#form .espaco {height: 66px;}
#form .espaco-right {float: right; margin: 0 1px 0 0;}
#form input {margin: 3px 0 0 0; height: 30px; line-height: 30px;}
#form select.uf {background: url(../img/bg-campo-menor.png) no-repeat left top; border: 0; display: block; width: 297px; padding: 6px 8px; margin: 3px 0 0 0;}
#form input.cp-maior {background: #fff; border: 1px solid #a5a5a5;  width: 660px; padding: 0 5px ; }
#form input.cp-menor {background: #fff; border: 1px solid #a5a5a5; width: 312px; padding: 0 5px;}
#form textarea.cp-textarea {background: #fff; border: 1px solid #a5a5a5; height: 286px; width: 660px; padding: 5px; margin: 3px 0 0 0;}
.btn-send {background: url(../img/btn-enviar.png) no-repeat left top; border: 0; height: 35px; width: 129px; cursor: pointer; float: right; margin: 15px 0 0 0;}
.btn-send-ingles {background: url(../img/btn-send.jpg) no-repeat left top; border: 0; height: 35px; width: 129px; cursor: pointer; float: right; margin: 15px 0 0 0;}



/* RODAPÉ */
#rodape {width:100%; float:left; background:#09326d; }
.rodape {max-width:960px;  margin:0 auto; padding: 0 10px 20px;}
.rodape p {background:url(../img/carta.png) no-repeat left 2px; color:#fff; padding-left:22px; margin:25px 0 0 7px; float:left;}
.rodape p a {color: #fff; text-decoration: none;}
.pratica {background:url(../img/pratica.png) no-repeat; width:65px; height:19px; display:block; float:right; margin:24px 0 0 4px;}

/* CLASSES IMPORTANTES */
.separador {clear: both; *display: inline;}
.text-none {display: none;}
.ultimo {margin-right: 0px !important;}
.borda-inferior {border-bottom: none !important;}
.borda-right {border-right: none !important;}
p.error {margin: 0 !important; padding: 0px 0 0 0 !important; color: #f00; font-size: 10px; text-align: right;}

/* facebook */
.facebook {float: right; margin: 35px 0 0 0; width: 100px; height: 30px; position: relative; z-index: 1000;}

/* Busca */
#busca {height: 31px; width: 118px; float: right; margin: 25px 0 0 0; position: relative; z-index: 1000;} 
a#btn-busca {background: url(../img/btn-buscar.png) no-repeat left top; display: block; height: 31px; width: 118px; text-indent: -9999px;}
#popup-busca {background: #fff; display: none; height: 321px; width: 422px; position: absolute; left: -190px; top: 35px; z-index: 2000; padding: 10px; box-shadow: 0 0 4px #333;}

h3.tt-busca {background: #1650a2 url(../img/tt/tt-busca.png) no-repeat 10px 50%; height: 22px;  text-indent: -9999px; margin: 0 0 35px 0; padding: 5px 0;}
a.btn-fechar {background: url(../img/btn-fechar.png) no-repeat left top; display: block; height: 26px; width: 28px; text-indent: -9999px; position: absolute; right: 15px; top: 13px;}

#busca select {border: 1px solid #aaa; margin: 5px 20px 17px 0; padding: 5px; width: 200px;}
#busca input[type="text"] {border: 1px solid #aaa; margin: 0; padding: 0 5px; width: 188px; height: 28px; line-height: 28px;}

button.btn-enviar-busca {background: url(../img/btn-enviar-busca.png) no-repeat left top; height: 25px; width: 70px; border: 0; float: right; margin: 10px 2px 0 0; cursor: pointer;}

img {max-width: 100%;}
.mr0 {margin-right: 0;}

/* clearfix */
.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}


/* INICIO PAGINAÇÕES */
#paginacao {
	margin: 20px -30px 0 0;
	height: 50px;
	padding: 5px;
	width:100%;
	height:33px;
	text-align:center;
	vertical-align:middle;
	float:left;
}

#paginacao a{
	background: #fff;
	text-transform: none;
	color:#09326d;
	border:1px solid #09326d;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	line-height:20px;
	padding:3px 6px;
	margin-left:3px;
	font-size:12px;
}

#paginacao a.anterior{
	margin-left:0;
}

#paginacao strong{
	border:1px solid #09326d;
	box-shadow:1px 1px 1px #999;
	border-radius:4px;
	background:#09326d;
	line-height:0;
	padding:3px 6px;
	margin-left:3px;
	color:#fff;
}
/* FIM PAGINAÇÕES */

div.bnr-atend-aovivo {height: 123px; width: 226px; float: left; margin: 17px 18px 0 0; text-align: center;}

.icoface {float: right; margin: 25px 10px 0 20px;}

@media screen and (max-width: 970px) {
	.wrap {margin: 0 10px;}

	.logo  {position: absolute; left: 0; top: 0; z-index: 88889; box-shadow: 0 0 2px #999;}

	html {background-position: 0 -50px;}
	#topo {padding: 36px 0 20px; background: none;  height: 100px; }

	#head #box-nav-top {display: none;}

	.suport-top {float: left; display: block; font-size: 1.4em; color: #fff; padding: 10px 0 0;}
	.barra-top {background: #c30203; background: linear-gradient(to bottom, #a20403, #c30203, #c30203, #a20403);  display: block; position: absolute; left: 0; top: 0; padding: 0 10px; width: 100%; border-bottom: 2px solid #1650a2; }
	.barra-top span {float: right; line-height: 36px; font-size: 1.2em; color: #fff;}

	/* Menu */
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.menu ul,
	.menu ul li {width: auto; margin: 0; height: auto;}
	.menu {background: #9b0101; position: fixed; left: -100%; top: 0; z-index: 90000; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0; padding: 0;}
	.menu li {width: 200px; display: block; float: none; height: auto; border-bottom: 1px solid #840000; }
	.menu li a {text-align: left; color: #fff; font-size: 1.4em;  text-indent: 0px; width: auto; height: auto;  padding: 10px; line-height: 18px; border-bottom: 0; }
	.menu li span {display: none;}
	.menu li a:hover {background: #1650a2; color: #fff; border-bottom: 0;}
	.menu li a img {margin: 0;}
	.menu li.separa {display: none;}
	.menu.off-canvas {left: 0;}
	.bgplb {background-position: right bottom;}

	.mobile {display: block;}

	.seu-sonho,
	a.bt-fixo-online,
	.ft-lateral {display: none;}

	.painel,
	.row,
	#internas {margin: 0 10px 20px;}
	
	#busca,
	.icoface {margin-top: 70px;}

	.facebook {margin-top: 80px;}

	#conteudo-interna,
	#barra-lateral,
	#form,
	#form label,
	#form .espaco-right,
	#info-imovel,
	#lateral-galeria {float: none; width: auto; min-height: 0;}

	.btn-send {float: none; margin: 20px 0;}

	#form input.cp-maior,
	#form input.cp-menor,
	#form textarea.cp-textarea {width: 100%; box-sizing: border-box;}
	#form textarea.cp-textarea {height: 150px;}

	#barra-lateral {padding-left: 20px;}

	#info-imovel {margin: 0 0 30px;}

}


@media screen and (max-width: 600px) {
	.bx,
	.empreendimento-index {width: 48%; margin-bottom: 20px;}
	.bx img {width: 100%;}



	.bx.jump,
	.bx.mr0,
	.empreendimento-index.jump,
	.empreendimento-index.mr0 {margin-right: 0;}

	.mr0 {margin-right: 0;}

	.logo img {width: 120px;}

	#busca {margin: 0; position: absolute; top: 96px; right: 10px;}
	.facebook {position: absolute; right: 0px; top: 60px; width: 83px; margin: 0;}
	.icoface {margin: 0; position: absolute; right: 100px; top: 5px; z-index: 10001; width: 25px;}

	#popup-busca {width: 300px; left: -200px;}
	#popup-busca td {width: 50%;}
	#busca select,
	#busca input[type="text"] {width: 90%; box-sizing: border-box;}

	.parceiros-index {float: none; width: auto; margin: 0 0 20px;}
	.sideh {float: none; width: auto; text-align: center; background: #fff;}

	ul.lista-info-detalhe {float: none; margin: 0 !important;}

	.whatsapp {right: 90px; top: 55px;}
	.whatsapp strong {display: none;}

}