#overlaymodale {
	display:block;
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	display:none;
}
#modale {
	display:block;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width:280px;
	min-height:auto;
	transform: translate(-50%, -50%);
	background-color:#FFF;
	border:solid 10px #EFEFEF;
/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
#chiudimodale a {
	position:absolute;
	right:-30px;
	top:-30px;
	width:40px;
	height:40px;
	background-color:#666;
	color:#FFF;
	font-size:15px;
	text-align:center;
	line-height:40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	z-index:101;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#chiudimodale a:hover {
	background-color:#9DB395;
	text-decoration:none;
}
/* Layout tablet portrait: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px ) {
#modale {
	min-width:480px;
}
}
/* Layout landscape: da 769 px a 1024 px max.  Eredita stili da: Layout mobile e Layout tablet portrait */
@media only screen and (min-width: 769px ) {
#modale {
	min-width:768px;
}
}
/* Layout desktop: da 1025 px a superiori. Eredita stili da: Layout tablet landscape */
@media only screen and (min-width: 1025px ) {
#modale {
	min-width:1024px;
}
}