.dice_wrapper {
		  -webkit-perspective:0px;
				  perspective:0px;
		  width:100%;
		  height: 100%;
		  position:absolute;
		  -webkit-transform:translate(-50%,-50%);
			  -ms-transform:translate(-50%,-50%);
				  transform:translate(-50%,-50%);
		  //top:50%;
		  //left:50%;
		  cursor:pointer;
		  box-shadow:0 10px 30px 2px rgba(0,0,0,0.3);
		  margin-top: 14px;
		}
		
		.diceNormale {
		  -webkit-transform-origin:50% 50%;
			  -ms-transform-origin:50% 50%;
				  transform-origin:50% 50%;
				  top:0px;
		}
		
		.diceRivolta {
		  -webkit-transform: translate(0,50%) rotateX(-90deg);
				  transform: translate(0,50%) rotateX(-90deg);
				  
		}		
		
		.dice , .dice div.top {
		  width:100%;
		  height:100%;
		  left:0;
		  -webkit-backface-visibility: hidden;
				  backface-visibility: hidden;
		  -webkit-transform-style: preserve-3d;
				  transform-style: preserve-3d;
		  -webkit-transition: -webkit-transform .2s ease-in-out;
				  transition: transform .2s ease-in-out;
		}
			
		.front {
		  background-color:#3B5998;
		}
		
		.top {
		  -webkit-transform:translate(0,-100%) rotateX(90deg);
				  transform:translate(0,-100%) rotateX(90deg);
		  -webkit-transform-origin:bottom center;
			  -ms-transform-origin:bottom center;
				  transform-origin:bottom center;
		  bottom: 0px;
		  position: absolute;
		}

		/*
		.dice_wrapper:hover #dice {
		  -webkit-transform: translate(0,50%) rotateX(-90deg);
				  transform: translate(0,50%) rotateX(-90deg);
				  
		}*/