body
{
  font-family: Arial, Tahoma, Helvetica, Arial, Sans-serif;
  font-size: 1em;
  width: 100%;
}

#container
{
  width: 980px;
  margin: 0px auto;
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  overflow: hidden;
  /*min-height: 1200px;*/
}
#container-header{
  float: left;
  width: 100%;
  background-color: #fff;
}

#top-header
{
  margin: 0px auto;
  width: 1004px;
  display: none;
}

body.bg-colore
{
  background: url("http://www.forzaitalia.it/gui-images/body-bg.png?10") repeat-x scroll 0 245px #d9d9d9;
}

body.bg-foto
{
  background: url("http://www.forzaitalia.it/speciali/body-bg-foto.jpg?10") fixed #fff;
  background-repeat: no-repeat;
  background-position: center top;
}
body.bg-foto1
{
  background: url("http://www.forzaitalia.it/gui-images/body-bg-foto1.jpg?10") fixed #fff;
  background-repeat: no-repeat;
  background-position: center top;
}
body.bg-foto2
{
  background: url("http://www.forzaitalia.it/gui-images/body-bg-foto2.jpg?10") fixed #fff;
  background-repeat: no-repeat;
  background-position: center top;
}

.ombra #container
{
  padding: 10px 22px 10px 22px;
  background-color: transparent;
  background: url("http://www.forzaitalia.it/gui-images/container-bg-bianco-ombra.png?10") repeat-y scroll 0 0;
}

.ombra.traspa #container
{
  background: url("http://www.forzaitalia.it/gui-images/container-bg-traspa-ombra.png?10") repeat-y scroll 0 0;
}

.alto #top-header
{
  padding-top: 60px;
  display: block;
  background-color: transparent;
}

.ombra.alto #top-header
{
  background: url("http://www.forzaitalia.it/gui-images/top-header-bg.png?10") scroll 0 0 transparent;
  background-repeat: no-repeat;
  background-position: 0px 45px;
}

#main
{
  float: left;
  width: 980px;
}

#main .element-large
{
  width: 960px;
  float: left;
  overflow: hidden;
  margin: 10px 10px 10px 10px;
}

#main .element-medium
{
  width: 720px;
  border: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

#main .element-small
{
  width: 470px;
  border: none;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  float: left;
}

#main .element-small:first-child
{
  margin-right: 20px;
}

body.variabile #main .element-small
{
  margin: 10px 10px 10px 10px;
}

body.variabile #main .element-small:first-child
{
  margin-right: 10px;
}

#main .element-mini
{
  width: 230px;
  border: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

a, a:link, a:visited, a:active {
  color: inherit;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.clear
{
  clear: both;
}

.titolo
{
  font-weight: bold;
  color: #1f497d;
}

.titolo a
{
  font-weight: bold;
  color: #1f497d;
}

h2
{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.04em;
  line-height: 1.27em;
}

.titolone
{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.54em;
  line-height: 0.77em;
}

.f-celeste
{
  color: #0097cc;
}

.f-blu
{
  color: #1f497d;
}

.hide
{
  display: none;
}

.clear
{
  clear: both;
}

/* fascia blu */
.fascia-blu
{
  height: 21px;
  float: left;
}

.fascia-blu.big{
  height: 40px;
}

.fascia-blu.btn
{
  float: right;
}

.fascia-blu.btn.left
{
  float: left;
}

.fascia-blu .term
{
  float: left;
  width: 3px;
  height: 21px;
}

.fascia-blu .mid
{
  float: left;
  height: 21px;
  background-color: #1f497d;
  color: #fff;
  text-align: center;
}

.fascia-blu.grigio .mid
{
  background-color: #d9d9d9;
  color: #777;
}

.fascia-blu .mid a
{
  color: #fff !important;
}

.fascia-blu.grigio .mid a
{
  color: #777 !important;
}

.fascia-blu.btn .mid
{
  width: 160px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
}

.fascia-blu.grigio.btn .mid
{
  width: auto;
  text-transform: none;
}

.fascia-blu a
{
  color: #fff;
}

.fascia-blu.big .mid{
  height: 40px;
  font-size: 1.7em;
}

.fascia-blu.big .mid a{
  display: block;
  margin-top: -4px;
}

.fascia-blu.big .term{
  height: 40px;
  width: 5px;
}

.fascia-blu .fascia-blu_out-g_left
{
  background-image: url("http://www.forzaitalia.it/gui-images/fascia-blu_out-g_left.png?10");
}

.fascia-blu.grigio .fascia-blu_out-g_left
{
  background-image: none;
}

.fascia-blu .fascia-blu_out-b_left
{
  background-image: url("http://www.forzaitalia.it/gui-images/fascia-blu_out-b_left.png?10");
}

.fascia-blu .fascia-blu_out-g_right
{
  background-image: url("http://www.forzaitalia.it/gui-images/fascia-blu_out-g_right.png?10");
}

.fascia-blu.grigio .fascia-blu_out-g_right
{
  background-image: none;
}

.fascia-blu .fascia-blu_out-b_right
{
  background-image: url("http://www.forzaitalia.it/gui-images/fascia-blu_out-b_right.png?10");
}
/* fine fascia blu */

/* facia blu big */
.fascia-blu.big .fascia-blu_out-g_left
{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-big_left.png?10");
}

.fascia-blu.big .fascia-blu_out-b_left
{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-big_left.png?10");
}

.fascia-blu.big .fascia-blu_out-g_right
{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-big_right.png?10");
}

.fascia-blu.big .fascia-blu_out-b_right
{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-big_right.png?10");
}
/* fine fascia blu big*/

/* btn grigio bianco */
.btn-grigio-bianco{
  float: right;
}

.btn-grigio-bianco .mid{
  float: left;
  text-align: center;
  border-top: 2px solid #777;
  border-bottom: 2px solid #777;
  text-transform: uppercase;
  font-weight: bold;
}

.btn-grigio-bianco.big .mid{
  height: 36px;
  font-size: 1.7em;
}

.btn-grigio-bianco .term{
  float: left;
}

.btn-grigio-bianco .term{
  width: 6px;
  height: 40px;
}

.btn-grigio-bianco.big .term.left{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-grigio-bianco-big_left.png?10");
}

.btn-grigio-bianco.big .term.right{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-grigio-bianco-big_right.png?10");
}
/* fine btn grigio bianco */

/* btn blu bianco */
.btn-blu-bianco{
  float: right;
}

.btn-blu-bianco .mid{
  float: left;
  text-align: center;
  border-top: 2px solid #1f497d;
  border-bottom: 2px solid #1f497d;
  text-transform: uppercase;
  font-weight: bold;
}

.btn-blu-bianco.big .mid{
  height: 36px;
  font-size: 1.7em;
}

.btn-blu-bianco .term{
  float: left;
}

.btn-blu-bianco .term{
  width: 6px;
  height: 40px;
}

.btn-blu-bianco.big .term.left{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-bianco-big_left.png?10");
}

.btn-blu-bianco.big .term.right{
  background-image: url("http://www.forzaitalia.it/gui-images/btn-blu-bianco-big_right.png?10");
}
/* fine btn blu bianco */

.rosso, .rosso a
{
  color: #f00 !important;
}

.blu, .blu a
{
  color: #1f497d !important;
}

.celeste, .celeste a
{
  color: #0097cc !important;
}

.bg-celeste-tw, .bg-celeste-tw a, tr.bg-celeste-tw td
{
  background-color: #d8eff9 !important;
}

.lk-grigio a
{
  color: #777 !important;
}

.bold, .blod a, .blod td, .blod td a
{
  font-weight: bold !important;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.block{
  display: block;
}

td img
{
  display: block;
  float: left;
}

.nobg
{
  background: none !important;
}

.colonna
{
  width: 490px;
  float: left;
}

.element-small.banner img{
  float: left;
}

/*lista_audio*/
.lista_audio{
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

.lista_audio ul{
  float: left;
  width: 100%;
  list-style-type: none;
}

.lista_audio li{
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
}

.lista_audio .titolo_brano{
  display: block;
  float: left;
  width: 282px;
  font-size: 1.2em;
  color: #1F497D;
  font-weight: bold;
}

.lista_audio .pulsante{
  display: block;
  float: left;
  border: 1px solid #009BE3;
  padding: 2px 10px 2px 30px;
  margin-left: 10px;
  background-position: 6px 6px;
  background-repeat: no-repeat;
  text-decoration: none !important;
}

.lista_audio .pulsante.sel{
  background-color: #009BE3;
  color: #fff !important;
}

.lista_audio .pulsante.ascolta{
  background-image: url("http://www.forzaitalia.it/gui-images/icona-pulsante-ascolta.png?10");
}

.lista_audio .pulsante.scarica{
  background-image: url("http://www.forzaitalia.it/gui-images/icona-pulsante-scarica.png?10");
}
/*Fine lista_audio*/
.privacy{
  color: #fff;
  float: right;
  line-height: 48px;
  padding-right: 125px!important;
}
.privacy-home{
  line-height: 38px!important;
}

/*cookiechoices*/
#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #000;     /* Lo fondo è di colore nero (#000) */
				 
  font-size: 16px;            /* i caratteri devono essere grandi 16 pixel */
  color: #000;                /* il colore dei caratteri è grigio chiaro (#DDD) */
  padding: 40px;              /* 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: #0A0;     /* 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: 16px;
  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: #0F0;
}
/* fine cookiechoices*/