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: 0 0 25px 0;
  line-height: 1.6;
  font-size: 150%;
  color: #006dca;
  text-align: center;
}
h2 {
  margin: 0 0 15px 0;
  line-height: 1;
  font-size: 120%;
  color: #006dca;
}
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;
}


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

#contenitore {
  position: relative;
  width: 778px;
  margin: 0 auto;
  text-align: left;
}
.header {
  margin: 0;
  padding: 0;
  line-height: 0;
}



#colonna_sx {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  position: absolute;
  top: 217px;
  left: 0px;
  width: 180px;
  \width:193px;
  w\idth:180px;
  padding: 18px 7px 15px 6px;
  /* FINE Stili per definire la STRUTTURA del sito */
}

#feed {
  margin: 20px 0 0 0;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
}
#feed img { vertical-align: middle }
#feed a { color: #ff7b38 }


/****
 ****  MENU' VERTICALE
 ****/

ul#menu {
  margin: 0 0 7px 0;
  padding: 0;
}
ul#menu li {
  display: inline;
  padding: 0;
}
ul#menu a:link, ul#menu a:visited {
  display: block;
  padding-left: 33px;
  background: #fff url(../immagini/sfondo_menu.gif) no-repeat 0px 60%;
  line-height: 1.6;
  font-weight: bold;
  font-size: 80%;
  color: #808080;
  text-decoration: none
}
ul#menu a:visited { color: #a9a9a9 }

ul#menu a:hover,
ul#menu a:active,
ul#menu a.link_attuale:link,
ul#menu a.link_attuale:visited,
ul#menu a.link_attuale:hover {
  background: #fff url(../immagini/sfondo_menu.gif) no-repeat -190px 60%;
  color: #000;
  text-decoration: none;
}


/****
 ****  Gli stili per l'OMBREGGIATURA DEI BOX sono nel file shadow.css, directory style/ nella root del sito (NON dell'admin!)
 ****/

.box_laterale {
  border: 1px solid #0167cc;
  background-color: #e2e5ea;
}
.box_laterale .titolo_box {
  display: block;
  margin: 0; /* Se questa classe viene usata sull'elemento h4, è obbligatorio azzerare i margini perché definiti in precedenza */
  padding: 6px 4px;
  border-bottom: 1px solid #0167cc;
  background-color: #d1d8e2;
}
.box_laterale .titolo_box a { display: block }
/*
.box_laterale dl {
  margin: 6px 5px 10px 7px;
  padding: 0;
  font-size: 70%;
}
.box_laterale dl dt {
  margin: 0;
  padding: 0 0 0 28px;
  margin-top: 4px;
  line-height: 19px; /* Deve corrispondere all'altezza dell'icona, in modo da centrare verticalmente il testo rispetto ad essa *//*
  font-weight: bold;
  color: #0167cc;
}
.box_laterale dl dd {
  margin: 0 0 4px 0;
  padding: 0 0 0 27px;
  line-height: 1.1;
  color: #000;
}
.box_laterale dl dd a:link,
.box_laterale dl dd a:visited {
  display: block;
  padding: 1px 0 1px 1px;
  background-color: transparent;
  color: #000;
  text-decoration: none;
}
.box_laterale dl dd a:hover {
  color: #000;
  background-color: #e8f3fc;
  text-decoration: none;
}
*/



/* Stili delle liste di definizione generiche */
dl {
  margin: 6px 5px 10px 7px;
  padding: 0;
  font-size: 90%;
}
dl dt {
  margin: 0;
  padding: 0 0 0 28px;
  margin-top: 4px;
  line-height: 19px; /* Deve corrispondere all'altezza dell'icona, in modo da centrare verticalmente il testo rispetto ad essa */
  font-weight: bold;
  color: #0167cc;
}
dl dd {
  margin: 0 0 4px 0;
  padding: 0 0 15px 27px;
  line-height: 1.1;
  color: #000;
}
dl dd a:link,
dl dd a:visited {
  display: block;
  padding: 1px 0 1px 1px;
  background-color: transparent;
  color: #000;
  text-decoration: none;
}
dl dd a:hover {
  color: #000;
  background-color: #e8f3fc;
  text-decoration: none;
}
dl.foglio dt {
  background: transparent url(../immagini/icona_foglio_sfondo_bianco.gif) no-repeat 0px 0px;
}





/* Stili specifici solo per le liste di definizione dentro ai box laterali */
.box_laterale dl { font-size: 70% }
.box_laterale dl.foglio dt {
  background: transparent url(../immagini/icona_foglio_sfondo_grigio.gif) no-repeat 0px 0px;
}
.box_laterale dl dd { padding-bottom: 0 }

.box_laterale ul {
  margin: 10px 0 10px 5px;
  padding: 0;
}
.box_laterale ul li {
  list-style-type: disc;
  margin: 0 0 0 15px;
  padding: 2px 0;
  line-height: 1;
  font-size: 70%;
  font-weight: bold;
  color: #0167cc;
}
.box_laterale ul li a:link,
.box_laterale ul li a:visited {
  background-color: transparent;
  color: #0167cc;
  text-decoration: none;
}
.box_laterale ul li a:hover {
  background-color: #e8f3fc;
  color: #0167cc;
  text-decoration: none;
}




#centrale {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  margin: 0 178px 0 190px;
  padding: 18px 10px 15px 10px;
  /* FINE Stili per definire la STRUTTURA del sito */

  line-height: 1.1;
  font-size: 75%;
}



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



.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;
}
p.footer_articolo {  /* Specificare il tag HTML (p) per aumentare la specificità dello stile, altrimenti non sarà applicato */
  clear: left;
  margin-top: 10px;
  font-weight: bold;
  color: #888;
  text-align: right;
}
p.footer_articolo span {
  padding: 2px 6px 2px 2px;
  color: #000;
}
p.footer_articolo span.no_padding_right_aggiuntivo { padding-right: 1px }
p.footer_articolo a:link,
p.footer_articolo a:visited {
  background-color: transparent;
  color: #888;
  text-decoration: none;
}
p.footer_articolo a:visited { color: #a4a4a4 }

p.footer_articolo a:hover,
p.footer_articolo a:active {
  background-color: #e8f3fc;
  color: #808080;
  text-decoration: none;
}

.data {
  margin-bottom: 7px;
  font-size: 110%;
  font-weight: bold;
}
.data img {
  vertical-align: middle;
  margin-right: 7px;
}


#colonna_dx {
  /* INIZIO Stili per definire la STRUTTURA del sito */
  position: absolute;
  top: 217px;
  right: 0px;
  width: 168px;
  \width:176px;
  w\idth:168px;
  padding: 0px 2px 15px 4px;
  /* FINE Stili per definire la STRUTTURA del sito */
}

#box_campagna_2008       { margin-top: -12px }
#box_mediagallery { margin-top: -5px }
#box_mediagallery .titolo_box,
#box_banner .titolo_box { margin-bottom: 8px }
#box_mediagallery p {
  margin: 3px 0;
  text-align: center;
}
#box_banner p { margin: 3px 0 }



#footer {
  margin-top: 20px;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
}
#footer img {
  margin-top: -5px;
  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 }




form#newsletter { text-align: center }

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

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





#download_fumetto {
  width: 54%;
  margin: 30px 0 20px 23%;
  border: none;
  font-size: 100%
}
#download_fumetto td,
#download_fumetto th {
  vertical-align: top;
  text-align: left;
}
#download_fumetto .pdf,
#download_fumetto .jpg {
  width: 50px;
  margin: 0;
  padding: 3px;
  font-weight: bold;
}
#download_fumetto img,
#download_fumetto img { border: none }





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

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

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


ul#mediagallery #video a:hover,
ul#mediagallery #video a:active { background-position: 0 -59px }

ul#mediagallery #foto a:hover,
ul#mediagallery #foto a:active  { background-position: -135px -59px }

ul#mediagallery #audio a:hover,
ul#mediagallery #audio a:active { background-position: -270px -59px }