@charset "UTF-8";
/* CSS Document */

body{margin:0; background:url(../images/base-fondo.jpg) top left repeat-x #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#ccc;}
img{border:0;}
img.marchi{padding:0 0 20px 20px;}
b, strong{color:#fff;}
a{color:#09f; text-decoration:underline; font-weight:bold;}
a:hover{color:#0ff;}
p{margin:0;}
h1{font-size:24px; line-height:28px; margin:0; padding:20px 0 10px 0; font-weight:normal; color:#09f;}
h1.partner{padding:30px 0 20px 20px;}


/* GENERALI */
#container{width:980px; display:block; padding:20px 0 0 0;}
.cleaner{height:1PX; display:block; clear:both;}
#firma{position:absolute; top:0px; right:0px; width:60px; height:20px;}


/* TESTATA */
#testata{width:705px; height:160px; display:block; padding:0 0 0 255px; background:url(../images/base-testata.jpg) top left no-repeat;}
a.logo{width:400px; height:160px; display:block; background:url(../images/base-logo-S.jpg) top left no-repeat;}
a:hover.logo{background:url(../images/base-logo-A.jpg) top left no-repeat;}

.menu ul{display:block; padding:0; margin:0; height:50px; list-style:none;}
.menu li{display:block; padding:0; margin:0; height:50px; list-style:none; float:left; border-right:solid 1px #000;}
.menu li a{font-size:10px; line-height:10px; display:block; text-decoration:none; text-transform:uppercase; color:#bbb; padding:20px; background:none;}
.menu li a:hover{color:#fff; background:url(../images/base-menu.jpg) top left repeat-x #000;}
.menu li a.active{font-size:10px; line-height:10px; display:block; text-decoration:none; text-transform:uppercase; color:#fff; padding:20px; background:url(../images/base-menu-active.jpg) top left repeat-x #000;}


/* PROGRAMMA */
#programma{display:block; padding:20px 0 0 20px;}
#programma .colonna{width:180px; display:block; float:left; padding:0 10px 0 0;}
#programma .colonna .data{display:block; height:100px; padding:10px; background:url(../images/programma-data.jpg) top left no-repeat; color:#fff; line-height:12px;}
#programma .colonna .data b{display:block; font-size:66px; line-height:66px;}
#programma .colonna .testo{display:block; border-left:solid 1px #555; border-right:solid 1px #555;}
#programma .colonna .testo .concerto{display:block; padding:10px; border-top:solid 1px #555; color:#fff;}
#programma .colonna .testo .concerto b{text-transform:uppercase; color:#09f;}
#programma .colonna .testo .concerto-pagamento{display:block; padding:10px; border-top:solid 1px #555; color:#fff; background:url(../images/base-menu.jpg) top repeat-x;}
#programma .colonna .testo .concerto-pagamento b{text-transform:uppercase; color:#09f;}
#programma .colonna .testo .costo{display:block; padding:0 10px 10px 10px; background:url(../images/programma-costo.jpg) bottom repeat-x;}
#programma .colonna .testo .costo .euro{display:block; width:50px; font-weight:bold; color:#fff; float:left;}
#programma .colonna .testo .costo .vai{width:80px; display:block; float:right; text-align:right; font-size:10px; text-transform:uppercase;}

/* ARTISTI */
#artisti{display:block;}
#artisti .sottomenu ul{display:block; width:180px; padding:0; margin:0; list-style:none; float:left;}
#artisti .sottomenu li{display:block; padding:0; margin:0; list-style:none; border-bottom:solid 1px #000;}
#artisti .sottomenu li a{font-size:10px; line-height:12px; display:block; text-decoration:none; text-transform:uppercase; color:#bbb; padding:10px 20px 10px 20px; background:url(../images/artisti-menu-S.jpg) top left repeat-y #000;}
#artisti .sottomenu li a span{font-weight:normal;}
#artisti .sottomenu li a:hover{color:#fff; background:url(../images/artisti-menu-A.jpg) top left repeat-y #000;}
#artisti .sottomenu li a.active{font-size:10px; line-height:12px; display:block; text-decoration:none; text-transform:uppercase; color:#fff; padding:10px 20px 10px 20px; background:url(../images/artisti-menu-active.jpg) top left repeat-y #000;}
#artisti .sottomenu li a.active span{font-weight:normal;}
#artisti .testo{width:760px; display:block; float:left;}
#artisti .testo p{padding:0 0 0 20px;}
#artisti .testo .scheda{width:300px; display:block; padding:0 20px 10px 0; float:left;}
#artisti .testo .scheda .formazione{width:260px; display:block; padding:20px; font-size:10px; background:url(../images/artisti-scheda-piede.jpg) bottom no-repeat;}
#artisti .testo .scheda .formazione p{margin:0; padding:0px;}


/* DIRETTORE */
#direttore{display:block;}
#direttore .scheda{width:300px; display:block; padding:0 20px 20px 0; float:left;}
#direttore p{margin:0; padding:20px;}

/*PARTNERS*/
#partners{display:block; padding:20px 0 0 20px;}
#partners .colonna{width:240px; display:block; float:left; padding:0 10px 0 0;}
#partners .colonna{padding:0; margin:0;}
#partners .colonna h1{padding:0 0 30px 0;}