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

div#styleswitch a, a:active, a:hover {
   text-align: right;
   text-decoration: none;
   font-size: 10px;
   font-weight: normal;
   background: #000;
   color: #FFF;
}


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


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

a {
   background: #000;
   color: #FF0;
}

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

tr:hover {
  background-color: Blue;
  color: Yellow;
  cursor: default;
}

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


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

/* BLOCCO DI INTESTAZIONE */  
div#header{
   height: 100px;
   border: 2px solid #00F; /* grigino un po' scuro */
   background: #000;       /* grigino */
   color: #FF0;
}


/* CONTENUTI */
div#content {
   margin-top: 5px;
   height: 70%;
   background: #000;
   color: #FF0;
   border: 2px solid #00F;
   overflow: auto;
}
/* DATI SUI RISULTATI A DX */
div#dati {
   float:right;
   width: 80%;
   height: 100%;
   margin: 0px;
   /*
   overflow-y: auto;
   overflow-x: auto;
   */
   overflow: auto;
} 

/* MENU LATERALE A SX */
div#menu {
   float: left;
   width: 19%;
   height: 100%;
   background: #000;
   color: #FF0;
   margin: 0px;
   /*border: 1px solid Green;*/
   border-right: 2px solid #00F;
   overflow: auto;
}

 
/* FOOTER DI CHIUSURA */   
div#footer {
   display: block;
   margin: 5px 0px;
   clear:both;
   background: #000;
   color: #FF0;
   font: 14px/18px Verdana,Arial,sans-serif;
   padding: 4px;
   text-align: center;
   border: 2px solid #00F;
}

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

div#sipal a {
   margin-top: 5px;
   font: 12px Tahoma,Verdana,Arial,sans-serif;
   text-align: center;
   background: #000;
   color: #EEE;
}

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

/* INTESTAZIONE */

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

/* Intestazione - descrizione della consultazione */
div#intestazione{
   float: right;
   width: 84%;
   padding-top: 30px;
   line-height: 35px;
   font-family: Arial,Verdana,sans-serif;
   font-variant: small-caps;
   font-weight: bold;
   font-size: 35px;
   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;
  /*background: #DFF5FD;*/
  padding: 10px 0px 0px 0px;   
  text-indent: 5px;   
}


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



div#menuConsultazioni{
   /*height: 60%;*/
   padding: 15px 0px 0px 5px;
}
 
div#menuConsultazioni a, div#menuConsultazioni a:link, div#menuConsultazioni a:visited, div#MenuConsultazioni a:active {
   display: block;
   font-family: Arial,Verdana,serif;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;;
   color: #FF0;
   background: #000;
   text-align: left;
   padding-left: 15px;
   text-decoration: none;
}

div#menuConsultazioni a:hover {
   color: #F00;
   background: #FF0;
}

/* Menu delle affluenze */
div#menuAffl {
   /*height: 60%;*/
   padding: 15px 0px 0px 5px;
}
 
div#menuAffl a, div#menuAffl a:link, div#menuAffl a:visited, div#MenuAffl a:active {
   display: block;
   font-family: Arial,Verdana,serif;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;;
   color: #FF0;
   background: #000;
   text-align: left;
   padding-left: 15px;
   text-decoration: none;
}

div#menuAffl a:hover {
   color: #F00;
   background: #FF0;
}



.scelta {
   margin-bottom: 3px;
   font: 14px Verdana,Arial,sans-serif;
}



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

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

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

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

/* Link per lo switch tra dettaglio delle sezioni e riepilogo del comune */
.linkDettaglioSezioni{ 
  width: 150px;
  font: normal 14px 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: Black;
  color: Yellow;
  font-size: 14px;
}

div.linkDettaglioSezioni a:hover {
  text-decoration: none;
  color: #F00;
  background: Yellow;
  font-size: 14px;
}


div.descrizioneRefSezioni{ 
  width: 97%;
  font: normal 15px/17px Arial,Verdana,sans-serif;
  text-align: center;
  margin: 10px 0px 5px 0px;
  padding: 3px;
  background-color: #000;
  color: Yellow;
  cursor: default;
}
   

/* Link per il dettaglio delle sezioni */
div.linkRiepilogoComune{
  width: 150px;
  font: normal 14px Arial,Verdana,serif;
  text-align: center;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

div.linkRiepilogoComune a, a:active, a:visited{ 
  font-size: 14px;
  text-decoration: none;
  color: #FF0;
  background: #000;
}

div.linkRiepilogoComune a:hover {
  font-size: 14px;
  text-decoration: none;
  color: #F00;
  background: #FF0;
}


  
/* Dati del referendum */  
.refCompleto {
   border: 2px solid #00F;
   width: 92%;
   margin-bottom: 15px;
}

div.datiRef{ 
   clear: both;
   margin: 0px auto;
   width: 98%;
   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: 14px;
   width: 100%;
   border-collapse: collapse;
   text-align: left;
   }
   
   
.colDescr1 { 
   padding-left: 10px;
   width: 40%;
}


.colVotiAss { 
   padding-left: 0px;
   width: 20%;
}

.colVotiPerc { 
   padding-left: 0px;
   width: 30%;
}


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

.rigaSI{ 
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 0px; 
   height: 20px;
   background: #000;
   color: #FFF;   
   text-align: left;
}

.rigaNO{ 
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 0px;
   height: 20px;
   text-align: left;
   background: #000;
   color: #FFF;
}

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

.rigaVuota{ 
    display:none;
}


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


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


/* Sezioni */
.sezCompleto {
   border: 2px solid #00F;
   width: 92%;
   margin-bottom: 15px;
}

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

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

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

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

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

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



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

.colDettaglioSezione {
   text-align: left;
   border-right: 1px solid #00F;
}

.colDettaglioSezioneSI {
   text-align: left;
   border-right: 1px solid #00F;
}

.colDettaglioSezioneNO {
   text-align: left;
   border-right: 1px solid #00F;
}  

.colIndirizzoSezione {
   text-align: left;
}   

.colScrutinata{
   text-align: left;
   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;
   text-align: center;
   letter-spacing: 1px; 
   /* display:none; */
   background-color: #000;
   color: #FFF;
}