@charset "UTF-8";
html, body {
	margin:0;
	padding:0;
}
body{
	text-align: justify;
	white-space: nome;
	text-decoration: nome;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	background-color: silver;
	color: #444;
	font-size: 75%;
}

#geral {
	position:absolute;
	top:15%;
	left:50%;
	width:670px;
	height:auto;
	margin-left:-335px;
	margin-top:-97px;

}


/**************** Topo ****************/
#topo {
	width: 750px;
	height: 90px;
	background: url('img/header.png');
	position: top center;
	border:0px solid black;
	top: -10px;
	z-index:1;
}

#logo {
	width: 140px;
	height: 75px;
	background: url('');
	position: relative;
	border:0px solid black;
	top: 10px;
	left: 25px;
	z-index:1;
}



/**************** Meio ****************/

#meio{
	width: 750px;
	height: 708px;
	background: url('img/body.png');
	position: relative;
	border:0px solid black;
	top: 0px;
	left: 0px;
	z-index:3;
	text-align:left;
	}

#sub-meio{
	text-align: justify; 
	width: 660px;
	height: 618px;
	white-space: nome;
	background: white url('');
	position: relative;
	border:2px solid black;
	top: 50px;
	left: 45px;
	z-index:3;
	text-align:left;
}


#contacto{
	text-align: justify; 
	background-repeat: no;
	width: 658px;
	height: 616px;
	white-space: nome;
	background:  url('img/localizacao.jpg');
	position: absolute;
	border:2px solid black;
	top: 0px;
	left: 0px;
	z-index:3;
	text-align:left;
}

#bcontacto{
	text-align: justify; 
	background-repeat: no;
	width: 100px;
	height: 100px;
	white-space: nome;
	background:  url('');
	position: absolute;
	border:2px solid black;
	top: 420px;
	left: 80px;
	z-index:3;
	text-align:left;
}



#meio1{
	text-align: justify; 
	width: 60px;
	height: 60px;
	background: url('');
	color: black;
	position: relative;
	border:1px solid black;
	top: 0px;
	left: 0px;
}



	
/****************Menu*********************/

#barrabotoes{
	width:746px;
	height:30px;
	background:url('img/menu.png');
	background-color: blue ;
	position:relative;
	border:2px solid #000;
	top:0px;
	left:0px;

}

#bb{
	width:657px;
	height:30px;
	background:url('img/menu.png');
	background-color: blue ;
	position:relative;
	border:2px solid #000;
	top:0px;
	left:0px;

}

#botoes{
	width:556px;
	height:10px;
	background:url('');
	background-color: ;
	position:relative;
	top:0px;
	left:75px;
	z-index: 2;
}


/****************botão logo*********************/
.botaol  {
position:absolute;
top:0px;
left:25px;
margin:0px;
padding:0px;
        }

.botaol a, .botaol a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/logo.gif') no-repeat center center;	
width:96px;  
height:72px;	
display:block;	
	}


/****************botão home*********************/
.botao  {
position:relative;
top:0px;
left:45px;
margin:0px;
padding:0px;
        }

.botao a, .botao a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/a.gif') no-repeat center center;	
width:120px;  
height:24px;	
display:block;	
	}

.botao a:hover { 

background:  url('img/b.gif') no-repeat center center;
color:black;
               }


/****************botão pagina1*********************/


.botao1  {
position:absolute;
top:0px;
left:166px;
margin:0px;
padding:0px;
        }

.botao1 a, .botao1 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/a.gif') no-repeat center center;	
width:120px;  
height:24px;	
display:block;	
	}

.botao1 a:hover { 
background:  url('img/b.gif') no-repeat center center;
color:black;
top:0px;
               }

/****************botão pagina2*********************/

.botao2  {
position:absolute;
top:0px;
left:287px;
margin:0px;
padding:0px;
        }
		
.botao2 a, .botao2 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/a.gif') no-repeat center center;	
width:120px;  
height:24px;	
display:block;	
	}

.botao2 a:hover  { 
background:  url('img/b.gif') no-repeat center center;
color:black;
               }	   
			   		   
/****************botão pagina3*********************/

.botao3  {
position:absolute;
top:0px;
left:408px;
margin:0px;
padding:0px;
        }
		

.botao3 a, .botao3 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/a.gif') no-repeat center center;	
width:120px;  
height:24px;	
display:block;	
	}

.botao3 a:hover  { 
background:  url('img/b.gif') no-repeat center center;
color:black;
               }	   
		
			   

/****************botão Projecto*********************/			   

/****************botão AP Novos*********************/		   
.botao5  {
position:absolute;
top:0px;
left:45px;
margin:0px;
padding:0px;
        }
		

.botao5 a, .botao5 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/c.gif') no-repeat center center;	
width:160px;  
height:24px;	
display:block;	
	}

.botao5 a:hover  { 
background:  url('img/d.gif') no-repeat center center;
color:blue;
               }	

/****************botão AP Usados*********************/

.botao6  {
position:absolute;
top:0px;
left:166px;
margin:0px;
padding:0px;
        }
		

.botao6 a, .botao6 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/c.gif') no-repeat center center;	
width:160px;  
height:24px;	
display:block;	
	}

.botao6 a:hover  { 
background:  url('img/d.gif') no-repeat center center;
color:blue;
               }	

			   
/****************botão Moradias*********************/
.botao7  {
position:absolute;
top:0px;
left:287px;
margin:0px;
padding:0px;
        }
		

.botao7 a, .botao7 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/c.gif') no-repeat center center;	
width:160px;  
height:24px;	
display:block;	
	}

.botao7 a:hover  { 
background:  url('img/d.gif') no-repeat center center;
color:blue;
               }				   
			   
			   
/****************botão lojas*********************/

.botao8  {
position:absolute;
top:0px;
left:408px;
margin:0px;
padding:0px;
        }
		

.botao8 a, .botao8 a:visited {  
font: bold 12px/24px arial, helvetica, sans-aerif;	
padding:0px;
text-decoration: none;
text-align:center;	
color:white;
background:  url('img/c.gif') no-repeat center center;	
width:160px;  
height:24px;	
display:block;	
	}

.botao8 a:hover  { 
background:  url('img/d.gif') no-repeat center center;
color:blue;
               }	
	

/****************meiom*********************/
#meiom {
    position:absolute;
	top:300px;
    left:420px;
    height:150px;
    width:200px;
    margin:0 auto;
	border:px solid black;
}

/****************Slidshow Home*********************/
#slideshow {
    position:absolute;
	top:0px;
    left:0px;
    height:617px;
    width:659px;
    margin:0 auto;
	border:0px solid black;
}



#slideshow img {
    position:absolute;
    top:0px;
    left:0px;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}

#sub-meioprinci{
	text-align: justify; 
	width: 745px;
	height: 410px;
	white-space: nome;
	background: white url('');
	position: relative;
	border:2px solid black;
	top: 0px;
	left: 0px;
	z-index:3;
	text-align:left;
}







/**************** fotos****************/

#sub-meiofoto{
	text-align: justify; 
	width: 745px;
	height: 410px;
	white-space: nome;
	background: white url('');
	position: relative;
	border:2px solid black;
	top: 0px;
	left: 0px;
	z-index:3;
	text-align:left;
}

#galeria {

	position:absolute;
	width:680px; 
	text-align:left;
    border:0px solid black;	
	top:7px;
	left:35px;
	}
#img-aqui { 
	background:  url('1.png') center no-repeat; 
	width:500px; 
	height:375px; 
	position:relative; 
	top:8px;
	float:right; 
	border:1px solid #fff;
	}
ul.fotos {
	position:relative;
	list-style:none;  
	width:162px;
	padding:1px;
	background:white;
	margin:0; 
	padding:0; 
}
.fotos:after {
	display: block;
	content: ".";
	height: 0;
	font-size:0; 
	visibility: hidden;
	clear: both;
	}
ul.fotos li {
	width:75px;
	height:50px;
	float:left; 
	border:2px solid #444;
	margin:1px; 
}
ul.fotos li img {
	border:none; 
	width:75px;
	height:50px;
}
ul.fotos li span img {
	border:none;
	width:500px;
	height:375px;
	height:auto;
}
ul.fotos a {
	display: block;
	} 
ul.fotos a span {
	display: none;
}
ul.fotos a:hover span.legenda {
	display: block;
	text-align:center; 
	width:500px;
	position:absolute;
	top:375px;
	left:-2px;
}
ul.fotos a:hover span {
	display: block;
    position: absolute; 
	top:-5px; 
	left: 177px; 
	background:#fff;
	border:2px solid #666;
   }
ul.fotos a:hover span.legenda {
	padding:5px 0;
	color:#333; 
}


			   
/**************** Rodape ****************/
#rodape {
	text-align: center;
	width:750px;
	height:30px;
	background:url('img/footer.png');
	background-color: red;
	background-position:  bottom center;
	border:0px solid black;
	position:relative;
	top: 0px;
	left: 0px;
	z-index: 1 ;
}