@charset "utf-8";
/* CSS Document */

body, html{
	margin: 0 0 0 0;
}

html{
	width: 100%;
	height: 100%;
	height: auto;
}

a:link {
	color: #FFF;
	text-decoration: none;
}
	
a:visited {
	color: #FFF;
	text-decoration: none;
}

a:active {
	color: #FFF;
	text-decoration :none;
}
	
a:hover {
	color: #FFF;
	text-decoration: none;
}
	
#main{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/sfondo.jpg) no-repeat center top; position: fixed; z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#titolo{
	position: absolute;
	width: 100%;
	height: 23%;
	top: 0;
	left: 0;
	background: url(../img/intestazione.png) no-repeat center top; position: fixed; z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#contenuto{
	position:fixed;
	right:5%;
	top:35%;
	width:520px;
	height:350px;
	background:rgba(255,255,255,0.7);
	padding: 20px 25px 20px 25px;
	text-align:justify;
	font-family:Bank;
	font-size:16px;
}

#link{
	position:fixed;
	font-family:Bank;
	color:#FFF;
	font-size:36px;
	left:13%;
	top:35%;
}

/************************ Impostazioni Fonts ************************/


@font-face {
	font-family: Bank;
	src: url("../font/Bank.eot");
	src: url("../font/Bank.eot?#iefix") format('embedded-opentype'),
		 url("../font/Bank.woff") format('woff'),
		 url("../font/Bank.ttf") format('truetype'),
		 url("../font/Bank.svg#Bank") format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: FrutigerL;
	src: url("../font/FrutigerL.eot");
	src: url("../font/FrutigerL?#iefix") format('embedded-opentype'),
		 url("../font/FrutigerL.woff") format('woff'),
		 url("../font/FrutigerL.ttf") format('truetype'),
		 url("../font/FrutigerL.svg#FrutigerL") format('svg');
	font-weight: normal;
	font-style: normal;
}

/************************ Impostazioni BARRA COOKIE POLICY ************************/

#cookieChoiceInfo {           /* Imposto le proprietà del banner/dialog box e caratteri del messaggio */
  background-color: #FFF;     /* Lo fondo è di colore nero (#000) */				  font-size: 18px;            /* i caratteri devono essere grandi 16 pixel */
  font-family: FrutigerL;
  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 */  
}
#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...  */
  text-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: #D40110;     /* 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: #000;
}