@charset "utf-8";
/* CSS Document */
@import url("reset.css");

body {background:#fff url('../images/sfondobody.jpg') top center repeat-x; margin:0px; font-size:62.5%;}

body, input, textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:90%;}

#top {height:140px;}
#top img {float:left;}
#top div.titolo {color:#21466f; padding-top:70px; font-weight:bold; font-size:105%}
#top div.titolo h1 {background:none; border-style:none; margin:0px; padding:0px;}
#top div.titolo span {display:block; font-size:50%; margin-bottom:-3px; font-style:italic;}

div#sceglilingua {display:block; float:right; padding: 3px; width:87px; height: 100px; text-align:right; position:absolute; right:0px; z-index:13000;}
div#sceglilingua div#lingua { display:none; background-color:#fff; float:right; width:80px; padding: 2px 5px; margin-top:1px;}
div#sceglilingua div#lingua img {margin:2px;}


div.bannerdx {position:absolute; top:0px; right:0px; display:none;}

div#contenitore, div#bottom div, div#contenuti {width:970px; margin:0px auto;}
div#contenuti {background:transparent url('../images/sfondo_contenitore.gif') top left repeat-y; padding-bottom:15px;}
div#sx {clear:both;display:block; width:235px; float:left; padding: 0px}
div#pagina {float:left; width: 725px; padding-left:10px;}


div#pagina div.testonotizia {margin-bottom:50px;}

div.pagina div ul {margin:10px;}
div.pagina div ul li {list-style-type:disc; list-style-position:inside; padding:0 0 1.65em 0;}

div#cont_titolosezione, div#titolosezione {z-index:9; margin:-35px; position:absolute; text-align:right; font-size:125%; width:705px; margin-left:0px; padding: 5px 10px 2px;}
div#cont_titolosezione {background:#fff; filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50; height: 30px;}
div#titolosezione {font-style:italic; font-weight:bold;} 


div.clear, div#contenuti {clear:both;}

div#bottom {clear:both; background:#fff url('../images/footer.jpg') top center repeat-x; padding: 10px 0px 20px; }


div#sx div#evidenza {background:#fff url('../images/sfondo_inevidenza.jpg') bottom left repeat-x; height:195px;}

div#sx .news {padding-bottom: 2px; margin-bottom:15px;}

div#sx .testo, p {line-height:1.65em;}

#menu {display:block;width:970px; background:#fff url('../images/sfondomenu.gif') bottom left repeat-x; height:28px; margin-bottom: 3px; }

div#foto {dislay:block; height: 195px; overflow:hidden}
img {border:none;}

#menu img {float:left; margin:0px 3px 3px 0px;}

div.immarticolo {padding: 5px; float:left; background:#fff url('../images/sfondoimmagine.gif'); margin-right:5px;}
div.immarticolodx {padding: 5px; float:right; background:#fff url('../images/sfondoimmagine.gif'); margin-right:5px;}


div.more {font-family:Verdana, Geneva, sans-serif; font-size:70%; float:right; background:#fff url('../images/sfondo_more.gif') top left no-repeat; padding-left:3px; margin-top:25px;}
div.more div {background:#fff url('../images/sfondo_more.gif') top right no-repeat; padding: 1px 4px 5px 0px; height:20px;}
div.more img, h1 img {float:left; margin-right:3px;}

#pagina h1 img {margin-top: 10px;}

div.more a {display:block; float:left; height:15px;  color:#000; padding: 2px 5px 1px 5px; overflow:hidden}
div.more a:hover {background-color:#fff; color:#2d5aad; text-decoration:none;}



div#bloccocommenti {display:none; border: solid #cecece 1px; padding:5px;}


div.mezzoblocco {display:block; width:50%; float:left;}

div#enti {background:#aaa; text-align:center; background:#000 url('../images/footerdiv.jpg') top center no-repeat; color:#fff; margin-bottom:10px;}



div.bloccoevidenza {display:block; width:500px; margin:10px auto; background:#fff url('../images/bloccoevidenza.gif') top center no-repeat; padding-top:25px;}
div.bloccoevidenza div {display:block; background:#fff url('../images/bloccoevidenza.gif') bottom center no-repeat; text-align:center; padding: 0px 25px 25px;}


.tipoevento {height:23px;}
.tipoevento div {float:left; font-size:90%; font-weight:bold; font-variant:small-caps;padding-left:9px; height:20px;}
.tipoevento div div {padding: 4px 9px 0px 0px; height:16px;}

.tipoevento div div {margin-right:-10px; color:#fff;}

.tipoevento .banda {background:transparent url('../images/tipoevento_banda.png') center left no-repeat;}
.tipoevento .banda div {background:transparent url('../images/tipoevento_banda.png') center right no-repeat;}

.tipoevento .balletto {background:transparent url('../images/tipoevento_balletto.png') center left no-repeat;}
.tipoevento .balletto div {background:transparent url('../images/tipoevento_balletto.png') center right no-repeat;}

.tipoevento .giovanile {background:transparent url('../images/tipoevento_giovanile.png') center left no-repeat;}
.tipoevento .giovanile div {background:transparent url('../images/tipoevento_giovanile.png') center right no-repeat;}

.tipoevento .gruppo {background:transparent url('../images/tipoevento_gruppo.png') center left no-repeat;}
.tipoevento .gruppo div {background:transparent url('../images/tipoevento_gruppo.png') center right no-repeat;}

.tipoevento .scuola {background:transparent url('../images/tipoevento_scuola.png') center left no-repeat;}
.tipoevento .scuola div {background:transparent url('../images/tipoevento_scuola.png') center right no-repeat;}

div.notizia {display:block; background:transparent url('../images/finenotizia.png') bottom center no-repeat; padding: 5px 5px 10px 5px; margin-bottom:5px;}
div.notizia:hover {background-color:#fff;}

/* testi */

h1 {font-weight:normal; font-size:250%; border-bottom: solid #cecece 1px;  background:transparent url('../images/ico_nota.gif') bottom left no-repeat; padding: 5px 0px 0px 30px; margin-bottom:0px;}

#top h1, #pagina h1 {font-family: Georgia, "Times New Roman", Times, serif; }

div#pagina.home h1{color:#036;}


div#pagina.home h1.verde {color:#1e8617;}
div#pagina.home h1.rosso, .rosso {color:#c60202;}
div#pagina.home h1.azzurro {color:#0775dc;}
div#pagina.home h1.arancione {color:#dca707;}
div#pagina.home h1.viola {color:#7502c6;}

h2 {font-size:115%; font-weight:normal; font-style:italic; margin-top:4px;}

h2.grande {font-size:200%}

div#bloccocommenti  p {font-size: 115%;margin:0px; padding:0px;}

div#bloccocommenti  p, input, textarea { color:#56b9ff; }
div#bloccocommenti  p img {float:left; margin-right:10px;}

div.calendario {font-size:80%; text-align:right;}

a {color:#2278c7;}
a:hover {color:#a9cdee;}


.tomap {display:block; font-size:80%;}


.dx {text-align:right}
.centrato {text-align:center}


.news h1 {font-size: 110%; font-weight:bold; border-style:none; padding:6px 0px 8px 23px;}
.news h2 {font-size: 120%; font-weight:bold;border-style:none; margin:0px;}
.news h3 {font-size: 90%; font-weight:bold;border-style:none; margin:0px;}

.notizia h2 {clear:both;}

#flashnews {background:#edf6fe url('../images/sfondo_news_news.gif') repeat-y;}
#flashnews h1 { background:#fff url('../images/sfondo_h1_news.gif') no-repeat; }
#flashnews h2 {color:#0c4476;} 

#eventi {background:#ecfded url('../images/sfondo_news_eventi.gif') repeat-y;}
#eventi h1 { background:#fff url('../images/sfondo_h1_eventi.gif') no-repeat; }
#eventi h2 {color:#11760c;}

#sitiamici {background:#fff url('../images/sfondo_news_sitiamici.gif') repeat-y;}
#sitiamici h1 { background:#fff url('../images/sfondo_h1_sitiamici.gif') no-repeat; }
#sitiamici h2 {color:#11760c;}



#evidenza h1 {font-size: 110%; color:#4bb1fe; background-image:none; border-style:none; padding:5px 0px 0px 0px; font-weight:bold;}


/* MENU */



/* Root = Horizontal, Secondary = Vertical */
#menu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
  
  z-index:10;
}

#menu ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  z-index:100;
}

#menu ul ul {
  margin: 0;
  border: 1px solid #cecece;
  border-top-width:2px;
  padding: 0;
  width: 180px;
  list-style: none;
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  z-index:100;
}

#menu ul ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  z-index:100;
}

#menu ul ul li {
  width: 180px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  z-index:1000;

}

/* Root Menu */
#menu ul a {
  padding: 6px 7px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #fff;
  color: #666;
  /*font: bold 9pt/23px "segoe ui", tahoma, sans-serif;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  z-index:10;
  border-bottom: none #cecece 2px;
}

/* Root Menu Hover Persistence */
#menu ul a:hover,
#menu ul li:hover a,
#menu ul li.iehover a {
  /*background: #4f91cf;*/
  background: #fff;
  color: #000;
  z-index:10;
  border-bottom: solid #cecece 2px;
}

/* 2nd Menu */
#menu ul li:hover li a,
#menu ul li.iehover li a {
  float: none;
  /*background: #fff;*/
  background:#fff;
   filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
  color: #666;
  color:#000;
  z-index:1000;border-style:none;
}

/* 2nd Menu Hover Persistence */
#menu ul li:hover li a:hover,
#menu ul li:hover li:hover a,
#menu ul li.iehover li a:hover,
#menu ul li.iehover li.iehover a {
/*background: #6aa5dd;*/
  background: #fff;
   filter:alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
  color: #000;
  z-index:1000;
}

/* 3rd Menu */
#menu ul li:hover li:hover li a,
#menu ul li.iehover li.iehover li a {
  background: #fff;
  filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
  color: #666;
  z-index:1000;
}

/* 3rd Menu Hover Persistence */
#menu ul li:hover li:hover li a:hover,
#menu ul li:hover li:hover li:hover a,
#menu ul li.iehover li.iehover li a:hover,
#menu ul li.iehover li.iehover li.iehover a {
  /*background: #86b8e7;*/
  background:#fff;
  filter:alpha(opacity=99);
-moz-opacity:.99;
opacity:.99;
  color: #FFF;
}

/* 4th Menu */
#menu ul li:hover li:hover li:hover li a,
#menu ul li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
#menu ul li:hover li:hover li:hover li a:hover,
#menu ul li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

#menu ul ul ul,
#menu ul ul ul ul {
  display: none;
  position: absolute;
  top: -1px;
  left: 180px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.iehover ul ul,
#menu ul li.iehover ul ul ul {
  display: none;
}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul li.iehover ul,
#menu ul ul li.iehover ul,
#menu ul ul ul li.iehover ul {
  display: block;
}


#menu ul a.home:hover,
#menu ul ul.home,
#menu ul li:hover a.home,
#menu ul li.iehover a.home {
border-color:#036;

}
#menu ul a.home:hover, #menu ul li:hover a.home, #menu ul li.iehover a.home {background-color:#e6e6eb;}
#menu ul ul.home li a:hover {background-color:#036; color:#fff;}



#menu ul a.gruppo:hover,
#menu ul a.contatti:hover,
#menu ul ul.gruppo,
#menu ul li:hover a.gruppo,
#menu ul li.iehover a.gruppo {
border-color:#003cff;
}
#menu ul a.gruppo:hover, #menu ul li:hover a.gruppo, #menu ul li.iehover a.gruppo, #menu ul a.contatti:hover {background-color:#e6ecff;}
#menu ul ul.gruppo li a:hover, #menu ul ul.contatti li a:hover {background-color:#003cff; color:#fff;}
div#pagina.gruppo h1, div#pagina.contatti h1{color:#003cff;}

#menu ul a.scuola:hover,
#menu ul ul.scuola,
#menu ul li:hover a.scuola,
#menu ul li.iehover a.scuola {
border-color:#6d1789;
}
#menu ul ul.scuola li a:hover {background-color:#6d1789; color:#fff;}
#menu ul a.scuola:hover, #menu ul li:hover a.scuola, #menu ul li.iehover a.scuola {background-color:#f1e8f3;}
div#pagina.scuola h1{color:#6d1789;}

#menu ul a.banda:hover,
#menu ul ul.banda, #menu ul ul.banda ul ,
#menu ul li:hover a.banda,
#menu ul li.iehover a.banda {
border-color:#be0808;

}
#menu ul ul.banda li a:hover, #menu ul li:hover ul.banda li:hover li a:hover,
#menu ul li:hover ul.banda li:hover li:hover a,
#menu ul li.iehover ul.banda li.iehover li a:hover,
#menu ul li.iehover ul.banda li.iehover li.iehover a {background-color:#be0808; color:#fff;}
#menu ul a.banda:hover, #menu ul li:hover a.banda, #menu ul li.iehover a.banda {background-color:#f9e7e7;}
div#pagina.banda h1{color:#be0808;}

#menu ul a.balletto:hover,
#menu ul ul.balletto, #menu ul ul.balletto ul,
#menu ul li:hover a.balletto,
#menu ul li.iehover a.balletto {
border-color:#f0b004;
}
#menu ul ul.balletto li a:hover, #menu ul li:hover ul.balletto li:hover li a:hover,
#menu ul li:hover ul.balletto li:hover li:hover a,
#menu ul li.iehover ul.balletto li.iehover li a:hover,
#menu ul li.iehover ul.balletto li.iehover li.iehover a {background-color:#f0b004; color:#000;}
#menu ul a.balletto:hover, #menu ul li:hover a.balletto, #menu ul li.iehover a.balletto {background-color:#fef7e6;}
div#pagina.balletto h1{color:#f0b004;}

#menu ul a.giovanile:hover,
#menu ul ul.giovanile,
#menu ul li:hover a.giovanile,
#menu ul li.iehover a.giovanile {
border-color:#1e8a09;
}
#menu ul ul.giovanile li a:hover {background-color:#1e8a09; color:#fff;}
#menu ul a.giovanile:hover, #menu ul li:hover a.giovanile, #menu ul li.iehover a.giovanile {background-color:#e9f4e7;}
div#pagina.giovanile h1{color:#1e8a09;}


#menu ul a.masterclass:hover,
#menu ul ul.masterclass,
#menu ul li:hover a.masterclass,
#menu ul li.iehover a.masterclass {
border-color:#78b908;
}
#menu ul ul.masterclass li a:hover {background-color:#78b908; color:#fff;}
#menu ul a.masterclass:hover, #menu ul li:hover a.masterclass, #menu ul li.iehover a.masterclass {background-color:#dbecbd;}
div#pagina.masterclass h1{color:#78b908;}


#menu ul a.interactive:hover,
#menu ul ul.interactive,
#menu ul li:hover a.interactive,
#menu ul li.iehover a.interactive {
border-color:#3c3c3c;
}
#menu ul ul.interactive li a:hover {background-color:#3c3c3c; color:#fff;}
#menu ul a.interactive:hover, #menu ul li:hover a.interactive, #menu ul li.iehover a.interactive {background-color:#eaeaea;}
div#pagina.interactive h1{color:#3c3c3c;}

/* altro */

/* strumentisti */

div.sezione {display:block; background:#fff url('../images/sfondoimmagine.gif'); padding:3px; margin:5px 0px;}

div.strumento, div.strumentista, div.consigliere {border:solid #cecece 1px; float:left; text-align:center; margin:2px; padding:3px; width:96px; height:145px;}
div.strumento {margin-bottom: 5px; background-color:#edf6fb; font-variant:small-caps; font-weight:bold; border-color:#c2e2f4;}
div.strumentista, div.consigliere {background-color:#fff;}

div.unico {clear:both; margin:2px auto;}

div.consigliere {width:150px;}


div.floater {float:left;}

div.sezione p {display:block; background-color:#fff; padding:2px; text-align:center; margin:0px 2px;}

div.uno {margin-left:280px;}
div.due {margin-left:200px;}
div.tre {margin-left:115px;}