.menusfondo {
	background:url(ico%20menu/rollover/home.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
	
}
a img {
	border:none;
}
.immaginecentrata
				 {
	text-alignment: center;
				 
}				 
table {
	text-align: justify;
	alignment-adjust: central;
	border-color: #ffff00;
	width: 750 px;	
}
table.centrata {    margin-left:auto;
					margin-right:auto;
					background-color:#000;
					border-color:#ffff00;
					border-style: solid;
					border-width: 3px;
}	
body {
	background-color: #900; 
	text-align: center;
	background-image:url(images/decore.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
}
@font-face {
    font-family: 'Harry Thin';
    src: url('font/Harry%20Thin%20Regular.eot');
    src: url('font/Harry%20Thin%20Regular.eot?#iefix') format('embedded-opentype'),
         url('font/Harry%20Thin%20Regular.woff') format('woff'),
         url('font/Harry%20Thin%20Regular.ttf') format('truetype'),
         url('font/Harry%20Thin%20Regular.svg#Harry Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}	
.harrythin {
	font-family: "Harry Thin";
	font-size:22px;
	color:#FFF;
	font-weight:600;
	text-align: justify;
}
.harrythin_left {
	font-family: "Harry Thin";
	font-size:22px;
	color:#FFF;
	font-weight:600;
	text-align: left;
}
.harrythin_center {
	font-family: "Harry Thin";
	font-size:22px;
	color:#FFF;
	font-weight:600;
	text-align: center;
}
.otherfont_center {
	font-size:20px;
	color:#FFF;
	font-weight:400;
	text-align: center;
}

a {
	text-decoration:none;
	color:#000;
	
}

a:hover 
{
	text-decoration:none;
	color:#fff;
	
}
.harrythin_corpo_pagina {
	font-family: "Harry Thin";
	font-size: 18px;
	color: #000;
	font-weight: 900;
	text-align: justify;
}
.harrythin_corpo_pagina_center_red {
	font-family: "Harry Thin";
	font-size: 18px;
	color: #990000;
	font-weight: 900;
	text-align: center;
}
.harrythin_corpo_pagina_red {
	font-family: "Harry Thin";
	font-size: 22px;
	color: #990000;
	font-weight: 900;
	text-align: center;
}
.harrythin_corpo_pagina_red_center {
	font-family: "Harry Thin";
	font-size:22px;
	color:#990000;
	font-weight:900;
	text-align: center;
}
.harrythin_corpo_pagina_center {
	font-family: "Harry Thin";
	font-size:22px;
	color:#000;
	font-weight:900;
	text-align: center;
}
.harrythin_viola {
	font-family: "Harry Thin";
	font-size:22px;
	color:#F0F;
	font-weight:600;
	text-align: justify;
}
.harrythin_menu {
	font-family: "Harry Thin";
	font-size:18px;
	color: #000;
	font-weight:1000;
	text-align: center;
}
.harrythin_menu_red {
	font-family: "Harry Thin";
	font-size:18px;
	color: #900;
	font-weight:1000;
	text-align: center;
}
.harrythin_menu_yellow {
	font-family: "Harry Thin";
	font-size:24px;
	color:#FF0;
	font-weight:800;
	text-align: center;
}
.banner 		{
	background-image:url(images/sfondo3.png);
	background-position:center;
	background-repeat:no-repeat;
	}
a:hover 
{
	text-decoration:none;
	color: #900;
	
}
.harrythin_copyright {
	font-family: "Harry Thin";
	font-size:16px;
	color:#FFF;
	font-weight:600;
	text-align: center;
}
.harrythin_back_white {
	background:#FFF;
}
.privacy {
	background-image:url(images/privacy2020.png);
	background-repeat:no-repeat;
}
/* reset stili */

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* lista orizzontale */

#menu li {
  display: inline-block;
  position: relative;
}
/* menu */

#menu {
  width: 100%;
  background-color: black;
  background: -webkit-linear-gradient(#444, #111); /* safari an chrome*/
  background: -moz-linear-gradient(#444, #111); /* firefox*/
  background: -o-linear-gradient(#444, #111); /* opera */
  background: linear-gradient(#444, #111);
  border: 1px solid #222;
  border-radius: 6px;
  box-shadow: 1px 1px 4px #777;
  text-align: center;
}

/* links */

li a {
  display: block;
  padding: 12px 20px;
  width: 60px;
  color: #999;
  text-transform: uppercase;
  font: bold 0.7em Arial, Helvetica;
  text-decoration: none;
  text-shadow: 0 1px #000;
  border-right: 1px solid #222;
  box-shadow: 1px 0 #444;
}

/* rimuoviamo il bordo e l'ombreggiatura dall'ultimo link del menu */

#donate {
  border: none;
  box-shadow: none;  
}

/* links hover */

a:hover {
  color: #C8C8C8;
}
/* sub menu */

#menu li .hidden {
  display: block;
  position: absolute;
  top: 100px;
  left: 0;
  background-color: black;
  opacity: 0;
  filter:Alpha(opacity=0) /* IE8 and earlier */
  visibility: hidden;
}

/* links sub menu */

#menu li .hidden li a {
  width: 100px;
  border-bottom: 1px solid #202020;
  border-right: none;
  box-shadow: none;
}
/* menu hover */

#menu li:hover .hidden {
  margin-top: -65px;
  opacity: 1;
  filter:Alpha(opacity=100); /* IE8 and earlier */
  -webkit-transition: all 0.5s ease; /* safari and chrome */
  -moz-transition: all 0.5s ease; /* firefox */
  -o-transition: all 0.5s ease; /* opera */
  transition: all 0.5s ease;
  visibility: visible;
}
@media only screen and (max-width: 768px) {
  
#menu {
  background: none;
  border: none;
  border-radius: 0;  
  box-shadow: none;
  text-align: center;
  display: none;  
}
  
/* rendiamo gli elementi dei menu elementi di blocco */  
  
ul li {
  display: block;
}
  
/* impostiamo la larghezza massima per gli elementi dei menu e i links */  
  
ul li, ul li a {
  padding-right: 0;
  padding-left: 0;
  width: 100%;
}
  
#menu li .hidden li, #menu li .hidden li a {
  width: 100%;
}

/* rendiamo visibili gli elementi del sub menu solo al passaggio del mouse */  
  
#menu li .hidden li {
  display: none;
}
 
#menu li:hover .hidden li {
  display: block;
}  

/* aumentiamo la grandezza dei links */ 
  
li a {
  font: bold 0.9em Arial, Helvetica;
} 
  
/* resettiamo la posizione degli elementi del menu */  
  
#menu li {
  position: static;
}  
  
/* resettiamo la posizione del sub menu e lo rendiamo visibile */  

#menu li .hidden {
  position: static;
  filter:Alpha(opacity=100); /* IE8 and earlier */
  opacity: 1;
  visibility: visible;
}
  
/* rimuoviamo bordo e ombreggiatura dai links del menu */
  
#menu li a {
  border: none;
  box-shadow: none;  
}  
  
/* nessuna animazione al passaggio del mouse */  
  
#menu li:hover .hidden {
  margin: 0;
} 
  
/* rimuoviamo il bordo dai links del sub menu */  
  
#menu li .hidden li a {
  border: none;
}
  
/*diamo un colore di sfondo agli elementi del menu e del sub menu */
  
#menu li {
  background-color: black;
}
  
#menu li .hidden li {
  background-color: #003366;
} 

}
/* diamo uno stile al pulsante del menu e nascondiamolo */

.showMenu {
  padding: 10px 0;
  color: white;
  background: #0066FF;
  text-align: center;
  display: none;
}
/* nascondiamo il checkbox */

input[type=checkbox]{
  display: none;
}

/* mostriamo il menu quando il checkbox viene selezionato */

input[type=checkbox]:checked ~ #menu {
  display: block;
}
/* mostriamo il pulsante del menu */
        
.showMenu {
  display: block;
}