@charset "utf-8";
/* CSS Document */

#container{
width: 780px;
margin: 0 auto auto;
}

#branding{
}

	#branding img{
	float: left;
	}

#navSecondary{
float: right;
display: inline;
/*width: 185px;*/
/*border: 1px solid red;*/
margin: 11px 20px 0 0;
}

	#navSecondary ul li{
	float: left;
	font-size: 10px;
	margin: 0 2px;
	}
	
	#navSecondary li a:hover{
	color: #ffffff;
	}

#content{
background: url(../imagens/content_bg.jpg);
width: 780px;
height: 525px;
margin: 18px 0 0;
border-left: 1px solid #505050;
border-right: 1px solid #505050;
border-bottom: 1px solid #505050;
position: absolute;
z-index: 1;
}

	#nav{
	width: 145px;
	float: left;
	display: inline;
	margin:10px 0 0 10px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:99;
	}
	
		#nav a{
		font-size: 10px;
		}
		
		#nav a ul li{
		font-size: 10px;
		margin: 0;
		padding:0;
		}
		
		#nav li a:hover{
		color: #ffffff;
		}
		
		#nav li a.selected{
		color: #A6CE39;
		}
		
		#nav span{
		font-size: 11px;
		font-weight: bold;
		color: green;
		}

			/*----- CSS para a animação do menu -----*/

			.glossymenu{
			margin:0;
			padding: 0;
			}
			
			.glossymenu a.menuitem{
			font-size:11px;
			color: #9f9d9d;
			display: block;
			position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width: auto;
			margin-bottom: 15px;
			padding-left: 0px;
			text-decoration: none;
			}
			
			.glossymenu a.menuitemSelected{
			font-size:11px;
			color: #A6CE39;
			display: block;
			position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
			width: auto;
			margin-bottom: 15px;
			padding-left: 0px;
			text-decoration: none;
			}
						
			.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
			color: #9f9d9d;
			}
			
			.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
			position: absolute;
			top: 3px;
			left:78px;
			border: none;
			}
			
			.glossymenu a.menuitem:hover{
			color: #fff;
			}

			.glossymenu div.submenu{ /*DIV that contains each sub menu*/
			}
			
			.glossymenu div.submenu ul{ /*UL of each sub menu*/
			list-style-type: none;
			margin: 0 0 20px;
			padding-left: 10px;
			}
			
			.glossymenu div.submenu ul li{
			margin:0;
			padding:0;
			}
			
			.glossymenu div.submenu ul li{
			display: block;
			color: #9f9d9d;
			text-decoration: none;
			}
			
			.glossymenu div.submenu ul li a:hover{
			color: #fff;
			}
	
	/*----- zona de destaques na página inicial -----*/
			
	#content #destaques{
	width: 760px;
	height: 190px;
	position: absolute;
	bottom:5px;
	left:5px;
	background-image:url(../imagens/destaquesBox.png);
	padding:10px 0 10px 10px;
	z-index: 100;
	}
	
	*html #content #destaques{
	padding-bottom:5px;
	background-image:none;
	border-top:1px solid #999999;
	}
		
		#destaques #small{
		width:530px;
		float:left;
		display:inline;
		background-color:none;
		}
		
			#small .destaque{
			width:259px;
			height:86px;
			float:left;
			display:inline;
			margin:0 5px 10px 0;
			padding:2px 0 0 2px;
			}
			
			*html #small .destaque,
			*html #small .destaqueB{
			background-color:#000;
			filter:alpha(opacity=80);
			}
			
			#small .destaqueB{
			width:258px;
			height:86px;
			float:left;
			display:inline;
			margin:0;
			padding:2px 0 0 2px;
			}
			
				#small img{
				border:2px solid green;
				float:left;
				display:inline;
				}
				
				#small .description{
				float:left;
				display:inline;
				margin-left:5px;
				width: 168px;
				}
					
					#small .description h1{
					margin-bottom:5px;
					}
				
					#small .description p,
					#small .description a{
					font-size:10px;
					color:#fff;
					margin-top:5px;
					}
		
		#destaques #big{
		width:213px;
		height:190px;
		float:left;
		display:inline;
		margin-left: 10px;
		}
		
			#destaques #big img{
			float:left;
			display:inline;
			}
			
			#destaques #big .mainImg{
			border:2px solid #53b300;
			}
			
			/*----- fim da zona dos destaques -----*/

	/*----- subContent (onde fica toda a informação de conteúdos -----*/
	
	#subContent{
	width:593px;
	position:absolute;
	margin:0 0 0 147px;
	padding:20px;
	}
	
		/*----- lista de empreendimentos -----*/

		#subContent .destaque{
		width:585px;
		float:left;
		display:inline;
		margin:0 5px 30px 0;
		padding:2px 0 0 2px;
		}
		
			#subContent .destaque img{
			border:2px solid #53b300;
			float:left;
			display:inline;
			}
			
			#subContent .destaque .description{
			float:left;
			display:inline;
			margin-left:5px;
			width: 490px;
			}
				
				#subContent .description h1{
				margin-bottom:5px;
				}
			
				#subContent .description p,
				#subContent .description a{
				font-size:10px;
				color:#fff;
				margin-top:5px;
				}
				
		/*----- fim da lista de empreendimentos -----*/

	/*----- subContent (onde fica toda a informação de conteúdos) (flexcroll) -----*/
	
	#mycustomscroll{
	width:590px;
	height:505px;
	overflow:auto;
	margin:3px 0 0 147px;
	padding:10px 20px 0px;
	}
	
		/*----- lista de empreendimentos -----*/

		#mycustomscroll .destaque{
		width:575px;
		/*float:left;*/
		/*display:inline;*/
		position:relative;
		margin:0 5px 101px 0;
		padding:2px 0 0 2px;
		}
		
			#mycustomscroll .destaque img{
			border:2px solid #53b300;
			/*float:left;*/
			/*display:inline;*/
			position:absolute;
			}
			
			#mycustomscroll .destaque .description{
			/*float:left;*/
			/*display:inline;*/
			position:absolute;
			margin-left:95px;
			width: 480px;
			}
				
				#mycustomscroll .description h1{
				margin-bottom:5px;
				}
			
				#mycustomscroll .description p,
				#mycustomscroll .description a{
				font-size:10px;
				color:#fff;
				margin-top:5px;
				}
				
		/*----- fim da lista de empreendimentos (flexcroll) -----*/
		
		/*----- página de produtos / empreendimento -----*/
		
		#produto{
		width:585px;
		}
			
			#produto #mainImg{
			width:350px;
			height:263px;
			float:left;
			border: 2px solid #53b300;
			}
		
			#produto img.main{
			border: 2px solid #53b300;
			}
			
			#produto #caract{
			width:210px;
			height:200px;
			float:left;
			display:inline;
			margin-left:20px;
			/*background:lightblue;*/
			}
			
				#produto #caract li{
				font-size:11px;
				margin-bottom:5px;
				}
				
				#produto #caract li span{
				font-weight:bold;
				}
			
			#produto #description{
			width:585px;
			float:left;
			display:inline;
			margin-top:20px;
			}
			
			#description p span a,
			#galeria a:link{
			font-weight:bold;
			text-decoration:underline;
			}
				
				#produto #description h1{
				margin-bottom:10px;
				}
				
				#produto #description p{
				line-height:14px;
				}
				
			#produto #galeria{
			width:585px;
			float:left;
			display:inline;
			margin-top:20px;
			}

				#produto #galeria h1{
				margin-bottom:10px;
				}
				
				#produto #galeria img{
				cursor:pointer;
				}
				
			#saibamais{
			background-color:#CCCCCC;
			}

/* ---------- Arrendamentos ----------*/

#arrendamentos p{
font-size:12px;
line-height:14px;
margin-bottom:15px;
}


/* ---------- Quem somos ----------*/

#quemsomos p{
font-size:12px;
line-height:14px;
margin-bottom:15px;
}

/* ---------- Contactos ----------*/

#contactos p{
font-size:12px;
line-height:14px;
margin-bottom:15px;
}

#contactos p span{
font-weight:bold;
}

	#contactos p .indent{
	font-weight:normal;
	margin-left:57px;
	}

/* ---------- Informações ----------*/

#informacoes p{
font-size:12px;
line-height:14px;
margin-bottom:15px;
}

#form{
/*border:1px solid red;*/
margin:50px auto 0;
width:320px;
}
	
fieldset{
border:none;
margin:0;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

label{
float:left;
text-align:left;
width:150px;
font-size:11px;
margin-top:0x;
color:#999;
}

fieldset input, fieldset select{
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #999;
float:left;
width:310px;
height:17px;
line-height:12px;
margin:0 0 5px 0;
padding:3px 0 0 2px;
font-size:11px;
color:#A6CE39;
background:#353535;
border-top:1px solid #1E1E1E;
border-left:1px solid #1E1E1E;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

fieldset select{
width:314px;
height:23px;
}

textarea{
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #999;
float:left;
width:310px;
height:80px;
margin-bottom:3px;
margin-left:5px;
margin:0 0 10px;
padding-top:2px;	
padding-left:2px;
font-size:11px;
color:#A6CE39;
background:#353535;
border-top:1px solid #1E1E1E;
border-left:1px solid #1E1E1E;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

#submit_btn input{
margin-top:5px;
margin-left:130px;
width:50px;
height:20px;
font-size:10px;
cursor:pointer;
}

/* ---------- Menol Finance ----------*/

#finance p{ 
font-size:12px;
line-height:14px;
margin-bottom:15px;
}

#finance ul{
}

#finance .lista li{
font-size:12px;
line-height:16px;
}

/* ---------- Creditos ----------*/

#siteinfo{
width:160px;
display:inline;
float:right;
border-top: 1px solid #505050;
margin-top:550px;
position:relative;
}

	#siteinfo p{
	font-size:10px;
	padding-top:5px;
	text-align:center;
	}