body{
	background: #fff;
	margin: 0 auto;
	font: 100% Verdana,Arial, Helvetica, Sans serif;
	color: #888;
	text-align:center;
}
h1{font-size:110%;color:#87A7D6;margin:0;padding:0;margin-bottom:10px;text-transform:uppercase;}
h2{font-size:100%;color:#87A7D6;margin:0;padding:0;margin-bottom:10px;}
a{
	color:#888;
}
a:hover{
	color:#87A7D6;
}
label{color:#87A7D6;font-size:100%;font-weight:bold;}
.grigetto{color:#aaa;font-size:80%;}
#contenitore{	
	width:744px;
	margin: 0 auto;
	margin-top:5px;
}
#testata{
	width:100%;
	margin: 0 auto;
	height:136px;
	background:url("../immagini/testata.jpg") 4px 4px no-repeat;
	border:1px solid #888;
}
#menu{
	width:101%;
	height:27px;
	margin-top:2px;
	border-left:1px solid #bbb;
}
#menu ul{
	width:100%;
	margin:0;
	padding:0;
	display:inline;
	
}
#menu li{
	list-style:none;
	float:left;
	border:1px solid #bbb;
	border-left:0;
	margin:0;
	padding:0;
	width:105px;
	height:25px;	

}
#menu li a{
	display:block;
	padding-top:6px;
	height:19px;
	background:url("../immagini/gradiente.jpg");
	color:#888;
	text-transform:uppercase;
	font-size:65%;
	text-decoration:none;
	font-weight:bold;

}
#menu li.attivo{width:108px;}
#menu li.attivo a{background:#ddd;}
#menu li a:hover{
	background:url("../immagini/gradiente2.jpg");
}
#content{
	background:url("../immagini/gradiente2.jpg") top left repeat-x;
	padding-top:20px;
	margin-top:2px;
	width:746px;
}
#sinistra{
	background:#E5E5E5 url("../immagini/sfondo_menu.jpg") 0px 250px repeat-x;
	
	text-align:left;
	margin-top:10px !important;
	margin-top:30px;
}
#destra{
	float:right;
	width:78%;
	border-left:1px solid #bbb;
	background:#fff;
	color:#000;
	font-size:80%;
	padding-left:10px;
	margin:0;
	margin-bottom:0px !important;
	margin-bottom:-2px;
	padding-bottom:20px;
	min-height:300px;
	height:auto !important;
	height:300px;
}
#sottomenu{
	background:#fff;
	float:left;
	width:148px;
	padding-left:5px;
	height:250px;
}
#sottomenu ul{
	margin:0;
	margin-left:15px;
	padding:0;	
}
#sottomenu ul li{
	list-style:none;
	margin:0;
	padding:0;	
}
#sottomenu ul li a{
	color:#888;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	font-size:70%;
	
}
#sottomenu ul li a:hover{
	color:#87A7D6;
	
}
#sottomenu li.attivo a{color:#87A7D6;}
#sotto{clear:both;height:0px;font-size:0;}
#footer{
	width:735px;
	text-align:left;
	background:url("../immagini/gradiente.jpg") bottom left repeat-x;
	border:1px solid #bbb;
	height:23px !important;
	height:19px;
	font-size:65%;
	padding:10px 5px 0px 5px;
	padding-top:8px !important;
	padding-top:9px;
}
#gubbernet{
	float:right;
	font-weight:bold;
	
}
#footer a{
	color:#888;
}
#footer a:hover{
	color:#87A7D6;
}
#footer img{
	vertical-align:middle;
}

#contenitore-immagini {height:auto;}
#contenitore-immagini img{border:1px solid #aaa;}
#immagine-grande{float:left;width:300px;}
#thumbnails{float:right;width:150px;}
#thumbnails img{margin-bottom:10px;cursor:pointer;}

#form-contatti{width:400px;}
#form-contatti input{width:170px;color:#87A7D6;border:1px solid #aaa;}
#form-contatti input.button{width:auto;border:0;}
#form-contatti textarea{height:80px;width:400px;color:#87A7D6;border:1px solid #aaa;}
#form-contatti select{color:#87A7D6;border:1px solid #aaa;}
#form-contatti td{}
/* MISC =clearfix
------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}

.clearfix {
	display: block;
	}