<style>
body {font-family: Verdana, Arial, Helvetica, sans-serif;}

/* The Modal (background) */
.modal {
	display:		none;					/* Hidden by default			*/
	width:			30%;					/* Full width				*/
	/*  height:		100%;					/* Full height				*/
	max-height:		100%;					/* Max height				*/
	position:		fixed;					/* Stay in place			*/
	left:			0;
	top:			0;
	z-index:		1;					/* Sit on top				*/
	padding:		15px 30px 15px 30px;			/* Sopra Destra Sotto Sinistra	*/
	-webkit-border-radius:	8px;
	-moz-border-radius:	8px;
	-o-border-radius:	8px;
	-ms-border-radius:	8px;
	border-radius: 8px;
	-webkit-box-shadow:	0 0 30px 30px #888888;
	-moz-box-shadow:	0 0 30px 30px #888888;
	-o-box-shadow:		0 0 30px 30px #888888;
	-ms-box-shadow:	0 0 30px 30px #888888;
	box-shadow:		0 0 30px 30px #888888;
	border-bottom:		3px solid #36c; 
	border-right:		3px solid #36c; 
	border-left:		3px solid #69f;
	border-top:		3px solid #69f;
	box-sizing:		border-box;
	overflow: auto;						/* Enable scroll if needed		*/
	/*  background-color:	rgb(0,0,0);				/* Fallback color			*/
	/*  background-color:	#DDEEFF;				/* Mio colore				*/
	/*  background-color:	#DDEEFFDD;				/* Mio colore w/ opacity		*/
	background-color:	rgba(221,238,255,0.9);			/* Mio colore w/ opacity		*/
	font-family:		verdana,helvetica,arial,sans-serif;
	font-weight:		bold;
	color:			#36C;
}
.modal-large {
	display: none;					/* Hidden by default			*/
	width: 80%;					/* Full width				*/
	/*  height: 100%;				/* Full height				*/
	max-height: 100%;				/* Max height				*/
	position: fixed;				/* Stay in place			*/
	left: 0;
	top: 0;
	z-index: 1;					/* Sit on top				*/
	padding: 15px 30px 15px 30px;			/* Sopra Destra Sotto Sinistra	*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 30px 30px #888888;
	-moz-box-shadow: 0 0 30px 30px #888888;
	-o-box-shadow: 0 0 30px 30px #888888;
	-ms-box-shadow: 0 0 30px 30px #888888;
	box-shadow: 0 0 30px 30px #888888;
	border-bottom: 3px solid #36c; 
	border-right: 3px solid #36c; 
	border-left: 3px solid #69f;
	border-top: 3px solid #69f;
	box-sizing: border-box;
	overflow: auto;				/* Enable scroll if needed		*/
	/*  background-color: rgb(0,0,0);		/* Fallback color			*/
	/*  background-color: #DDEEFF;		/* Mio colore				*/
	/*  background-color: #DDEEFFDD;		/* Mio colore w/ opacity		*/
	background-color: rgba(221,238,255,0.9);	/* Mio colore w/ opacity		*/
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	color: #36C;
}
.modal-small {
	display: none;					/* Hidden by default			*/
	width: 40%;					/* Full width				*/
	/*  height: 100%;				/* Full height				*/
	max-height: 100%;				/* Max height				*/
	position: fixed;				/* Stay in place			*/
	left: 0;
	top: 0;
	z-index: 1;					/* Sit on top				*/
	padding: 15px 30px 15px 30px;			/* Sopra Destra Sotto Sinistra	*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 30px 30px #888888;
	-moz-box-shadow: 0 0 30px 30px #888888;
	-o-box-shadow: 0 0 30px 30px #888888;
	-ms-box-shadow: 0 0 30px 30px #888888;
	box-shadow: 0 0 30px 30px #888888;
	border-bottom: 3px solid #36c; 
	border-right: 3px solid #36c; 
	border-left: 3px solid #69f;
	border-top: 3px solid #69f;
	box-sizing: border-box;
	overflow: auto;				/* Enable scroll if needed		*/
	/*  background-color: rgb(0,0,0);		/* Fallback color			*/
	/*  background-color: #DDEEFF;		/* Mio colore				*/
	/*  background-color: #DDEEFFDD;		/* Mio colore w/ opacity		*/
	background-color: rgba(221,238,255,0.9);	/* Mio colore w/ opacity		*/
	font-family: verdana,helvetica,arial,sans-serif;
	font-weight: bold;
	color: #36C;
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.titoloModal {
	text-align: center;
	font-weight: bold;
	font-size: 1.70em;
	color: #369;
}
.commentoModal {
    display: none;
}

.titoloModal:hover + .commentoModal {
    display: block;
	text-align: right;
	font-weight: bold;
	font-size: 1.00em;
    color: #369;
}
</style>
