DIV#riquadro_tab
{
  /*background:url("../immagini/ombra_rilievo1.gif") BOTTOM RIGHT no-repeat; /*Ombra del riquadro*/
  /*FLOAT:LEFT; /* Dato che contiene oggetti float, serve a evitare che essi "sbordino" dal contenitore*/
  position:relative;
  height:auto;
  width:100%;
  margin-left:10px;
  /*PADDING-BOTTOM:10PX; /*Lascia intravedere il bordo basso del riquadro*/
  /*PADDING-RIGHT:10PX; /*Lascia intravedere il bordo destro del riquadro, se l'ombra è anche su questo lato*/
}

DIV#bordo_basso
{
  background:url("../immagini/bordo_basso.jpg") bottom CENTER no-repeat; /*Bordo inferiore del riquadro*/
  width:645px; /*Larghezza dell'intero BOX*/
  /*float:left; /*Affianca il Riquadro alle tab*/
  /*margin-left:133px;*/ margin-left:149px; /*Se si vuole aggiungere un'immagine che indichi l'update bisogna sommare la larghezza della tab vera e propria a quella dell'immagine e spostare l'oggetto di un valore pari alla somma*/
  padding-bottom:48px; /*Lascia intravedere il bordo basso del riquadro*/
}

DIV#bordo_alto
{
  background: url("../immagini/bordo_alto.jpg") top center no-repeat; /*Bordo superiore del riquadro*/
  WIDTH:645PX;
  padding-top:45px; /*Lascia intravedere il bordo alto del riquadro*/
}

DIV#corpo_centrale
{
  background: url("../immagini/sinistro_centro_destro.jpg") top CENTER repeat-y; /*Bordi laterali del riquadro: autoadattanti*/
  WIDTH:645PX;
  font-size:12px;
  
  /*Le 3 righe seguenti servono per ottenere il min-height anche con IE*/
  min-height:350px; /* per i browser moderni */
  height:auto !important; /* per i browser moderni */
  height:350px; /* per IE5.x e IE6 */
}


/************************** Stili delle TAB ********************************/

DIV#riquadro_tab UL#elenco_tab /*E' il DIV che contiene tutte le tab*/
{
	/*float:left; /*Consente di avere il riquadro a destra delle tab*/
  position:absolute;
  /*width:146px;*/ width:162px; /*Se si vuole aggiungere un'immagine che indichi l'update bisogna sommare la larghezza della tab vera e propria a quella dell'immagine*/
  margin:0px;
  top:40px;
  left:0px;
  z-index:3;
	padding:0px;
  list-style:none; /*L'elenco puntato non deve essere mostrato*/
}

DIV#riquadro_tab A.tab /*Mostra le tab a lato*/ 
{
	margin:0px;
  padding:0px;
  display:block; /*Mostra le tab una sotto l'altra*/
	/*width:146px;*/ width:162px; /*Se si vuole aggiungere un'immagine che indichi l'update bisogna sommare la larghezza della tab vera e propria a quella dell'immagine*/
  height:41px;
  line-height:41px; /*Dato che nell'HTML ci sono le voci testuali, serve a spaziarle in maniera uniforme alla grafica*/
  TEXT-DECORATION:NONE; /*In firefox, elimina la sottolineatura dei link testuali che, sebbene invisibili, permane*/
  outline:none;
  -moz-outline:none;
}

DIV#riquadro_tab A.tab SPAN /* Nasconde il testo delle tab */
{
  VISIBILITY:HIDDEN; /*Non si può usare DISPLAY:NONE perché IE aggiunge spazio verticale tra le tab*/
  font-size:1px; /*Consente che la parte testuale di una tab sia, di fatto, lunga a piacere. Senza questa, IE sfalsa le tab con testo troppo lungo*/
}


/**************** DIV che contengono EFFETTIVAMENTE il testo ***************/

DIV#contenuto_dati_generali, DIV#contenuto_amministrazione, DIV#contenuto_uffici_comunali,
DIV#contenuto_informazioni, DIV#contenuto_associazioni, /* Sono i DIV che contengono EFFETTIVAMENTE il testo*/

DIV#contenuto_chi_siamo, DIV#contenuto_candidati,

DIV#contenuto_partecipazione, DIV#contenuto_servizi_persona, DIV#contenuto_scuola_cultura, DIV#contenuto_territorio,
DIV#contenuto_ambiente, DIV#contenuto_sicurezza, DIV#contenuto_sport, DIV#contenuto_lavoro,

DIV#contenuto_news, DIV#contenuto_rassegna_stampa, DIV#contenuto_interpellanze, DIV#contenuto_manifesti, DIV#contenuto_appuntamenti, DIV#contenuto_contattaci
{
  display:none; /*Inizializza a "invisibile" il contenuto dei vari riquadri*/
  margin-left:30px; /* Evita che il testo venga scritto sul bordo laterale sinistro*/
  margin-right:30px; /* Evita che il testo venga scritto sul bordo laterale destro*/
}