@charset "iso-8859-1";
/*
Stelle imóveis

Web:       www.stelleimoveis.com.br
E-mail:    contato@stelleimoveis.com.br
Telefone:  +55 15 1234.5678
Facebook:  www.facebook.com/stelleimoveis


///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
ESTRUTURA
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////

	1 RESET
	2 IMPORTS
	3 EMBED FONTS
	4 PADROES
	5 TOPO
	6 RODAPE
	7 HOME
	8 BANNER
	9 SCROLL	
	10 A IMOBILIARIA

*/

/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	1 RESET
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #CFCFCF;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


.select-busca-avancado,
.select-busca,
.select-busca2,
.select-busca3,
.snc{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}

/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	2 IMPORTS
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/



/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	3 EMBED FONTS
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/
@font-face {
font-family: 'proxima';
src: url('fonts/proxima/proximanova-regular-webfont.eot');
src: url('fonts/proxima/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/proxima/proximanova-regular-webfont.woff') format('woff'),
	 url('fonts/proxima/proximanova-regular-webfont.ttf') format('truetype'),
	 url('fonts/proxima/proximanova-regular-webfont.svg#proxima_novaregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'proxima_bold';
src: url('fonts/proxima/proximanova-bold-webfont.eot');
src: url('fonts/proxima/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('fonts/proxima/proximanova-bold-webfont.woff') format('woff'),
	 url('fonts/proxima/proximanova-bold-webfont.ttf') format('truetype'),
	 url('fonts/proxima/proximanova-bold-webfont.svg#proxima_novabold') format('svg');
font-weight: normal;
font-style: normal;
}


/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	4 PADROES
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/
html{height:100%;}

body{font-family:'proxima';
color:#000000;
font-weight: normal;
font-style: normal;
font-size:12px;
background:#F2F2F2;
overflow-x:hidden;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;

}

#container{max-width:1140px;
padding:0px 30px;	/*Tamanho total 1200px*/
margin:0px auto;
}

#container-fixed{max-width:1200px;
margin:0px auto;
}

.hidden{margin-left:250px;}

.titulo{float:left;
position:relative;
width:100%;
text-align:left;
color: #CFCFCF;
font-size:23px;
font-family:'proxima_bold';
text-transform:uppercase;
}

.titulo span{color: #CFCFCF;}

.titulo-int{float:left;
position:relative;
width:100%;
text-align:left;
color: #CFCFCF;
font-size:14px;
font-family:'proxima';
text-transform:uppercase;
margin-bottom:15px;
}

.titulo-int span{font-family:'proxima_bold';}

/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	5 TOPO
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/
#topo{float:left;
position:relative;
width:100%;

background:url(../img/layout/49ecc43ad6999c67372f69144f379d90.png) center no-repeat;/*background:url(../img/bg-topo.jpg) center top repeat-x;*/

height:157px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#logo{float:left;
position:relative;
width:280px;
margin-top:37px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

.logo{float:left;
position:relative;
}

.logo img{width:100%;
height:auto;
}

#creci-topo{float:left;
position:relative;
width:auto;
color: #000000;
font-family:'proxima_bold';
font-size:17px;
margin-left:20px;
margin-top:4px;
text-transform:uppercase;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#column-topo{float:right;
position:relative;
width:65%;
margin-top:37px;
}

#info-topo{float:right;
position:relative;
width:100%;
}

#phone{float:right;
position:relative;
width:325px;
/* background:url(../img/icon-phone-top.png) left 3px no-repeat; */
padding-left:30px;
}

#phone h1{text-transform:uppercase;}
#phone h3{float:left;
position:relative;
width:auto;
font-family:'proxima_bold';
font-size:22px;
color: #000000;

}


#ligamos{float:right;
position:relative;
width:115px;
/* ackground:url(../img/icon-ligamos.png) left 3px no-repeat; */
padding-left:30px;
margin-left:30px;
cursor:pointer;
}

#ligamos:hover h3{color: #000000;}
#ligamos:hover{background:url(../img/icon-ligamos-h.png) left 3px no-repeat;}

#ligamos h1{text-transform:uppercase;}
#ligamos h3{float:left;
position:relative;
width:auto;
font-family:'proxima_bold';
font-size:22px;
color: #000000;
text-transform:uppercase;
}

#menu{float:right;
position:relative;
width:auto;
margin-top:18px;
z-index:10;
}

#menu ul{float:right;
position:relative;
width:auto;
}

#menu ul li{float:left;
position:relative;
width:auto;
}

#menu ul li:hover{background: #0C1D61;
color: #CFCFCF;}

#menu ul li,
#menu ul li a,
#menu-rodape ul li a,
.top,
.mail,
.iphone,
.bn,
.bt-enviar,
.bt-buscar,
.bt-buscar2,
.bt-busca-avancada,
.bt-busca-avancada2,
.bt-submit-avancado{
transition: background-color .5s ease !important;
-moz-transition: background-color .5s ease !important;
-webkit-transition: background-color .5s ease !important;
}
#menu ul li a{
	float:left;
position:relative;
width:auto;
padding:7px;
color: #000000;
font-size:13px;
text-transform:uppercase;
}

#menu ul li a:hover,.ativo{background: #CFCFCF;

color: #000000 !important;
}

#menu-smart ul li a.ativo{padding:8px 0px 8px 5% !important;
	width:95% !important;}

#menu ul ul{position:absolute;
left:0px;
top:100%;
backface-visibility:#ff0000;
width:100px;
background: #0C1D61;
display:none;
}

#menu ul ul li{float:left;
position:relative;
width:100%;
}

#menu ul li:hover ul{display:block;}
#menu ul li:hover > a{color: #CFCFCF;}

#menu ul ul li a{color: #CFCFCF;
width:93px;
padding:7px 0px 7px 7px;}

#menu ul ul li a:hover{background: #0C1D61;}

#bt-menu{float:left;
position:relative;
width:45px;
height:45px;
background:url(../img/icon-menu.png) center center no-repeat;
margin-top:-50px;
margin-right:15px;
cursor:pointer;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#bt-menu:hover{background:url(../img/icon-menu.png) center center no-repeat #0C1D61;}

.smart{display:none;}

#menu-smart{position:fixed;
width:210px;
padding:0px 20px;
height:100%;
background:url(../img/shadow.png) right repeat-y #2D2D2D;
z-index:9;
overflow:hidden;
overflow-x:hidden;
left:-250px;


transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#menu-smart h1{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima_bold';
color: #CFCFCF;
text-transform:uppercase;
font-size:14px;
margin-top:55px;
}

#close-bt{position:absolute;
right:0px;
top:0px;
background:url(../img/close.png) center top no-repeat;
width:15px;
height:16px;
cursor:pointer;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#close-bt:hover{background:url(../img/close.png) center bottom no-repeat;}

#menu-smart ul{float:left;
position:relative;
width:100%;
margin-top:15px;
}

#menu-smart ul li{float:left;
position:relative;
width:100%;
}

#menu-smart ul li a{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima';
color: #CFCFCF;
padding:8px 0px;
text-transform:uppercase;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#menu-smart ul li a:hover{padding:8px 0px 8px 5%;
width:95%;
background: #0C1D61;
color: #CFCFCF;
}

#menu-smartphone{float:left;
position:relative;
width:100%;
background: #0C1D61;
height:30px;
transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#bt-menu-smart{float:left;
position:relative;
width:40px;
height:40px;
background:url(../img/icon-menu.png) center center no-repeat #0C1D61;
cursor:pointer;
}

.mtb{margin-top:20px; margin-bottom:80px;}
.mtb2{margin-top:30px;}

#busca-avancada{position:absolute;
width:100%;
top:20%;
display:none;
z-index:100;
margin-bottom:40px;
}


#page-ligamos{position:absolute;
width:100%;
top:20%;
display:none;
z-index:100;
margin-bottom:40px;
}

#section-busca{float:left;
position:relative;
width:90%;
padding:40px 5% 40px 5%;
background:url(../img/bg-busca.jpg) right top no-repeat #ffffff;
}

#column-busca-avancada{float:left;
position:relative;
width:60%;
}

#column-busca-avancada p{float:left;
position:relative;
width:90%;
margin:10px 0px 25px 0px;
text-align:left;
}

.busca-avancada{float:left;
position:relative;
width:100%;
}

.busca-avancada label{float:left;
position:relative;
width:28%;
margin-right:5%;
margin-bottom:10px;
}


.formligamos{float:left;
position:relative;
width:100%;
}

.formligamos label{float:left;
position:relative;
width:28%;
margin-right:5%;
margin-bottom:10px;
}

.bt-submit-avancado{float:left;
position:relative;
width:70px;
background: #0C1D61;
color: #CFCFCF;
font-size:14px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:12px 0px;
cursor:pointer;
text-align:center;
}

.bt-submit-avancado:hover{background: #B31212;}


.select-busca-avancado{float:left;
position:relative;
border:1px solid #e5e5e5;
width:96%;
padding:11px 2%;
background:#ffffff;
color: #000000;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}

.input-busca-avancado{float:left;
position:relative;
border:1px solid #e5e5e5;
width:95%;
padding:12px 2% 12px 2%;
background:#ffffff;
color: #CFCFCF;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}


.zero{margin-right:0px !important;}

.closewindow{position:absolute;
right:-20px;
top:-20px;
width:40px;
height:40px;
background:url(../img/close-window.png) center top no-repeat;
cursor:pointer;
}

.closewindow:hover{background:url(../img/close-window.png) center bottom no-repeat;
}


/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	6 RODAPE
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/

#rodape{float:left;
position:relative;
width:100%;

background:#131238;/*background:#111111;*/

padding:40px 0px 80px 0px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#menu-rodape{float:left;
position:relative;
width:100%;
margin-bottom:40px;
}

#menu-rodape ul{float:left;
position:relative;
width:auto;
}

#menu-rodape ul li{float:left;
position:relative;
width:auto;
}

#menu-rodape ul li a{float:left;
position:relative;
width:auto;
padding:5px;
font-family:'proxima';
color: #CFCFCF !important;
font-size:13px;
text-transform:uppercase;
}

#menu-rodape ul li a:hover, #menu-rodape ul li a.ativo{background: #0C1D61;
color:#fffff;
}

#box-atendimento{float:left;
position:relative;
width:30%;
margin-right:5%;
}

.h1rodape{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima_bold';
color: #CFCFCF;
font-size:15px;
margin-bottom:15px;
text-transform:uppercase;
}

#box-atendimento p{float:left;
position:relative;
width:100%;
text-align:left;
color: #CFCFCF;
margin-bottom:20px;
font-size:14px;
}

#box-cadastre-se{float:left;
position:relative;
width:30%;
}

.cadastre{float:left;
position:relative;
width:100%;
}

.in{float:left;
position:relative;
width:90%;
padding:8px 5%;
color: #CFCFCF;
font-family:'proxima_bold';
background:#ffffff;
margin-bottom:10px;
font-size:14px;
border:none;
}

#bts-cadastre{float:left;
position:relative;
width:100%;
}

.bn{float:left;
position:relative;
font-family:'proxima_bold';
background: #0C1D61;
color: #CFCFCF;
border:none;
width:30%;
padding:10px 0px;
text-align:center;
margin-right:5%;
text-transform:uppercase;
cursor:pointer;
}

.bn:hover{background: #B31212;
color: #CFCFCF;
}

#logo-rodape{float:right;
position:relative;
width:27%;
margin-top:35px;
}

#logo-rodape img{width:100%;
height:auto;
}

#info-rodape{float:left;
position:relative;
width:100%;
margin-top:30px;
}

#direitos{float:left;
position:relative;
width:auto;
color: #CFCFCF;
}

#direitos a {color: #CFCFCF;
font-weight: bold;
}

#creci{float:right;
position:relative;
width:auto;
color: #CFCFCF;
text-transform:uppercase;
font-family:'proxima_bold';
font-size:14px;
}

#menu-rodape-420-l{float:left;
position:relative;
width:45%;
display:none;
margin-bottom:20px;
}

#menu-rodape-420-l ul{float:left;
position:relative;
width:100%;
}

#menu-rodape-420-l ul li{float:left;
position:relative;
width:100%;
}

#menu-rodape-420-l ul li a{float:left;
position:relative;
width:auto;
padding:5px;
font-family:'proxima';
color: #CFCFCF;
font-size:13px;
text-transform:uppercase;
}

#menu-rodape-420-l ul li a:hover{background: #0C1D61;
color:#fffff;
}


#menu-rodape-420-r{float:right;
position:relative;
width:55%;
display:none;
margin-bottom:20px;
}

#menu-rodape-420-r ul{float:left;
position:relative;
width:100%;
}

#menu-rodape-420-r ul li{float:left;
position:relative;
width:100%;
}

#menu-rodape-420-r ul li a{float:right;
position:relative;
width:auto;
padding:5px;
font-family:'proxima';
color: #CFCFCF;
font-size:13px;
text-align:right;
text-transform:uppercase;
}

#menu-rodape-420-r ul li a:hover{background:#0C1D61;
color:#fffff;
}

#rodape-fixo{position:fixed;
bottom:0px;
width:100%;
z-index:100;
background:#0C1D61;
height:60px;
}

.btr{float:left;
position:relative;
width:auto;
padding:18px 3% 20px 45px;
height:60px;
color: #CFCFCF;
font-size:13px;
text-transform:uppercase;
border-right:1px solid #FFFFFF;
}

.btrligue{float:left;
position:relative;
width:50%;
padding:18px 0px 20px 0px;
height:60px;
text-align:left;
color: #CFCFCF;
display:none;
font-size:13px;
text-transform:uppercase;
border-right:1px solid #FFFFFF;
}

.btc{float:left;
position:relative;
width:auto;
padding:18px 2% 20px 55px;
height:60px;
color: #CFCFCF;
font-size:13px;
text-transform:uppercase;
border-right:1px solid #FFFFFF;
}




.bte{float:left;
position:relative;
width:auto;
padding:18px 3% 20px 60px;
height:60px;
color: #CFCFCF;
font-size:13px;
text-transform:uppercase;
border-right:1px solid #FFFFFF;
}

.btr span{font-family:'proxima_bold';}

.iphone{background:url(../img/icon-phone-rodape.png) 15px 15px no-repeat;}
.iphone:hover{background:url(../img/icon-phone-rodape-h.png) 15px 15px no-repeat #B31212;}

.iphoneligue{background:url(../img/icon-phone-rodape.png) 21% 15px no-repeat;}

.talk{background:url(../img/icon-talk.png) 15px 18px no-repeat;}
.talk:hover{background:url(../img/icon-talk-h.png) 15px 18px no-repeat #621A15;}

.mail{background:url(../img/icon-mail-rodape.png) 15px 20px no-repeat;}
.mail:hover{background:url(../img/icon-mail-rodape-h.png) 15px 20px no-repeat #B31212;}

#info-corretores{float:left;
position:relative;
width:auto;
padding:18px 2%;
color: #CFCFCF;
border-right:1px solid #0C1D61;
}

#info-corretores h1{
font-size:13px;
text-transform:uppercase;
}

.top{float:right;
position:relative;
width:auto;
padding:18px 2% 20px 50px;
background:url(../img/icon-topo.png) 15px 17px no-repeat;
text-transform:uppercase;
color: #CFCFCF;
font-size:13px;
cursor:pointer;
}

.top:hover{background:url(../img/icon-topo-h.png) 15px 17px no-repeat #B31212;}

/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	6 HOME
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/

#busca{float:left;
position:relative;
width:100%;
background: #0C1D61;
padding:15px 0px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

.busca{float:left;
position:relative;
width:100%;
}

#header-busca{float:left;
position:relative;
width:100%;
margin-bottom:15px;
}

#header-busca h1{float:left;
position:relative;
width:auto;
font-size:16px;
color: #CFCFCF;
font-family:'proxima_bold';
text-transform:uppercase;
margin-right:15px;
}

#header-busca p{float:left;
position:relative;
width:50%;
color: #CFCFCF;
}

.busca fieldset{float:left;
position:relative;
width:67%;
}

.busca label{float:left;
position:relative;
width:24%;
margin-right:1%;
}

.select-busca{
float:left;
position:relative;
width:96%;
padding:11px 2%;
background:#ffffff;
color: #000000;
border:none;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}

.select-busca-input{float:left;
position:relative;
width:95%;
padding:12px 2% 12px 2%;
background:#ffffff;
color: #000000;
border:none;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}


.select-busca2{float:left;
position:relative;
width:100%;
padding:11px 2%;
background:#ffffff;
color: #CFCFCF;
border:1px solid #f3f3f3;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}

.select-busca-input2{
	float:left;
position:relative;
width:95.9%;
padding:11px 2%;
background:#ffffff;
color: #CFCFCF;
border:1px solid #f3f3f3;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
	
	}

.select-busca3{float:left;
position:relative;
width:100%;
padding:11px 2%;
background:#ffffff;
color: #CFCFCF;
border:none;
font-size:13px;
text-transform:uppercase;
font-family:'proxima_bold';
}

#bts{float:right;
position:relative;
width:32%;
}

.bt-buscar{float:left;
position:relative;
width:32%;
background: #0C1D61;
color: #CFCFCF;
font-size:14px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:12px 0px;
cursor:pointer;
text-align:center;
margin-right:4%;
border: solid 1px;
}

.bt-busca-avancada{float:left;
position:relative;
width:60%;
background: #0C1D61;
color: #CFCFCF;
font-size:14px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:14px 0px 13px 0px;
cursor:pointer;
text-align:center;
border: solid 1px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

.bt-buscar:hover, .bt-busca-avancada:hover{ background: #B31212; 
color: #CFCFCF;
}

#banner{float:left;
position:relative;
width:100%;
background:url(../img/bg-banner.jpg) center bottom repeat-x #ffffff;
padding:30px 0px 0px 0px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out
}

#blur{position:fixed;
width:100%;
height:100%;
top:0;
right:0;
left:0;
bottom:0;
visibility:hidden;

background:#000000;
background: -webkit-radial-gradient(#999999, #000000);
background: -moz-radial-gradient(#999999, #000000);
background: radial-gradient(#999999, #000000);

opacity:0.9;
z-index:100;
}

#relative{float:left;
position:relative;
width:100%;
height:auto;
background:#cccccc;
}

#imoveis-principal{float:left;
position:relative;
width:100%;
background:#F2F2F2;
padding:30px 0px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out
}

#column-categorias{float:left;
position:relative;
width:24%;
}

#lista-imoveis-principal{float:right;
position:relative;
width:76%;
}

#lista-imoveis-principal ul{float:right;
position:relative;
width:100%;
margin:0px;
padding:0px;
}

#lista-imoveis-principal ul li{float:left;
position:relative;
width:30%;
margin-left:3.33%;
margin-bottom:25px;
}

.boxmzero{margin-right:0px !important;}
.full-li{width:100% !important;
margin:0px !important;}

#lista-imoveis-principal ul li a{float:left;
position:relative;
width:100%;
}

/*#lista-imoveis-principal ul li a:hover #info-imovel-box{background:#621A15;}*/

#img-imovel-box{float:left;
position:relative;
width:100%;
overflow:hidden;
}

#img-imovel-box img{width:100%;
height:auto;
}

#info-imovel-box{float:left;
position:relative;
width:80%;
padding:20px 10%;
background: #0C1D61;
height:135px;
}

.margintit{margin-top:25px;
margin-left:3.33%;}

#selo-lançamento{position:absolute;
margin-left:-7px;
margin-top:-3px;
background:url(../img/lancamento.png) no-repeat;
width:103px;
height:65px;
z-index:9;
}

.titulo-imovel{float:left;
position:relative;
width:100%;
text-align:left;
font-size:14px;
font-family:'proxima_bold';
color:#ffffff;
margin-bottom:10px;
text-transform:uppercase;
}

.dorms{float:left;
position:relative;
width:80%;
padding-left:20%;
background:url(../img/icon-dorms.png) left top no-repeat;
text-align:left;
color:#ffffff;
min-height:16px;
margin-bottom:5px;
}

.metros{float:left;
position:relative;
width:80%;
padding-left:20%;
background:url(../img/icon-m2.png) left top no-repeat;
text-align:left;
color:#ffffff;
min-height:16px;
margin-bottom:5px;
}

.valor{float:left;
position:relative;
width:80%;
padding-left:20%;
background:url(../img/icon-rs.png) left top no-repeat;
text-align:left;
color:#ffffff;
min-height:16px;
margin-bottom:5px;
}


.vagas{float:left;
position:relative;
width:80%;
padding-left:20%;
background:url(../img/icon-garage.png) left top no-repeat;
text-align:left;
color:#ffffff;
min-height:16px;
}



#lista-categorias{float:left;
position:relative;
width:86%;
padding:25px 7%;
background:#ffffff;
margin-bottom:20px;
}

#lista-categorias ul{float:left;
position:relative;
width:100%;
}

#lista-categorias ul li{float:left;
position:relative;
width:100%;
}

#lista-categorias a{float:left;
position:relative;
width:100%;
padding:7px 0px;
font-size:14px;
color:#999999;


transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out
}

#lista-categorias a span{color:#D9D9D9;}

#lista-categorias a:hover{background: #0C1D61;
color:#ffffff;
padding:7px 0px 7px 5%;
width:95%;
}


#border-section{float:left;
position:relative;
width:100%;
height:1px;
border-bottom:2px dotted #cccccc;
margin:20px 0px;
}

#box-busca{float:left;
position:relative;
width:86%;
padding:25px 7%;
background:#ffffff;
}

.column-busca{float:left;
position:relative;
width:100%;
}

.column-busca label{float:left;
position:relative;
width:100%;
margin-bottom:5px;
}

#bts-box{float:left;
position:relative;
width:100%;
}


.bt-buscar2{float:left;
position:relative;
width:100%;
background: #0C1D61;
color:#ffffff;
font-size:12px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:12px 0px;
cursor:pointer;
text-align:center;
margin-bottom:3px;
}

.bt-busca-avancada2{float:left;
position:relative;
width:100%;
background: #0C1D61;
color:#ffffff;
font-size:12px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:13px 0px 13px 0px;
cursor:pointer;
text-align:center;
margin-top:2px;
}

.bt-buscar2:hover, .bt-busca-avancada2:hover{background: #B31212;
color:#ffffff;
}

.bt-buscar3{float:left;
position:relative;
width:100%;
background: #0C1D61;
color:#ffffff;
font-size:12px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:12px 0px;
cursor:pointer;
text-align:center;
margin-bottom:3px;
}

.bt-busca-avancada3{float:left;
position:relative;
width:100%;
background: #0C1D61;
color:#ffffff;
font-size:12px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:13px 0px 13px 0px;
cursor:pointer;
text-align:center;
margin-top:2px;
}

.bt-buscar3:hover, .bt-busca-avancada3:hover{background:#ffffff;
color:#9E2C27;
}


#institucional{float:left;
position:relative;
width:100%;
background: #fff;
/*background:url(../img/bg-institucional.jpg) center top no-repeat;*/
min-height:321px;
/*padding:25px 0px;*/
}
#institucional > hr{margin:0;border:1px solid #fff;border-width: 1px 0 1px 0;border-top-color:#fff;border-bottom-color:#dadada;}

#info-institucional{float:right;
position:relative;
/*width:70%;*/
}

#logo-principal{float:left;
position:relative;
width:30%;
margin-bottom:20px;
}

#logo-principal img{width:100%;
height:auto;
}

#resumo-stelle{float:left;
position:relative;
width:100%;
margin-bottom:20px;
}

#facebook-section{float:left;
position:relative;
width:100%;
overflow:hidden;

}

.fbh1{position:absolute;
right:0px;
width:auto;
font-size:20px;
font-family:'proxima_bold';
color:#3A5998;
margin-top:25px;
}

.fbh1 span{color:#575757;}


/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	7 BANNER
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/
 
.banner{		
width:100%;
position:relative;
overflow:hidden;
z-index:8;		
}

.banner img{width:100%;
height:auto;
}

.fullwidthbanner-container{
width:100% !important;		
position:relative;
padding:0;		
max-height:444px !important;
overflow:hidden;
} 

.fullwidthbanner-container .fullwidthabnner	{
width:100% !important;
max-height:444px !important;
position:relative;	
}



/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	9 SCROLL
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/

.ps-container .ps-scrollbar-x {
position: absolute; /* please don't change 'position' */
bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x */
height: 8px;
background-color: #0C1D61;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: opacity .2s linear;
-webkit-transition: opacity.2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-x,
.ps-container.hover .ps-scrollbar-x {
opacity: 0.4;
filter: alpha(opacity = 40);
}

.ps-container .ps-scrollbar-x:hover,
.ps-container .ps-scrollbar-x.hover {
opacity: 0.9;
filter: alpha(opacity = 90);
cursor:default;
}

.ps-container .ps-scrollbar-x.in-scrolling {
opacity: 0.9;
filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y {
position: absolute; /* please don't change 'position' */
right: 5px; /* there must be 'right' for ps-scrollbar-y */
width: 3px;
background-color: #0C1D61;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: opacity .2s linear;
-webkit-transition: opacity.2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container:hover .ps-scrollbar-y,
.ps-container.hover .ps-scrollbar-y {
opacity: 0.9;
filter: alpha(opacity = 20);
}

.ps-container .ps-scrollbar-y:hover,
.ps-container .ps-scrollbar-y.hover {
opacity: 0.9;
filter: alpha(opacity = 90);
cursor: default;
}

.ps-container .ps-scrollbar-y.in-scrolling {
opacity: 0.9;
filter: alpha(opacity = 90);
}


/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	10 A IMOBILIARIA
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/

#box-titulo-padrao{float:left;
position:relative;
width:100%;
background:#ffffff;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out
}

#container-titulo{float:left;
position:relative;
width:100%;
height:105px;
}

#h1titulo{float:left;
position:relative;
width:100%;
margin-top:32px;
}

.bgimob{background:url(../img/mini-empresa.jpg) right top no-repeat;}

#h1titulo h1{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima_bold';
color:#000000;
font-size:24px;
text-transform:uppercase;
}

#path{float:left;
position:relative;
width:100%;
text-align:left;
font-size:12px;
color: #CFCFCF;
}

#path a{color: #CFCFCF;}

#path a:hover{text-decoration:underline;}

#corpo{float:left;
position:relative;
width:100%;
padding:40px 0px;
font-size:14px;
min-height:400px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out
}



/*
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
	11 CONTATO
///////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////
*/

.bgcontato{background:url(../img/mini-contato.jpg) right top no-repeat;}

.contato{float:left;
position:relative;
width:70%;
margin-left:15%;
}

.contato h2{float:left;
position:relative;
width:100%;
text-align:left;
color:#999999;
margin-bottom:20px;
}

.contato label{float:left;
position:relative;
width:100%;
margin-bottom:7px;
}

.contato label p{float:left;
position:relative;
width:15%;
text-align:left;
font-size:14px;
color:#666666;
margin-top:10px;
}

.contato label p span{color:# #CFCFCF;}


.inc{float:right;
position:relative;
width:76%;
background:#ffffff;
padding:10px 2%;
border:none;
color:#666666;
font-family:'proxima';
}

.tnc{float:right;
position:relative;
width:76%;
height:100px;
background:#ffffff;
padding:10px 2%;
border:none;
color:#666666;
font-family:'proxima';
}

.snc{float:right;
position:relative;
width:80%;
background:#ffffff;
padding:10px 2%;
border:none;
color:#666666;
font-family:'proxima';
}

#btform{float:left;
position:relative;
width:100%;
margin-top:10px;
}

#respostacontato{float:left;
position:relative;
width:40%;
text-align:left;
color: #CFCFCF;
margin-top:10px;
}

#respostacontatobot{float:right;
position:relative;
width:auto;
color:#ffffff;
font-size:12px;
}

.bt-form{float:right;
position:relative;
width:auto;
background: #0C1D61;
color:#ffffff;
font-size:14px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:12px 10px;
cursor:pointer;
text-align:center;
margin-left:10px;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

.bt-form:hover{background: #B31212;
color: #621A15;
}

#paginacao{float:right;
position:relative;
width:100%;
}

#paginacao ul{float:right;
position:relative;
width:auto;
}

#paginacao ul li{float:left;
position:relative;
width:auto;
margin-right:5px !important;
}

#paginacao ul li a{float:left;
position:relative;
width:auto;
color:#666666;
font-size:15px;
margin:0px !important;
text-transform:uppercase;
padding:7px !important;
border-radius:15px;
}

#paginacao ul li a:hover{background: #0C1D61;
color:#ffffff !important;
}

.pagbold{font-family:'proxima_bold';
color:#000000 !important;
}

#column-left{float:left;
position:relative;
width:40%;
}

#column-right{float:right;
position:relative;
width:56%;
}

#show-photo{float:left;
position:relative;
width:100%;
}

#show-photo img{width:100%;
height:auto;
}

#scroll-photos{float:left;
position:relative;
width:100%;
margin-top:10px;
overflow-x:hidden;
}

#scroll-photos ul{float:left;
position:relative;
width:102%;
}

#scroll-photos ul li{float:left;
position:relative;
width:18%;
margin-right:2%;
margin-bottom:10px;
}

#scroll-photos ul li a{float:left;
position:relative;
width:100%;
border-bottom:3px solid #F2F2F2;
}

#scroll-photos ul li a:hover{border-bottom:3px solid #0C1D61;}

#scroll-photos ul li a img{width:100%;
height:auto;
}


#column-right h1{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima_bold';
color:#000000;
font-size:20px;
text-transform:uppercase;
}

#column-left h1{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima_bold';
color:#000000;
font-size:20px;
margin-bottom:30px;
display:none;
text-transform:uppercase;
}

#valor{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima';
color:#999999;
font-size:17px;
margin:30px 0px;
}

#valor p{color: #CFCFCF;
font-size:18px;
font-family:'proxima_bold';
}

#valor span{font-size:28px; color: #CFCFCF;}

#lista-caracteristicas{float:left;
position:relative;
width:100%;
}

#lista-caracteristicas ul{float:left;
position:relative;
width:100%;
}

#lista-caracteristicas ul li{float:left;
position:relative;
width:50%;
margin-bottom:10px;
}

#lista-caracteristicas ul li h2{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima';
color:#999999;
font-size:17px;
}

#lista-caracteristicas ul li h3{float:left;
position:relative;
width:100%;
text-align:left;
font-family:'proxima';
color:#000000;
font-size:16px;
}

#descricao-imovel{float:left;
position:relative;
width:100%;
margin:30px 0px;
}

#descricao-imovel h1{font-size:17px !important;
color:#999999 !important;
text-transform:none !important;
}

#box-formulario{float:left;
position:relative;
width:92%;
padding:25px 4%;
background:#ffffff;
}


#box-formulario h1{font-size:17px !important;
color:#999999 !important;
text-transform:none !important;
}

.gostou{float:left;
position:relative;
width:100%;
margin-top:15px;
}

.gostou fieldset{float:left;
position:relative;
width:48%;
}

.fieldright{float:right !important;}

.gostou fieldset label{float:left;
position:relative;
width:100%;
margin-bottom:10px;
}

.ig{float:left;
position:relative;
width:96%;
padding:10px 2%;
border:1px solid #e5e5e5;
color:#999999;
}

.tg{float:left;
position:relative;
width:96%;
padding:10px 2%;
border:1px solid #e5e5e5;
color:#999999;
height:70px;
font-family:'proxima';
}


.bt-enviar{float:left;
position:relative;
width:32%;
background: #0C1D61;
color:#ffffff;
font-size:14px;
font-family:'proxima_bold';
border:none;
text-transform:uppercase;
padding:10px 0px 11px 0px;
cursor:pointer;
text-align:center;
margin-right:4%;
margin-top:3px;
}

.bt-enviar:hover{background: #0C1D61;
color:#ffffff;
}

#bloco-telefones{float:left;
position:relative;
width:96%;
padding:20px 2%;
text-align:center;
background:#f5f5f5;
color:#9E2C27;
font-family:'proxima';
font-size:14px;
}

#respostainteresse{float:right;
position:relative;
width:auto;
font-family:'proxima' !important ;
}

#respostaligamos{float:left;
position:relative;
width:auto;
font-size:16px;
color: #CFCFCF;
margin-top:15px;
margin-left:15px;
font-family:'proxima' !important ;
}


#hovermaskhome{position:absolute;
left:-100%;
top:0px;
bottom:0px;
right:100%;
background:url(../img/bg-box.png);
padding:25px;
opacity:0;

transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
-ms-transition:all 0.2s ease-in-out;
}

#lista-imoveis-principal ul li a:hover #hovermaskhome{opacity:1;
right:0px;
left:0px;
}

.titulo-imovel-box{float:left;
position:relative;
width:100%; 
text-align:left;
font-size:16px;
font-family:'proxima_bold';
color:#ffffff;
margin-top:25%;
text-transform:uppercase;
padding-bottom:10px;
border-bottom:1px solid #ffffff;
}

.titulo-imovel-det{float:left;
position:relative;
width:100%;
text-align:left;
font-size:16px;
font-family:'proxima_bold';
color:#ffffff;
text-transform:uppercase;
margin-top:15px;
}