.hour_marker {
	
  fill: transparent;
	/*
  stroke: #f0f0c9;
  stroke-width: 7;
  stroke-dasharray: 0.2, 4.8;
  stroke-dashoffset: 0.1;
	*/
}

.minute_marker {
  fill: transparent;
	/*
  stroke: #0f0e0e;
  stroke-width: 7;
  stroke-dasharray: 0.2, 0.8;
  stroke-dashoffset: 0.1;
	*/
}

.hand {
  stroke: #000000;
  stroke-width: 2;
  stroke-linecap: round;
}

.hand--thick {
  stroke-width: 7;
}

.hand--second {
  stroke: #7b0828;
}

.center {
  fill: #FFFFFF;
  stroke-width: 10;
  stroke: #7b0828;
}

.text {
  fill: #f0f0c9;
  font-family: "Roboto", sans-serif;
  text-anchor: middle;
  cursor: pointer;
  user-select: none;
}


.sssplus-image_sveglia {


position:absolute;
z-index:99;

left:40%;
	top:-120%;
		/*
bottom:-50%;
	*/
width:22%;
	
	
/*	height:25%; */
 

}

/*
.txt-div2 {

	position:absolute;

	
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;


  }
*/

.trasparente
{
background-color: transparent !important;
}



/* http://waitanimate.wstone.io/#!/ */
.shake_sveglia {
  animation: shake-animation 6s ease infinite;
  transform-origin: 50% 50%;
}
.element {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  background: red;
}
@keyframes shake-animation {
   0% { transform:translate(0,0) }
  0.5% { 
	 transform:rotate(5deg);
		transform:scale(1.1);
		}
  1% { transform:translate(0,0) }
  1.5% { transform:rotate(-10deg) }
 2% { transform:translate(0,0) }
  2.5% { transform:rotate(5deg);
	transform:scale(1.1);}
  3% { transform:translate(0,0) }
  3.5% { transform:rotate(-10deg);
	}
  4% { transform:translate(0,0) }
  4.5% { transform:rotate(5deg)
	  
	}
  5% { transform:translate(0,0);
	}

  100% { transform:translate(0,0) }
}