/****************************************************************************************
BLOCOS
****************************************************************************************/
@media screen and (max-width : 960px) {
.container { padding: 0px 10px;}}

/********* FOTOS BLOCOS *********/
.fotosMain {position: relative; }
.fotosMain .imgPrincipal {width: 100%;}
.fotosMain .altura {height: 190px;}

.fotosMain .hover {position: absolute; bottom: 0px; width: 100%; height: 100%; transition: 0.5s;
                   background-image: url(../img/site/back-img-hover.png); background-position-x: -120%; background-size: auto 100%; background-repeat: no-repeat;}
.fotosMain .hover p {margin-top: 5px; margin-bottom: 0px; display: none;}
.fotosMain .hover button {width: 27px; height: 27px; border: 1px solid #ffffff; position: absolute; top: 50%; margin-top: -13px; left: 50%; margin-left: -13px; transition: 0.5s;
                          background: transparent; background-image: url(../img/site/icons/icon_busca.png); background-position: center; background-repeat: no-repeat; display: none;}
.fotosMain .hover img {position: absolute; bottom: 3px; right: 3px; }
.fotosMain:hover .hover {background-position-x: 100%;}
.fotosMain:hover .hover button, .fotosMain:hover .hover p {display: block;}


/****************************************************************************************
HEADER
****************************************************************************************/
header { border-bottom: 1px solid #ffffff;}
header a.logo {max-width: 50%; padding-top: 10px;}

.contatoHeader { padding-top: 73px;}
.contatoHeader p {margin-top: 10px; font-size: 22px;}
.contatoHeader form {margin: 0px;}

@media screen and (max-width : 630px) {
    header a.logo {max-width: 300px; display: block; padding-top: 5%;}
    .contatoHeader {display: block; float: left; text-align: left!important; padding-top: 15px!important;}
}

/********* MENU *********/
.navbar .nav>li>a { color: #ff0000;}
.navbar .nav>li>a:hover {color: #ff0000;}


/****************************************************************************************
FOOTER
****************************************************************************************/
footer { padding-top: 30px; transition: 1s;}
footer p {margin-right: 5px;}
footer .caixa { margin-top: 50px; display: block;}
footer h2 img {margin-top: 4px; margin-right: 5px;}
footer hr {height: 150px; width: 1px; border: 0px; background-color: #ffffff; float: left; margin-left: -1px;}
@media screen and (max-width : 979px) {
footer hr {display: none;}}

/********* TODOS DIREITOS *********/
#todosDireitos { margin-top: 20px}
#todosDireitos p {margin-top: 10px;}
#todosDireitos a img {margin-top: 5px;}
@media screen and (max-width : 540px) {
    #todosDireitos p, #todosDireitos a {float: none; display: block; margin: 10px auto; text-align: center;}
#todosDireitos a img {margin: auto; float: none}}

/********* AGENDE SEU HORARIO *********/
#agendeSeuHorario .btn { margin-top: 15px; margin-bottom: 10px;}

/********* TABLE *********/
footer table {width: 100%; text-align: center;}
footer table, footer table th, footer table td  {border-radius: 0px!important;}
footer table th {color: #404040; font-weight: normal;}
footer table td {border-top: 1px solid #dddddd;}



/****************************************************************************************
HOME
****************************************************************************************/
/********* CATEGORIAS HOME *********/
#categoriasHome {margin-left: 0px;}
#categoriasHome li {display: inline-block;width: 136.25px; margin: 0px 10px 10px 0px; height: 130px; float: left; border-radius: 4px; border: 4px solid #ededed;}
#categoriasHome a {width: 136.25px; height: 110px; text-align: center; color: #6d6d6d;}
#categoriasHome a h3 {font-weight: normal; font-size:14px; margin: 5px 0px;}
#categoriasHome a hr {width: 60px; height: 2px; background-color: #ededed; margin-top: 10px;}
#categoriasHome li div {width: 60px; height: 45px; margin: 5px auto; background-repeat: no-repeat; background-position: center; background-size: 100%;}
#categoriasHome li div.apartamento {background-image: url(../img/site/icon-categoria/icon-apartamento.png);}
#categoriasHome li div.casa {background-image: url(../img/site/icon-categoria/icon-casa.png);}
#categoriasHome li div.comerciais {background-image: url(../img/site/icon-categoria/icon-comerciais.png);}
#categoriasHome li div.condominios {background-image: url(../img/site/icon-categoria/icon-condominios.png);}
#categoriasHome li div.litoranea {background-image: url(../img/site/icon-categoria/icon-litoranea.png);}
#categoriasHome li div.loteamentos {background-image: url(../img/site/icon-categoria/icon-loteamentos.png);}
#categoriasHome li div.sitio {background-image: url(../img/site/icon-categoria/icon-sitio.png);}
#categoriasHome li div.terrenos {background-image: url(../img/site/icon-categoria/icon-terrenos.png);}

#categoriasHome li:hover div.apartamento {background-image: url(../img/site/icon-categoria/icon-apartamento2.png);}
#categoriasHome li:hover div.casa {background-image: url(../img/site/icon-categoria/icon-casa2.png);}
#categoriasHome li:hover div.comerciais {background-image: url(../img/site/icon-categoria/icon-comerciais2.png);}
#categoriasHome li:hover div.condominios {background-image: url(../img/site/icon-categoria/icon-condominios2.png);}
#categoriasHome li:hover div.litoranea {background-image: url(../img/site/icon-categoria/icon-litoranea2.png);}
#categoriasHome li:hover div.loteamentos {background-image: url(../img/site/icon-categoria/icon-loteamentos2.png);}
#categoriasHome li:hover div.sitio {background-image: url(../img/site/icon-categoria/icon-sitio2.png);}
#categoriasHome li:hover div.terrenos {background-image: url(../img/site/icon-categoria/icon-terrenos2.png);}
#categoriasHome li:hover {border: 4px solid #58683d;}
#categoriasHome li:hover hr {background-color: #58683d;}
#categoriasHome li:hover h3 {color: #58683d;}

@media screen and (max-width : 1199px) {
    #categoriasHome li {width: 112.25px; height: 130px; margin: 0px 5px 5px 0px;}
    #categoriasHome a {width: 112.25px; height: 130px; }}   
@media screen and (max-width : 979px) {
    #categoriasHome li {width: 175.25px; }
    #categoriasHome a {width: 175.25px;  }}
@media screen and (max-width : 960px) {
    #categoriasHome li {width: 170.25px; }
    #categoriasHome a {width: 170.25px;  }}
@media screen and (max-width : 737px) {
    #categoriasHome li {width: 24%; }
    #categoriasHome a {width: 24%;  }}
@media screen and (max-width : 535px) {
    #categoriasHome li {width: 32%; margin: 0px 1% 5px 0px;}
    #categoriasHome a {width: 32%;  }}
@media screen and (max-width : 345px) {
    #categoriasHome li {width: 49%; margin: 0px 1% 5px 0px;}
    #categoriasHome a {width: 49%;  }}

/********* EMPREENDIMENTOS *********/
#empreendimentoHome .sobre {width: 40%;}

.fotosEmpreendimentoHome .foto-um-dois {width: 218px;}
.fotosEmpreendimentoHome .foto-um, .fotosEmpreendimentoHome .foto-dois {width: 218px; height: 146px;}
.fotosEmpreendimentoHome .foto-tres .image {width: 437px; height: 290px; margin-left: 1px;}
@media screen and (max-width : 1199px) {
    #empreendimentoHome .fotosEmpreendimentoHome {margin-top: 80px;}
    .fotosEmpreendimentoHome .fotos-um-dois {width: 159px;}
    .fotosEmpreendimentoHome .foto-um, .fotosEmpreendimentoHome .foto-dois {width: 159px; height: 106px;}
    .fotosEmpreendimentoHome .foto-dois {margin-top: 1px;}
    .fotosEmpreendimentoHome .foto-tres .image {width: 320px; height: 213px;}}
@media screen and (max-width : 979px) {
    #empreendimentoHome .sobre {width: 100%;}
    #empreendimentoHome .sobre .borderMainLeft {margin-top: 30px;}
    .fotosEmpreendimentoHome {width: 480px; margin: 50px auto; float: none; display: block; clear: both;}
}

@media screen and (max-width : 530px) {
    .fotosEmpreendimentoHome {width: 290px;}
    .fotosEmpreendimentoHome .fotos-um-dois {width: 290px; float: none!important;}
    .fotosEmpreendimentoHome .foto-um, .fotosEmpreendimentoHome .foto-dois {width: 144px; height: 96px;}
    .fotosEmpreendimentoHome .foto-um {float: left; top: 1px;}
    .fotosEmpreendimentoHome .foto-dois {float: right; margin-bottom: 1px;}
    .fotosEmpreendimentoHome .foto-tres .image {width: 290px; height: 193px;}
}

/********** carousel home **********/
#carouselDestaque .owl-item, #carouselLancamentos .owl-item  { float: left; padding: 5px;}

.owl-controls {top: -35px; position: absolute; right: 0px; width: 100%;}
.owl-controls .owl-buttons div {display: inline-block; margin: 5px; width: 25px; height: 25px; text-indent: -50px; overflow: hidden; border: 1px solid #58683d;  background-size: 100%;}
.owl-buttons .owl-prev {background-image: url(../img/site/icons/prev.jpg);}
.owl-buttons .owl-next {background-image: url(../img/site/icons/next.jpg); float: right;}


/****************************************************************************************
BLOCO IMOVEIS
****************************************************************************************/
.blocoImoveis {border: 1px solid #dbdbdb;}
.blocoImoveis .titleSub {margin: 0px; border-top: 2px solid #58683d;}
.blocoImoveis .titleSub h3 { margin:0px; color: #0f0f0f; line-height: 37px}
.blocoImoveisSobre p {width: 50%; min-height: 26px; padding: 2px 5px; float: left; margin: 0px; color: #404040;}
.blocoImoveisSobre p:nth-child(1), .blocoImoveisSobre p:nth-child(3) {border-right: 1px solid #dbdbdb;}
.blocoImoveisSobre p:nth-child(1), .blocoImoveisSobre p:nth-child(2) {border-bottom: 1px solid #dbdbdb;}
.blocoImoveis form {margin: 0px;}

/****************************************************************************************
EMPRESA
****************************************************************************************/
.sliderC {position: relative; width: 400px; max-width: 100%; float: right; margin-left: 5px; height: auto; overflow: hidden;}
.sliderC .prevCycle, .sliderC .nextCycle {position: absolute; top: 47%; width: 26px; height: 26px; transition: 0.3s; cursor: pointer; z-index: 3;
                                        background-size: 100%; border: solid 1px #48572f; opacity: 0.5;}
.sliderC .prevCycle {left: 0px; background-image: url("../img/site/icons/prev.jpg");}
.sliderC .nextCycle {right: 0px; background-image: url("../img/site/icons/next.jpg");}
.sliderCycle { z-index: 1; position: relative;}
.sliderCycle a { width: 100%; background-color: #252525; text-align: center; }
@media screen and (max-width : 630px) {
    .sliderC {float: none; display: block;}
}

/****************************************************************************************
ÁREA DO CLIENTE
****************************************************************************************/
.btnAreaDoCliente {display: inline-block; border-radius: 5px; border: 3px solid #dbdbdb; color: #000000; margin: 0px 10px}
.btnAreaDoCliente div { border-right: 3px solid #dbdbdb; width: 35px; height: 31px; background-size: 100%; background-position-y: 0px;}
.btnAreaDoCliente p { margin: 3px 10px; font-size: 18px;}
#iconAreaFavoritos {background-image: url(../img/site/icons/icon-btn-favoritos.png);}
#iconAreaImoveis {background-image: url(../img/site/icons/icon-btn-imoveis.png);}

.btnAreaDoCliente:hover, .btnAreaDoCliente.active {border: 3px solid #343d24; }
.btnAreaDoCliente:hover div, .btnAreaDoCliente.active div { border-right: 3px solid #343d24; background-color: #343d24; background-position-y: 31px;}

/****************************************************************************************
EMPREENDIMENTOS
****************************************************************************************/
 
#filters { padding:0; list-style:none; text-align: center;}
#filters .btnMain { box-shadow: inset 0px 0px 0px 1px #58683d!important; font-size: 13px;}
#filters .btnMain:hover, #filters .btnMain.active {box-shadow: inset 0px 0px 0px 50px #58683d!important; color: #ffffff;}
#filters li { display: inline-block;  margin: 5px 0px;}
#filters li span { display: block; padding:5px 20px; cursor: pointer; border-radius: 3px;}
#portfoliolist .portfolio {display:none;}

/****************************************************************************************
CONTATO
****************************************************************************************/
.infContato p {margin-top: 0px;}
.infContato iframe {margin-top: 10px; height: 135px;}


/****************************************************************************************
IMÓVEL SOBRE
****************************************************************************************/
#imovelIndividual .span8 {margin-left: 0px!important; margin-right: 2.564102564102564%;}
@media screen and (max-width : 767px) {
#imovelIndividual .sliderC {width: 350px; max-width: 100%; display: block; margin: 10px auto; float: none!important;}}
#imovelSobre .grid6 {min-height: 115px;}
#imovelSobre .titleSub {margin-bottom: 5px!important;}
#imovelSobre p {margin: 0px 0px 10px 0px;}

/****************************************************************************************
BUSCAR IMÓVEL
****************************************************************************************/
#buscarImovel .titleSub {margin-bottom: 0px;}
.buscaContent {margin-bottom: 15px;}

.procuraSlides p {margin-right: 5px;}
.procuraSlides span, .procuraSlides p {display: inline-block;}

/* SOBRE O IMOVEL BUSCA SLIDES */
.ui-widget-header, ui-slider-range {background-color: #58683d!important;  background-image: none!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    width: 15px!important; height: 15px!important; border-radius: 100px; background-color: #58683d!important; background-image: none!important;}
.ui-corner-all { height: 6px!important;}