.testo8  { font-size: 8px; font-family: 'Roboto Condensed'; color: #ffffff }
.testo9  { font-size: 9px; font-family: 'Roboto Condensed' }
.testo10 { font-size: 10px; font-family: 'Roboto Condensed' }
.testo11 {
	font-size: 11px;
	font-family: 'Roboto Condensed';
}
.testo12  { font-size: 12px; font-family: 'Roboto Condensed'}
.testo12inter  { font-size: 12px; font-family: 'Roboto Condensed' ; line-height: 18px; }
.testo13 { font-size: 13px; font-family: 'Roboto Condensed' }
.testo14 { font-size: 14px; font-family: 'Roboto Condensed'; font-weight: 400; }
.testo16 { font-size: 16px; font-family: 'Roboto Condensed'; }
.testo18 { font-size: 18px; font-family: 'Roboto Condensed'; line-height: 30px;}
.testo20 { font-size: 20px; font-family: 'Roboto Condensed'; line-height: 30px; font-weight: 400;}
.testo22 { font-size: 22px; font-family: 'Roboto Condensed' }
.testo25 { font-size: 25px; font-family: 'Roboto Condensed'; }
.testo30 {
	font-size: 30px;
	font-family: 'Roboto Condensed';
	color: #3082a7;
}
.testo22blu {
	font-size: 22px;
	font-family: 'Roboto Condensed';
	color: #3082a7;
}

.navigazione a:link {color: #ffffff; text-decoration: none;}
.navigazione a:visited {color: #ffffff; text-decoration: none;}
.navigazione a:hover {color: #000000; text-decoration: none;}
.navigazione a:active {color: #ffffff; text-decoration: none;}

.navigazione2 a:link {color: #000000; text-decoration: underline;}
.navigazione2 a:visited {color: #000000; text-decoration: underline;}
.navigazione2 a:hover {color: #ffffff; text-decoration: underline;}
.navigazione2 a:active {color: #000000; text-decoration: underline;}

.navigazione3 a:link {color: #000000; text-decoration: underline;}
.navigazione3 a:visited {color: #000000; text-decoration: underline;}
.navigazione3 a:hover {color: #000000; text-decoration: underline;}
.navigazione3 a:active {color: #000000; text-decoration: underline;}



#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
				 
  font-size: 12px;            /* i caratteri devono essere grandi 16 pixel */
  color: #000;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 10px;              /* lo spazio intorno al messaggio (sopra, sotto e di lato) quindi il bordo dista 10 pixel */  
  opacity: .8;                /* questa proprietà modifica la trasparenza del banner/dialogbox */
}
#cookieInfoLink {                      
  color: #E00;                /* il testo del link che aprire la pagina della cookie policy è rosso (#E00)  */
  text-decoration: underline; /* questa proprietà indica che il testo del link è sottolineato  */
}
#cookieInfoLink:hover {       /* la parola hover, vicino al selettore, indica che le proprietà seguenti verranno applicate... */
                              /* ... al link che conduce alla cookie policy solo quando il mouse ci passa sopra  */
  color: #F44;                /* il testo del link in questo caso diventa di un rosso più chiaro al passaggio del mouse...  */
  test-decoration:none;       /*   .... e allo stesso tempo il testo non sarà più sottolineato            */
}
#cookieChoiceDismiss {        /* Impostiamo per il link "accetto/ok/chiudi" le proprietà per renderlo... */
			      /* ...visivamente come un pulsante */
  background-color: #f29400;     /* lo sfondo è verde (#0A0) */
  color: #FFF;                /* Il colore del testo è bianco (#FFF) */
  text-decoration: none;      /* Il testo non è sottolineato         */
  font-weight: 600;           /* Il testo è in grassetto             */
  font-size: 12px;
  padding: 3px 10px;          /* Imposto lo spazio tra i caratteri e il bordo del pulsante 2pixel sopra e sotto e 10px ai lati */
  border-radius:  3px;        /* Lo sfondo del pulsante ha i bordi arrotondati con un raggio di 3 pixel */
}
#cookieChoiceDismiss:hover {  /* Passando il mouse sopra il pulsante, questo cambia colore in verde chiaro. */
  background-color: #ed7602;
}
