/* CSS For Musicale */

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/*line height: 0px;*/
background: #000000;
}

ul{
list-style: none;
}

img {
border: 0px;
}

#container {
margin: 0px auto;
top: 50%;
left: 50%;
width: 760px;
height: 100%;
min-height: 500px;
background: #5F647A url(../immagini/sfondogrande.jpg) left top no-repeat;
text-align: justify;
color: #000000;
}

a{color: #A09564; text-decoration: none;}
a:hover{color: #ffffff; text-decoration: none;}
/*a:visited{color: #888c9e; text-decoration: none;}*/

/*
************************************************************* header */
#header {
width: 100%;
height: 80px;
/*background: url(../immagini/headerbkg.jpg) right no-repeat;*/
}

/*#header img{
position: absolute;
top: 48px;
right: 20px;
}*/
/*
************************************************************* menu */
#menu {
float: left;
position: relative;
width: 220px;
height: 400px;
}

#menu ul{
margin-left: 0px;
padding: 0px;
} 
#menu li{
margin-left: 0px;
padding: 7px;
} 
/*
************************************************************* contents */
#contents {
position: relative;
width: 495px;
height: auto;
float: right;
background: #5F647A;
border-top: 2px solid #000000;
padding: 20px 20px 20px 20px;
}

#contents ul {
padding: 0px;
}
#contents li{
margin-left: 10px;
}

#titoli{
/*position: absolute; 
top: 10px; 
left: 20px;*/
margin-top: -10px;
text-align: center;
}

p#commenti {
font-size: 10px;
font-style: italic;
}

#neltesto {
float: right;
margin: 10px 0px 10px 10px
}

h4 {
font-size: 12px;
font-style: italic;
}

h3 {
font-size: 14px;
}

a.tornasu {
font-size: 11px;
font-style: italic;
}

/*
************************************************************* footer */
#footer {
font-size: 10px;
text-align: center;
height: 30px;
background: #5F647A;
color: #888c9e;
}

#footer span{
font-size: 11px;
color: #A09564;
}

#footer a{
font-size: 10px;
}
#footer a:hover{
font-size: 10px;
color: #ffffff;
}
/*
************************************************************* menu pulsanti*/
#b1 a{position:absolute; width:85px; height:30px; background:url(../immagini/b1.jpg); background-position:0px 0px; top:40px; left:10px;}
#b2 a{position:absolute; width:68px; height:30px; background:url(../immagini/b2.jpg); background-position:0px 0px; top:75px; left:15px;}
#b3 a{position:absolute; width:120px; height:30px; background:url(../immagini/b3.jpg); background-position:0px 0px; top:105px; left:35px;}
#b4 a{position:absolute; width:110px; height:30px; background:url(../immagini/b4.jpg); background-position:0px 0px; top:140px; left:57px;}
#b5 a{position:absolute; width:74px; height:30px; background:url(../immagini/b5.jpg); background-position:0px 0px; top:175px; left:64px;}
#b6 a{position:absolute; width:172px; height:30px; background:url(../immagini/b6.jpg); background-position:0px 0px; top:210px; left:53px;}
#b7 a{position:absolute; width:75px; height:30px; background:url(../immagini/b7.jpg); background-position:0px 0px; top:245px; left:76px;}

#b1 a:hover{background-position: 0 -30px;}
#b2 a:hover{background-position: 0 -30px;}
#b3 a:hover{background-position: 0 -30px;}
#b4 a:hover{background-position: 0 -30px;}
#b5 a:hover{background-position: 0 -30px;}
#b6 a:hover{background-position: 0 -30px;}
#b7 a:hover{background-position: 0 -30px;}

#b1 a:active{background-position: 0 -30px;}
#b2 a:active{background-position: 0 -30px;}
#b3 a:active{background-position: 0 -30px;}
#b4 a:active{background-position: 0 -30px;}
#b5 a:active{background-position: 0 -30px;}
#b6 a:active{background-position: 0 -30px;}
#b7 a:active{background-position: 0 -30px;}


/*
************************************************************* varie */
a.imgdesc{font-size: 2px; color:#606479; padding: 0px; margin: 0px;}

.validators{
font-size: 9px;
text-align: right;
background: #000000; 
color: #888C9E;
}
.validators a{
color: #888C9E;
}
.validators a:hover{
color: #A09564;
}