@charset "UTF-8";


#fondo_actividad {
	position: absolute;
	top: 120px;
	left: 50px;
	width: 224px;
	height: 274px;
} 

.SrcElem {
	width: 50px;
	height: 50px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	background-color: #fff;
}

.drag_txt {
	/*height: 50px;
	width: 100%;*/
	line-height: 50px;
	font-size: 34px;
	font-family: Escolar;
	text-align: center;
}

#clone1, #clone7 {
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	box-shadow: 0px 0px 14px #999;
	-webkit-box-shadow: 0px 0px 14px #999;
	-moz-box-shadow: 0px 0px 14px #999;
	background-color: #fff;}

.DstElem { 
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	line-height: 50px;
	font-size: 34px;
	font-family: Escolar;
	text-align: center;
}


.s_text {
 	position: absolute;
 	top: 150px;
 	left: 130px;
	width: 780px;
	height: 400px;
	/*border: 1px solid #000;*/
}

.txts {
	height: 50px;
	width: 100%;
	line-height: 50px;
	font-size: 34px;
	font-family: Escolar;
	text-align: right;
	/*border: 1px solid #000;*/
}


#t01, #t02, #t03, #t04, #t05, #t06, #t07, #t08 {
	position: absolute;
 	/*top: 0px;*/
 }
#t01 { top: 0px;}
#t02 { top: 50px;}
#t03 { top: 100px;}
#t04 { top: 150px;}
#t05 { top: 200px;}
#t06 { top: 250px;}
#t07 { top: 300px;}
#t08 { top: 350px;}

.txtok { color: #66cc33 !important;}
.txtko { color: #666666 !important;}

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

.buttonKO {
	background-color: rgba(255, 0, 0, 0.4);
	box-shadow: 0px 0px 8px rgb(255, 0, 0);
	-webkit-box-shadow: 0px 0px 8px rgb(255, 0, 0);
	-moz-box-shadow: 0px 0px 8px rgb(255, 0, 0);
	}



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

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

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