/*
=============================================================
= FOLHA DE ESTILO CRIADA POR: THIAGO CORRÊA - OUTUBRO/2016 =
=============================================================
*/

/*
=========
==RESET==
=========
*/
* {color: #333333; font-family:"OpenSans"; line-height: 20px; font-size: 100%; font-weight: 300;}
p {border: 0; font-size: 16px; color:#333333; margin: 0; padding: 0; outline: 0;}
ul { margin: 0; padding: 0;}
fieldset { border: 0; margin: 0; outline: 0; padding: 0;}
textarea { resize: none;}
a { color: #333333; text-decoration: none; outline: none; font-size: 16px; display: block;}
a.active{ color: #333333}
hr { border: none;}
img{max-width: 100%}
input, button, textarea { outline:none; box-sizing: border-box; border: 0}
h1{font-size: 22px; margin: 0; font-family: "OpenSans-Extrabold"; color: #333333; display: block; line-height: 26px}
h2{font-size: 18px; font-family: "OpenSans-Bold"; color: #333333; margin: 0; display: block; line-height: 22px}
h3{font-size: 18px; font-family: "OpenSans"; color: #333333; margin: 0; line-height: 100%}
.clearfix {overflow: auto;}
div, header, footer, figure, ul, li, a, p, span, h1, h2, form{box-sizing: border-box;}
strong{font-family: "OpenSans-Extrabold";}
small{font-size: 14px}
figure{margin: 0}

::-webkit-input-placeholder { color: #333333; font-size: 16px} /*cbcbcb*/
:-moz-placeholder { color: #333333; font-size: 16px}
::-moz-placeholder { color: #333333; font-size: 16px}
:-ms-input-placeholder { color: #333333; font-size: 16px}

/*
=================
==GENERAL TOOLS==
=================
*/

body {width: 100%; font-size: 100%; overflow-x: hidden; background: #f3f3f3}

#main-container{margin: 0 auto; position: relative; width: 100%; float: left;}
.container { display: table; margin: auto; position: relative; width: 960px; clear: both}
.conteudo{width: 100%; float: left;text-align: justify;}
.box-banner .conteudo * {
    color: #FFF !important;
    font-size: 16px !important;
    font-family: "OpenSans" !important;
    font-style: normal !important;
    line-height: 24px !important;
}
.floatleft{float: left;}
.floatright{float: right;}.hide{display: none;}
.center{margin: auto; display: table; clear: both;}
.captcha{width: 40%; padding: 3px 0}

/*Classes de colunas*/
.col{width: 50%;}
.col3a{width: 33%;}
.col3b{width: 30%; float: left; margin: 0 15px}
.col4{width: 25%; float: left;}
.col5{width: 20%; float: left;}
.input{width: 100%; float: left;}
.input-col{width: 49%;}

/*Classes de texto*/
.textright{text-align: right}
.textleft{text-align: left;}
.textcenter{text-align: center;}
.textjustify{text-align: justify;}
.placeholder{color: #444; font-size: 16px}
.textunderline{text-decoration: underline;}

/*Classes de margin/padding*/
.mg-top20{width: 100%; float: left; height: 20px}
.mg-top10{width: 100%; float: left; height: 10px}
.padding20{padding: 20px}
.padding0-20{padding: 0 20px}
.padding20-0{padding: 20px 0}
.padding5-0{padding: 5px 0}
.clear{width: 100%; float: left; clear: both; height: 1px}

.ease-in-back{-webkit-transition: all 800ms cubic-bezier(0.880, 0, 1.000, 0.470); -webkit-transition: all 800ms cubic-bezier(0.880, -0.395, 1.000, 0.470); -moz-transition: all 800ms cubic-bezier(0.880, -0.395, 1.000, 0.470); -o-transition: all 800ms cubic-bezier(0.880, -0.395, 1.000, 0.470); transition: all 800ms cubic-bezier(0.880, -0.395, 1.000, 0.470); /* custom */}
.menu-active{border-top: 2px solid #df0000 !important}
.topo{height: 200px; background: url(../img/bg-banner.jpg) top center no-repeat fixed;}
	.topo span{display: block; width: 100%; height: 200px; background: url(../img/topo.png) top left no-repeat;}
.guia{padding: 10px 0}
	.guia a{display: table; float: left; padding: 3px}
	.guia a:hover{background: #ececec}

/*HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER*/
header{width: 100%; position: absolute; left: 0%; z-index: 500}
	header .top{width: 100%; float: right;}
		header .top a{float: right; display: table; padding: 7px 10px; color: #fff; font-family: "OpenSans-Semibold"; border-top: 2px solid rgba(255,255,255,0)}
		header .top a:hover{border-top: 2px solid #df0000}
	header nav{width: 50%; float: right; margin-top: 50px}
		header nav .clear{background: #1a3e6c; box-shadow: 1px 0.5px 1px 0px rgba(87, 133, 193, 1);}
		header nav li{float: left; display: block; border-right: 1px solid #fff; margin: 20px 0; padding: 0 5px}
		header nav .last{border-right: 0 !important}	
		header nav li a{padding: 3px 10px; float: left; color: #fff; font-family: "OpenSans-Semibold"; border-bottom: 1px solid rgba(255,255,255,0); border-top: 1px solid rgba(255,255,255,0); transition: all .3s ease-in-out;}
		header nav li a:hover{border-bottom: 1px solid #df0000; border-top: 1px solid #df0000}
	header .logo{margin-top: -85px; display: table;}	

/*BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER BANNER*/
.banner{width: 100%; float: left; background: url(../img/bg-banner.jpg) top center no-repeat fixed;}
.box-banner{height: 735px}
.txt-banner{margin-top: 300px}
	.txt-banner .col h1{font-size: 40px; color: #fff; line-height: 44px; margin-bottom: 10px}
	.txt-banner .col h2{font-size: 30px; color: #fff; line-height: 34px; padding: 10px 0}
	.txt-banner .col span{width: 70%; float: left; height: 5px; background: #fff}
	.txt-banner .col p{color: #fff}
.banner-detail{width: 48%; padding: 30px 20px; background: rgba(0,0,0,0.3); text-align: center; font-size: 20px; cursor: default;}
.imv-tipo:before{content: url('../img/icon-tipo.png'); margin-right: 5px;}
.imv-valor:before{content: url('../img/icon-valor.png'); margin-right: 5px;}

/*INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX */
.busca{background: #ececec; padding: 40px 0}
	.busca form{width: 100%; float: left; padding: 15px 0 0}
	.busca form .input-col{width: 23%; margin: 8px}
	.busca form select{width: 100%; float: left;}
	.busca form button{width: 25%; margin: auto; display: table; clear: both; padding: 10px; background: #333; color: #fff}
		.busca form button:hover{background: #df0000;}
.imoveis{padding: 0px 0;}		
	.imoveis .btn{margin: auto; display: table; clear: both}		
		.imoveis .btn a{float: left; margin: 0 5px; padding: 7px 20px; border: 1px solid #ccc; font-size: 20px}		
			.imoveis .btn a:hover{border: 1px solid #df0000}
		.imoveis .btn span{width: 70px; height: 3px; background: #df0000; display: block; position: relative; float: left; margin-left: 70px; margin-top: 5px}
.sob{padding: 7px 40px !important;}
#aptos, #sobr{min-height: 320px}
	.imoveis .agende{padding: 10px 0}
		.imoveis .agende p, .imoveis .agende a{float: left; display: table; margin-right: 5px}
		.imoveis .agende a{text-decoration: underline;}
		.imoveis .agende a:hover{color: #df0000}

/*FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER*/
footer{width: 100%; float: left; background: #231f20}
	footer .col3a{padding: 20px 20px 5px; width: 40%}
	footer .col3b{padding: 20px 20px 5px 27px; margin: 0; width: 20%}
		footer .col3a p{color: #fff}
		footer .col3a .clear{background: #3d3d3c; margin: 5px 0}
		footer .col3b p, footer .col3b p strong{color: #fff; font-size: 15px}
			footer .col3b .conteudo{padding: 5px 0 0}
			footer .col3b .conteudo p, footer .col3b .conteudo a{float: left; color: #fff; margin-right: 5px}
			footer .col3b .conteudo a{width: 20px; height: 20px; background: url(../img/social.jpg); transition: all .3s ease-in-out;}
			footer .col3b .conteudo a:hover{transform: scale(1.1, 1.1);}
	footer .rodape{padding: 0 0 5px}
		footer .rodape a, footer .rodape p{color: #666; float: left; font-size: 14px; margin-left: 3px}
		footer .rodape a:hover{color: #df0000}
.icon-plantao{width: 86px; height: 63px; float: right; background: url(../img/icon-footer.jpg) top center no-repeat;}
.plus{background-position: -20px 0 !important}

/*IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS IMOVEIS*/
.box-imoveis{width: 30%; float: left; margin: 15px;}
	.box-imoveis:hover img{transform: scale(1.1,1.1);}
	.box-imoveis:hover h2 span{width: 100%; background: #b70807}
	.box-imoveis:hover .faixa-tipo{padding: 7px 20px}
.box-imoveis-img{width: 100%; float: left; padding: 3px; border: 1px solid #ccc}
	.box-imoveis-img figure{width: 100%; float: left; height: 150px; overflow: hidden;}
		.box-imoveis-img figure img{transition: all .8s ease-in-out;}
	.box-imoveis-img .faixa-tipo{position: absolute; z-index: 110; padding: 7px 15px; background: #b70807; margin: 10px 0 0 -3px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75); transition: all .5s ease-in-out;}
		.box-imoveis-img .faixa-tipo h2{color: #fff}
			.box-imoveis-img .faixa-tipo h2:before{content: url('../img/detail2.png'); margin-right: 5px; margin-top: 3px; display: block; float: left; }
.box-imoveis-txt{padding: 5px 0}		
	.box-imoveis-txt h2{width: 100%; float: left; height: 25px; overflow: hidden;}
		.box-imoveis-txt h2 span{width: 30%; display: table; clear: both; margin-top: 3px; height: 2px; background: #000; transition: all .5s ease-in-out;}
	.box-imoveis-txt .veja-mais{width: 50%; float: right; text-align: center; background: #333; color: #fff; padding: 5px 0; margin-top: 7px}	
		.box-imoveis-txt .veja-mais:hover{background: #8a0100}
	.box-imoveis-txt .valor-imovel{width: 50%; float: left; padding: 4px 0; margin-top: 7px; text-align: center; border: 1px solid #333; box-sizing: border-box;}	
	.info{padding: 5px 5px; float: left; display: table;}
	.info span{float: left; width: 30px; height: 30px; background: url(../img/icon-detalhe.png); margin: -4px 4px 0 0}

	/*ICONES DAS INFORMAÇÕES DO IMOVEL*/
	.bath span{background-position: 0 0 !important}
	.room span{background-position: -30px 0 !important}
	.garage span{background-position: -60px 0 !important}
	.construction span{background-position: -90px 0 !important}
	.totalarea span{background-position: -120px 0 !important}

.filtros{padding: 15px 0; margin: 0; background: #ececec}	
	.filtros .ui-selectmenu-button{width: 100% !important}
.filtros-col{float: left; margin: 5px; width: 18%;}		
	.filtros button{float: left; width: 50px; height: 42px; margin-top: 5px; background: #333333; border: 1px solid #333; transition: all .5s ease-in-out;}
		.filtros button:hover{background: #b70807; border: 1px solid #b70807;}
.ordenar{width: 12%; position: absolute; right: 0; margin-top: -9px}
	.ordenar p, .ordenar p small{line-height: 12px; font-size: 12px}
	.ordenar .ui-selectmenu-button span.ui-selectmenu-text{padding: 1px; font-size: 12px}	

/*IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL IMOVEL*/	
.imovel-detalhe{padding: 5px 0 40px;}
.fotos-imovel{overflow: hidden; background: #fff; border: 3px solid #ccc}
	.topo-detalhe{width: 100%; float: left; background: #333;}
		.topo-detalhe a{color: #fff; float: left; margin-right: 10px; font-size: 18px; padding: 10px; font-family: "OpenSans-Bold"; opacity: 0.6}
			.topo-detalhe a:hover{opacity: 1}
		.topo-detalhe #fts:before{content: ""; margin-right: 3px; width: 20px; height: 20px; float: left; display: block; background: url(../img/detalhe-imovel.png);}
		.topo-detalhe #plan:before{content: ""; margin-right: 3px; width: 20px; height: 20px; float: left; display: block; background: url(../img/detalhe-imovel.png); background-position: -20px 0}
		.topo-detalhe #mapa:before{content: ""; margin-right: 3px; width: 20px; height: 20px; float: left; display: block; background: url(../img/detalhe-imovel.png); background-position: -40px 0}
	.box-fotos figure{width: 100%;  height: 350px; background: #eee; overflow: hidden; text-align: center;}	
		.box-fotos figure img{height: 100%}	
	.box-planta figure{width: 100%; height: 350px; overflow: hidden; text-align: center; clear: both;}	
	.box-fotos a{width: 100%}	
	.box-map{width: 100%; float: left; height: 350px; overflow: hidden; text-align: center;}		
.arrow{position: absolute; z-index: 500; width: 50px; height: 100px; background: #333; margin-top: 120px; cursor: pointer; font-size: 50px; color: #fff; line-height: 90px; padding-left: 10px; opacity: 0.5}
	.arrow:hover{opacity: 1}
.arrow-n{right: 3px; padding-left: 15px}
.arrow-p{padding-left: 0}
.mais-imoveis{border-top: 1px solid #ccc}
	.mais-imoveis .detail3{width: 200px; position: relative; margin-top: -15px; text-align: center; background: #f3f2f2; height: 50px; display: table;}

.box-imovel{width: 100%; float: right; padding: 5px 0;}
	.box-imovel .banner-detail{background: #ccc; padding: 15px 0; font-size: 16px;}
	.box-imovel .tt{font-size: 22px; padding: 0 0 5px; border-bottom: 1px solid #ccc;}
	.box-imovel p{color: #444; line-height: 28px;}
		.box-imovel p a{color: #b70807;}
.detalhe-ativo{opacity: 1 !important; background: #df0000}		
.agende-visita{width: 100%; float: left; background: #333; color: #fff; text-align: center; padding: 15px 0; margin-top: 10px; transition: all .5s ease-in-out;}
	.agende-visita:hover{background: #df0000}

/*CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO CONTATO */
.contato{padding: 50px 0 0; text-align: center;}
	.contato .tt{font-size: 40px; line-height: 44px; padding-bottom: 20px; display: table; clear: both; margin: auto; border-bottom: 1px solid #333}
	.contato p{padding: 10px 0}
	.contato .form{padding: 20px; margin: 20px 0 40px; border-top: 2px solid #999; border-bottom: 2px solid #999; text-align: left;}
	.contato form{width: 80%; margin: auto; display: table; clear: both}
		.contato form input{margin: 3px 0; background: #ececec; padding: 7px; border: 1px solid #ccc}
		.contato form textarea{margin: 3px 0; background: #ececec; padding: 7px; border: 1px solid #ccc}
		.contato form button{width: 30%; background: #333; color: #fff; border: 1px solid #333; padding: 15px; display: table; clear: both; margin: auto;}
			.contato form button:hover{background: #df0000; border: 1px solid #df0000;}
#map{width: 100%; height: 300px}			
.loc .col .input{background: #333; padding: 50px 0}
	.loc .col .input h1, .loc .col .input h2{color: #fff}
.loc .col .col{padding: 60px 0; background: #df0000;}
	.loc .col .col p{color: #fff; padding: 0}
	.loc .col .col figure{width: 100%; float: left; height: 160px; overflow: hidden;}
		.loc .col .col figure img{transition: all .5s ease-in-out;}
		.loc .col .col figure:hover img{transform: scale(1.1,1.1);}

/*EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA EMPRESA */		
.empresa{padding: 50px 0 0; text-align: center;}
	.empresa .tt{font-size: 40px; line-height: 44px; padding-bottom: 20px; display: table; clear: both; margin: auto; border-bottom: 1px solid #333}
	.empresa p{padding: 10px 0}
	.empresa .txt-empresa{padding: 20px; margin: 20px 0 40px; border-top: 2px solid #999; border-bottom: 2px solid #999; display: none;}
	.empresa .col2{padding-top: 25px}
		.empresa .col2 span{width: 49.5%; height: 100px; display: block; margin: 2px 0; opacity: 0; transition: all 1.8s ease-in-out;}
			.empresa .col2 span h2{color: #fff; text-align: center; padding: 30px 0}
.e1{background: #333; transform: scale(1.1,1.1);}
.e2{background: url(../img/e1.jpg); transform: scale(0.8,0.8);}
.e3{background: url(../img/e2.jpg); transform: scale(1.5,1.5);}
.e4{background: #333; transform: scale(0.6,0.6);}	


    .filtro {
    color: #444;
    font-size: 16px;
    height: 40px;
    padding: 10px;
    border: 1px solid #c5c5c5;
}