main
{
        width:70%;
        margin-left:auto;
        margin-right:auto;
        background-color: white;
        padding: 16px 32px 16px 32px;
}
.center{text-align: center;}


.sfondo {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
}

.corpo {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 20%;
    background-color: #f7f7f7;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
}

.chiudi {
	position: absolute;
	z-index: 9999;
	top: 55%;
	right: 45%;
	padding: 10px 15px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	color: #f7f7f7;
	background: red;
	cursor: pointer;

}

.contenuto {
	clear: both;
	padding: 2.5rem;
	font-family: Impact, Charcoal, sans-serif;
	text-align: center;
	font-size: 24px;
}
.chiudi {
	position: absolute;
	z-index: 9999;
	top: 55%;
	right: 55%;
	padding: 10px 15px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	color: #f7f7f7;
	background: red;
	cursor: pointer;
    border-radius: 16px;
}
.vai {
	position: absolute;
	z-index: 9999;
	top: 55%;
	right: 25%;
	padding: 10px 15px;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 20px;
	font-weight: 100;
	line-height: 25px;
	color: #f7f7f7;
	background: green;
	cursor: pointer;
    border-radius: 16px;
}