/* ### GENERAL ### */
@charset "utf-8";
* { margin: 0px; padding: 0px; }
html, body { 
font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #434343;
	top: 0 !important;
	/*background-color: #ffffff;*/
}

#google_translate_element, 
.goog-te-banner-frame, 
.goog-te-balloon-frame, 
#goog-gt-tt, 
.goog-te-balloon-frame, 
.goog-tooltip, 
.goog-tooltip:hover { 
    display:none !important; 
}
input, select, textarea { font-family: Arial; font-size: 13px; color: #434343; }
img { border: 0px; display: block; }

/*CSS DO SLIDE*/	
.lof-slidecontent{
	position: relative;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:695px;
	height:300px;
	left: 0px;
	top: 0px;
	/*z-index:90;*/
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position: absolute;
	top:1px;
	left:738px;
	/*z-index:100000;*/
	color:#FFF;
	text-align: left;
}
.lof-slidecontent .preload div{
	height:200%;
	width:100%;
	background:transparent url ("../images/load-indicator.gif") no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position: relative;
	height:100%;
	width:400px;
	/*z-index:3px;*/
	overflow:hidden;
}
/*******************************************************/
.lof-main-item-desc{
	top:235px;
	left:0px;
	width:400px;
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0px 8px;
	padding:8px 0;
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:100px;
	font-size:140%;
	padding:20px 8px 2px;
	font-family: Arial, Helvetica, sans-serif; /*"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif*/
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}
/* main flash */
ul.lof-main-wapper{
	padding:0;
	margin:0px;
	position:absolute;
	width:400px;
	overflow:hidden;
	background:transparent url("../images/load-indicator.gif") no-repeat scroll 50% 50%;
	height: 300px;
	visibility: visible;
}

ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:402px;
	float: left;
}
.lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	margin-top:-12px;
	width: 400px;
	height: 300px;
}

li-desc{

	position:absolute;
	top:150px;
	left:50px;
	width:400px;
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:Arial, Helvetica, sans-serif; /*"Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif*/
}
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}
/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	left: 1px;
	z-index:90000;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	z-index:1000;
	position:absolute;
	right:0;
	top:0px;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF;
}
.lof-navigator li.active{
	background:url("../images/arrow-bg.png") no-repeat scroll left; 
	color:#FFF;
}
.lof-navigator li:hover{
	
}
.lof-navigator li h3{
	color: #FFF; /*Cor branca que vai como título junto a imagem lateral direita do slide antes da passada da animação */
	font-size:14px;
	padding:6px 0 0 0 !important;
	margin:0;
}

.lof-navigator li div{
	background: #8f8f8f; /*Fundo na cor Cinza na lateral direita do slide para o conjunto de informações do imóvel*/
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #E1E1E1; /*Espessura da borda e cor de contorno na lateral direita do slide para o conjunto de informações do imóvel*/
}
.lof-navigator li img {
	height: 53px;/*60px*/ /*Altura da imagem que vai na lateral direita do slide*/ 
	width: 70px; /*Largura da imagem que vai na lateral direita do slide*/ 
	margin:15px 5px 10px 0px; /*Margens da imagem que vai na lateral direita do slide*/ 
	float:left;  /*Posicionamento da imagem que vai na lateral direita do slide*/ 
	padding:3px;  /*Espaçamento da imagem que vai na lateral direita do slide*/ 
	border:#6C8E5C solid 1px /*#C5C5C5 solid 1px*/; /*Borda da imagem que aparece na lateral direita do slide quando a cor é cinza*/
}
.lof-navigator li.active img {
	border:#6C8E5C  solid 1px; /*Largura da borda da imagem menor que aparece na lateral direita do slide na cor verde*/
}
.lof-navigator li.active h3 {
	color: #000; /*Cor do texto (preto) que vai como título junto a imagem lateral direita do slide*/
}
/*CSS SLIDE*/

/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url("../images/footer-strip.gif") bottom center repeat-x; }
#layout {width: 100%; background: url("../images/footer.jpg") bottom center no-repeat; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding: 0px 20px; margin: 0 auto; width: 960px; }
#container { width:900px; padding:5px 0px 3px 8px; font-size:12px; margin-top:2px; }
#container2 {width:230px;height:305px;background:url("../images/formulario-black.jpg") no-repeat;float:left;position:absolute;left: 952px;top: 173px;}

/* ### HEADER CONTAINER ### */
#headerCntr { position: relative; width: 975px; height: 175px;}
#headerCntr h1 { padding: 1px 0px 0px 50px; height: 92px; }
	
/*DEFINIÇÃO DA LOGO 340x120*/
#headerCntr h1 a { display: block;  width: 340px; height: 125px; text-indent: -9999px; background: url("../estrutura/imagens/logo/logo.png") 100% no-repeat; }
	
/* ### SEARCH BOX ### */
.boas_vindas { padding: 8px 0px 0px 10px; width: 225px; height: 20px; float: left;}

/* DIV DO SLIDER */
#slider {position:relative;width:960px;height:325px;margin:0px 0 0 0;}
#slider .descricao {background:url("../images/formulario-back.jpg") no-repeat;width:200px;height:310px;float:left;}
#slider .fotos {background:url("../images/banner-back1.jpg") no-repeat;width:720px;height:310px;float:right}
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url("../images/footer-strip.gif") bottom center repeat-x; }
#layout { width: 100%; background: url("../images/footer.jpg") bottom center no-repeat; }


/* ### CONTENT CONTAINER ### */
#contentCntr { padding: 15px 0px; overflow: hidden; width: 960px; }
	
/* ### LEFT CONTAINER ### */
#leftCntr { padding-right: 30px; float: left; width: 960px;}
#leftCntr a.readMore {padding: 0px 40px; display: block; float: right; width: 77px; height: 22px; text-indent: -9999px; background: url("../images/more.jpg") no-repeat; }
#leftCntr a.readMore:hover { background: url("../images/more-hover.jpg") no-repeat; }		
			
/*### BUTTONS ### */
.buttons { padding-bottom:20px; width:200px; float:left; overflow:hidden; }
.buttons ul {  overflow: hidden; }
.buttons li { padding-left:5px; float:left; list-style: none;}
.buttons li a { color: #3b3b3b; width:28px; text-align:center; font-size:12px; color:#404040; line-height:28px; display:block; text-decoration: none; background: url("../images/number_b_hover.jpg") no-repeat;  }
.buttons li a:hover { color:#FFFFFF; background: url("../images/number_button.jpg") no-repeat;  }
.buttons li a.select{ color:#FFFFFF; background: url("../images/number_button.jpg") no-repeat;  }
			  
/* ### RIGHT CONTAINER ### */
#rightCntr { padding-left: 0px; float: right; width: 230px; top; }

/* ### NEWS BOX ### */
.newsBoxSup {padding: 0 0 0 10px; float: left; width:235px;}

.newsBox {padding: 0 0 0 160px; float: left; background: url("../images/news.jpg") no-repeat; width:960px;}
.newsBox ul li a {text-decoration:none;color:#333;}
.newsBox ul li a:hover {text-decoration:underline;color:#093;}
/* ### NEWS BOX Clima ### */
.newsBoxClima {font-family:Verdana, Geneva, sans-serif;color:#666;font-size:10px; padding:none; float: left; width:220px;}

.newsBoxIndice {padding:25px 0 0 0; float: right; width:250px;}

.newsBoxRedes {padding:10px 0 0 0px; float: right; width:960px;}

/* ### CONTACT BOX ### */
.contactBox { padding-top: 5px; width: 212px; float: right; }
.contactBox h3 { padding-bottom: 5px; color: #35b111; font-size: 19px; font-weight: normal; font-style: italic; background: url("../images/contact-icon.gif") right no-repeat; }
.contactBox address { color: #4e4e4e; line-height: 25px; font-size: 14px; font-style: normal; }
.contactBox address a { color: #4e4e4e; }
.contactBox address a:hover { text-decoration: none; }
.contactBox.lasst{ padding-top:68px;}