* {
   border: 0px;
   margin: 0px;
   padding: 0px;
   }


body {
   background: #000;
   color: #fff;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 70%;
   text-align: center;
   }

hr, .nascondi {
   display: none;
   }

a {
   background: transparent;
   color: #f00;
   }

a:hover {
   background: #f00;
   color: #000;
   }

table {
   border-collapse: collapse;
   border: 1px solid #fff;
   font-size: 11px;
   margin-bottom: 20px;
   }

td {
   border: 1px solid #fff;
   padding: 5px;
   }

.tabella_corsi {
   text-align: center;
   }

.tabella_corsi table {
   margin-left: auto;
   margin-right: auto;
   }

.tabella_corsi .col0 {
   width: 50%;
   text-align: left;
   }

.tabella_corsi .row0 {
   text-align: center;
   }

.tabelle_costi .col1,
.tabelle_costi .col2,
.tabelle_costi .col3 {
   text-align: right;
   width: 15%;
   }


.row0 .col0,
.row0 .col1,
.row0 .col2,
.row0 .col3 {
  font-weight: bold;
  text-align: center;
  }

#esterno {
   width: 750px;
   background: url(../files/modello/sfondo_sfumato.jpg) no-repeat top left;
   margin: 20px auto 20px auto;
   text-align: left;
   }

/**************************** header *******************************/

#header {
   height: /*250px*/ 150px;
   position: relative;
   }

#filmato_intestazione {
   width: 750px;
   height: 157px;
   background: url(../files/modello/decorazione.jpg) no-repeat bottom left;
   }
#header h1 {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 30%;
   text-align: center;
   font-size: 130%;
   float: right;
   }

#header p {
   position: absolute;
   top: 25px;
   right: 0px;
   width: 30%;
   text-align: center;
   }

#header ul {
   width: 85px;
   list-style: none;
   position: absolute;
   bottom: 10px;
   right: 0px;
   }

   #header ul li a {
      display: block;
      }

      #header ul li a span {
         display: none;
         }

      #scuola {
         width: 85px;
         height: 24px;
         background: url(../files/modello/la_scuola.gif) no-repeat top right;
         }

      #locale {
         width: 85px;
         height: 27px;
         background: url(../files/modello/il_locale.gif) no-repeat top right;
         margin-top: 80px;
         }


#logo_stampa {
   display: none;
   }

#logo_video {
  margin-left: 10px;
  margin-top: 15px;
  }


#banner_registrazioni_live {
   position: absolute;
   top: 5px;
   left: 500px;
   }

#banner_registrazioni_live a,
#banner_registrazioni_live a:hover {background: transparent; color: black;}

/***** aggiunta del 2014 *****/

#header_sala {
  float: right;
  margin-right: 0px;
  }


/********************** corpo ****************/

#corpo {
   margin-bottom: 20px;
   }

#corpo h1,
#corpo h2,
#corpo h3,
#corpo h4,
#corpo h5,
#corpo h6,
#corpo p,
#corpo table,
#corpo ul,
#corpo ol {
   margin-bottom: 10px;
   }

/********************** menu ****************/

#sinistra {
   width: 200px;
   float: left;
   margin-top: 15px;
   }


#menu ul {
   list-style: none;
   margin-left: 10px;
   }

#menu ul li {
   margin-bottom: 9px;
   }

#menu ul li a {
   display: block;
   height: 21px;
   }


#menu ul li a span {
   display: none;
   }

/********************** box prossimo evento **************/

#evento_del_mese {
   margin-left: 10px;
   margin-top: 30px;
   margin-bottom: 20px;
   border: 1px solid #999;
   padding: 5px;
   }

   #evento_del_mese .jumpto {
      display: none;
      }

   #evento_del_mese h2 {
      font-size: 100%;
      color: #000;
      background: #fff;
      }

   #evento_del_mese h3 {
      color: #f00;
      }

   #evento_del_mese h4 {
      text-align: center;
      }

   #evento_del_mese img {
      text-align: center;
      float: none;
      margin: 0px;
      padding: 0px;
      }

   #evento_del_mese ul,
   #evento_del_mese ol {
      margin-left: 30px;
      }


/********************** pulsanti menu ****************/

#menu_home a {
   width: 56px;
   background: url(../files/modello/pulsante_home.gif) no-repeat top left;
   }

#menu_home a:hover,
#menu_home.menu_selected a {
   background: url(../files/modello/pulsante_home_hover.gif) no-repeat top left;
   }

#menu_contatti a {
   width: 95px;
   background: url(../files/modello/pulsante_contatti.gif) no-repeat top left;
   }

#menu_contatti a:hover,
#menu_contatti.menu_selected a {
   background: url(../files/modello/pulsante_contatti_hover.gif) no-repeat top left;
   }

#menu_scuola a {
   width: 190px;
   background: url(../files/modello/pulsante_scuola.gif) no-repeat top left;
   }

#menu_scuola a:hover,
#menu_scuola.menu_selected a {
   background: url(../files/modello/pulsante_scuola_hover.gif) no-repeat top left;
   }

#menu_locale a {
   width: 92px;
   background: url(../files/modello/pulsante_locale.gif) no-repeat top left;
   }

#menu_locale a:hover,
#menu_locale.menu_selected a {
   background: url(../files/modello/pulsante_locale_hover.gif) no-repeat top left;
   }

#menu_archivio_news a {
   width: 103px;
   background: url(../files/modello/pulsante_archivio.gif) no-repeat top left;
   }

#menu_archivio_news a:hover,
#menu_archivio_news.menu_selected a {
   background: url(../files/modello/pulsante_archivio_hover.gif) no-repeat top left;
   }

#menu_programma_eventi a {
   width: 190px;
   background: url(../files/modello/pulsante_programma_eventi.gif) no-repeat top left;
   }

#menu_programma_eventi a:hover,
#menu_programma_eventi.menu_selected a {
   background: url(../files/modello/pulsante_programma_eventi_hover.gif) no-repeat top left;
   }

#menu_photogallery a {
   width: 190px;
   background: url(../files/modello/pulsante_photogallery.gif) no-repeat top left;
   }

#menu_photogallery a:hover,
#menu_photogallery.menu_selected a {
   background: url(../files/modello/pulsante_photogallery_hover.gif) no-repeat top left;
   }

#menu_dicono_di_noi a {
   width: 144px;
   background: url(../files/modello/pulsante_dicono_di_noi.gif) no-repeat top left;
   }

#menu_dicono_di_noi a:hover,
#menu_dicono_di_noi.menu_selected a {
   background: url(../files/modello/pulsante_dicono_di_noi_hover.gif) no-repeat top left;
   }


#menu_jazz_club a {
   width: 144px;
   background: url(../files/modello/pulsante_jazz_club.gif) no-repeat top left;
   }

#menu_jazz_club a:hover,
#menu_jazz_club.menu_selected a {
   background: url(../files/modello/pulsante_jazz_club_hover.gif) no-repeat top left;
   }


/****** attenzione! il pulsante registrazioni live sta sotto, staccato *******/

#pulsante_registrazioni_live {margin-left: 10px; list-style: none;}

#menu_registrazioni_live a {
   display: block;
   height: 21px;
   width: 190px;
   background: url(../files/modello/pulsante_registrazioni_live.gif) no-repeat top left;
   }


#menu_registrazioni_live a:hover,
#menu_registrazioni_live.menu_selected a {
   background: url(../files/modello/pulsante_registrazioni_live_hover.gif) no-repeat top left;
   }

#menu_registrazioni_live a span {display: none;}

/****** attenzione! il pulsante registrazioni live sta sotto, staccato *******/



#menu_ristorante a {
   width: 129px;
   background: url(../files/modello/pulsante_ristorante.gif) no-repeat top left;
   }

#menu_ristorante a:hover,
#menu_ristorante.menu_selected a {
   background: url(../files/modello/pulsante_ristorante_hover.gif) no-repeat top left;
   }

#menu_danza a {
   width: 166px;
   background: url(../files/modello/pulsante_danza.gif) no-repeat top left;
   }

#menu_danza a:hover,
#menu_danza.menu_selected a {
   background: url(../files/modello/pulsante_danza_hover.gif) no-repeat top left;
   }



#hover,
#hover img {width: 0px; height: 0px;}


/******* ricordarsi aggiungere richiamo immagine hover in calce al modello!! *****/





/********************** sottomenu ****************/

#sottomenu ul {
    padding-bottom: 20px;
    background-image: url(../files/modello/separatore.gif);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 20px;
   }

#page_locale #sottomenu ul {
   background-image: none;
   padding-bottom: 0px;
   }


/********************** contenuto ****************/


#contenuto {
   width: 500px;
   float: right;
   }


#contenuto h2#titolo_pagina {
   padding-top: 15px;
   padding-bottom: 10px;
   background: url(../files/modello/righina_titolo_rossa.gif) no-repeat bottom left;
   }


#contenuto hr {
   display: block;
   border: 0px;
   margin: 0px;
   padding: 0px;
   border: 1px solid #000;
   height: 3px;
   background: url(../files/modello/separatore.gif) no-repeat center center;
   margin-top: 20px;
   margin-bottom: 20px;
   }


#contenuto ul,
#contenuto ol {margin-left: 30px;}

#contenuto h3 {
   color: #f00;
   }



/********************** news ******************/

#maintitle {display: none;}

.date {font-style: italic; text-align: right;}

#page_archivio_concerti .date {
  font-style: normal; 
  text-align: center; 
  margin-bottom: 5px; 
  text-transform: capitalize;
  }

.author {display: none;}

#page_programma_eventi div.news p.jumpto,
#page_archivio_eventi div.news p.jumpto {display: none;}
#page_programma_eventi #contenuto div.news,
#page_archivio_eventi #contenuto div.news {border-bottom: 1px solid #999; padding-top: 10px; margin-bottom: 15px;}
#page_programma_eventi #contenuto div.news div.content img,
#page_archivio_eventi #contenuto div.news div.content img {float: right; margin-left: 10px; margin-bottom: 10px;}
#page_programma_eventi #contenuto div.news,
#page_archivio_eventi #contenuto div.news {clear: both;}

#page_archivio_concerti #contenuto div.news {
  padding-bottom: 20px;
  margin-top: 20px;
  background: url(../files/modello/separatore.gif) no-repeat bottom center;
  }

#page_scuola_insegnanti .thumbnail {
  float: left;
  margin-right: 10px;
  }


/********************* galleria fotografica *************/


.pg_main {}

.pg_nav {
   width: 500px;
   height: 20px;
   margin-bottom: 10px;
   position: relative;
   }

.pg_nav_prev {
   position: absolute;
   top: 0;
   left: 0;
   }


.pg_nav_prev a {
   }

.pg_nav_next {
   position: absolute;
   top: 0;
   right: 0;
   }


.pg_nav_next a {
   }

.pg_nav_prev a:hover {
   }

.pg_nav_next a:hover {
   }

.pg_nav span {
   }

.pg_caption {
   text-align: center;
   margin: 15px auto 15px auto;
   font-style: italic;
   }

.pg_view {
   width: 500px; height: 500px;
   }

.pg_pages {
   display: none;
   }

.pg_thumbnails {
   margin-top: 15px;
   padding-top: 15px;
   }

.pg_thumbnail a {
   display: block;
   width: 100px;
   height: 100px;
   float: left;
   border: 3px solid #000;
   text-decoration: none;
   padding: 0px;
   margin: 0px;
   }

.pg_thumbnail a:hover {
   border: 3px solid #f00;
   }

.pg_thumbnail_selected {
   float: left;
   margin-right: 2px;
   margin-bottom: 2px;
   border: 3px solid #fff;
   padding: 0px;
   }

.pg_thumbnail {
   float: left;
   margin-right: 2px;
   margin-bottom: 2px;
   }

.pg_pages {}


#page_photogallery #contenuto .news {
   width: 100px;
   height: 140px;
   border: 1px dashed #606060;
   text-align: center;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   padding-top: 5px;
   }

#page_photogallery #contenuto .news h3 {
   height: 35px;
   text-align: center;
   font-weight: normal;
   font-size: 14px;
   }

#page_photogallery #contenuto .news a {
   font-weight: normal;
   text-decoration: none;
   }

/********************** footer ****************/


#footer {
   padding-top: 20px;
   text-align: right;
   font-size: 9px;
   background: url(../files/modello/righina_bassa.gif) no-repeat top right;
   }

#footer h1 {
   font-size: 12px;
   }


/********************** classi ****************/


.chiudi_float,
.chiudifloat,
.endfloat {clear: both;}

.torna_su {text-align: right; font-style: italic;}

.destra {text-align: right;}
.centra {text-align: center;}

.img_destra {float: right; margin-left: 10px;}
.img_sinistra {float: left; margin-right: 10px;}

.in_evidenza {
   border: 1px solid #ddd;
   padding: 10px;
   margin-bottom: 20px;
   text-align: center;
   }


#sponsor {
   margin-top: 65px;
   border-top: 10px solid #fff;
   padding-top: 25px;
   }

#page_jazz_club #contenuto strong {color: #f00;}
