* {
  box-sizing: border-box;
}

.body {
font-family: Verdana;
background: #0D0D0D;
}
.title {
  background: #0D0D0D;
  color: yellow;
  padding: 15px;
  text-align: center;
}
.menu {
  float: left;
  width: 25%;
  text-align: center;
}
.menu a {
  background:#0D0D0D;
  border: 1px dotted grey;
  padding: 10px;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 10px;
  display: block;
  width: calc(100%-56px);
  color: white;
  border-radius: 10px; 
  
}
.menu a:hover {
  color: yellow;
  background: #333;
}

img { border: 0; }

.img-title {
  width: 100%;
  max-width: 457px;
  height: auto;
  border: 0px;
}
.img-calendario {
  width: 100%;
  max-width: 245px;
  height: auto;
}
.img-dettaglio {
  width: 100%;
  max-width: 335px;
  height: auto;
}
.img-altre {
  width: 100%;
  max-width: 284px;
  height: auto;
}
.main {
  clear: both;
  margin-left: 7px;
  margin-right: 7px;
  padding:0 20px;
  border: 1px solid #0D0D0D;
  border-radius: 10px; 
  background: white;
  width: calc(100%-14px);
  text-align: justify;
  word-wrap: break-word;
}
.main h5 {
  text-align: center;
}
.footer {
  background: #0D0D0D;
  text-align: center;
  padding: 10px;
  margin-top: 7px;
  color: #CC9900;
}
.footer a {
	color: white;
}
.footer a:hover {
	color: yellow;
}
.menu-container {
  overflow: auto;
}
.download-div-container {
	width: 100%;
	margin: 0 auto;
}
.download-div {
  text-align: center;
  width: 90%;
  background: #999; 
  padding: 10px;
  margin: 0 auto;
}	
.verde {
  color: #008000;
}
.rosso {
  color: #FF0000;	
}
.blu {
  color: #0000FF;	
}
.destra {
  float: right;
}
.sinistra {
  float: left;
}
.hsp6sin {
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.hsp6des {
  margin-left: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu {
    width:100%;
	margin-top: -5px;
	margin-bottom: -5px;
}
}