html,
body {
  margin: 0;
  padding: 0;
}
body {
  background-color: #fff;
  font: 100.01%/1.5 Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
}

h1 {
  margin: 7px 0 25px 0;
  line-height: 1.6;
  font-size: 130%;
  color: #00864b;
  text-align: center;
}
h2 {
  margin: 0 0 15px 0;
  line-height: 1.4;
  font-size: 120%;
  color: #00864b;
}
h3 {
  margin: 12px 0;
  line-height: 1.1;
  font-size: 110%;
}
h4 {
  margin: 10px 0;
  line-height: 0.75;
  font-size: 75%;
}



/**
 **
 ** STILI GENERICI
 **
 **/


img { border: none }

a:link, a:visited {
  color: #006dca;
  text-decoration: none;
}
a:hover {
  color: #006dca;
  text-decoration: underline;
}

.img_float_left,
.float_left      { float: left }
.img_float_right,
.float_right     { float: right }

.img_float_left  { margin: 0 10px 10px 0 }
.img_float_right { margin: 0 0 10px 10px }

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }


.no_margin     { margin: 0 }
.no_padding    { padding: 0 }
.no_border     { border: none }
.no_background { background: none }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.font_grande  { font-size: 120% }
.font_piccolo { font-size: 90% }
.nero { color: #000 }

.errore {
  color: #000;
  text-align: center;
}

.continua { font-weight: bold }


/**
 **
 ** STILI SPECIFICI
 **
 **/

#contenitore {
  position: relative;
  width: 790px;
  margin: 0 auto;
  padding: 0;
  background: url(../immagini/sfondo.gif) repeat-y top left;
  font-size: 70%;
  text-align: left;
}
.header {
  position: relative;
  width: 790px;
  height: 157px;
  margin: 0;
  padding: 0;
  background: url(../immagini/testata.png) no-repeat top left;
}



#menu_orizzontale {
  position: absolute;
  top: 203px;
  right: 0px;
  width: 428px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 16px;
  text-align: right;
}
#menu_orizzontale li {
  display: inline;
  margin: 0;
  padding: 0 12px 0 10px;
  border-right: 1px solid #fff;
}
#menu_orizzontale li.ultimo_link { border-right: none }
#menu_orizzontale a:link,
#menu_orizzontale a:visited {
  padding-bottom: 1px;
  border-bottom: none;
  color: #fff;
  text-decoration: none;
}
#menu_orizzontale a:focus,
#menu_orizzontale a:hover,
#menu_orizzontale a:active {
  padding-bottom: 1px;
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}







#colonna_sx {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  position: absolute;
  top: 158px;
  left: 8px;
  width: 171px;
  /* FINE Stili per definire la STRUTTURA del sito */
}




/****
 ****
 ****  GLI STILI DEL MENU' VERTICALE SONO IN UN FILE CSS A PARTE
 ****  
 ****/







.box_laterale {
  position: relative;
  margin-top: 6px;
  height: auto;
  background: url(../immagini/sfondo_box_laterale.gif) repeat-y top left;
  padding: 38px 0 0 0;
}

.box_laterale .titolo_box {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 171px;
  height: 32px;
  margin: 0 0 8px 0; /* Se questa classe viene usata sull'elemento h4, è obbligatorio reimpostare i margini perché definiti in precedenza */
  padding: 0;
  color: #05854c;
}
.box_laterale .titolo_box a { display: block }
.box_laterale .chiusura_box_laterale {
  width: 171px;
  height: 13px;
  margin-bottom: -4px;
}
.box_laterale .no_contenuti {
  text-align: center;
}



ul.agenda,
ul.idee,
ul.audiogallery {
  margin: 0 4px;
  padding: 0;
  list-style-type: none;
  line-height: 1.2;
}
ul.agenda li,
ul.idee li,
ul.audiogallery li {
  display: block;
  list-style-type: none;
  margin: 5px 0 0 0;
  padding: 0;
  color: #000;
}
/*  Usare anche l'id #contenitore per gli stili dei seguenti link, in modo da aumentarne la specifità,  */
/*  altrimenti verranno sovrascritti dagli stili definiti per #centrale a  */
#contenitore ul.agenda a:link,
#contenitore ul.agenda a:visited,
#contenitore ul.idee a:link,
#contenitore ul.idee a:visited {
  display: block;
  padding: 3px 8px;
  border-bottom: none;
  background-color: transparent;
  color: #000;
  text-decoration: none;
}
#contenitore ul.agenda a:focus,
#contenitore ul.agenda a:hover,
#contenitore ul.agenda a:active,
#contenitore ul.idee a:focus,
#contenitore ul.idee a:hover,
#contenitore ul.idee a:active {
  display: block;
  padding: 3px 8px;
  border-bottom: none;
  background-color: #dbedc7;
  color: #000;
  text-decoration: none;
}
ul.agenda .data {
  display: block;
  margin: 0;
  color: #008649;
  font-size: 90%;
}
ul.agenda .testata,
ul.idee .titolo {
  display: block;
  margin: 0;
  font-size: 90%;
  color: #000;
}


ul.elenco_link {
  margin: 0;
  padding: 0 0 0 24px;
}
ul.elenco_link li {
  list-style-type: circle;
  margin: 3px 0;
  padding: 0;
  line-height: 1.2;
  font-weight: bold;
  color: #008649;
}
ul.elenco_link a:link,
ul.elenco_link a:visited {
  padding-bottom: 1px;
  color: #008649;
  text-decoration: none;
}
ul.elenco_link a:focus,
ul.elenco_link a:hover,
ul.elenco_link a:active {
  padding-bottom: 1px;
  border-bottom: 1px solid #008649;
  color: #008649;
  text-decoration: none;
}











#centrale {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  margin: 0 169px 0 171px;
  padding: 9px 20px 50px 18px;
  /* FINE Stili per definire la STRUTTURA del sito */

  line-height: 1.3;
}

/* Nel template della pagina con le photogallery la colonna destra non c'è.
   Quindi aAllarghiamo la parte centrale quando l'id #photogallery è associato al tag <body> */
#photogallery #centrale { margin-right: 0 }


/* INIZIO Altezza minima dell'area centrale */
#centrale {
  min-height: 1950px;
  height: auto !important;
  height: 1970px;
}
#photogallery #centrale {
  min-height: 1200px;
  height: auto !important;
  height: 1200px;
}
/* FINE Altezza minima dell'area centrale */




#centrale a:link,
#centrale a:visited {
  padding-bottom: 1px;
  border-bottom: none;
  color: #00864b;
  text-decoration: none;
}
#centrale a:focus,
#centrale a:hover,
#centrale a:active {
  padding-bottom: 1px;
  border-bottom: 1px solid #008649;
  color: #00864b;
  text-decoration: none;
}







/*
.articolo_grande,
.appuntamento {
  padding: 15px 3px 15px 3px;
  line-height: 1.2;
}
.articolo_grande img,
.articolo img {
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #006dca;
  text-align: justify;
}
.articolo_grande p,
.articolo p,
.appuntamento { margin: 0; }
.articolo {
  margin: 10px 0;
  padding: 17px 3px 2px 3px;
  background: url(../immagini/pallino_giallo.gif) repeat-x top left;
  line-height: 1.2;
}
.articolo_grande h2,
.articolo h2,
.appuntamento h2 {
  margin-bottom: 10px;
  line-height: 1.2;
}
*/


#colonna_dx {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  position: absolute;
  width: 171px;
  top: 160px;  /* I 5px di distanza dalla testata vengono messi dal margin-top del primo box */
  right: 8px;
  /* FINE Stili per definire la STRUTTURA del sito */
}


.titolo_box_mediagallery { margin-bottom: 0 }
#box_mediagallery {
  text-align: center;
  padding-top: 7px;
  margin-top: 0 !important;
  margin-top: -2px;
}




#footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 790px;
  height: 40px;
  background: transparent url(../immagini/chiusura_sito.gif) no-repeat bottom left;
  font-weight: bold;
  text-align: center;
}
#footer img { vertical-align: middle }
/* #photogallery #footer { margin-left: 190px } */




/* Altri stili *//*
#photogallery #colonna_sx { top: 77px }
#photogallery #centrale   { margin-right: 0 }

#centrale ul {
  margin: 25px 30px 0 25px;
  padding: 0;
}
#centrale ul li {
  list-style: none;
  margin: 10px 0;
  padding: 0 7px 0 15px;
  font-weight: bold;
}
.icona_documenti_multipli li { background: transparent url(../immagini/icona_documenti_multipli.png) no-repeat center left }
.icona_audio li              { background: transparent url(../immagini/sound.png) no-repeat center left }
.icona_candidato li          { background: transparent url(../immagini/user_orange.png) no-repeat center left }
#centrale ul.icona_candidato li { padding-left: 25px }
#centrale ul.icona_audio     { margin: 50px 0 }
#centrale ul.icona_audio a   { font-weight: bold }
#centrale ul.icona_audio li  {
  padding-left: 25px;
  font-weight: normal;
}
*/



.navigazione {
  margin-top: 20px;
  text-align: center;
}
.navigazione a:link,
.navigazione a:visited,
.navigazione a:hover { font-weight: bold }

.navigazione img { vertical-align: middle }




#newsletter { text-align: center }

#newsletter ul,
#newsletter ol {
  margin: 0;
  padding: 20px;
}
#newsletter li {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 8px 5px;
  border-bottom: 2px solid #fff;
  background-color: #dfefcb;
  text-align: left; /* Annulla l'allineamento centrato del form */
}
#newsletter fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
#newsletter legend { padding: 0 }
#newsletter label {
  float: left;
  width: 130px;
  vertical-align: top;
  line-height: 1.8;
  padding-right: 5px;
  text-align: right;
}
#newsletter input,
#newsletter textarea {
  padding: 1px;
  border: 1px solid #7aaa44;
  background-color: #fff;
}
#newsletter button {
  margin: 0 0 15px 0;
  font-weight: bold;
}
#newsletter button img { vertical-align: middle }

#newsletter em {
  font-style: normal;
  font-weight: bold;
  color: #f00;
}





.prima_notizia {
  position: relative;
  padding-right: 10px;
  border: 2px solid #77aa43;
  background-color: #e0efce;
  text-align: justify;
}
.prima_notizia img {
  position: relative;
  float: left;
  margin-right: 10px;
  border-right: 2px solid #96b86b;
  border-bottom: 2px solid #96b86b;
}
.prima_notizia .titoli_e_testo { margin: 0 0 0 5px }
.prima_notizia .data {
  display: block;
  margin: 10px 0 0 0;
  font-size: 90%;
  font-weight: normal;
  color: #00864b;
}
.prima_notizia h1 {
  margin: -2px 0 5px 0;
  font-size: 120%;
  color: #00864b;
  text-align: left;
}
.prima_notizia .clear_left {
  height: 1px;
  margin: -1px 0 0 0;
}


.articolo p { margin: 0 }

.articolo {
  margin: 10px 0;
  line-height: 1.2;
}
.articolo img {
  float: left;
  margin: 0 10px 10px 0;
  border: 2px solid #96b86b;
}
.articolo .titoli_e_testo { margin: 0 }
.articolo .data {
  display: block;
  margin: 10px 0 0 0;
  font-size: 90%;
  font-weight: normal;
  color: #00864b;
}
.articolo h1 {
  margin: -2px 0 5px 0;
  font-size: 120%;
  color: #00864b;
  text-align: left;
}




p.footer_articolo {  /* Specificare il tag HTML (p) per aumentare la specificità dello stile, altrimenti non sarà applicato */
  clear: left;
  margin: 10px 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #7aaa44;
  font-weight: bold;
  color: #78ab44;
  text-align: right;
}
p.footer_articolo span {
  padding: 2px 4px 2px 0;
  color: #00864b;
}
p.footer_articolo span.no_padding_right_aggiuntivo { padding-right: 1px }
p.footer_articolo a:link,
p.footer_articolo a:visited {
  padding-bottom: 1px;
  border-bottom: none;
  color: #78ab44;
  text-decoration: none;
}
p.footer_articolo a:visited { /* color:  */ }

p.footer_articolo a:focus,
p.footer_articolo a:hover,
p.footer_articolo a:active {
  padding-bottom: 1px;
  border-bottom: 1px solid #78ab44;
  color: #78ab44;
  text-decoration: none;
}











#mediagallery {
  width: 405px;
  margin: 40px auto;
  padding: 0;
  list-style-type: none;
}
#mediagallery li {
  display: block;
  float: left;
  width: 135px;
  height: 53px;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}
#mediagallery li a {
  display: block;
  height: 53px;
  background: transparent url(../immagini/sottomenu_mediagallery.jpg) no-repeat;
}
#mediagallery #video a:link,
#mediagallery #video a:visited { background-position: 0 0 }

#mediagallery #foto a:link,
#mediagallery #foto a:visited  { background-position: -135px 0 }

#mediagallery #audio a:link,
#mediagallery #audio a:visited { background-position: -270px 0 }

#mediagallery #video a:focus,
#mediagallery #video a:hover,
#mediagallery #video a:active {
  border: none;
  outline: none;
  background-position: 0 -59px
}

#mediagallery #foto a:focus,
#mediagallery #foto a:hover,
#mediagallery #foto a:active {
  border: none;
  outline: none;
  background-position: -135px -59px
}

#mediagallery #audio a:focus,
#mediagallery #audio a:hover,
#mediagallery #audio a:active {
  border: none;
  outline: none;
  background-position: -270px -59px
}





/**
 ** LISTA VIDEO
 **/

#videogallery { text-align: center }
#videogallery object { margin: 0 auto }





/**
 ** LISTA PHOTOGALLERY
 **/
#elenco_photogallery {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#elenco_photogallery li {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 94%;
}
#elenco_photogallery a:link,
#elenco_photogallery a:visited {
  display: block;
  min-height: 85px;
  height: auto !important;
  height: 85px;
  line-height: 1.4;
  padding: 20px 4px 0 4px;
  border-bottom: 1px solid #00864b;
  background-color: transparent;
  color: #000;
  text-decoration: none;
}
#elenco_photogallery a:focus,
#elenco_photogallery a:hover,
#elenco_photogallery a:active {
  border-bottom: 1px solid #00864b;
  background-color: #dbedc7;
  color: #000;
  text-decoration: none;
}
#elenco_photogallery strong {
  line-height: 1;
  font-size: 106%;
  color: #00864b;
}
#elenco_photogallery img {
  float: left;
  margin-right: 7px;
  border: 1px solid #00864b;
}





/**
 ** LISTA AUDIO
 **/

ul.audiogallery li {
  padding-left: 20px;
  background: transparent url(../immagini/sound.png) no-repeat top left;
}






/**
 ** MAPPA DEL SITO
 **/

.sitemap {
  margin: 0 0 0 20px;
  padding: 0;
}
.sitemap ul {	/* Sub menu groups */
  margin-left: 22px;	/* Left spacing */
  padding-left: 0;
  display: none;	/* Initially hide sub nodes */
}
.sitemap li {	/* Nodes */
  list-style-type: none;
}
.sitemap li a {	/* Node links */
  padding-left: 3px;
  line-height: 24px;
}