#aperto {
    width: 100%;
    max-width: 100%;
    height:1px;
	min-height:1px;
    position: relative;
	overflow: hidden;
	padding-top:0px;
	text-align:LEFT;
    z-index: 0;
    filter: alpha(opacity=0);
    opacity: 0;
	transition: opacity .6s;
 	-webkit-transition: opacity 0.6s;
 	-moz-transition: opacity 0.6s;
	background: #FFF; 
	padding: 6PX 20PX 6PX 2PX;
}

 
.vedi  {
	display:inline-block;
    cursor: pointer;
	font-weight:bold;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
	position:relative; 
	width: 100%;
 	min-height: 42px;
	font-size: 16px;
    /*z-index: 1002;*/
	background: #DFDFDF;
	margin-top: 20PX;
	vertical-align: middle;
	padding: 10px 40px 10px 10px;
}
 
[id='vedi']:checked ~ .vedi:after {
    position: absolute; right: 0; top: 8px; 
	height: 34px; width: 42px; display: block;  
	content: "W";
	font-family: simbol;
	background: #ddd;
	font-size: 24px;
	font-weight: 100;

}
 
.vedi:before  {
    position: absolute; right: 0; top: 8px; 
	height: 34px; width: 42px; display: block; 
	content: "X";
	font-family: simbol;
	background: #ddd;
	font-size: 24px;
	font-weight: 100;

}
 
[id='vedi']:checked ~ #aperto {
    overflow-y: visible;
	/*z-index:2100;*/
	display:block;
    opacity: 1;
	display: block; height: auto
}


@media only screen and (max-width:479px) {
.vedi {font-size: 13px;}}