/* --------------------------------- IMOVEIS  ---------------------------*/
#container_imoveis { width:100%; float:left; background-color: #f3f3f3; }
#container_imoveis_venda { width:100%; float:left; background-color: #DDDDDD; }
#container_imoveis_locacao { width:100%; float:left; background-color: #f3f3f3; }
#imoveis_titulo { width:100%; margin:0 auto; text-align:center; }
#imoveis_titulo .titulo { width:100%; float:left; font-size:28px; text-align:center; font-weight:400; padding:5px 0; }
#imoveis_titulo .titulo img{ position:relative; top:5px; width:55px; } #imoveis_titulo .titulo span{ font-size:16px; } 
.divisoria{ width: 50%; margin: 0 auto; display: flex; justify-content:center; align-items:center; }
.divisoria div{ background-color: #1C2835; }
.divisoria div.traco{ width:80px; height: 2px; margin: 15px; }
#imoveis_titulo .titulo_fundo { background-image: linear-gradient(to bottom, #761B1B, #C7A131); width:100%; float:left; font-size:2.4em; text-align:center; color: #1B1B1B; font-weight:500; padding-bottom:7px } 
#imoveis_titulo .titulo_fundo img{ position:relative; top:6px; width:55px; } 

/* IMOVEIS */
#imoveis_container { width:86%; margin:0 7%; }
.imoveis { width: 22%; height: 432px; float: left; background-color: #ffffff; font-weight:400; color: #3A3A37; cursor: pointer; margin-top:2%; margin-bottom:1%; margin-right: 4%; text-align:center; border:1px solid #CCC;  box-shadow: 1px 1px 4px 1px rgba(50, 50, 50, 0.31); }
.imoveis:nth-child(4n) { margin-right: 0; }
.imoveis:hover{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05);}
.imoveis .imagem{ width:100%; float:left; }
.imoveis .imagem div{ background-color:#761B1B; color: #000; width:100%; text-align:center; font-size: 16px; padding:10px; text-transform:uppercase; clear:both; font-weight:400;}
.imoveis .imagem img{ text-align:center; width: 100%; height:220px; z-index:10; margin-top:0px; }
.imoveis .imagem .titulo_imovel_article{float: left; color: #761b1b; margin-top: -14px; font-size: 0.5em;}
.imoveis .dados{ width:100%; float:left; text-align:left; color:#3A3A37; position: relative; top: -36px; }
.imoveis .dados ul{ list-style-type: none; margin: 0; padding: 0; width:100%; color:#6B6B6B; }
.imoveis .dados li{ width:auto; display:block;  text-align: left; padding:0px 6px; text-decoration: none; font-size:0.9em;}
.imoveis .dados .altura{ color: #000000; font-size: 18px; font-weight: 500; text-align: left; padding: 10px 0; margin-left: 6px; }
.imoveis #button { float:right; background-color: rgba(28, 40, 53, 0.8); color:#FFFFFF; width: 50%; padding:10px 1px; font-size:14px; font-weight:600; text-align: center; position: relative; top: -36px; }
.imoveis .dados .ambientes { width: 100%; text-align: center; color: #4d4d4d; padding: 12px 0; }
.imoveis .dados .valor { width: 100%; text-align: left; background: #1c2835; color: #fff; padding-left: 6px; margin-top: 20px; }
.imoveis a.favoritar  { color: #333333; font-size:15px; float:left; }
.imoveis a.favoritar:hover { color: #FF3920; }
.bairros{ float:left; background-color:#FFFFFF; color:#fff; width:24%; text-align:left; font-size: 1.4em; font-weight:400; margin-top:3%; margin-right:1%; padding:20px 5px; }

/* ===================================================   Media Query CSS   =================================================== */
@media screen and (max-width: 1270px) {    
    .imoveis{ width:32%; margin-right: 2%; }	
    .imoveis:nth-child(4n) { margin-right: 2%; }
    .imoveis:nth-child(3n) { margin-right: 0; }
}
@media screen and (max-width: 870px) {    
    .imoveis{ width:48%; margin-right: 4%; }	    
    .imoveis:nth-child(3n) { margin-right: 4%; }
    .imoveis:nth-child(2n) { margin-right: 0; }
}
@media screen and (max-width: 670px) {    
    #imoveis_titulo .titulo { font-size:2em;  }    
}
@media screen and (max-width: 620px) {    
    .imoveis{ width:80%; margin-left: 10%; margin-right: 10%; margin-top: 5%; }	  
    .imoveis .dados .valor{ margin-top: 16px; }
}
@media screen and (max-width: 500px) {    
    .imoveis{ width:100%; margin-left: 0; }	    
}