/* IMPORTS ------------------------------------------------------------*/


/* HACKS ------------------------------------------------------------*/
.clear{
	clear:both;
	height:1px;
}

.inv{ display:none; }

.alignleft{
	float: left;
	margin: 5px 10px 5px 0px;
}

/* GENERAL ------------------------------------------------------------*/


body {
	width:100%;
	height:100%;
	color:#000;
	font-family: Arial;
	font-size:  100%;
	border:0px solid red;
	border-top:0px solid #FFF;
	background:#FAFAFA;
	margin:0px;
	/*background-image:url(../img/bg.jpg);*/
	background-repeat:repeat-x;
	/* Azul escuro, Azul Céu, Branco */
	/*background-image:linear-gradient(#FFF 21%, #F3F3F3 20%, #FBFBFB 40%);*/
	/*background-image:-moz-radial-gradient(#03C 30%, #0CF 60%, #FDFDFD 100%);
	background-image:webkit-radial-gradient(#03C 30%, #0CF 60%, #FDFDFD 100%);*/
}
/*menu mobile*/
      * {
	margin: 0;
	padding: 0;
}

/* Isto é necessário para não haver rolagens horizontais quando movermos os elementos */
html, body {overflow-x: hidden;}

.menu-anchor {
	width: 40px;
	height: 32px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: #FFF;
}

.menu-anchor:before {
	content: "";
	display: block;
	margin: 7px auto;
	width: 70%;
	height: 0.25em;
	background: #333;
	box-shadow: 0 .45em 0 0 #333, 0 .9em 0 0 #333;
}

.menu-active .menu-anchor {background: #999;}

menu {
	border:0px solid red;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 220px;
	height: 100%;
	padding-top: 10px;
	background: #333;
	box-shadow: inset -5px -10px 10px 0 rgba(0,0,0,.3)
}

menu li a {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,.3);
	margin: 0 10px;
	padding: 10px;
	color: #FFF;
	text-decoration: none;
}

menu li a:hover {
	background: #FFF;
	color: #d55401;
}


/*
	Aqui você esconde o menu para fora da tela 
	O valor é exatamente a largura da sidebar
*/
menu {
	-webkit-transform: translateX(-220px);
	-moz-transform: translateX(-220px);
	-ms-transform: translateX(-220px);
	transform: translateX(-220px);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
}

/*
	Essa é a posição original do HEADER e do MAIN
*/
header, .main {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-ms-transition: all .25s linear;
	transition: all .25s linear;
	display:none;
}

/*
   Com a classe menu-active na tag HTML
*/
.menu-active menu {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.menu-active header, 
.menu-active .main {
	-webkit-transform: translateX(220px);
	-moz-transform: translateX(220px);
	-ms-transform: translateX(220px);
	transform: translateX(220px);
}

/*FIM*/
/*Corpo Site*/
#wrapper{
	border:0px solid blue;
	width: 1000px;
	height:auto;
	margin: 0 auto;
	min-height: 1200px;
	font-size: 14px;
	line-height: 1.5em;
	/*border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

/* Header Principal*/
#header{
	border:0px solid blue;
	background-image:url(../img/topo.jpg);
	width:100%;
	height: 154px;
	margin:0 auto;
}
#header .link-logo{
	border:0px solid blue;
	width:250px;
	height: 116px;
	margin:0;
	float:left;
	 display:block; overflow:hidden; text-indent:-9999px
	/*border-radius:20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;*/
	/*position: relative;
	z-index: 10;*/
}
#logomarca{
	border:0px solid blue;
	position:relative;
	width:250px;
	height:147px;
	margin-top:5px;
	margin-left:15px;
	float:left;
	padding:0;
	}
	#logomarca img{
	max-width:90%;
	max-height:90%;
	}

#contato{
	position:relative;
	border:0px solid red;
	float:right;
	right:0;
	color:#333333;
	font-family:Arial;
	width:450px;
	height:40px;
	padding-top:22px;
		}
	#contato strong.tam-um{
		border:0px solid red;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, sans serif;
		float:left;
		margin-top:14px;
		margin-left:-5px;
		/*letter-spacing:-1px;*//*Espaço entre as letras*/
		}
		#contato strong.tam-dois{
			border:0px solid red;
			/*height:30px;*/
			/*top:10px;*/
			margin-left:125px;
			font-size:16px;
			font-weight:bold;
			text-align:center;
			float:left;
			margin-top:5px;
		}
		#contato a, a:visited{
			color:#333333;		}
			
				#contato a:hover{
				color:#BC994D;
			}
	
		#barra_opcao{
			border:0px solid red;
			background:url(../img/barra_opc.png);
			width:991px;
			height:76px;
			margin-top:0px;
			margin-left:5px;
			margin-bottom:10px;
			color:#fff;
			}
			#barra_opcao .select_opc{
				position:relative;
				border:0px solid blue;
				width:90%;
				height:25px;
				margin-left:26px;
				margin-top:5px;
				float:left;
				}
				#barra_opcao .box_opc{
					border:0px solid red;
					width:156px;
					height:60px;
					margin-top:10px;
					float:left;
					}
					#barra_opcao .box_opc span{
						margin-left:20px;
						font-size:12px;
						margin-left:28px;
						font-family:Arial;
						}
						
						#barra_opcao .button-buscar{border:0px solid red; float:right; right:0; width:181px; height:76px; background:none; text-indent:-9999px; }
#barra_ref{
	color:#fff;
	border:0px solid red; 
	width:100%; 
	height:auto; 
	margin-bottom:10px;
	}
	#barra_ref #barra_form{
		background:url(../img/barr_ref.png); 
		width:497px; 
		background-repeat:no-repeat; 
		height:34px; 
		margin-left:2px;  
		float:left;
		}
		#barra_ref #barra_form span{
			border:0px solid red;
			margin-left:40px;
			}
			#barra_ref #barra_form .bt_pesq_ref{
				margin-left:8px;
				}
				#input-referencia{width:100px;}

				#barra_ref #barra_form .button-referencia{ border: 0px solid red; width:auto; margin-top:10px; background:none; color:#fff; font-family:Arial; font-size:13px; font-weight:bold;  }
#barra_ref #menu-rapido{
	border:0px solid red;
	background:url(../img/menus_rapido.png); 
	background-repeat:no-repeat; 
	width:491px; 
	height:34px; 
	margin-left:8px;
	padding-top:5px; 
	float:left;
}
#barra_ref #menu-rapido span{
	border:0px solid red;
	font-family:Arial;
	font-size:12px;
	margin-left:47px;
	}
	#barra_ref #menu-rapido a, a:visited, a:hover {
		color:#FFF;
	}
	
	
/*#header p{
	border:1px solid red;
	width:100%;
	height: 20px;
	margin-top:1%;
	margin-left:-20px;
	text-align:right;
	z-index: 10;
}*/
#wrapper #section{
	border:0px solid blue;
	width:100%;
	min-height:260px;
	overflow:hidden;
	margin:0px;
	padding-left:6px;
	color:#333;
	padding-bottom:30px;
	}
#wrapper #section h6{
	border:0px solid red;
	text-shadow: #000 2px 3px 5px;
	margin-top:4px;
	margin-bottom:12px;
	color:#9CCE31;
	font-size:38px;
	/*color:#333;*/
	text-align:center;
	}
		#wrapper #section p{
			float:left;
			color:#103F60;
			font-family:Arial;
			font-size:17px;
			font-weight:bold;
			margin-left:5px;
			text-align:center;
		}

			#wrapper #section a{
				color:#333;
				text-decoration:none;
				font-family:Arial;
				font-size:16px;
				font-weight:bold;
				}	
#corpo{
	border: 1px solid #CCC;
	width:748px; 
	height:auto; 
	margin-top:10px; 
	margin-left:10px; 
	margin-right:10px; 
	margin-bottom:20px;
	float:left;
	background:#FFF;
	}	
				

#corpo-pages{
	border: 1px solid #CCC;
	width:975px; 
	height:auto;
	background:#FFF;
	margin-top:10px; 
	margin-left:10px; 
	margin-right:10px; 
	margin-bottom:20px;
	float:left;
	}	
		
.contato-lateral{border-left:1px solid #CCC; padding-left:70px; float:right; right:0;}	
.contato-right{float:left; width:500px;}			
		
#menu-lateral{
	border:0px solid red;	
	width:217px; 
	height:auto; 
	margin-top:10px; 
	float:left;
	}	
	
	.imoveis-home{ border:0px solid blue; width:100%; height:auto; margin:0 auto;}	
.destaque-imoveis{
	border:0px solid red; 
	background-image:url(../img/destaques-fundo.jpg); 
	width:748px; 
	height:auto;
	display:inline-block;
	}
#acesso-rapido{
	border:0px solid red;
	width:226px;
	height:257px;
	margin-left:4px;
	background:url(../img/acesso_rapido.jpg);
	background-repeat:no-repeat;
	}
	#acesso-rapido p{
		border:0px solid blue;
		padding-top:10px;
		padding-bottom:20px;
		padding-left:46px;
		color:#333;
		font-weight:bold;
		font-family:Verdana;
		font-size:14px;
		}
			#acesso-rapido p.lin-zero{
			border:0px solid blue;
			padding-top:20px;
			padding-left:46px;
			color:#333;
			font-weight:bold;
			font-family:Verdana;
			font-size:14px;
			}
				/*#acesso-rapido p.lin-um{
				position:absolute;
				border:0px solid blue;
				padding-top:10px;
				padding-left:46px;
				color:#333;
				font-weight:bold;
				font-family:Verdana;
				font-size:14px;
				}
					#acesso-rapido p.lin-dois{
					position:absolute;
					border:0px solid blue;
					margin-top:26px;
					padding-left:46px;
					color:#333;
					font-weight:bold;
					font-family:Verdana;
					font-size:14px;
					}*/
						#acesso-rapido a, a:visited {
						text-decoration:none;
						color:#333333;
						}
						#acesso-rapido a:hover{
							color:#900;
							}
.box_detalhes {
border:0px solid red;
background-image:url(../images/box_fundo.jpg);
display:inline-block;
float:left;
width:200px;
height:auto;
overflow:hidden;
font-size:12px;
margin:10px 14px 10px 30px;
				}
				.box_detalhes .box_top {
					border:0px solid red;
					margin:0 auto;
					display:block;
					width:182px;
					background-position:center;
					background-repeat:no-repeat;
					padding-right:16px;
					text-align:left;
					z-index:100;
				}
					.box_detalhes .box_top strong{
						border:0px solid red;
						color:#333;
						padding-left:8px;
						}
						.box_detalhes .box_top span{
						border:0px solid red;
						color:#F00;
						}
					.box_detalhes .box_foto {
						width:182px;
						height: 133px;
						margin:0 auto;
						z-index:99;	
					}
					
					.box_detalhes .box_foto img{
						border:0px solid red;
						width:170px;
						height:160px;}
						.box_detalhes .box_foto img, .box_detalhes .box_foto img a {
							width:182px;
							height: 133px;
							border:0px solid red;
						}
							.box_detalhes .desc_box {
								border:0px solid red;
								width: 182px;
								height:auto;
								min-height:170px;
								margin:0 auto;
								padding-top:8px;
								/*min-height:144px;*/
								text-align:left;
							}
								.box_detalhes .desc_box p {
									border:0px solid red;
									margin-top:-1px;
									font-family:Tahoma;
									font-size:11px;
									}
									.box_detalhes .desc_box strong {
									font-family:Tahoma;
									font-size:11px;
									height:18px;
									color:#D10005;
									font-weight:bold;
									}
									.box_detalhes .desc_box .titulo {
										border:0px solid red;
										height:auto;
										font-weight:bold;
										color:#393939;
									}
									.box_detalhes .desc_box .subtitulo {
										color:#666666;
										margin-top:-1px;
									}
									.box_detalhes .desc_box span {
										color:#666666;
										font-weight:bold;
									}
									
									
								.box_detalhes .desc_box:first-line {
									font-weight:bold;
								}
								.box_detalhes .bot_box {
									width: 182px;
									height: auto;
									padding-top:15px;
									margin-left:auto;
									margin-right:auto;
								}
#destaque-imoveis-page{
	border:0px solid red; 
	background:#F2F2F2;
	width:100%; 
	height:auto;
	}
		#destaque-imoveis-page .box_detalhes{
		border:0px solid red;
		background-image:url(../images/box_fundo.jpg);
		display:inline-block;
		float:left;
		width:200px;
		height:440px;
		overflow:hidden;
		font-size:12px;
		margin:10px 4px 10px 30px;
		}
				
.titulo-home-imoveis{margin-top:10px; margin-left:4px;}
img.titulo-home-imoveis{ border:0px solid red; max-width:100%; max-height:100%;}

.sub-titulo-home-imoveis{ border:0px solid red; margin-left:31px; margin-top:32px;}
img.sub-titulo-home-imoveis{ border:0px solid red; max-width:100%; max-height:100%;}

#content{
	min-height: 400px;
	overflow: hidden;
	margin-bottom: 40px;
}

#footer{
	border:0px solid red;
	background-image:url(../img/rodape.jpg);
	width:100%;
	height:249px;
	color:#fff;
	font-weight:bold;
	clear: both;
}

#footer-interno{
	border:0px solid red;
	width:1000px;
	height:249px;
	margin:0 auto;
	color:#fff;
	font-weight:bold;
	clear: both;
}
#fotter-one{
	border:0px solid red; 
	width:1000px; 
	height:180px;
	}

#footer .nav{
	border:0px solid red;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
	color:#fff;
	}

#footer a, a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:normal;
}
#footer a:hover{
	color:#ccc;
	font-weight:normal;
	}
	#footer .endereco{
		border:0px solid red;
	float:left;
	margin-left:20px;
	margin-top:15px;
	text-align:left;
	font-family:Verdana;
	font-size:12px;
	color:#fff;
	}
#footer .endereco span{
	color:#fff;
	font-weight:normal;
	}

	#footer-logo img{ 
	border:0px solid red;
	background-repeat:no-repeat; 
	width:250px; 
	height:116px;
	margin:20px 10px 10px 10px;
	float:left;
	}

#footer-logo .footer-titulo{border:0px solid red; width:100%; position:relative; text-align:center; color:#2C4671; font-size:15px;}
#footer-sub{
	border:0px solid red; 
	width:100%; 
	height:45px; 
	padding-top:12px;
	}
	#footer-sub strong{
		border:0px solid red; 
		font:Tahoma;
		font-size:11px;
		font-weight:normal;
		padding-top:25px;
		padding-left:15px;
		float:left;
		}
		#footer-sub .redes-sociais{
		border:0px solid red;
		width:100px;
		height:45px;
		margin-left:350px;
		float:left;
		}	
			#footer-sub .sgimais{
			border:0px solid red;
			width:100px;
			height:45px;
			float:right;
			}	

	
#content a{
	color: #37b2d1;
}

#content p{
	margin-bottom: 20px;
}

#content .line-divider{
	clear: both;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
/* Banner principal*/
#banner{
	border:0px solid red;
	width:100%;
	height:270px;	
}
.flash {
	background-color:#A1C513;
	width: 100%;
	height: 276px;
	border: 0px solid red;
	border-top: 2px solid #A1C513;
	border-bottom: 2px solid #A1C513;
	padding-top:5px;
}

/*Corpo Site*/
#wrapper-pag{
	border:0px solid blue;
	width:1000px;
	height:auto;
	margin: 0 auto;
	/*min-height: 1200px;*/
	font-size: 14px;
	line-height: 1.5em;
}

.flash-parceiros {
	background-color:#A1C513;
	width: 100%;
	height: 300px;
	border: 0px solid red;
	border-top: 2px solid #A1C513;
	border-bottom: 2px solid #A1C513;
	padding-top:5px;
}


/* Header Principal*/
#header-pag{
	border:0px solid blue;
	background-image:url(../img/topo.jpg);
	width:100%;
	/*position: relative;
	z-index: 10;*/
}
#header-pag p{
	border:0px solid red;
	width:100%;
	height: 20px;
	margin-top:1%;
	margin-left:-20px;
	text-align:right;
	z-index: 10;
}

#header-pag #nav-pag{
	border:0px solid blue;
	position:absolute;
	margin-left:48%;
	height: 46px;
	width: auto;
	text-align:left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#header-pag #nav-pag ul{
	border:0px solid red;
}

#header-pag #nav-pag li{
	border:0px solid black;
	float:left;
	width:auto;
	font-family:Arial;
	size:14px;
	font-weight:bold;
	color:#333333;
	display:block;
}
#header-pag #nav-pag li a{
	color:#333333;
	text-decoration:none;
}



/* NAVIGATION --------------------------------------------------------*/
		*{
		   margin:0;
		   padding:0;
		}
		/*remove a marcação da lista*/
		ul{list-style-type:none}
		/*remove o underline no link por padrão*/
		a{text-decoration:none}
		/*ao passar o mouse volta o underline*/
		a:hover{text-decoration:underline}
	
		/*define uma largura*/		
		#menu{
			border:0px solid red;
			width:630px; 
			height:30px;
			float:right;
			right:0;
			margin-right:80px;
			padding-top:36px;
			padding-left:7px;
			}
		/*Define um position relative porque iremos utilizar
		 * absolute nas sub-listas
		**/
			#menu li{
				border:0px solid red;
				float:left;
				margin-top:0px;
				margin-left:20px;
				margin-right:13px;
				position:relative;
				z-index:200;
			}
		
		#menu li a{
		   display:block; /*define o elemento em bloco para ocupar 100% de largura do elemento pai*/
		   height:25px; /*Define uma altura*/
		   line-height:25px;/*Cenraliza na vertical */
		   color:#777; /*define a cor da fonte*/
		  /* border-bottom:1px solid #ccc;*/ /*define uma bordar no bottom*/
		   /*background:#f5f5f5;*//*define a cor do fundo*/
		   
		}
		#menu li a:hover{
		  /* background:#e5e5e5;*//*define a cor do fundo*/
		   color:#F00;/*define a cor da fonte*/
		}
		#sub li a:hover{
		 background:#090;/*define a cor do fundo*/
		   /*color:#F00;/*define a cor da fonte*/
		}
/*******************************************************************
		 *VAMOS COMEÇAR A MAGIA - Aqui agrupei alguns item
		*********************************************************************
		*/
		
		#menu li ul, #menu li:hover ul ul{
		   display:none;/*define para não aparecer a ul*/
		   position:absolute; /*define uma posição absolute*/
		   width:200px;/*define uma largura*/
		   top:60px; /*colocamos top com 0*/
		   left:15px; /*afastamos 150px a esquerda*/
		   border:1px solid #ccc;/*define uma borda*/
		   background:#F0F0F0;
		  
		
		}
		/*É agora que vamos mostrar o menu, declarano*/
		#menu li:hover ul,
		#menu ul li:hover ul{
		   display:block;
		  		}
#menu ul li ul li{
	border:0px solid blue;}	
	#menu ul li ul.submenu{
	border:0px solid blue;
	margin-top:-40px;}	
	#menu ul li ul li{
	border:0px solid blue;
	width:100%;
	}
		.submenu a{
			border:0px solid red;
			width:100%;
			font-size:10px;}
			
			.submenu .sub-100{
			border:0px solid red;
			width:150px;}

 #foto-imovel{
	 border:1px solid #CCC; 
	 width:614px; 
	 height:410px;
	 }
	 
	 #conteudo{
	width:90%;
	padding:15px;
	height:auto;
	display:inline-block;
	overflow:hidden;
	/*padding-left:150px;
	padding-right:150px;
	padding-bottom:40px;*/
	font-family:Verdana;
	font-size:14px;
	color:#333;
	}
	.left-100{
		margin-left:100px;}
		.left-150{margin-left:150px;}
	
	#conteudo strong{
		color:#333;
		font-size:14px;
		font-weight:bold;
		}
		#conteudo p{
		color:#000;
		font-size:14px;
		text-align:left;
		padding-bottom:7px;
		}
			#conteudo h3{
			color:#333333;
			font-size:22px;
			font-weight:bold;
			text-align:left;
			margin-bottom:0px;
			margin-top:10px;
			}

#conteudo a {
		color:#006;
	}
	
	#conteudo a:hover {
		color:#0CF;
	}
	#conteudo .box h3{font-size:13px;}
 
 .formulario .button{ width:100px;}
 
/*Simulação de financiamento*/
.box_financiamento {
	/*border:1px solid red;*/
	display:inline;
	float:left;
	margin-left:40px;
	margin-right:10px;
	width:180px;
	height:auto;
	overflow:hidden;
	font-size:12px;
	margin:10px 28px 10px 28px;
	text-align:center;
}
.box_detalhes .bot_bc {
	width: 170px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}