/*
==============================
Project Name: 
Description: 
Slicer: 
Designer: 
===============================
*/

//============================ Libraries

@import "libs/css3";
@import "libs/noGrid";
@import "libs/grid";

//============================ borders



//============================ Code

body{ background: black; overflow-x: hidden; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; }
ul, li, ol{ list-style: none; }
a{ outline: none; }
label{ display: none; }	
input{ height: 38px; }
textarea{ height: 138px; }
input,textarea{ line-height: 38px; padding: 0 10px; border: solid 1px #d6d6d6; margin: 0; display: block; .corners; float: left; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
button{ width: 35px; height: 40px; border: none; margin: 0; padding: 0; display: block; float: right; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; .corners; .gradient(#00a651, #007c3d); cursor: pointer; }

header#top{
	width: 100%;
	height: 270px;
	background: #db8605 url(../img/bg-header.jpg) no-repeat center top;
	position: relative;
	
	h1{
		top: 35px;
		left: 50%;
		margin: 0 -470px;
		position: absolute;
		z-index: 5;
		
		a{
			width: 170px;
			height: 100px;
			background: url(../img/conisa.png) no-repeat center center;
			display: block;
			text-indent: -30000px;
		}
	}
	
	nav{
		
		ul.menu{ top: 180px; }
		div#bg-menu{ top: 180px; }
		div#chat{ top: 170px; }
		
		ul#nav-header{
			width: 220px;
			height: 30px;
			top: 0px;
			left: 50%;
			margin: 0 250px;
			position: absolute;
			z-index: 4;
			
			li{
				float: left;
				
				a{
					height: 30px;
					line-height: 30px;
					border: solid 1px rgba(250, 223, 87, 0.0);
					border-top: none;
					padding-left: 30px;
					padding-right: 5px;
					background: url(../img/icons-nav-top.png) no-repeat 0px 0;
					display: block;
					font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: normal;
					color: #fff6ab;
					text-decoration: none;
					.corner(0px, 5px, 5px, 0px);
					.animate;
					
					&:hover{
						border: solid 1px rgba(250, 223, 87, 0.4);
						border-top: none;
						background: url(../img/icons-nav-top.png) no-repeat 0px 0 rgba(178, 142, 18, 0.2);
					}
				}
			}
			
			li#nav-trabalhe{ float: left; a{ background-position: 0 0; }}
			li#nav-lang-english{ float: right; a{ background-position: 0 -30px; }}
			li#nav-lang-portuguese {float: right; a{ background: url(../img/brasil.png) no-repeat 7px 7px; }}
		}
		
		section{
			width: 300px;
			height: 60px;
			line-height: 34px;
			top: 70px;
			left: 50%;
			margin: 0 170px;
			display: block;
			position: absolute;
			z-index: 4;
			
			h4{ font-family: "Pacifico", Arial, Helvetica, sans-serif; font-size: 28px; font-weight: normal; color: #fff; }
			p{  font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #fff; }
		}
	}
}

ul.menu{
	width: 940px;
	height: 50px;
	left: 50%;
	margin: 0 -470px;
	background: #00a651;
	position: absolute;
	z-index: 3;
	
	li{
		float: left;
		position: relative;
		
		a{
			height: 50px;
			line-height: 54px;
			padding: 0 10px;
			text-decoration: none;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #a8ffd2;
			text-transform: uppercase;
			display: block;
			.animate;
			
			&:hover{
				color: #fff;
			}
		}
		span{
			width: 0px;
			height: 0px;
			left: 50%;
			bottom: -10px;
			margin: 0 -5px;
			position: absolute;
			display: block;
			
			border-top: solid 10px #00a651;
			border-right: solid 5px transparent;
			border-bottom: solid 0px transparent;
			border-left: solid 5px  transparent;
		}
		span.active{
			position: absolute;
			display: block!important;
		}
		
		ul{
			width: 400px; left: 10px; position: absolute; display: none; .opacity(0);
			
			li{
				a{
					height: 39px;
					line-height: 43px;
					display: block;
					font-size: 11px;
					color: #fff;
					padding: 0 15px;
					
					&:hover{ color: #999; }
				}
			}
		}
		ul.active{
			display: block!important;
			.opacity(1);
			li{
				.opacity(1);
			}
			li.active{
				.opacity(1);
				a{
					.opacity(1);
					color: #999;
				}
			}
		}
	}
}

div#chat{ width: 227px; height: 60px; padding-left: 3px; left: 50%; margin: 0 240px; background: url(../img/bg-chat.png) no-repeat 0 0; position: absolute; z-index: 3; a{ width: 227px; height: 50px; display: block; }}
div#bg-menu{ width: 50%; height: 50px; left: 0; background: #00a651; position: absolute; z-index: 2; }
div#bg-black{ width: 100%; height: 60px; left: 0; bottom: 0; background: url(../img/bg-black.png) repeat-x 0 0; position: absolute; z-index: 1; }

div#bg{
	padding: 40px 0 80px 0;
	background: #fff;
}

div#main{
	width: 940px;
	margin: 0 auto;
	position: relative;
	
	div#content{
		width: 700px;
		float: right;
		position: relative;
	}
	
	aside#sidebar{
		width: 220px;
		float: left;
		position: relative;
		
		section{
			width: 178px;
			border: solid 1px #d9d9d9;
			padding: 20px;
			margin-bottom: 30px;
			.corners;
			
			h3{
				margin-bottom: 15px;
				font-family: "NeoSansProLight", Arial, Helvetica, sans-serif;
				font-size: 18px;
				font-weight: normal;
				color: #00a651;
				text-transform: uppercase;
				
				strong{ font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; }
			}
		}
	}
}

section#sidebar-online{
	.gradient(white, #f1f1f1);
	
	h3{ width: 100%; height: 60px; display: block; background: url(../img/icon-logado.png) no-repeat 0 0; text-indent: -30000px; }
	p{ line-height: 16px; margin-bottom: 10px; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #5f5d5d; }
	a{
		display: block; margin-bottom: 5px; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 13px; color: #00a651; text-decoration: none;
		
		&:hover{}
	}
}

section#sidebar-atendimento{
	height: 198px;
	.gradient(white, #f1f1f1);
	
	ul#list-atendimento{
		overflow: hidden;
		
		li{
			margin-bottom: 5px;
			
			a{
				width: 126px;
				height: 28px;
				padding: 10px 0 10px 50px;
				border: solid 1px #d9d9d9;
				background: url(../img/icons-atendimento.png) no-repeat 0 0;
				display: block;
				text-decoration: none;
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 16px;
				text-transform: uppercase;
				line-height: 16px;
				color: #00a651;
				.corners;
				
				strong{ display: block; font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
			}
		}
		
		li#atendimento-central a{ background-position: 0 0; cursor: default;}
		li#atendimento-contato a{ background-position: 0 -50px; }
		li#atendimento-ligamos a{ background-position: 0 -100px; }
	}
}
ul#list-midias{
	li.heigh-135px{height:135px!important;}
}

section#sidebar-noticias{
	overflow: hidden;
	.gradient(white, #f1f1f1);
	
	ul{
		li{
			margin-bottom: 20px;
			
			a{
				width: 178px;
				display: block;
				font-weight: normal;
				text-decoration: none;
				color: #5f5d5d;
				.animate;
				
				small{ font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; }
				h4{ display: block; margin-bottom: 5px; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 16px; }
				article{ font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 13px; }
				
				&:hover{ color: #00a651; }
			}
		}
	}
}

section#sidebar-fique-atento{
	height: 108px;
	.gradient(white, #f1f1f1);
	
	form{
		
		article{ margin-bottom: 5px; display: block; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; }
		input{ width: 110px; height: 38px; line-height: 38px; padding: 0 10px; border: solid 1px #d6d6d6; margin: 0; display: block; .corners; float: left; }
		button{ width: 35px; height: 40px; border: none; margin: 0; padding: 0; display: block; float: right; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; .corners; .gradient(#00a651, #007c3d); cursor: pointer; }
	}
}


div#slide{
	width: 700px;
	height: 240px;
	margin-bottom: 30px;
	position: relative;
	
	ul{
		width: 700px;
		height: 240px;
		overflow: hidden;
		position: relative;
		
		li{
			position: absolute;
			
			a{
				width: 700px;
				height: 240px;
				display: block;
				position: relative;
				text-decoration: none;
				.corners;
				
				h4{
					width: 300px;
					height: 60px;
					left: 50px;
					top: 50%;
					margin: -30px 0;
					position: absolute;
					font-family: "NeoSansProLight", Arial, Helvetica, sans-serif;
					font-size: 32px;
					line-height: 32px;
					font-weight: normal;
					color: #fff;
					text-transform: uppercase;
					
					strong{
						display: block;
						font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
						font-weight: normal;
					}
				}
				img{
					width: 700px;
					height: 240px;
					display: block;
					.corners;
				}
				
				&:hover{
					
				}
			}
		}
	}
	
	div#nav{
		padding: 0 5px 5px 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 99;
		
		a{
			width: 20px;
			height: 20px;
			background: url(../img/slide-off.png) no-repeat center center;
			display: inline-block;
			text-indent: -30000px;
			
			&:hover{
				background: url(../img/slide-on.png) no-repeat center center;
			}
		}
		a.activeSlide{ background: url(../img/slide-on.png) no-repeat center center; }
	}
}

div#empreendimentos-show{
	/*background: red;*/
}

div.list-abas{
	padding-top: 30px;
	margin-bottom: 30px;
	position: relative;
	
	ul.abas{
		width: 100%;
		top: 0px;
		position: absolute;
		z-index: 99;
		
		li{
			float: left;
			
			a{
				height: 29px;
				padding: 0 20px;
				border: solid 1px #fff;
				border-bottom: none;
				line-height: 34px;
				display: block;
				background: #f1f1f1;
				color: #5f5d5d;
				text-decoration: none;
				.corner(5px, 0, 0, 5px);
				text-transform: uppercase;
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 14px;
			}
			
			a.selected{
				height: 30px;
				background: #fff;
				border: solid 1px #d9d9d9;
				border-bottom: none;
				color: #00a651;
			}
		}
	}
}

div.content{
	width: 658px;
	height: 378px;
	padding: 20px;
	border: solid 1px #d9d9d9;
	.gradient(white, #f1f1f1);
	.corner(5px, 5px, 5px, 0);
	position: relative;
	
	
}
.contaba{ width: 658px; left: 20px; top: 20px; position: absolute; }
ul.carousel{
	/*width: 3000px;
	height: 278px;*/
	overflow: hidden;
	
	li{
		width: 205px;
		height: 378px;
		float: left;
		margin-right: 21px;
		position: relative;
		
		a{ text-decoration: none; }
		a.empreendimentos-thumb-photo{
			width: 205px;
			height: 250px;
			display: block;
			margin-bottom: 20px;
			overflow: hidden;
			background: #f1f1f1;
			
			img{ display: block; }
		}
		
		h4{
			width: 205px;
			margin-bottom: 5px;
			font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 14px;
			text-transform: uppercase;
			line-height: 16px;
			
			a{
				display: block;
				color: #000;
				
				small{
					width: 205px;
					display: block;
					font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #5f5d5d;
					
					&:hover{ text-decoration: underline; color: #5f5d5d; }
				}
				
				&:hover{ text-decoration: underline; }
			}
		}
		
		article{
			display: block;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 14px;
			
			a{
				color: #5f5d5d;
				
				&:hover{ text-decoration: underline; }
			}
		}
		
		div.carousel-nav{
			width: 205px;
			height: 20px;
			position: absolute;
			bottom: 0;
			left: 0;
			
			a{ height: 20px; line-height: 24px; padding-left: 25px; float: left; display: block; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; &:hover{ text-decoration: underline; } }
			a.saiba-mais{			width: 65px; margin-right: 10px; background: url(../img/icons-nav.png) no-repeat 0 0; color: #009448; }
			a.list-chat-online{		width: 70px; background: url(../img/icons-nav.png) no-repeat 0 -20px; color: #009448; }
			a.list-chat-offline{	width: 70px; background: url(../img/icons-nav.png) no-repeat 0 -40px; color: #a60000; }
		}
	}
}

.jcarousel-prev,
.jcarousel-next{ width: 20px; height: 45px; top: 110px; background: url(../img/bg-nav-carousel.png) no-repeat 0 0; position: absolute; cursor: pointer; }

.jcarousel-prev{ left: -30px; background-position: 0 0; &:hover{ background-position: 0 -45px; } }
.jcarousel-next{ right: -30px; background-position: -20px 0; &:hover{ background-position: -20px -45px; } }



div#twitter{
	width: 475px;
	padding: 0 0 0 225px;
	/*background: url(../img/bg-twitter.png) no-repeat 0 0;*/
	position: relative;
	
	h3{ 
		width: 226px; height: 100%; display: block; position: absolute; z-index: 2;top: 0; left: 0;
		a{width: 226px; height: 100%; display: block; background: url(../img/bg-twitter-single.png) no-repeat right center;  text-indent: -30000px; }
	}
	ul{
		width: 435px;
		border: solid 1px #ccc;
		padding: 20px;
		.corner;
		
		li{
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #666;
			line-height: 18px;
			
			a{ color: #666; text-decoration: none; &:hover{ text-decoration: underline; } }
			small{ display: block; font-size: 11px; color: #00a350; }
		}
	}
}
div#twtr-widget-1{
	width:475px;
	padding: 0 0 0 225px;
	height:auto!important;
	div.twtr-doc{
		width:435px !important;
		height:160px !important;
		border: solid 1px #ccc; 
		padding: 20px;
		.corner;
		.twtr-hd{
			position:absolute;
			width: 226px;
			left:-10px;
			top:55px;
			h3{display:none !important;}
			h4{display:none !important;}
			a{  
				width: 226px !important; 
				height: 52px !important; 
				display: block !important; 
				background: url(../img/bg-twitter-single.png) no-repeat right center !important;
				text-indent: -30000px !important;
				img{display:none!important;}
			}
		}
		.twtr-bd{
			.twtr-timeline{
				height:160px !important;
				margin-top:-3px;
				p{
					font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif !important;
					font-size: 13px !important;
					font-weight: normal !important;
					color: #666 !important;
					line-height: 18px !important;
					a.twtr-atreply{color: #00a350 !important;}					
					a.twtr-hashtag{color: #00a350 !important;}					
					a.twtr-timestamp{color: #00a350 !important;}					
					a.twtr-reply{color: #00a350 !important;}					
					a.twtr-rt{color: #00a350 !important;}					
					a.twtr-fav{color: #00a350 !important;}					
				}
				.twtr-tweet{
					border-bottom: solid 1px #ccc;
				}
			}
		}
	}
	div.twtr-ft{display:none!important;}
}

footer#footer{
	width: 100%;
	height: 250px;
	position: relative;
	
	nav{
		ul{
			li{
				a{}
				
				ul{/* display: none; */}
			}
		}
		
		div#footer-info{
			width: 100%;
			height: 79px;
			border-bottom: solid 1px #393536;
			top: 60px;
			left: 0;
			background: #4d4a4a;
			position: absolute;
			
			#footer-info-content{
				width: 940px; height: 40px; padding: 19px 0 20px 0; margin: 0 auto; position: relative;
				
				section#info{
					width: 500px; height: 40px; float: left;
										
					ul#info-ul{
						li{
							float: left;
							margin-right: 40px;
							
							a{
								height: 35px;
								padding: 3px 5px 2px 45px;
								display: block;
								background: url(../img/icons-footer-info.png) no-repeat 0 0;
								text-transform: uppercase;
								font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
								font-size: 16px;
								font-weight: normal;
								text-decoration: none;
								color: #b8b7b7;
								line-height: 18px;
								
								strong{ display: block; font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
								
								&:hover{
									
								}
							}
						}
						
						li#info-footer-central a{ background-position: 0 0; }
						li#info-footer-contato a{ background-position: 0 -40px; }
						li#info-footer-ligamos a{ background-position: 0 0; }
					}
				}
				
				section#midias-sociais{
					width: 160px; height: 40px; float: right;
					
					h4{
						width: 60px;
						height: 35px;
						float: left;
						padding: 3px 10px 2px 0;
						text-transform: uppercase;
						font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
						font-size: 16px;
						font-weight: normal;
						text-decoration: none;
						color: #b8b7b7;
						line-height: 18px;
						
						strong{ display: block; font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; }
					}
					
					ul#midias-sociais-ul{
						width: 90px;
						height: 30px;
						padding: 5px 0;
						float: left;
						
						li{
							float: left;
							
							a{
								width: 30px;
								height: 30px;
								display: block;
								background: url(../img/icons-midias.png) no-repeat 0 0;
								text-indent: -30000px;
								
								&:hover{
									
								}
							}
						}
						
						li#ms-twitter a{	background-position: 0 0; }
						li#ms-flickr a{		background-position: 0 -30px; }
						li#ms-youtube a{	background-position: 0 -60px; }
						li#ms-facebook a{	background-position: 0 -90px; }
						li#ms-orkut a{		background-position: 0 -120px; }
						li#ms-rss a{		background-position: 0 -150px; }
					}
				}
			}
		}
		
		div#footer-address{
			width: 100%; height: 20px; padding: 45px 0; top: 140px; left: 0; background: black; position: absolute;
			
			div{
				width: 940px;
				margin: 0 auto;
				position: relative;
				
				address{
					width: 400px;
					height: 20px;
					line-height: 20px;
					padding-left: 20px;
					background: url(../img/icon-footer-address.png) no-repeat left center;
					float: left;
					color: #ccc;
					font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-style: normal;
					font-weight: normal;
					a{
						color: #ccc; text-decoration:none;
						strong{ font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; }
						&:hover{ text-decoration:underline;}
					}
					strong{ font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; }
				}
				
				a#balaioideias{ width: 15px; height: 20px; background: url(../img/balaioideias.png) no-repeat 0 0; margin: 0 0; right: 0px; display: block; text-indent: -30000px; position: absolute; z-index: 9; }
				a#balaioideias:hover{ background-position: 0 -20px; }
			}
		}
		
		ul.menu{ top: -35px; }
		div#chat{ top: -45px; }
		div#bg-menu{ top: -35px; }
		div#bg-black-footer{ width: 100%; height: 58px; border-top: solid 1px #333030; border-bottom: solid 1px #333030; left: 0; bottom: 0; background: #393536; top: 0px; position: absolute; z-index: 1; }
	}
}

.pages{
	width: 680px;
	padding-left: 20px;
	/*background: red;*/
	
	h2{
		font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
		font-size: 30px;
		font-weight: normal;
		line-height: 34px;
		color: #00a651;
		margin-bottom: 30px;
		text-transform: uppercase;
		
		strong{ font-family: "NeoSansProBold", Arial, Helvetica, sans-serif; font-weight: normal; color: black; }
	}
	h3{
		font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #00a651;
		margin-bottom: 15px;
		text-transform: uppercase;
	}
	p{
		margin-bottom: 20px;
		line-height: 18px;
		font-size: 13px;
		color: #605d5e;
	}
}
ul#list-midias2{
	li{
		width: 210px;
		margin-bottom: 20px;
		float: left;
		
		a{ display: block; text-decoration: none; }
	}
	li > a.midias-photo{
		width: 210px;
		height: 135px;
		display: block;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
		
		img{ display: block; }
		span{
			width: 210px;
			height: 135px;
			display: block;
			top: 0;
			left: 0;
			background: url(../img/bg-videos.png) no-repeat 0 0;
			position: absolute;
			z-index: 9;
			.animate;
			
			&:hover{ .opacity; }
		}
	}
}

ul#list-midias{
	li{
		width: 210px;
		height: 210px;
		margin-bottom: 20px;
		float: left;
		
		a{ display: block; text-decoration: none; }
	}
	li > a.midias-photo{
		width: 210px;
		height: 135px;
		display: block;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
		
		img{ display: block; }
		span{
			width: 210px;
			height: 135px;
			display: block;
			top: 0;
			left: 0;
			background: url(../img/bg-videos.png) no-repeat 0 0;
			position: absolute;
			z-index: 9;
			.animate;
			
			&:hover{ .opacity; }
		}
	}
	li > article{
		height: 40px;
		overflow: hidden;
		
		a{
			width: 210px;
			display: block;
			font-size: 13px;
			line-height: 18px;
			color: #666;
			position: relative;
			
			&:hover{ text-decoration: underline; }
		}
	}
	li > a.more-midias{
		width: 110px;
		height: 25px;
		line-height: 29px;
		padding-left: 10px;
		display: block;
		position: relative;
		.gradient(#00a651, #008c44);
		.corner(3px, 3px, 3px, 3px);
		font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
		font-size: 13x;
		font-weight: normal;
		color: #fff;
		
		span{
			width: 0px;
			height: 0px;
			border-top: 13px solid white;
			border-right: 10px solid white;
			border-bottom: 12px solid white;
			border-left: 10px solid transparent;
			display: block;
			position: absolute;
			right: 0;
			top: 0;
		}
	}
}

ul#list-noticias{
	line-height: 18pt;
	margin-bottom: 20px;
	
	li{
		a{
			text-decoration: none;
			color: #666;
			
			&:hover{ text-decoration: underline; }
			
			small{
				font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
				font-size: 13x;
				font-weight: normal;
				color: #00a651;
			}
			strong{
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-size: 13x;
				font-weight: normal;
				color: #666;
			}
		}
	}
}

ul#list-classificados > li{
	width: 680px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid 1px #d9d9d9;
	
	a.list-classificado-image{ width: 155px; height: 220px; margin-bottom: 20px; display: block; float: left; }
	div.list-classificado-info{
		width: 500px; margin-bottom: 20px; float: right;
		
		h3{}
		ul{
			line-height: 24px;
			
			li{ width: 250px; color: #666; font-size: 13px; }
		}
	}
}

div.list-thumb{
	width: 638px;
	height: 108px;
	padding: 20px;
	border: solid 1px #d9d9d9;
	.gradient(white, #f1f1f1);
	.corner(5px, 5px, 5px, 0);
	clear: both;
	position: relative;
	
	
	ul{
		li{ width: 145px; height: 110px; float: left; margin-right: 20px; overflow: hidden; }
	}
	
	.jcarousel-prev{ top: 30px; display:block !important;}
	.jcarousel-next{ top: 30px; display:block !important;}
	
}

/*
.jcarousel-prev-disabled,
.jcarousel-next-disabled{ display: none !important; }
*/

ul#list-empreendimentos{
	li{
		width: 155px;
		float: left;
		margin-bottom: 40px;
		
		a{ display: block; text-decoration: none; }
	}
	li > a{ margin-bottom: 20px; }
	li > h4{
		min-height: 35px;
		font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 5px;
		
		a{ color: #00a651; &:hover{ text-decoration: underline; } }
	}
	li > article{
		height: 50px;
		margin-bottom: 10px;
		a{ color: gray; &:hover{ text-decoration: underline; } }
	}
	li > div{
		
		a{ height: 20px; line-height: 24px; padding-left: 25px; float: left; display: block; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; &:hover{ text-decoration: underline; } }
		a.saiba-mais{			width: 65px; margin-right: 10px; background: url(../img/icons-nav.png) no-repeat 0 0; color: #009448; }
		a.list-chat-online{		width: 70px; background: url(../img/icons-nav.png) no-repeat 0 -20px; color: #009448; }
		a.list-chat-offline{	width: 70px; background: url(../img/icons-nav.png) no-repeat 0 -40px; color: #a60000; }
		a.list-download{		width: 70px; background: url(../img/icons-nav.png) no-repeat 0 -60px; color: #009448; }
	}
}
.table-ficha{
	a.list-download{
		text-decoration:none;
		width: 70px; 
		background: url(../img/icons-nav.png) no-repeat 0 -60px; 
		color: #009448;  
		padding: 4px 0 2px 20px; 
		&:hover{ 
			text-decoration: underline;
		} 
	}
}
div#slide-empreendimentos{
	width: 638px;
	height: 338px;
	padding: 20px;
	margin-bottom: 30px;
	position: relative;
	border: solid 1px #d9d9d9;
	.gradient(white, #f1f1f1);
	.corners;
	
	.jcarousel-prev{ top: 90px; display: block !important;}
	.jcarousel-next{ top: 90px; display: block !important;}
	
	ul{
		height: 338px;
		overflow: hidden;
		
		li{
			width: 638px;
			height: 338px;
			overflow: hidden;
			
			a{
				img{
				}
			}
		}
	}
}

.table-ficha-tecnica{
	width: 678px;
	margin-bottom: 30px;
	
	tr{
		height: 28px;
		line-height: 28px;
		border: solid 1px #d9d9d9;
		display: block;
		
		td{ width: 295px; padding: 0 20px; vertical-align: middle; color: #666; }
	}
	
	tr.table-first{
		.corner(5px, 0, 0, 5px);
	}
	tr.table-last{
		.corner(0, 5px, 5px, 0);
	}
	
	tr.table-par{
		background: #f0f0f0;
		
		td{}
	}
	tr.table-impar{
		td{}
	}
	
}
.table-ficha{
	width: 678px;
	margin-bottom: 30px;
	
	tr{
		height: 28px;
		line-height: 28px;
		border: solid 1px #d9d9d9;
		display: block;
		
		td{ width: 295px; vertical-align: middle; color: #666; }
	}
	
	tr.table-first{
		.corner(5px, 0, 0, 5px);
	}
	tr.table-last{
		.corner(0, 5px, 5px, 0);
	}
	
	tr.table-par{
		background: #f0f0f0;
		
		td{}
	}
	tr.table-impar{
		td{}
	}
	
}

#acompanhamento-obra{
	width: 638px;
	height: 98px;
	padding: 20px;
	position: relative;
	border: solid 1px #d9d9d9;
	.gradient(white, #f1f1f1);
	.corners;
}

#box-apartamentos{
	.contaba{width:639px}
}

#box-acompanhe-obra{
	margin-bottom: 30px;
	
	div#box-acompanhe-obra-title{
		width: 640px;
		height: 25px;
		padding: 10px 20px;
		margin-bottom: 10px;
		.gradient(#00a552, #006a34);
		.corners;
		
		p{
			width: 400px;
			height: 25px;
			line-height: 30px;
			margin: 0 !important;
			color: white;
			font-weight: normal;
			float: left;
		}
		select{
			width: 150px;
			height: 25px;
			padding: 5px 5px 5px 10px;
			float: right;
			border: none;
			.corners;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #666;
			
			option{ height: 20px; padding-top: 5px; }
		}
	}
	ul{
		width: 638px;
		overflow: auto;
		padding: 20px 20px 10px 20px;
		position: relative;
		border: solid 1px #d9d9d9;
		.gradient(white, #f1f1f1);
		.corners;
		
		li{
			width: 195px;
			height: 35px;
			margin-bottom: 20px;
			float: left;
			
			strong{
				width: 195px;
				height: 15px;
				line-height: 14px;
				margin-bottom: 5px;
				display: block;
				float: left;
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: normal;
				color: #666;
			}
			span{
				width: 195px;
				height: 15px;
				line-height: 18px;
				text-align: right;
				background: url(../img/bg-progress.png) no-repeat 0 0;
				display: block;
				float: left;
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: normal;
				color: #666;
			}
		}
	}
}

div#estagio-da-obra-div{
	
	div.contaba{
		ul.carousel{
			li{ width: 145px; height: 110px; float: left; margin-right: 20px; margin-left: 0 !important; overflow: hidden; }
		}
		
		.jcarousel-prev{ top: 30px; display:block !important;}
		.jcarousel-next{ top: 30px; right: -10px; display:block !important;}
		
		ul.list-empreendimento{
			li{
				width: 195px;
				height: 35px;
				/*background: red;*/
				margin-bottom: 20px;
				margin-right: 0px;
				float: left;
				
				strong{
					width: 195px;
					height: 15px;
					line-height: 14px;
					margin-bottom: 5px;
					display: block;
					float: left;
					font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: normal;
					color: #666;
				}
				span{
					width: 195px;
					height: 15px;
					line-height: 18px;
					text-align: right;
					background: url(../img/bg-progress.png) no-repeat 0 0;
					display: block;
					float: left;
					font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: normal;
					color: #666;
				}
			}
		}
	}
}

div#box-onde-fica{
	width: 638px;
	padding: 20px;
	border: solid 1px #d9d9d9;
	.gradient(white, #f1f1f1);
	.corners;
	
	form{
		margin-bottom: 20px;
		
		label{
			width: 290px; height: 40px; padding-top: 10px; padding-left: 55px; float: left; line-height: 18px; display: block; background: url(../img/icon-google-maps.png) no-repeat left center;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #666;
		}
		
		div{ width: 290px; height: 30px; padding: 10px 0; float: right; }
		input#from{ width: 158px; height: 28px; border: solid 1px #d9d9d9; padding: 0 10px; margin: 0; display: block; float: left; font-size: 12px; .corners; }
		input.button{ width: 100px; height: 30px; padding: 0; margin: 0; display: block; float: left; border: none; .gradient(#00a552, #006a34); .corners;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: normal;
			color: #fff;
			cursor: pointer;
			margin-left: 10px;
		}
	}
	
	#route{
		
	}
}

.nav-list{
	width: 100%;
	height: 25px;
	text-align: center;
	clear: both;
	position: relative;
	top:10px;
	
	a{
		width: 23px;
		height: 23px;
		line-height: 27px;
		margin: 0 3px;
		text-align: center;
		border: solid 1px #096;
		text-decoration: none;
		display: inline-block;
		font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #00a651;
		.corners;
		cursor: pointer;
		
		&:hover{ background: #00a651; color: #fff; }
	}
	span.current{ 
		background: #00a651; 
		color: #fff;
		 
		width: 23px;
		height: 23px;
		line-height: 27px;
		margin: 0 3px;
		text-align: center;
		border: solid 1px #096;
		text-decoration: none;
		display: inline-block;
		font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		.corners;
	}
}

#flashMessage{
	float: left;
	width: 600px;
	padding: 12px 50px 8px;
	background: #00A651;
	border-radius: 5px;
	text-align: center;
	color: white;
	font-size: 15px;
	margin-bottom: 10px;
	position:absolute;
	top:-38px;
}

div#fale{
	#flashmessage{width: 225px !important; padding: 12px 10px 8px; top:60px}
}
div#trabalhes{
	#flashMessage{width: 280px !important; padding: 12px 50px 8px;}
	#flashmessage{width: 280px !important; padding: 12px 50px 8px;}
}

body#body-ligamos-para-voce{
	width: 290px;
	.gradient(white, #f1f1f1);
	
	form{
		width: 250px;
		padding: 20px 20px 20px 20px;
		
		h2{
			width: 210px;
			height: 30px;
			padding: 0 0 0 40px;
			margin-bottom: 20px;
			background: url(../img/icons-atendimento.png) no-repeat -10px -110px;
			font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 16px;
			text-transform: uppercase;
			line-height: 16px;
			color: #00a651;
			
			strong{ display: block; font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
		}
		
		p{ margin-bottom: 20px; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; }
		
		label{ display: none; }
		
		input{ width: 110px; height: 38px; line-height: 38px; padding: 0 10px; border: solid 1px #d6d6d6; margin: 0; display: block; .corners; float: left; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 14px; color: #666; }
		button{ width: 35px; height: 40px; border: none; margin: 0; padding: 0; display: block; float: right; font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; .corners; .gradient(#00a651, #007c3d); cursor: pointer; }
		
		#txNome{ width: 249px; margin-bottom: 10px; }
		#txDDD{ width: 75px; margin-right: 10px; }
		#txTelefone{ width: 121px; }
	}
}


form#trabalhe-conosco{
	width: 380px;
	float: left;
	
	p{}
	div{ position: relative; margin-bottom: 10px; }
	label{}
	input{ float: inherit; }
	textarea{ padding: 10px; float: inherit; resize: none; line-height: 16px; }
	button{ width: 70px; }
	
	#txNome{ width: 358px; }
	#txEmail{ width: 358px; }
	#txUpload{ width: 358px; }
	#txEmpreendimento{ width: 358px; }
	#txMsg{ width: 358px; }
}

form#cadastro-corretor{
	width: 680px;
	
	p{}
	fieldset{
		margin-bottom: 30px;
		
		
		h4{ color: #666; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; }
		div{
			
			
			label{}
			input{ margin-bottom: 10px; float: inherit; }
			
			input.input-corretor-email{ width: 310px; }
			input.input-corretor-pass{ width: 310px; float: left; }
			input.input-corretor-passreplay{ width: 310px; float: right; }
			
			input.input-corretor-nome{ width: 310px; float: left; }
			input.input-corretor-sobrenome{ width: 310px; float: right; }
			input.input-corretor-telefone{ width: 310px; float: left; }
			input.input-corretor-creci{ width: 310px; float: right; }
			input.input-corretor-cep{ width: 310px; margin-right: 16px; float: left; }
			
			a.button-corretor-pesquisar{ float: left; border: none; margin: 0; padding: 15px 20px; display: block; float: left;  font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: none; color: #fff; .corners; .gradient(#00a651, #007c3d); cursor: pointer;}
			
			input.input-corretor-endereco{ width: 310px; float: left; }
			input.input-corretor-bairro{ width: 310px; float: right; }
			
			input.input-corretor-cidade{ width: 310px; float: left; }
			input.input-corretor-estado{ width: 310px; float: right; }
			
			input.input-corretor-numero{ width: 310px; float: left; }
			input.input-corretor-complemento{ width: 310px; float: right; }
			
			input.input-corretor-imobiliario{ width: 310px; margin-right: 16px; float: left; }
		}
	}
	button{ width: 120px; float: left; }
}

aside#sidebar-trabalhe-conosco{
	width: 250px;
	float: right;
	position: relative;
	top: -60px;
	
	address{
		padding-left: 20px;
		background: url(../img/bg-icon-address.png) no-repeat 0 0;
		margin-bottom: 30px;
		font-weight: normal;
		font-style: normal;
		font-size: 14px;
		line-height: 20px;
		
		strong{ 
			font-weight: bold; 
			a{color:#000; text-decoration:none;}
			:hover{text-decoration:undeline;}
		}
	}
	
	ul{
		li{
			a{
				height: 30px;
				padding-top: 20px;
				padding-left: 60px;
				background: url(../img/icon-sidebar-trabalhe.png) no-repeat 0 0;
				display: block;
				text-decoration: none;
				font-family: "NeoSansProRegular", Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 16px;
				text-transform: uppercase;
				line-height: 16px;
				color: #00a651;
				
				strong{ display: block; font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
				
				strong{ display: block; }
			}
		}
		
		li#icon-trabalhe-consultor > a{ background-position: 0 0; }
		li#icon-trabalhe-conosco > a{ background-position: 0 -50px; }
	}
}
#link-ligue{
	cursor: default;
}
#thumb-map{
	padding: 15px 20px;
	border: solid 1px #d6d6d6;
	margin: 0 0 30px 0;
	.corners;
}

#links{
	float:left;
	margin-top:12px;
	a{
		color: #605D5E;
		text-decoration:none;
	}
	a:hover{
		text-decoration:underline;
	}
}
body.recupere form{
	h2{
		background: url("../img/esqueci.png") no-repeat  !important;
	}
}
.link-voltar{
	font-family: "NeoSansProMedium", Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	color: #00A651;
	text-decoration:none;
	position:relative;
	z-index:5;
	top:-5px;
	span{background: url("../img/bt-voltar.png") no-repeat; float:left; height:20px; width:20px; margin:-10px 5px 0 0;}
	

}