body{margin:0px; padding:0; text-align:center;font-family: "Lucida Grande", Verdana, sans-serif;font-size: 76%;background:black;}
#content{overflow:hidden;position:relative;width:960px; height:600px;margin:3% auto 10px auto; text-align:left;padding:15px;background:url(../images/bg.png);}
.logo img{position:absolute;top:50px;left:35px;z-index:99;height:5%;width:3%;z-index:1000;}

.logo h1{font-size:16px; color:gold;position:absolute;top:-92px; right:72px;}
.logo h5{font-size:10px; color:white;position:absolute;top:50px; left:72px;font-style:italic;}



#buttons {
	position:absolute;top:5px;left:300px;
	width: 40em;
}

.button {
		   border: 1px solid #DDD;
		   border-radius: 3px;
		   text-shadow: 0 1px 1px white;
		   -webkit-box-shadow: 0 1px 1px gold;
		   -moz-box-shadow:    0 1px 1px gold;
		   box-shadow:         0 1px 1px gold;
		   font: bold 11px Arial, sans-serif;
		   margin-right:5px;
		   padding: 6px 15px;
		   white-space: nowrap;
		   vertical-align: middle;
		   color: black;
		   background: gold;
		   cursor: pointer;
		   text-decoration: none;
		}
		.button:hover{background:#fff;
		   border-color: #999;
		   background: -webkit-linear-gradient(top, white, #fff);
		   background:    -moz-linear-gradient(top, white, #fff);
		   background:     -ms-linear-gradient(top, white, #fff);
		   background:      -o-linear-gradient(top, white, #fff);
		   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
		   -moz-box-shadow:    0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
		   box-shadow:         0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff;
		   color:black;
		}
		#active {background:red;
		   border: 2px solid #AAA;
		   border-bottom-color: #CCC;
		   border-top-color: #999;
		   -webkit-box-shadow: inset 0 1px 2px #aaa;
		   -moz-box-shadow:    inset 0 1px 2px #aaa;
		   box-shadow:         inset 0 1px 2px #aaa;
		   background: -webkit-linear-gradient(top, red, gainsboro);
		   background:    -moz-linear-gradient(top, red, gainsboro);
		   background:     -ms-linear-gradient(top, red, gainsboro);
		   background:      -o-linear-gradient(top, red, gainsboro);
		   color:black;
		}	

   


#scatola{width:700px;}


.box{ position:relative;top:110px;left:0px;width:200px; height:150px; cursor:pointer; background:gold; color:black; border:2px solid #333; float:left; text-align:center;margin-left:15px;margin-bottom:80px;}
.box > div { position:absolute; top:0px; left:0px;}
.box h1 {font-size:16px;}
div.info{ padding:4px; font-size:13px;position:absolute; top:0px; }
.immagine {  
     -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;    }
.immagine:hover { opacity:0; filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
     -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10? */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;
  }
  
  
 
.titolo h1{color:white;font-size:44px;position:absolute;top:115px;}  
.titolo h4{color:silver; font-weight:bold;font-size:15px;text-align:left;position:absolute;top:135px;width:142px;left:70px;}  

.spiegazione{background:black;position:absolute; top:124px; left:705px;opacity:0.5; filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);z-index:900; }
.spiegazione h4{color: white;width:250px;line-height:20px;padding-left:10px;padding-right:10px;font-weight:bold;z-index:999;}
 
 .bianco{background:white; width:145px;height:20px;position:absolute; top:3px; left:490px;border-right: 2px solid black;border-bottom: 2px solid black;}
 #footer{position:absolute;bottom:0px;left:0;width:100%;height:45px;margin:0px auto;background:url(../images/footer.png);text-align:center;opacity:0.6; filter:alpha(opacity=60);border-top:1px solid red;}

.loghi{position:absolute;top:570px;left:375px;padding:15px;}
.telefono{z-index:99;position:absolute; top:20px;left:125px;color:black;width:135px;display:none;padding:0.1em;font-weight:bold;}

.email{z-index:2;position:absolute; top:19px;left:129px;color:black;width:130px;display:none;padding:0.2em 0.5em;font-weight:bold;}

#tel,#fx, #mail{padding-top:5px;padding-left:3px;}
#indirizzo{position:absolute;top:600px;left:340px;color:gold;width:100%;}

img{border:0;}