/* *************************************************************FOGLIO DI STILE PER L'HEADER DELLE PAGINE WEB *****************************************************************************/

body {
    text-decoration: none;
    background-color: #FFF;
	color: #777;
    padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	/*width: 96%; c'è solo nel we-res-content.css */ 
}

/* Contenitore principale (tipo 1) */
div.container1 {
	position: relative;
	top: 0px;
	left: 0px;
	height: 90px;
	width: 100%;
	background-color: #FFF;
}

/* Contenitore principale (tipo 2) */
div.container2 {
   position: relative;
	top: 0px;
	left: 0px;
	height: 90px;
	width: 100%;
	background-color: #EEE;
}

/* Box rettangolare (tipo A)*/
div.boxA {
	border: 2px solid #DCDCDC;
	background-color: #FFF;
	color: #578bb8;
	margin-left: 2.5%;
	margin-top: 2px;
	height: 80px;
	width: 95%;
}

/* Box rettangolare (tipo B)*/
div.boxB {
	border: 2px solid #DCDCDC;
	background-color: #FFF;
	/*background-image: url(../images/ELLOGO.BMP);
	background-repeat: no-repeat;
	background-position:  20px;*/
	color: #578bb8;
	margin-left: 2px;
	margin-top: 2px;
	height: 80px;
	width: 99%;
}


/* Proprietà del nome comune */
.nomeComune {
	position: relative;
	color: #578bb8;
	font-size: 24px;
   font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 14%;
}


/* Proprietà del nome della consultazione */
.nomeConsultazione {
   position: relative;
	color: #578bb8;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 24px;
   font-weight: normal;
   margin-left: 14%;
}
.divImgStemma {
	float:left;
}
.imgStemma {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	position:absolute;
}


/*********************************************************************************** FOGLIO DI STILE PER IL WEB********************************************************************************/


/* Tabella del menu principale */
.menuTable {
  width: 60%;
  border-collapse: collapse;
  text-align: center;
}

/* Celle del menu principale (affluenze, risultati camera e senato) */
.menuCell {
   height: 25px;
	 width: 11%;
   text-align: center;
}


/* Pulsante del menu per la scelta affluenze / risultati */
div.pulsanteMenu {
   width: 120px;
   height: 20px;
   line-height: 18px;
	border: 2px solid Blue;
   background: inherit;
   text-align: center;
   font-family: Verdana, Arial, sans-serif;
   font-size: /*70%*/11px;
   font-weight: bold;
}

a.menu{
	/* Impostiamo la grandezza del nostro bottone. */
 
/* Scegliamo il colore di sfondo. */
background-color: #388fc5;
 
/* Utilizziamo la proprietà CSS3 per arrotondare il bottone. */
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
 
/* Utilizziamo la proprietà CSS3 per aggiungere un'ombra al bottone. */
-moz-box-shadow: 1px 1px 0 #145278;
-webkit-box-shadow: 1px 1px 0 #145278;
box-shadow: 1px 1px 0 #145278;
 
/* Impostiamo un bordo chiaro al bottone. */
border: 1px solid #9fdaff;
margin-right:30px;
padding:5px;
 
/* Impostiamo il cursore come "manina" */
cursor: pointer;
 
/* Formattiamo il testo */
font-size: 11px;
font-family:  Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffffff;
text-shadow: 0 1px 0 #363636;
line-height: 20px;
text-align: center;
text-decoration: none;
}

a.menu:link{
}

a.menu:visited{
}

a.menu:hover{
/* Scegliamo il colore di sfondo. */
background-color: #9fdaff;
color: #388fc5;
}

/* Menu attualmente visualizzato nella pagina */
a.menuAttivo {
 	/* Impostiamo la grandezza del nostro bottone. */
 
/* Scegliamo il colore di sfondo. */
background-color: #388fc5;
 
/* Utilizziamo la proprietà CSS3 per arrotondare il bottone. */
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
 
/* Utilizziamo la proprietà CSS3 per aggiungere un'ombra al bottone. */
-moz-box-shadow: 1px 1px 0 #145278;
-webkit-box-shadow: 1px 1px 0 #145278;
box-shadow: 1px 1px 0 #145278;
 
/* Impostiamo un bordo chiaro al bottone. */
border: 1px solid #9fdaff;
margin-right:30px;
padding:5px;
 
/* Impostiamo il cursore come "manina" */
cursor: pointer;
 
/* Formattiamo il testo */
font-size: 11px;
font-family:  Verdana, Arial, sans-serif;
font-weight: bold;
color: #ffff00;
text-shadow: 0 1px 0 #363636;
line-height: 20px;
text-align: center;
text-decoration: none;
}


/* Riga di separazione */
.separatore {
   color: #00F;
   background-color: #00f;
   width: 90%;
   height: 1px;
}

/*********************** SCELTA DEL COMUNE **************************/

/* Stile per il combo di scelta circoscrizione e comune */
.scelta {
   text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	text-decoration: none;
	color: #000;
}

/**************** FINE MENU DI SCELTA COMUNE ************************/

.divMenuComuni{
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	border: 2px solid #DCDCDC;
	margin-left: 2.5%;
	width: 95%;
	padding-top:8px;
	padding-bottom:8px;
	color: #578bb8
}
.selectComune{
	margin-right:30px;
}
.spanNomeComune{
	padding:2px;
	margin-right:30px;
}
.divScelte{
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
  border: 2px solid #DCDCDC;
  margin-left: 2.5%;
  width: 95%;
  padding-top:8px;
  padding-bottom:8px;
}


/*********************************************************************FOGLIO DI STILE PER LA PARTE DATI DELLA VISUALIZZAZIONE WEB*****************************************************/


/* Informazioni generali in alto */
div#info{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold;
	background: inherit;
	color: #00F;
	margin: 5px 0px 5px 2.5%;
	text-align: center;
	width: 100%;
}

/* Tabella principale */
.tabellaRiepilogo {
   border-collapse: collapse;
	text-align: center;
	padding: 0px;
}

/* Riga per le informazioni sul tipo di dati (affluenze, camera, senato) */
.hrow1 {
   height: 30px; 	
	text-align: center;
	font: normal bold 18px/25px Verdana, Arial, sans-serif;
	padding: 0px 1px 0px 1px;
	border-bottom: 2px solid #FFF;
}

.hcell1Camera {
   width: 100%;
	background: #FFD6D6;
	color: #222;
	/*border-bottom: 2px solid #FFF;*/
}

.hcell1Senato {
   width: 100%;
	background: #FFFFB5;
	color: #222;
	border-bottom: 2px solid #FFF;
}

/* Righe di tipo 2 (dettagli sui risultati e sulle sezioni scrutinate) */
.hrow2 {
	font: normal bold 12px/18px Verdana, Arial, sans-serif;
	text-align: center;
	padding: 0px;
}

.hcell2Camera {
   width: 100%;
	background: #dcdcdc /*#EEE*/;
	color: #578bb8 /*#222*/;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;	
}

.hcell2Senato {
   width: 100%;
	background: #dcdcdc /*#EEE*/;
	color: #578bb8 /*#222*/;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.hcell2SenatoNoWidth {
	background: #dcdcdc /*#EEE*/;
	color: #578bb8 /*#222*/;
	font-weight: bold;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Riga di tipo 3: intestazioni delle colonne della tabella */
.hrow3{
   height: 30px;
	/*font: normal bold 11px/15px Verdana, Arial, sans-serif;*/
	text-align: center;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
/* Riga di tipo 3: intestazioni delle colonne della tabella  senza il bordo superiore e inferiore*/
.hrow3NoBorder{
   height: 30px;
	/*font: normal bold 11px/15px Verdana, Arial, sans-serif;*/
	text-align: center;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
}

/* Riga di tipo 3: intestazioni delle colonne della tabella senza altezza 30px */
.hrow3small{
	/*font: normal bold 11px/15px Verdana, Arial, sans-serif;*/
	text-align: center;
	font-family: Verdana, Arial, sans-serif; 
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Nome della lista */
.hcell3A {
	background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 40%;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Numero di voti */
.hcell3B {
   background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 10%;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Percentuali (istogramma e valore numerico) */
.hcell3C {
   background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 50%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Intestazione tabella senza specificare la larghezza */
.hcell3D {
	background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Nome della lista (per il dettaglio delle sezioni) */
.hcell3 {
	background: Navy;
	color: White;
	height: 60px;
	width: 10%;
	border-right: 2px solid #FFF;
}
.hcell3nosfondo {
	color: White;
	width: 10%;
	border-right: 2px solid #FFF;
}
.hcell3small {
	background: Navy;
	color: White;
	width: 10%;
	border-right: 2px solid #FFF;
}

.noCellBorder{
	 border:0px;
}


/* CELLA CON IL LINK PER PASSARE DA RIEPILOGO COMUNE A DETTAGLI SEZIONE */
.linkswitch {
	/*height: 11px;*/
	text-align: left;
	text-decoration: none;
	background: #DCDCDC;
	color: Blue;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 10px;
	/*line-height: 11px;*/
	width: 100%;
	margin-bottom:4px;
}

a.nodecoration {
	text-decoration: none;
	background-color: inherit;
	color: Blue;
}

a.nodecoration:link {
  text-decoration: none;
	background-color: inherit;
	color: Blue;
}

a.nodecoration:hover {
  text-decoration: none;
	background-color: inherit;
	color: Red;
}
a.aPageTop {
	text-decoration: none;
	color: Blue;
	font-size: 10px;
}

a.aPageTop:link {
   text-decoration: none;
	color: Blue;
	font-size: 10px;
}

a.aPageTop:hover {
   text-decoration: none;
	color: Red;
	font-size: 10px;
}

a.arrotondatoPiccolo{
	/* Impostiamo la grandezza del nostro bottone. */
 
/* Scegliamo il colore di sfondo. */
background-color: #388fc5;
 
/* Utilizziamo la proprietà CSS3 per arrotondare il bottone. */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
 
/* Utilizziamo la proprietà CSS3 per aggiungere un'ombra al bottone. */
-moz-box-shadow: 1px 1px 0 #145278;
-webkit-box-shadow: 1px 1px 0 #145278;
box-shadow: 1px 1px 0 #145278;
 
/* Impostiamo un bordo chiaro al bottone. */
border: 1px solid #9fdaff;
margin-right:30px;
padding:5px;
 
/* Impostiamo il cursore come "manina" */
cursor: pointer;
 
/* Formattiamo il testo */
font-size: 9px;
font-family:  Verdana, Arial, sans-serif;
color: #ffffff;
text-shadow: 0 1px 0 #363636;
line-height: 14px;
text-align: center;
text-decoration: none;
}

a.arrotondatoPiccolo:link{
}

a.arrotondatoPiccolo:visited{
}

a.arrotondatoPiccolo:hover{
/* Scegliamo il colore di sfondo. */
background-color: #9fdaff;
color: #388fc5;
}

.detailrowArancione {
	background: #ffe8aa;
	color: #000;
	border: 1px solid #FFF;
}

.detailrowBianco {
	background: #F6F6F6;
	color: #000;
	border: 1px solid #FFF;
}

/*************** FINE LINK PER RIEPILOGO / DETTAGLI SEZIONE ************/


/************* STILI PER LE PAGINE CON IL RIEPILOGO PER COMUNE *********/

/* Riga di dettaglio */
.detailrow {
	background: #F6F6F6;
	color: #666;
}


/* Cella con l'immagine del simbolo della lista o gruppo*/
.det-img {
	/*border: 2px solid Fuchsia;*/
	width: 7%; /*40px*/
	border-bottom: 2px solid #FFF;
	font-size:10px;
}

/* Cella contenente il nome della lista o gruppo */
.det-nomelista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	padding-left: 5px;
	text-align: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
	/*width: 33%;*/
}
/* Cella contenente il nome della lista o gruppo */
.det-nomesindaco {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	color: #666;
	padding-left: 5px;
	text-align: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
	/*width: 33%;*/
}

/* Cella contenente il numero dei voti */
.det-voti {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-align: right;
	padding-right: 5px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Cella contenente le percentuali */
.det-perc { 
	text-align: left;
	padding-left: 3px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	/*border: 2px solid Fuchsia;*/
}

/* Cella contenente le percentuali dei voti */
span.det-votiperc {
	position: relative;
	bottom: 10px;
	left: 2px;
	
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 100%;
	color: #666;
	text-align: right;
	/*padding-right: 2%;*/
	border-right: 2px solid #FFF;
}
/******************** FINE TABELLA RIEPILOGO COMUNE *********************/


/************* STILI PER LE PAGINE CON IL RIEPILOGO PER LISTA *********/

/* Percentuali (istogramma e valore numerico) */
.hcell10Perc {
  background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 10%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
}

/* Percentuali (istogramma e valore numerico) */
.hcell20Perc {
  background: /*#dcdcdc*/Navy;
	color: /*#578bb8*/White;
	width: 20%;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	border-left: 2px solid #FFF;
}

/* Nome della lista (per il dettaglio delle sezioni) */
.hcell60Perc {
	background: Navy;
	color: White;
	height: 60px;
	width: 60%;
}

/* Riga di dettaglio */
.detailrow1 {
	background: #EEE;
	color: #666;
}

.detailrow2 {
	background: #F6F6F6;
	color: #666;
}


/* Cella contenente il nome della lista o gruppo */
.det-AlignLeft {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
	text-align: left;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Cella contenente il numero dei voti */
.det-AlignRight {
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
	padding-right: 10px;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.det-AlignCenter {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
	text-align: center;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/******************** FINE TABELLA RIEPILOGO LISTA *********************/


/************* STILI PER LE PAGINE CON IL DETTAGLIO DELLE SEZIONI *********/

/* Righe per il dettaglio sezioni (COLORE 1) */
.detailrowvoti1 {
	background: #FFF;
}
.detailrowperc1 {
	background: #FFF;
	border-bottom: 2px solid #FFF;
}

/* Righe per il dettaglio sezioni (COLORE 2) */
.detailrowvoti2 {
	background: #EEE;
}
.detailrowperc2 {
	background: #EEE;
	border-bottom: 2px solid #FFF;
}


/******************** CELLE DI CONTENUTO DEI DATI ************************/
/* Cella con il numero sezione */
.det-sezione {
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	color: #555;
	border-right: 2px solid #FFF;
}

/* Numero dei voti */
.det-votiperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #555;
	text-align: right;
	padding-right: 3px;
	border-right: 2px solid #FFF;
}

/* Percentuale dei voti */
.det-percperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #555;
	text-align: center;
	border-right: 2px solid #FFF;
}

/* Totale dei voti */
.det-totvotiperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	background: Navy;
	color: #FFF;
	text-align: right;
	border-right: 2px solid #FFF;
}

/* Totale delle percentuali */
.det-totpercperlista {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	background: Navy;
	color: #FFF;
	text-align: center;
	border-right: 2px solid #FFF;
}
/********************* FINE CELLE DATI TABELLA ***********************/

/********************  TABELLA PER LA LEGENDA SIMBOLI ****************/
.separatoreGrigio {
   margin: 10px 0px 10px 0px;
	width: 90%;
	background-color: Silver;
	color: Silver;
	text-align: center;
}

.tabellalegenda {
	width: 25%;
	text-align: left;
	margin-top: 10px;
	margin-left: 2.5%;
	border-collapse: collapse;
}

.hrowlegenda {
	background: Navy;
	color: #FFF;
	width: 40%;
	border-bottom: 2px solid #FFF;
	height: 20px;
}

.hcelllegenda {
	font: bold normal 14px/20px Verdana, Arial, sans-serif;
	text-align: center;
	background: Navy;
	color: #FFF;
}	

.dcelllegenda {
	font: normal 12px Verdana, Arial, sans-serif;
	color: #000;
	background: #EEE;
	text-align: center;
	border-right: 2px solid #FFF;
}
/******************** FINE TABELLA LEGENDA ***************************/
.CellaSel
{
    BORDER : 3px #888 solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #20F020;
}
.CellaDeSel
{
    BORDER : 3px #CCC solid;
    FONT-SIZE: 3px 15px;
    COLOR: #666;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #FFFFFF;
}

/******************** CANDIDATI CONSIGLIERI ********************/

.tr_headercellborder td{
	margin: 0;
	padding: 0;
	background: #FFF;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	/*font-family: Verdana, Arial, sans-serif;*/
	font-size: 60%;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	/*width: 60px;*/	
}
.tr_footerBorder td{
	background: #FFF;
	border-top: 2px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: /* 11px */ 70%;
	font-weight: bold;
	text-align: right;
}
/* Cella per contenuto delle percentuali (font più piccolo) */
.tr_contentpercborder td{
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0px 3px 0px 3px;
	font-family: Verdana, Arial, sans-serif;
   	font-size: 60%;
	text-align: right;
}
.tr_content-borderltr td{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 0px 3px 0px 3px;
	font-size: /*11px */ 70%;
	text-align: right;
}
.tabellaSezioniScr{
 width:95%;
 background: #ffffff;
 border: 2px solid #dcdcdc;
 color: #000000;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 13px;
 color: #666;
 padding-left: 5px;
 text-align: center;
}


/****************************************************************************FOGLIO DI STILE PER LE AFFLUENZE********************************************************************************/
p {
 line-height: 10px;
 font-size: 10px;
 margin: 1px;
}


.Prefettura {
 font-size: 24px;
 font-weight: normal;
 font-style: normal;      
 font-family: Verdana,Arial,sans-serif;
 text-align: center;
 text-decoration: none;
 margin-bottom: 2px;
}

h1 {
 font-size: 28px;
 font-weight: bold;
 font-style: normal;
 font-family: Arial,Verdana,sans-serif;
 text-align: center;
 text-decoration: underline;
 margin-bottom: 2px;
}


h2 {
 font-size: 18px;
 font-weight: normal;
 font-style: normal;      
 color: Blue;
 background: #FFF;
 font-family: "Comic Sans MS",Arial,Verdana,sans-serif;
 text-align: center;
 text-decoration: none;
 margin-bottom: 5px;
}


.TableAffl {
 width: 100%;
 height: 30px;
 border-collapse: collapse;
 border-spacing: 0px;
}

.RigaTestata {
 font-family: Arial,Verdana,sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 border: 1px solid Black;
 border-collapse: collapse;
}

.RigaDettaglio {
 font-family: Arial,Verdana,sans-serif;
 font-size: 15px;
 font-weight: normal;
 text-align: center;
 border: 1px solid Blue;
 border-collapse: collapse;
}
  
.RigaTotali {
 font-family: Arial,Verdana,sans-serif;
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 border: 1px solid Black;
 border-collapse: collapse;
}

.ColRil {
 font-style: normal;
 border: 1px solid black;
 border-collapse: collapse;
}

.ColSez {
 font-style: italic;
 border: 1px solid black;
 border-collapse: collapse;
}

.ColEle {
 font-style: normal;
 border: 1px solid black;
 border-collapse: collapse;
}

.ColVot {
 font-style: normal;
 border: 1px solid black;
 border-collapse: collapse;
}

.ColPerc {
 font-size: 12px;
 font-style: italic;
 font-weight: bold;
 border: 1px solid black;
 border-collapse: collapse;
}

.det-AlignCenter {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
	text-align: center;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

.det-CenterBold {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 5px;
	text-align: center;	
  font-weight: bold;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}

/* Cella contenente didascalia al fondo */
.didascalia {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	font-style: italic;
	text-align: center;
	padding-bottom:8px;
}