

/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



html {

	color: #222;

	font-size: 1em;

	line-height: 1.4;

}



p{

  padding: 1px;

  margin: 1px;

  font-size: 13px;

  text-align: left;

  padding-bottom: 10px;

}



h6{

  font-weight: bold;

  font-size: 11px;

}



h5{

  font-weight: normal;

  font-size: 13px; 

}



body{

	background-image:url(../img/full-background.png);

	font-family: 'Open Sans', sans-serif;

}



label{

  margin-right: 0 !important;

}



input[type="text"], input[type="password"], 

input[type="date"], input[type="datetime"], 

input[type="datetime-local"], input[type="month"], 

input[type="week"], input[type="email"], 

input[type="number"], input[type="search"], 

input[type="tel"],  input[type="time"], 

input[type="url"],  input[type="color"], 

input[type="checkbox"], textarea{

  background-color: #d7d6db;

  border-radius: 3px;

}



/* ==========================================================================

   Conjunto Cabeçalho

   ========================================================================== */

ul.menu-suporte{ font-weight:300; margin:12px 0;}

ul.menu-suporte li{ padding:0 30px; border-right: 1px solid #CCC; margin:0}

ul.menu-suporte li:first-child{}

ul.menu-suporte li:last-child{border-right:0;}



ul.social-icons{ margin:8px 0;}



.logo{margin:20px 0;}

.central-atendimento{ line-height:1.5em; margin:35px 0 20px 0;}

	.central-atendimento > span{ font-weight:300; font-size:18px}

	.central-atendimento > div{ font-weight:700; font-size:32px}

	

.contato-por-email{line-height:1.5em; margin:40px 0 20px 0;}

	.contato-por-email > span{font-weight:300; font-size:18px}

	.contato-por-email > div{font-weight:700; font-size:32px}

	

ul.menu-principal{list-style-type: none; text-align: center; text-transform:uppercase; margin:10px 0; font-size:15px;}

ul.menu-principal li{display: inline; margin:10px 20px;}

ul.menu-principal li a{color:#FFF;}

ul.menu-principal li a:hover{ text-decoration:underline;}



ul.menu-top {
	list-style-type: none;
	text-align: center;
	text-transform:uppercase;
	margin:10px 0;
	font-size:15px;
}

ul.menu-top li{display: inline; margin:10px 5px;}

ul.menu-top li a{color:#FFF;vertical-align: middle;}

ul.menu-top li a:hover{ text-decoration:underline;}



/* ==========================================================================

   Conjunto Motor de Busca Home

   ========================================================================== */

.container-busca h1{ background-color:#b1a17b; color:#FFF; font-weight:600; font-size:30px; padding:10px 30px;}

.container-busca{ background-image:url(../img/bg-busca.jpg?20200813); background-size:cover; background-position:0; padding:20px 0;}

.container-busca .busca-container{background-color:rgba(0, 0, 0, 0.60);}

@media only screen and (max-width: 40em) { .container-busca .busca-container{ overflow:auto;}}

.container-busca .busca-container .tagOu{ color:#FFF; margin:10px 0 !important; font-size:18px;}

.container-busca .busca-container .containerInput{ padding:30px 0 0 0}

.container-busca .busca-container .btnSearch{ margin:30px 0;}



.tabs {}

.tabs li{ /*width:50%;*/ text-align:center;}

.tabs li a{ padding:0}



.tabs-content{min-height: 118px;}









/* ==========================================================================

   Conjunto Miolo Páginas

   ========================================================================== */

/* Home */

.miolo-azul{ background-color: #ccc; /* #2d2e43 */ }

.banners-home{ padding-top:30px!important; padding-bottom:15px;}

.banners-home img{ 

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}



/* retrancas */

.lista-produtos{}

.lista-produtos h2{background-color:#FFF; color:#2d2e43; font-weight:400; font-size:24px; margin-bottom:0; padding: 8px 0 8px 28px;;}

.lista-produtos h3{background-color:#FFF; color:#2d2e43; font-weight:400; font-size:22px; margin-bottom:0; padding-left:30px;}

.lista-produtos h4{background-color:#FFF; color:#2d2e43; font-weight:400; font-size:18px; margin-bottom:0; padding-left:30px;}

.lista-produtos ul.produto-card{}

.lista-produtos ul.produto-card li{}

.lista-produtos ul.produto-card li > img{

 -webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

		 border-radius: 5px 5px 0 0;

	}



.lista-produtos ul.produto-card li .miolo{ background-color:#FFF; padding:15px; border-top:5px solid #242536;}	

	

.lista-produtos ul.produto-card li h3{ font-size:20px; font-weight:700;   margin-bottom: 0;  line-height: 10px; padding-left:0; line-height:normal;}

.lista-produtos ul.produto-card li span{ font-size:12px; font-weight:400px;}

.lista-produtos ul.produto-card li ul{ margin:5px 0;}

.lista-produtos ul.produto-card li ul.fix-standard-size{min-height: 88px;}

.lista-produtos ul.produto-card li ul li{ font-size:14px;}

.lista-produtos ul.produto-card li ul li strong{}

.lista-produtos ul.produto-card li ul.vagas-dorms-suites{list-style-type: none; text-align: center; color:#FFF;}

.lista-produtos ul.produto-card li ul.vagas-dorms-suites li{display: inline; margin:2px 0; float:left; font-size:26px; font-weight:700; text-align:center; width:33.3%; border-right:1px solid #FFF; margin-bottom:10px}

.lista-produtos ul.produto-card li ul.vagas-dorms-suites li:last-child{ border-right:0;}

.lista-produtos ul.produto-card li ul.vagas-dorms-suites li small{ display:block; font-weight:300; font-size:12px;}

.lista-produtos ul.produto-card .price{ font-size:30px; font-weight:700; margin:10px 0; display:block;}

.lista-produtos ul.produto-card .call-to-action{ margin-bottom:-10px;}



.lista-produtos ul.produto-card-small{}

.lista-produtos ul.produto-card-small .miolo{ 

	background-color:#FFF;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

			border-radius: 5px;

			padding:15px;

}

.lista-produtos ul.produto-card-small li h3{ font-size:20px; font-weight:700;   margin-bottom: 0;  line-height: 20px; margin-top:20px;}

.lista-produtos ul.produto-card-small li span{ font-size:12px; font-weight:400px;}

.lista-produtos ul.produto-card-small li ul li{ font-size:12px; line-height:16px;}

.lista-produtos ul.produto-card-small li ul li strong{ display:table;}

.lista-produtos ul.produto-card-small .price{ font-size:18px; font-weight:700; margin:10px 0; display:inline-block;}

.lista-produtos ul.produto-card-small .price-fix{ font-size:18px; font-weight:700; margin:10px 0; display:block;}



.lista-produtos ul.produto-card-small li img{

 -webkit-border-radius: 5px;

	-moz-border-radius: 5px;

		 border-radius: 5px;

	}

.lista-produtos ul.produto-card-small .spacer{padding:1px;  margin:12px 0;}



.lista-produtos ul.produto-card-small .call-to-action{ margin:10px 0}



/* Fix para padronização da altuta dos blocos*/

.lista-produtos ul.produto-card .fix-size-produto-card{ min-height: 72px;}





/* Bloco Side Bar */

ul.lista-categorias{ color:#FFF;}

ul.lista-categorias li{ font-size:20px; padding:5px; border-bottom:1px dotted white; line-height:40px;}

ul.lista-categorias li a > i{ margin-right:10px;}

ul.lista-categorias li a{color:#FFF;}

ul.lista-categorias li a:hover{ text-decoration:underline;}



/* Bloco do Pré Footer */



.pre-footer{ background-color:#242536;}

.pre-footer .text{ padding:25px}

.pre-footer .text h4{ font-weight:600;}

.pre-footer .text p{ font-size:13px;}



/* bloco do footer */

.footer{ background-image:url(../img/footer-background.png); border-top:1px solid #242536; padding-bottom:30px;}

.footer .blocos{ margin-top:20px;  }

.footer .blocos h5{ border-bottom:2px solid #242536; font-weight:700; margin-bottom:30px;}

.footer .blocos h5 span{ display:table; font-size:12px; font-weight:300;}

.footer .blocos ul{font-size:13px;}

.footer .blocos ul li{}

.footer .blocos p{font-size:13px;}

.footer .blocos form{}

.footer .blocos form input[type="checkbox"]{}

.footer .blocos form label{ width:90%; font-size:x-small;}



/* end site*/



.end-site{ background-color:#242536; color:#FFF;}

.end-site > div > div{ padding-top:10px; padding-bottom:10px; font-size:14px;}





/* FIX DE PERSONAGENS */

.tabs dd.active a, .tabs .tab-title.active a{ background-color:#2d2e43; color:#FFF;}

.tabs dd > a, .tabs .tab-title > a{ background-color:#c5c5c5;}

.tabs-content .content p{font-size:14px;}



/* BLOCO DE CSS PÁGINA INSTITUCIONAL E CONTEUDO */



.pre-main-container{ background-color:#ebebeb;}

.pre-main-container .text{ padding-top:30px;}

.pre-main-container .text h4{ font-weight:600;}

.pre-main-container .text p{ font-size:14px;}



.main-container{ padding-top:30px; font-size:14px;}

.main-container .tabs{ border-bottom:1px dotted #666}

.main-container .tabs li{ padding-bottom:0;}

.main-container .text{ padding:25px}

.main-container .text h4{ font-weight:600;}

.main-container .text p{ font-size:13px;}



/* retrancas */

.detalhe-hs{ border-bottom: 5px solid #242536; margin: 0 0 10px;}

.detalhe-hs span{ display:none;}



.pre-main-container{}

.pre-main-container h1{background-color:#FFF; color:#2d2e43; font-weight:400; font-size:28px; margin-bottom:0; padding-left:30px;}


.main-container{}

.main-container h2{background-color:#FFF; color:#2d2e43; font-weight:400; font-size:28px; margin-bottom:0; padding-left:30px;}



/**FILTROS**/

.filtros-checks dt{

  color: #FFF;

  border-bottom: 1px #fff solid;

  border-bottom-style: dotted;

  margin-top: 5px;

  padding-bottom: 5px;

}

.filtros-checks dd{

  margin-bottom: 0;

}

.filtros-checks dd label input{

  color: #FFF;

  display: inline-block;

  margin-right: 0.5rem;

  vertical-align: baseline;

  margin-bottom: 0;

}

.filtros-checks dd label{

  color: #FFF; font-size: 12px;

}





/**FILTROS AVANÇADOS**/

  .filtros-avancados dd{

	margin-bottom: 82px;

	margin-top: 9px;



  }

  .filtros-avancados dt{

	color: #FFF;

	border-bottom: 1px #fff solid;

	border-bottom-style: dotted;

	/*margin-bottom: 22px;*/

	padding-bottom: 5px;

  }

  .filtros-avancados .showValue{

	color: #999;

	margin-bottom: 5px;

	margin-top: 0px;

	text-align: left;

	font-size: 12px;

	padding-left: 0;

  }

  .legend-slider{

	margin-bottom: 23px;

	margin-top: 5px;

  }

  

  .legend-slider div span{

	font-size: 12px;

	color: #FFF;

	margin-bottom: 15px;

	margin-top: 36px;

	margin-bottom: 12px;

	margin-top: 23px;

  }

  /*noUislider*/

	.noUi-marker-horizontal.noUi-marker{

	  width: 1px;

	}

	.noUi-connect{background-color: #B3A889}

	.noUi-handle{cursor: e-resize}

	.noUi-horizontal{height: 9px;}

	.noUi-handle::before, .noUi-handle::after{height: 3px; top:5px;}

	.noUi-horizontal .noUi-handle{height: 14px;top: -4px;}

	.noUi-pips {

		color: #999;

		font: 400 8px Arial;

		position: absolute;

	}

	.noUi-pips-horizontal {

		height: 50px;

		left: 0;

		padding: 20px 0 0 0;

		top: 100%;

		width: 100%;

	}

	.noUi-pips .noUi-pips-horizontal{

	  color: red;

	}

  /*fim noUislider*/



/* RESULTADO DA BUSCA */

.resultado-busca{ padding-top:30px; margin-bottom:30px;}



/* FILTRO DE BUSCA LISTAGEM DOS ATRIBUTOS DOS IMOVEIS */

.filtro-busca-atributos{ /*padding-bottom:30px;*/ padding-top:30px;}

.filtro-busca-atributos .itens-listagem{border-left: 2px #C2AE7C solid}

.filtro-busca-atributos .itens-listagem ul li label{ font-size: 10px;}

.filtro-busca-atributos h4{}

.filtro-busca-atributos ul{}

.filtro-busca-atributos ul li{ padding-bottom:0;}



/* Classe Usada de Maneira Global */

.micro{padding: 5px 10px !important;   font-size: 0.49rem !important; text-transform: uppercase;}





/* ==========================================================================

   BLOCO EXCLUSIVO PARA A PÁGINA DE DETALHES/FICHA DE PRODUTO

   ========================================================================== */

.ficha-tecnica{}

.ficha-tecnica{}

.ficha-tecnica .negociacao-tag{ clear:both; font-size:x-small;}

.ficha-tecnica h1 {  background-color: #FFF;  color: #2d2e43;  font-weight: 400;  font-size: 28px;  margin-bottom: 0;  padding:10px 30px;}

.ficha-tecnica h4{ font-size:20px; padding-left: 0;}

.ficha-tecnica h5{ text-align:center}

.ficha-tecnica h6{text-align:center; font-size: 16px;}

.ficha-tecnica h6.menor{ font-size:14px; text-align:left;}

.ficha-tecnica span{font-size:12px; display:block; clear:both;}

.ficha-tecnica ul{}

.ficha-tecnica ul.checklist li{padding:0 0 0 12px;}



.clean-other-styles h1,

.clean-other-styles h2,

.clean-other-styles h3,

.clean-other-styles h4,

.clean-other-styles h5{ margin: 0; padding: 0}



#map-canvas{height: 500px;}



/* ==========================================================================

   BLOCO EXCLUSIVO PARA AS PÁGINAS DE FORMULÁRIOS

   ========================================================================== */

.forms-contato-interno{}

.forms-contato-interno label{ font-size: 12px; font-weight: bold;}



::-webkit-input-placeholder {font: 12px; font-weight: normal;}

		  :-moz-placeholder {font: 12px; font-weight: normal;}

		 ::-moz-placeholder {font: 12px; font-weight: normal;}

	 :-ms-input-placeholder {font: 12px; font-weight: normal;}





/* ==========================================================================

   Icones Globais

   ========================================================================== */

.icon-facebook,

.icon-twitter,

.icon-gplus,

.icon-linkedin,

.icon-gplus,

.icon-apartamentos,

.icon-predios,

.icon-casas,

.icon-comerciais,

.icon-casas-de-vila,

.icon-condominios,

.icon-galpoes,

.icon-lajes,

.icon-lajes-corporativas,

.icon-loja,

.icon-lojas,

.icon-terrenos{width:36px; height:36px; display:inline-block;}  

   

.icon-facebook	{background:url(../img/icon-social.png) no-repeat 0 -36px;}

.icon-twitter	{background:url(../img/icon-social.png) no-repeat -36px -36px; }

.icon-gplus		{background:url(../img/icon-social.png) no-repeat -72px -36px; }

.icon-linkedin	{background:url(../img/icon-social.png) no-repeat -108px -36px; }



.icon-apartamentos,.icon-predios 			{background:url(../img/icons-type-imoveis.png) no-repeat 0 0;}

.icon-casas 				{background:url(../img/icons-type-imoveis.png) no-repeat -36px 0;}

.icon-comerciais 			{background:url(../img/icons-type-imoveis.png) no-repeat -72px 0;}

.icon-casas-de-vila 		{background:url(../img/icons-type-imoveis.png) no-repeat -108px 0;}

.icon-condominios 			{background:url(../img/icons-type-imoveis.png) no-repeat -144px 0;}

.icon-galpoes 				{background:url(../img/icons-type-imoveis.png) no-repeat -180px 0;}

.icon-lajes 				{background:url(../img/icons-type-imoveis.png) no-repeat -216px 0;}

.icon-lajes-corporativas	{background:url(../img/icons-type-imoveis.png) no-repeat -216px 0;}

.icon-terrenos 				{background:url(../img/icons-type-imoveis.png) no-repeat -252px 0;}

.icon-loja, .icon-lojas		{background:url(../img/icons-type-imoveis.png) no-repeat -288px 0;}

.social-icons li{

  margin-left: 0 !important;

}



i.fab { font-size:20px; margin:8px; }





/*

 * Remove text-shadow in selection highlight:

 * https://twitter.com/miketaylr/status/12228805301

 *

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

	background: #b3d4fc;

	text-shadow: none;

}



::selection {

	background: #b3d4fc;

	text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #ccc;

	margin: 1em 0;

	padding: 0;

}



/*

 * Remove the gap between audio, canvas, iframes,

 * images, videos and the bottom of their containers:

 * https://github.com/h5bp/html5-boilerplate/issues/440

 */



audio,

canvas,

iframe,

img,

video {

	vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

	resize: vertical;

}



/* ==========================================================================

   Browser Upgrade Prompt

   ========================================================================== */



.browserupgrade {

	margin: 0.2em 0;

	background: #ccc;

	color: #000;

	padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */













/* ==========================================================================

   Helper classes

   ========================================================================== */







/* Backgrounds */

.fundoBranco	{background-color:#FFF !important;}

.fundoPreto		{background-color:#242536}

.fundoDourado	{background-color:#b1a078}

.fundoCinza		{background-color:#f2f2f2;}

.fundoAzul      {background-color:#242536;}



/* Bordas*/

.bdaDouradaTopBottom{ border-bottom:6px solid #242536; border-top:6px solid #242536;}

.bdaDouradaTopBottomFino{ border-bottom:3px solid #242536; border-top:3px solid #242536;}

.bdaBottomBranca{ border-bottom:1px solid #FFF;}



/* Cor fontes */

.fonteDourada{color:#b2a27b;}

.white{color: #ffffff;}





/* Spacer - X*/



.spacer-10px{height: 10px;}

.spacer-20px{height: 20px;}

.spacer-30px{height: 30px;}

.spacer-40px{height: 40px;}

.spacer-50px{height: 50px;}



/* x Padding*/



.padding-20{ 

  padding:20px !important;   

}



.padding-30{ 

  padding:30px !important;   

}



.padding-40{ 

  padding:40px !important;   

}



.paddingtop-20{padding-top:20px;}

.paddingtop-25{padding-top:25px;}

.paddingtop-30{padding-top:30px;}

.paddingtop-50{padding-top:50px;}



.paddingtop-8{ 

  padding-top:8px;   

}

.paddingBottom-20{ 

  padding-bottom:20px;

}

.no-padding{

  padding: 0 !important;

}

.no-padding-left{

  padding-left: 0 !important;

}

.no-padding-right{

  padding-right: 0 !important;

}

.padding-left8{

  padding-left: 8px !important;

}

.padding-right8{

  padding-right: 8px !important;

}



/* x margin bottom*/

.MarginBottom-10{ margin-bottom:10px;}

.MarginBottom-20{ margin-bottom:20px;}

.MarginBottom-30{ margin-bottom:30px;}

.MarginBottom-40{ margin-bottom:40px;}

.MarginBottom-50{ margin-bottom:50px;}



/*positions text*/

.text-right{

  text-align:right;

}

.text-left{

  text-align:left;

}

.hidden {

	display: none !important;

	visibility: hidden;

}



/*Tamanho das fontes*/

.fontSize-12{

  font-size: 12px;

}

.botao{

  border-radius: 5px;

  background-color: #ffffff;

  color: #000000;

  padding-top: 10px;

  padding-bottom: 10px;

}

.border-radius{

  border-radius: 3px;

}



.radius {

  border-radius: 3px;

}



/*

 * Hide only visually, but have it available for screen readers:

 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

 */



.visuallyhidden {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element

 * to be focusable when navigated to via the keyboard:

 * https://www.drupal.org/node/897638

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

	clip: auto;

	height: auto;

	margin: 0;

	overflow: visible;

	position: static;

	width: auto;

}



/*

 * Hide visually and from screen readers, but maintain layout

 */



.invisible {

	visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

	content: " "; /* 1 */

	display: table; /* 2 */

}



.clearfix:after {

	clear: both;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

	/* Style adjustments for viewports that meet the condition */

}



@media print,

	   (-o-min-device-pixel-ratio: 5/4),

	   (-webkit-min-device-pixel-ratio: 1.25),

	   (min-resolution: 120dpi) {

	/* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid the additional HTTP request:

   http://www.phpied.com/delay-loading-your-print-css/

   ========================================================================== */



@media print {

	*,

	*:before,

	*:after {

		background: transparent !important;

		color: #000 !important; /* Black prints faster:

								   http://www.sanbeiji.com/archives/953 */

		box-shadow: none !important;

		text-shadow: none !important;

	}



	a,

	a:visited {

		text-decoration: underline;

	}



	a[href]:after {

		content: " (" attr(href) ")";

	}



	abbr[title]:after {

		content: " (" attr(title) ")";

	}



	/*

	 * Don't show links that are fragment identifiers,

	 * or use the `javascript:` pseudo protocol

	 */



	a[href^="#"]:after,

	a[href^="javascript:"]:after {

		content: "";

	}



	pre,

	blockquote {

		border: 1px solid #999;

		page-break-inside: avoid;

	}



	/*

	 * Printing Tables:

	 * http://css-discuss.incutio.com/wiki/Printing_Tables

	 */



	thead {

		display: table-header-group;

	}



	tr,

	img {

		page-break-inside: avoid;

	}



	img {

		max-width: 100% !important;

	}



	p,

	h2,

	h3 {

		orphans: 3;

		widows: 3;

	}



	h2,

	h3 {

		page-break-after: avoid;

	}

}

.produto-foto-box {

	width: 100%;

	height: 250px;

	background-size: cover;

	background-position: center center;

}

