body {
  background-color:#eeeeee;
  padding:0px;
  margin:0;
  text-align:center;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10px;
  color:#666;
}

a {
  color:#fff;
  text-decoration: none;
} 

a:hover {
  color:#fff;
  text-decoration: none;
} 


#conca {
  width:730px;
  height:553px;
  border:0px solid red;
  margin-left:auto;
  margin-right:auto;
}


#header {
  border:0px solid #000000;
  margin:0px;
  padding:25px;
  width:auto;
  background-color:#000000;
  text-align:left;
  
}


.menu {
  margin:30px;
  padding:0px;
  border:0px solid red;
  color:#ffffff;
  font-size: 13px;
}

#bio {
  border:0px solid #000000;
  margin:0px;
  padding:20px;
  width:auto;
  heigh:auto;
  background-color:#dddddd;
  text-align:left;
  font-size: 12px;
  color:#000000;  
}



#footer {
  border:0px solid #000000;
  margin:0px;
  padding:15px;
  width:auto;
  heigh:auto;
  background-color:#000000;
  text-align:center;
  color: #fff;  
}

#footer p {
 font-size: 10px;
 color: #fff;


}

.audio {
 color:#00BFFF;
 text-decoration:underline;
  font-size: 10px;

}
.audio a, a:hover {
 color:#00BFFF;

}


#slide{
    /* parametro obbligatorio */
    overflow:hidden;
    /* qui potete personalizzare la dimensione , la posizione e l'aspetto */
    width:680px;
	height:566px;   
    background:white;
    box-shadow:0px 0px 5px black;
	margin-left:auto;
    margin-right:auto;
	position:relative;
   }
   
   #slide p{
    /* qui potete personalizzare il testo */
    font-family:Arial, sans-serif;
    font-size:10px;
    text-align:left;
    position:relative;
    width:200px;height:40px;
    top:200px;left:40px;
    padding:10px;
    background:rgba(20,20,20,0.5);
    color:white;
    /* parametro obbligatorio */
    opacity:0;
   }
   
   /* gli stili definiti qui di seguito non devono essere modificati ! */
   #slide img{
    width:100%;height:100%;
    position:absolute;
    top:0px;left:0px;
   }
   #slide:hover p{
    opacity:1;
   }