body {
background: url(immagini/sfondo.jpg) center;
margin:0px;
padding:0px;
font-family:sans-serif;
font-size:13px;
}


#main {
width:800px;
margin:auto;
padding:0px;
}

#testata {
width:800px;
padding:0px;
margin:0px;
height:128px;
background: url(immagini/header.jpg) no-repeat;
}

#stella {
background: url(immagini/stelladestra.jpg) no-repeat;
height:247px;
width:214px;
float:right;
}

#corpo {
width:800px;
padding:0px;
background: url(immagini/sfondobody.jpg);
}

#testo {
padding:5px 25px 0px 25px;
color:#666;
}

#piede {
width:800px;
height:250px;
padding:0px;
background: url(immagini/footer.jpg) bottom center;
clear:both;
}

#notefinali {
text-align:center;
}

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

/* ================ definizioni del testo ================ */

strong {
color:#800;
}

.data {
color:#800;
font-size:11px;
}

.prossimadata {
color:#800;
font-size:16px;
}

.titoletto {
color:#800;
font-size:16px;
font-weight:bold;
}

a.download {
padding-left:40px;
display:block;
height:36px;
line-height:36px;
margin:2px;
background: url(immagini/download.gif) left no-repeat;
text-decoration:none;
color:#800;
}

a.download:hover {
color:#000;
}

a.lyric {
height:38px;
display:block;
color:#aaa;
line-height:38px;
text-decoration:none;
}

a.lyric:hover {
color:#666;
}

ul.elencolinks a {
color:#800;
text-decoration:none;
}

ul.elencolinks a:hover {
color:#000;
text-decoration:none;
}



/* ================ sezioni ================ */

#sezionebio {
background: url(immagini/bio.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionevideo {
background: url(immagini/video.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionemp3 {
background: url(immagini/mp3.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionefoto {
background: url(immagini/foto.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionetour {
background: url(immagini/tour.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionecontatti {
background: url(immagini/contatti.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionematteo {
background: url(immagini/matteo.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezioneenrico {
background: url(immagini/enrico.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezioneivo {
background: url(immagini/ivo.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionethomas {
background: url(immagini/thomas.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionelinks {
background: url(immagini/links.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

#sezionelyrics {
background: url(immagini/lyrics.jpg);
width:144px;
height:65px;
position:relative;
left:86px;
top:33px;
margin:0;
padding:0;
}

/* ================ schede componenti ================ */

#schedamatteo {
width:200px;
height:150px;
margin:10px 20px 10px 10px;
float:left;
background: #fff url(immagini/contenuti/schedamatteo.jpg) no-repeat;
}

#schedaivo {
width:200px;
height:150px;
margin:10px 20px 10px 10px;
float:left;
background: #fff url(immagini/contenuti/schedaivo.jpg) no-repeat;
}

#schedaenrico {
width:200px;
height:150px;
margin:10px 20px 10px 10px;
float:left;
background: #fff url(immagini/contenuti/schedaenrico.jpg) no-repeat;
}

#schedathomas {
width:200px;
height:150px;
margin:10px 20px 10px 10px;
float:left;
background: #fff url(immagini/contenuti/schedathomas.jpg) no-repeat;
}


/* ====/////  navigatore sezioni  /////===== */

#navigatore {
position:relative;
top:30px;
left:320px;
}

#navigatore a.bio {
float:left;
height:26px;
width:45px;
background: url(immagini/pulsanti/bio.jpg) top no-repeat;
}

#navigatore a.video {
float:left;
height:26px;
width:55px;
background: url(immagini/pulsanti/video.jpg) top no-repeat;
}

#navigatore a.mp3 {
float:left;
height:26px;
width:45px;
background: url(immagini/pulsanti/mp3.jpg) top no-repeat;
}

#navigatore a.foto {
float:left;
height:26px;
width:42px;
background: url(immagini/pulsanti/foto.jpg) top no-repeat;
}

#navigatore a.tour {
float:left;
height:26px;
width:41px;
background: url(immagini/pulsanti/tour.jpg) top no-repeat;
}


#navigatore a.links {
float:left;
height:26px;
width:52px;
background: url(immagini/pulsanti/links.jpg) top no-repeat;
}

/* ====== hover ======= */

#navigatore a.bio:hover {
background-position: bottom;
}

#navigatore a.video:hover {
background-position: bottom;
}

#navigatore a.mp3:hover {
background-position: bottom;
}

#navigatore a.foto:hover {
background-position: bottom;
}

#navigatore a.tour:hover {
background-position: bottom;
}

#navigatore a.links:hover {
background-position: bottom;
}

/* ====///// nav membri gruppo /////===== */

#componenti {
margin-left:240px;
}

#componenti #matteo a {
float:left;
height:119px;
background: url(immagini/matteo.gif) top left no-repeat;
width:151px;
}

#componenti #ivo a {
float:left;
height:119px;
background: url(immagini/ivo.gif) top left no-repeat;
width:80px;
}

#componenti #enrico a {
float:left;
height:119px;
background: url(immagini/enrico.gif) top left no-repeat;
width:124px;
}

#componenti #thomas a {
float:left;
height:119px;
background: url(immagini/thomas.gif) top left no-repeat;
width:157px;
}

/* == hover == */

#componenti #matteo a:hover {
background: url(immagini/matteo.gif) bottom left no-repeat;
}

#componenti #ivo a:hover {
background: url(immagini/ivo.gif) bottom left no-repeat;
}

#componenti #enrico a:hover {
background: url(immagini/enrico.gif) bottom left no-repeat;
}

#componenti #thomas a:hover {
background: url(immagini/thomas.gif) bottom left no-repeat;
}