@charset "UTF-8";


 

.SrcElem{
	border: 4px solid  rgb(153, 0, 255);
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.border_drag{
	/*z-index: 201;*/
}

.DstElem{
	border:4px solid  rgb(153, 0, 255);
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;	
}


.glass{
 	position: absolute;
	width: 172px;
	height: 171px;
	border: 4px solid  rgb(153, 0, 255);
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	z-index: 1;
}

.dot{
	display:inline-table;
	background-color: rgb(153, 0, 255);
	color: white;
	height: 40px;
	width: 40px;
	margin-left: -4px;
	margin-top: -4px;
	line-height:40px;
	font-size: 38px;
	font-family: 'Santillana';
	text-align:center;
     border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}


#pos1{
 	top: 90px;
 	left: 41px;
 }
#pos2{
 	top: 90px;
 	left: 231px;
 }
#pos3{
 	top: 90px;
 	left: 421px;
 }
#pos4{
 	top: 90px;
 	left: 611px;
 }
#pos5{
 	top: 90px;
 	left: 801px;
 }



 #anim00 {
 	position:absolute;
 	top: 220px;
 	left: 1200px;
 }

  


.buttonOK{
	background-color: rgb(0, 255, 0);
	box-shadow: 0px 0px 20px rgb(0, 255, 0);
	-webkit-box-shadow: 0px 0px 20px rgb(0, 255, 0);
	-moz-box-shadow: 0px 0px 20px rgb(0, 255, 0);
	}
		

.buttonKO{
	border: 4px solid  rgba(255,0,0,0.5);
	border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 0px 0px 20px rgb(255, 0, 0);
	-webkit-box-shadow: 0px 0px 20px rgb(255, 0, 0);
	-moz-box-shadow: 0px 0px 20px rgb(255, 0, 0);
	}




.anim_angel {
	animation: anim linear 6s 1; /* IE 10+ */
	-webkit-animation: anim linear 6s 1; /* Safari 4+ */
	-moz-animation:    anim linear 6s 1; /* Fx 5+ */
    -o-animation:      anim linear 6s 1; /* Opera 12+ */
	-ms-animation:      anim linear 6s 1;
}

@keyframes anim {
	from{
		}
	to {
		left: -300px;
	}	
	0%  	{
				 
			}
	50% 	{
				top: 320px;
			}	
}

@-webkit-keyframes anim {
	from{
		}
	to {
		left: -300px;
	}	

	0%  	{
				  
			}
	50% 	{
				top: 320px;
			}		
}