div#styleswitch {
   background-color: transparent;
   color: #000;
   margin: 10px 0px;
   text-align: center;
   text-decoration: none;
   font-size: 10px;
   font-weight: normal;
}

div#styleswitch a, a:active, a:hover {
   text-decoration: none;
   font-size: 10px;
   font-weight: normal;
}

/***************************************/

body{
  background: #EFF7FF; /* azzurrino */
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  margin: 0px;
  text-align: center;
}

ul li {
   list-style-type: none;
}     

a img {color: #F8F8F8; background: #FFF;}

tr:hover {
  background-color: #E6E9EC;
  cursor: default;
}


/* Contenitore principale */  
div#container {
   margin: 8px;
   text-align: center;
   width: 90%;
   height: 98%;
   /*border: 2px solid Blue;*/
   background: #EFF7FF; /* azzurrino */
   color: #000;
}

/* BLOCCO DI INTESTAZIONE */  
div#header{
   height: 100px;
   border: 2px solid #D6D6D6; /* grigino un po' scuro */
   background: #F6F6F6;       /* grigino */
   color: #316AC5;
}


/* CONTENUTI */
div#content {
   margin-top: 5px;
   height: 70%;
   background: #FFF;
   color: #000;
   border: 2px solid #D6D6D6;
   overflow: auto;
}

/* DATI SUI RISULTATI A DX */
div#dati {
 float:right;
 width: 80%;
 height: 100%;
 margin: 0px;
 overflow: auto;
} 

/* MENU LATERALE A SX */
div#menu {
   float: left;
   width: 19%;
   height: 100%;
   background: #FEFEF8 url("../Images/SfondoMenu.jpg");
   color: #000;
   margin: 0px;
   /*border: 1px solid Green;*/
}


 
/* FOOTER DI CHIUSURA */   
div#footer {
 display: block;
 clear:both;
 margin: 5px 0px;
 padding: 2px;
 background: #F6F6F6;       /* grigino */
 color: Blue;
 font: 12px/14px Verdana,Arial,sans-serif;
 text-align: center;
 border: 2px solid #D6D6D6;
}

div#sipal {
 margin-top: 5px;
 margin-bottom: 8px;
 font: 10px Tahoma,Verdana,Arial,sans-serif;
 text-align: center;
 background: #EFF7FF;
 color: #444;
}

div#sipal a, div#sipal a:active, div#sipal a:visited, div#sipal a:link {
   background: #EFF7FF;
   color: #444;
   text-decoration: none;
}

div#sipal a:hover {
   background: #EFF7FF;
   color: #00F;
   text-decoration: underline;
}
 
 
/*******************************************************/
 
 

/* INTESTAZIONE */

/* Box contenente il logo e il nome del comune */   
div#logoComune{
   float: left;
   /*width: 15%;*/
   /*text-align: center ; */
   padding-left:5px;
   /*background: #066BAE;*/
}

/* Intestazione - descrizione della consultazione */
div#intestazione{
   float: right;
   width: 84%;
   padding-top: 30px;
   line-height: 30px;
   font-family: Arial, Verdana, serif;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 30px;
   font-style: oblique;
   text-align: center ; 
   /*border: 1px solid Fuchsia;*/
}



/* Box per il nome del comune */
.nomeComune{
   clear: both;
   font-family: Arial, Verdana, serif;
   font-weight: bold;
   font-size: 15px;
   font-style: oblique;
   text-align: left; 
   padding-left: 4px;
   margin-bottom: 0px;
}

/* FINE BLOCCO DI INTESTAZIONE */



/* MENU LATERALE SX */


/* Elementi del menu laterale sx */
div#menuComuni{
  font: normal 10px Verdana,Arial,sans-serif;
  padding: 10px 0px 0px 0px;   
  text-indent: 5px;   
}


/* Combobox per la scelta del comune da visualizzare */
select {
 margin-top: 0px;
 font: normal 10px Verdana,Arial,sans-serif;
 width: 90%;
} 
form {
 margin-top: 0px;
}
.opt1{
 color: Blue;
 background: #FFF;
}
.opt2{ 
 color: Black;
 background: #FFF; 
}  


/* Stile per il menu delle consultazioni */
div#menuConsultazioni{
   /*height: 60%;*/
   padding: 5px;
}
 
div#menuConsultazioni a, div#menuConsultazioni a:link, div#menuConsultazioni a:visited, div#MenuConsultazioni a:active {
   display: block;
   font: 12px/16px Arial,Verdana,sans-serif;
   color: #446A80;
   background: transparent/*#FEFEF8*/;
   text-align: center;
   text-decoration: none;
   padding: 2px;
   width: 90%;
}

div#menuConsultazioni a:hover {
   color: #F00; /*#0000F4*/;
   background: #FF8;
}


/* Stile per il menu con il link alla pagina delle affluenze */
div#menuAffl{
   /*height: 10%;*/
   padding: 5px;
}

div#menuAffl a, div#menuAffl a:link, div#menuAffl a:visited, div#MenuAffl a:active {
   display: block;
   font: 12px/16px Arial,Verdana,sans-serif;
   color: #446A80;
   background: transparent /*url("../Images/SfondoMenu.jpg")*/;
   text-align: center;
   text-decoration: none;
   padding: 2px;
   width: 90%;
}

div#menuAffl a:hover {
   color: #0000F4;
   background: #8FF /*transparent*/;
}



.scelta {
   background-color: transparent;
   margin-bottom: 3px;
   font: 10px Verdana,Arial,sans-serif;
}


/* RISULTATI */
.gruppoRisultati{
   margin: 0px;
   width: 100%;
   text-align: center;
   /*border: solid thin #D7040B;*/
}

.descrizioneComune{
   width: 99%;
   font: normal 18px Verdana,Arial,sans-serif;
   background: #FFF;
   color: #3366CC;
   text-align: center;
   margin: 5px 0px 15px 0px;
}

p.raggruppamento{
   font-size: 12px;
   letter-spacing: 0px;
   margin: 0px;
}
   
p.comuneSingolo{
   font-size: 20px;
   letter-spacing: 1px; 
   margin: 0px;
}

/* Descrizione del referendum */
div.descrizioneRef{ 
  width: 94%;
  font: normal 15px/17px Arial,Verdana,sans-serif;
  text-align: center;
  margin: 10px 0px 5px 0px;
  padding: 3px;
  background-color: #FFF;
  color: #000;
  cursor: default;
}

/* Link per lo switch tra dettaglio delle sezioni e riepilogo del comune */
.linkDettaglioSezioni{ 
  width: 130px;
  font: normal 12px/15px Arial,Verdana,serif;
  text-align: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}
   
div.linkDettaglioSezioniNascosto{ 
  display:none;
}

div.linkDettaglioSezioni a, div.linkDettaglioSezioni a:active, div.linkDettaglioSezioni a:visited { 
  text-decoration: none;
  background-color: #FFF;
  color: #316AC5;
  font-size: 12px;
}

div.linkDettaglioSezioni a:hover {
  color: #F00;
  background: #FEFE14;
  text-decoration: underline;
  font-size: 12px;
}


div.descrizioneRefSezioni{ 
  width: 97%;
  font: normal 15px/17px Arial,Verdana,sans-serif;
  text-align: center;
  margin: 10px 0px 5px 0px;
  padding: 3px;
  background-color: #FFF;
  color: #000;
  cursor: default;
}
   
/* Link per lo switch tra dettaglio delle sezioni e riepilogo del comune */
.linkRiepilogoComune { 
  width: 130px;
  font: normal 12px/15px Arial,Verdana,serif;
  text-align: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}
   
/* Link per il dettaglio delle sezioni */
div.linkRiepilogoComune a, div.linkRiepilogoComune a:active, div.linkRiepilogoComune a:visited { 
  text-decoration: none;
  background-color: #FFF;
  color: #316AC5;
  font-size: 12px;
}

div.linkRiepilogoComune a:hover {
  color: #F00;
  background: #FEFE14;
  text-decoration: underline;
  font-size: 12px;
}

  
  
/* Dati del referendum */  
.refCompleto {
   border-top: 2px solid #CCC;
   border-right: 2px solid #777;
   border-bottom:2px solid #777;
   border-left: 2px solid #CCC;
   width: 92%;
   margin-bottom: 10px;
}

div.datiRef{ 
   clear: both;
   margin-right: auto;
   margin-left: auto;
   width: 100%;
   padding-top: 7px;
   padding-bottom: 10px;
   text-align: center;
}


/* Tabella per i voti relativi al referendum */
.tableref{ 
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
   /*width: 100%;*/
   border-collapse: collapse;
   text-align: left;
   margin-right: auto;
   margin-left: auto;
}
   
   
.colDescr1 { 
  text-indent: 10px;
}

.colVotiAss { 
  padding-left: 0px;
  text-align: right;
  padding-right: 20px;
}

.colVotiPerc { 
  padding-left: 0px;
}


/* Stile delle righe */
.rigaVoti{ 
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 0px; 
   background: #FFF;
   color: #000;
   text-align: left;
   /* display:none; */
}

.rigaSI{ 
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 0px; 
   background: #FFF;
   color: #008000;   
   text-align: left;
}

.rigaNO{ 
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 0px; 
   text-align: left;
   background: #FFF;
   color: #F00;
}

.rigaAltre{ 
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 0px; 
   text-align: left;
   background: #FFF;
   color: #000;   
}

.rigaVuota{ 
    display:none;
}


/* Box delle sezioni scrutinate */  
.sezioniScrutinate{ 
   font: 12px Arial, Verdana, serif;
   padding: 3px 0px;
   color: #000;
   background: #EDEDED; /*F0F0F0*/   
   text-align: center; 
}
   
.sezioniScrutinate p{ 
   margin: 0px;
}


div#separatoreHeaderMenu{
   clear: both; 
}
   
div#separatoreMenuDati{
   clear: both; 
   height: 1px; 
   display: block;
   }


/* Sezioni */
.sezCompleto {
   border-top: 2px solid #CCC;
   border-right: 2px solid #777;
   border-bottom:2px solid #777;
   border-left: 2px solid #CCC; 
   width: 92%;
   margin-bottom: 8px;
}

.gruppoSezioni{
   width: 100%;
   margin: 0px;
   text-align: center;
   display: none;
   /*border: solid thin #D7040B;*/
}
   
div.datiRefSezione{
   clear: both;
   width: 98%;
   margin-right: auto;
   margin-left: auto;
   padding-top: 7px;
   padding-bottom: 10px;
   text-align: center;
}
   
.tableRefSezione{ 
   font: 10px Verdana, Arial, sans-serif;
   background: #FFF;
   color: #000;
   width: 100%;
   /* display:none; */
   border-collapse: collapse;
   text-align: left;
   }
   
.rigaVotiSezioneInt { 
   font-size: 12px;
   text-align: center;
   background: #D4D4D4;
   color: #000;
}
  
/* Riga colore 1 per il dettaglio delle sezioni */
.rigaVotiSezione1 { 
   background: #FFF;
   color: #000;
   font-size: 10px;
   font-weight: normal; 
 }

.rigaVotiSezioneScru1 { 
   background: #FFF;
   color: #000;
   font-size: 10px;   
   font-weight: bold; 
}  

.rigaIndirizzoSezione1 { 
   background: #FFF;
   color: #000;
   font-weight: normal;
   font-size: 10px;
}  

/* Riga colore 2 per il dettaglio delle sezioni */
.rigaVotiSezione2 { 
   background: #F4F4F4;
   color: #000;
   font-size: 10px;
   font-weight: normal; 
 }

.rigaVotiSezioneScru2 { 
   background: #F4F4F4;
   color: #000;
   font-size: 10px;   
   font-weight: bold; 
}  

.rigaIndirizzoSezione2 { 
   background: #F4F4F4;
   color: #000;
   font-weight: normal;
   font-size: 10px;
}  



/* Intestazione tabella delle sezioni */
.colHeaderSezione {
   padding: 2px;
   text-align: center;
   background: #D4D4D4;
   color: #444;
   border-top: 1px solid #FFF;
   border-bottom: 1px solid #FFF;
   border-right: 1px solid #FFF;
}      

.colDettaglioSezione {
   text-align: left;
   color: #000;
   border-right: 1px solid #FFF;
}

.colDettaglioSezioneSI {
   text-align: left;
   color: #008000;
   border-right: 1px solid #FFF;
}

.colDettaglioSezioneNO {
   text-align: left;
   color: #F00;
   border-right: 1px solid #FFF;
}  

.colIndirizzoSezione {
   text-align: left;
   color: #000;
}   

.colScrutinata{
   text-align: left;
   color: #000;
   font-weight: bold;
}  

.colTipoSezione{
   /*
   text-align: left;
   font-size: 10px;
   font-weight: bold;
   background: transparent;
   color: #0000CD;
   border-bottom: 1px solid black;
   */
   display: none;
}  

.rigaVotiSezioneRef { 
   font-family: Arial, Verdana, serif; 
   font-size: 15px;
   font-weight: bold;
   font-style: oblique;
   text-align: center;
   letter-spacing: 1px; 
   /* display:none; */
   background-color: #FFF;
   color: #000;
}