html {
 background-image: url(buttons/sfondosfumato.gif);
 background-position: center;
 background-repeat: repeat-y;
 background-color: #005252;
}
body {
background-color:  White;
background-attachment: fixed; }

div#container {
background-color:  White;
	position: relative;
	width:960px; 
	margin: 0 auto;
	background-color: blue; 
	}

div#testata {
	height: 100px;
	width: 961px;
	position: absolute;
  background: url(buttons/logo02.jpg) no-repeat;
 background-position: 178px;
 background-color: #58a; }

div#logo {
	height: 100px;
	width: 180px;
  background: url(buttons/logo.gif) no-repeat;
 position: absolute;
background-position: 2px;
 z-index: 1}
 
 div#logo img {
 	position: relative;
	top: 12px;
	left: 194px;
 }

div#contmenu {
	width: 960px;
	position: absolute;
	top: 100px;
	height: 30px;
	background: url(buttons/backmenu1.gif);
	background-repeat: repeat-x;
	z-index: 1;}

	div#menu {
			position: absolute; left: 180px; top: 0px;
			width: 780px;
			height: 30px;
			background: url(buttons/backmenu.gif);
			background-repeat: repeat-x;}
	
	#menu a{
				width: 100px;
overflow: hidden;
background-color: transparent !important;
padding-left: 0px !important;
color: #777 !important;
margin-right: 18px !important;
text-indent: 5px !important;
font-size: 14px !important;
border: 0px !important;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			
div#spazioprinc{
background-color:  White;
	width: 960px;
	position: absolute;
	top: 130px;
	left: 0px;	}
	div#navigator {
			
			position: absolute; top: 40px; left: 1px;
			width: 178px;
			line-height: 20px; 
			font: 10px normal Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 35px 0 0 0;
			line-height: 15px;
			background-image: url(buttons/menutitle.gif);
			background-repeat: no-repeat;
			background-position: 26px 5px; }

div#contenuto {			
background-color:  White;
			position: absolute; top: -30px; left: 0px;
			width: 740px;
			background-image: url(buttons/backmenu2.gif); 
		background-repeat: repeat-y; 
		padding-left: 200px;	
		padding-top: 50px;
		padding-right: 20px;
		border-right: 1px solid #dedede;
}
		
	/*       HOME       */
	.divhome {
	width: 100%;
	text-align: center;
	z-index: 20;
	}
	
	.divhome a {
	padding: 2px !important;
	line-height: 54px;
	z-index: 20;
	}
	
	#thome {
		height: 30px !important;
		line-height: 30px !important;
		font-size: 28px !important;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif  !important;
		z-index: 20;
		color: #003333 !important;
	}
		#shome {
		height: 40px !important;
		line-height: 30px !important;
		font-size: 29px !important;
		color: black !important;
		z-index: 20;
	}

		 #contenuto p {
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
 }

			 #contenuto table p {
height: 35px;
min-height: 35px;
margin-bottom: 10px;
padding: 0px 15px 0px 15px; 
font-size: 10px; 
line-height: 11px;
overflow: auto; 
text-align: center;
}

  		   #contenuto h1 {
	font: 30px normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	color: #555;
	height: 30px;
	padding: 0px;
	margin: 0px;
	;
	
}

			#contenuto h2 {
	font: 20px normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	color: #999999;
	height: 20px;
	padding: 0;
	margin: 0 0 20px 0;
	border-bottom: 1px dashed #dedede
}

			#contenuto h3 {
	font: 14px normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	color: #999999;
	height: 14px;
	padding: 0;
	margin: -20px 0 25px 0;
	
}
			#contenuto table {
	
}
	#contenuto img {
	border: 1px solid black;
	padding: 1px; 	}
			/*links*/
			 #contenuto a img {
	border: 1px solid #ccc;	
	z-index: 2;
	vertical-align: top;
	}
			 #contenuto a:hover {
 font-size: 100%;
 cursor: pointer;
 }
			 #contenuto a:hover img {
	border: 1px solid black;
	opacity:0.7; filter:alpha(opacity=60);	
	}
			#contenuto td {
  text-align: center;
	width: 375px;
	background-image: url(buttons/sfoto.gif);
	background-position: top;  background-repeat: no-repeat;
	padding-top: 0px;
	
}
		#contenuto td a {
	  position: relative;
	
}
			 #contenuto a p  {
	z-index: 1;	
	width: 80px;
	height: 40px !important ;
	min-width: 50px ;
	min-height: 50px !important;
	overflow: visible;
	position: absolute;
	visibility: hidden;
	background: url(buttons/zoom1.png);
	background-repeat: no-repeat;
	background-position: auto auto;
	
	}
	   	 #contenuto a:hover p {
	visibility: visible;
}
	#contenuto td.txtpic {
	padding: 0 !important;
	position: relative;
	background-image: url(buttons/stesto.jpg);
	background-position: top;  background-repeat: no-repeat;
}

		#contenuto td.txtpic div {
		margin: -0px auto 0 auto !important;
		padding: 0 !important;
		height: 180px; 
		width: 250px; 
		text-align: left;
	
	 	
}
	#contenuto td.txtpic p {

	height: 180px; 
	width: 220px; 
	text-align: left;
		
	
	 }

div#footer {
	width: 781px;
  background-image: url(buttons/backfooter.gif);
  line-height: 20px;
  height: 20px;
	position: absolute;	bottom: 0px;	right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: gray;
	font-variant: small-caps;
	font-size: 12px;
	text-align: center;
	}


#menu a {
	 background-color: #ededed;
	 min-height: 30px;
	 color: #666666;
	 padding-left: 5px;
	 margin-bottom: 1px;
 	line-height: 15px;
	font-size: 10px;
   vertical-align: middle;
  	background-repeat: repeat-x;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	
	text-decoration: none;
}


#menu a:hover {
  	color: #000 !important;
		}
		
#menu img {
position: relative;
top: 5px;
margin-right: 3px;
	border: 0px;
	overflow: hidden;
}

div#contacts{	
	background-image: url(buttons/contacts.jpg);
	height: 70px;
	width: 180px;
	z-index: 1;
	}
	
	a.contatti {
	position: absolute;
	top: 0px;
	height: 70px;
	width: 180px;
	background: transparent;
	display: block;}

	a.contatti:hover {
   background: url(buttons/contacts2.gif) 0 0 no-repeat;}

 
 
 
/**************************************/ 	
/*********   Menu Accordion ***********/	
/*************************************/
.loadmenu {
position: absolute; 
top: 50px; 
left: 26px;
}


.bgacc
	{
	
	height: 150px; 
		
	}		
	
	
			p.close{
			height: 20px;
			width: 20px;
			position: absolute;
			top: -22px;
			right: -6px;
			 background-image: url(buttons/close.gif);
			 background-repeat: no-repeat;
			
		
			}
			p.close:hover{
			 opacity:0.75; filter:alpha(opacity=75);
			}
			
		
			
	
	*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
.accordion {
	width: 200px;
	margin: 0;
	position: absolute;
	display: none;
	
}

.showacc {
		
display: block !important;
}


h2.trigger {
	padding: 0 0 0 30px;
	margin: 0 0 0 -1px;
	background: url(buttons/h2_trigger_a.gif) no-repeat;
	height: 32px;
	line-height: 16px;
	width: 148px;
	font-size: 12px;
	font-weight: normal;
	float: left;
	border:1px solid #d6d6d6;
	border-top: none;
	border-bottom: none;
	z-index: 2;
		
}



	
h2.trigger a {
	color: #777;
	text-decoration: none;
	display: block;
	
}
h2.trigger a:hover {
	color: #333;
}
h2.active {background-position: left bottom;}

.block {
	position: relative;}
	
.toggle_container {
	position: absolute;
	top: 10%;
	left: 105%;
	margin: 0 0 0px -1px;
	padding: 20px 0 0 0;
	border: 1px solid #999;
	border-top: 0px solid white;
	background: #f0f0f0 url(buttons/toptoggle.jpg) ;
   overflow: hidden;
	width: 500px;
	font-size: 1.2em;
	clear: both;
	z-index: 50;
	background-repeat: repeat-x;
	background-attachment: inherit;
	
}

.toggle_container tr {
height: 100px;

}
.toggle_container td {
width: 165px;
 vertical-align: top;
 text-align: center;
}

.toggle_container .block {
	padding: 20px;
	/*background: url(buttons/toggle_block_btm.gif) no-repeat left bottom; */
}
.toggle_container .block p {
	padding: 5px 5px 0 5px;
	margin: 5px 0;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
	/*links*/
	.block img {
		
	padding: 2px;
	background: #000;
	border: 1px solid #fff;	}
	.block img:hover {
 font-size: 100%;	}
	.block img:hover {
		margin: 0;
	padding: 2px;
	background: #fff;
	border: 1px solid #fff;
   opacity:0.3; filter:alpha(opacity=30);
	
	}



.toggle_container h3 {
	font: 20px normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px;
	padding: 0 0 0px 0;
	border-bottom: 1px solid #aaa;
	
	  }

.toggle_container h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	top: -20px;
	font-weight: normal;
	color: #444;
  	}


/* fine menu accordion */	

.prevnext{

text-align: right;
color: #333;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
}

.quote {
 padding-left: 30px !important;
 } 
	.quote b {
 color: #aa0000 !important;
  } 
	
.tech {
 border-left: 10px solid #efefef;
}

.tech a {
 color: #888;
 font-weight: bold;
 text-decoration: none;
}	
.tech a:hover{
 color: red;
}	
	
.tech b {
 color: #444;
}	

.tech strong {
display: block;
color: black;
font-size: 14px;
margin-top: 10px;
clear: both;
border-bottom: 1px solid #ddd;

}	

.tech a img {
 float: left;
 margin: 0 10px;
}		

.tech table {
	border: 0px solid gray;
}


.tech table td {
	border: 1px solid gray;
}

.tech table tr {
	border: 1px solid gray;
	height: 60px;
}




		#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 100000;
	}		
			
			#screenshot b{
	color:#888;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
   font-weight: normal;
	}			

	
	
			
			.primopiano{
				z-index: 100;
			}
			
			.current{
				display: none;
			}
			.showcurrent{
				display: block !important;
			}
			
.form	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 150px;
}