@charset "UTF-8";




#child0 {
	position:absolute;
	background:none;
	cursor:default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	top:0px;
	left:0px;
}


 #img1, #img2,#img3 {
	position:absolute;
	top: 380px; 
	display: none;
}
#img1 { top: 385px; left: 130px; }
#img2 { top: 380px; left: 413px; }
#img3 { top: 381px; left: 690px; }



 .grid {
	position:absolute;
	left: 62px;
	top: 80px; 
	width: 900px;
	height: 300px; 
		}
 
.grid > .t_grid {
	float: left;
	width: 100%;
	height: 50px; 
		}

.grid > .c_grid {
	float: left;
	width: 100%;
	height: 70px; 
		}
 

.t1, .c1  { float: left; 
	        width: 22%;
}
.t1, .t2, .t3, .t4 { height: 50px; 
	                 border-bottom: 1px solid #3399ff;
	                 border-right: 1px solid #3399ff; 
	                }
            .t1 { border-left: 1px solid #fff;
                  border-top: 1px solid #fff; }
	        .t2, .t3, .t4 { border-top: 1px solid #3399ff; }

.c1, .c2, .c3, .c4 { height: 70px;
	                 border-bottom: 1px solid #3399ff;
	                 border-right: 1px solid #3399ff;
	               }
	        .c1 { border-left: 1px solid #3399ff; }

.t2, .t3, .c2, .c3  { float: left;
	                  width: 22%;
} 

.t4, .c4  { float: left; 
	        width: 33%; 
}
 

         .txt_t, .txt_c { 
	        font-size: 22pt;
        	font-weight: normal;
        	font-family: 'Escolar';
	        text-align: center; 
         }
         .txt_t { line-height: 50px;  }
         .txt_c { line-height: 70px;  }


.SrcElem { 
	position:absolute;
	background-color:rgb(255, 255, 255);
	border-radius: 4px;
	    -ms-border-radius: 4px;
	   -moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	        box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	   -moz-box-shadow: 0px 0px 4px #999;
	}

#oriA, #oriB, #oriC { padding: 2px;}

.drag_txt { font-size: 22pt;
            width: 150px;
            height: 50px;
        	font-weight: normal;
        	font-family: 'Escolar';
	        text-align: center; 
	        line-height: 50px;
	    }

.DstElem {
	        font-size: 22pt;
        	font-weight: normal;
        	font-family: 'Escolar';
	        text-align: center; 
	        line-height: 50px;
	 border: 1px solid  #999; 
	        box-shadow: 0px 0px 4px #999;
	-webkit-box-shadow: 0px 0px 4px #999;
	   -moz-box-shadow: 0px 0px 4px #999;
	 background-color: rgb(255, 255, 255);  
	}

.outdrag { 
	        border: 0px solid  #fff;
	        border-radius: 0px;
	    -ms-border-radius: 0px;
	   -moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
	        box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
	   -moz-box-shadow: 0px 0px 0px #fff;
	}
 
.txt_final { font-weight: bold !important; }

.borderhidden {
	        box-shadow: 0px 0px 0px #FFF;
	-webkit-box-shadow: 0px 0px 0px #FFF;
	   -moz-box-shadow: 0px 0px 0px #FFF;
	}

 
 

.buttonOK {
	/*border: 2px solid rgb(0,255,0);*/
	/*background-color: rgb(0,255,0);*/
	/*border: 2px solid  #0F0;*/
	box-shadow: 0px 0px 15px #0F0;
	-webkit-box-shadow: 0px 0px 15px #0F0;
	-moz-box-shadow: 0px 0px 15px #0F0;
	}
	
.buttonKO{
	/*border: 3px solid red;*/
	background-color: rgba(255,0,0,0.5);
	}


 
@keyframes rotar {
	0% {
		opacity: 1;
	}
	99% {
		opacity: 1;
	}
	100% {
		transform: rotate(720deg);
		opacity: 0;
	}
}

@-webkit-keyframes rotar {
	0% {
		opacity: 1
	}
	99% {
		opacity: 1;
	}	
	100% {
		-webkit-transform: rotate(720deg);
		opacity: 0;
	}
}

 
@keyframes jump {
	0% {
		
	}
	100% {
		top: -10px;
	}
}

@-webkit-keyframes jump {
	0% {
		
	}
	100% {
		top: -10px;
	}
}