/* ELEZIONI */
#elezioni { font-family:Arial, Helvetica, sans-serif; }
#elezioni a { text-decoration: underline; }
#elezioni .candidato { position:relative;  float: left; }
#elezioni .candidato div, #elezioni .candidato h1  { float: left; font-family:Arial, Helvetica, sans-serif; }
#elezioni .candidato h1  { font-size:2em!important }
#elezioni .candidato h2  { font-family:Arial, Helvetica, sans-serif; }
#elezioni .candidato img {  }
#elezioni .candidato div.foto  { margin: 0 20px 20px 0; }
#elezioni .candidato div.nome  { margin-right: 20px }
#elezioni .candidato div.voti  { margin-right: 20px }
#elezioni .candidato div.percentuale  { margin-right: 20px }

#elezioni .partito {
    border: 1px solid #CCCCCC;
    float: left;
    padding: 10px;
    position: relative;
    width: 100%
}

.titolo-tipocontenuto { padding: 20px; color: #fff; background-color: #c00; border-top: 4px solid #fbdd3f; margin: 30px 0;}

#elezioni  .titolo { background-color: #CCCCCC; font-weight: bold;  }
#elezioni .partito div  { float: left; }
#elezioni .partito div.foto  { padding: 0 30px 0 0; width: 15%;}
#elezioni .partito div.nome  { margin-right: 20px; width: 25% }
#elezioni .partito div.voti  { margin-right: 20px; width: 10% }
#elezioni .partito div.percentuale  { margin-right: 20px; width: 20% }
#elezioni .partito div.consiglieri  { text-decoration: underline;  }

#biografia.biografia{ font-family:Arial, Helvetica, sans-serif; font-size: 14px }
#biografia .foto { float: left; margin: 0 10px 10px 0; }

#consiglieri.consiglieri{ font-family:Arial, Helvetica, sans-serif; font-size: 14px }
#consiglieri .foto { float: left; margin: 0 10px 10px 0; }
#consiglieri .consigliere {
    border-bottom: 1px solid #999999;
    clear: left;
    float: left;
    padding: 6px;
    width: 35%; 
	height: 35px;}
#consiglieri .voto {  width: 50px; float: left; border-bottom: 1px solid #999999;padding: 6px; text-align: right; height: 35px;}

#ballottaggio{
  position: relative;
  background-image: url("immagini/sfondo_ballottaggio.jpg");
  background-position: 0 32px;
    border: 5px solid #CCCCCC;
    font-family: Arial,Helvetica,sans-serif;
    height: 350px;
    position: relative;
    width: 660px;
}
#ballottaggio h1 {
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    padding: 5px ;
    background-color: #fff
}
#ballottaggio h2 {
    font-family: Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    padding: 5px ;
    font-size: 18px;
    font-weight: bold;
}

#ballottaggio .contenuto { position: relative; width: 100%; }
#ballottaggio .candidato { position: relative;   float: left; height: 268px; color: #FFFFFF; z-index: 1  }
#ballottaggio .contenuto .percentuale { position: absolute; font-size: 50px; font-weight: bold; margin: 185px 0 0 100px; text-shadow: 1px 1px 1px #333333 }
#ballottaggio .contenuto .voti { position: relative; font-size: 14px; margin:0 0 0 5px }
#ballottaggio .contenuto .nome { position: absolute; width: 100%; top: 250px; height: 55px  }
#ballottaggio .sezioni { position: absolute;  top: 10px; right: 10px; font-size: 14px  }
.aggiornaballottaggio {
    text-align:center; width:224px; height:33px;
    background-image:url(immagini/aggiorna_ballottaggio.png);
    margin:0 auto;
    font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}

#cboxPrevious, #cboxNext, #cboxClose { border: 0;}




@media screen and (max-width: 600px) {
	
	#elezioni .candidato h1 {font-size: 1.2em !important;}
	#elezioni .candidato h2 {font-size: 1.4em}
	
	#elezioni .partito div.foto  { font-size: 13px; width: 25%;}
	#elezioni .partito div.nome  { font-size: 13px; }
	#elezioni .partito div.voti  { font-size: 13px;  }
	#elezioni .partito div.percentuale  { font-size: 13px;  }
	#elezioni .partito div.consiglieri  { font-size: 13px;  }

}