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

body{
	width: 800px;
	margin: auto;
	padding: 8px 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



/*-------------------------------------------------------------------TESTATA LOGOTIPO-------------------------------------------------------------------------------------*/
#logotipo{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 800px;
	height: 180px;
	float: left;
	font-size: 12px;
}



#logotipo a{
	text-decoration: none;
	color: #999999;
}

#logotipo a:hover{
	color: #33CC66;
}


.titolologo{
	font-weight: bold;
	font-size: 13px;
}

#contatto{
	padding: 25px 0 0 10px;
	float: left;
}

img{
	border: 0;
	float: left;
}

/*------------------BOXINFO----------------*/
#boxinfo{
	margin:0 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
	float: right;
}

#boxinfo ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px;
}

#boxinfo li{
	list-style: none;
	display: inline;
	margin: 0 0 0 0;
}

#boxinfo li a{
	color: #999999;
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0 2px 0 2px;
}


#boxinfo li a:hover{
	color: #33CC66;
}




/*-------------------------------------------------------------------MENU PRINCIPALE-------------------------------------------------------------------------------------*/
#bioecologia{
	background: url(../img/eco_arch.jpg) top left no-repeat;
	width: 102px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 12px 0 0 0;
	letter-spacing: 1px;
}

#bioecologia a{
	color: #999999;
	text-decoration: none;
}


#bioecologia a:hover{
	color: #000000;
}




#costruzioni{
	background: url(../img/costruzioni.jpg) top left no-repeat;
	width: 102px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 12px 0 0 73px;
	letter-spacing: 1px;
}

#costruzioni a{
	color: #999999;
	text-decoration: none;
}


#costruzioni a:hover{
	color: #000000;
}





#progetti{
	background: url(../img/progetti.jpg) top left no-repeat;
	width: 102px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 12px 0 0 72px;
	letter-spacing: 1px;
}

#progetti a{
	color: #999999;
	text-decoration: none;
}


#progetti a:hover{
	color: #000000;
}





#materiali{
	background: url(../img/materiali.jpg) top left no-repeat;
	width: 102px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 12px 0 0 73px;
	letter-spacing: 1px;
}

#materiali a{
	color: #999999;
	text-decoration: none;
}


#materiali a:hover{
	color: #000000;
}





#studio{
	background: url(../img/studio.jpg) top left no-repeat;
	width: 102px;
	float: right;
	font-size: 12px;
	text-align: center;
	padding: 120px 0 0 0;
	margin: 12px 0 0 72px;
	letter-spacing: 1px;
}

#studio a{
	color: #999999;
	text-decoration: none;
}


#studio a:hover{
	color: #000000;
}