@charset "UTF-8";


#fondo, #anim  {
	position: absolute;
	top: 100px;
	left: 38px;
	width: 948px;
	height: 168px;
}
#anim  {display: none;
}

#myText {
	position: absolute;
	top: 200px;
	left: 240px;
	width: 650px;
	height: 170px; 
	}

.text2, .text3, .text4 {
	text-align: left;
}

/*.text1 {width: 150px;}*/
.text1 {float: left;}

.space {
	font-size: 32px;
	font-family: 'Escolar';
	height: 75px;
	line-height: 75px;
	}

.hidden {
	color: #fff;
}
.word {
	color: #fff;
	font-weight: bold !important;
}

.word_color {
	color: #000;
	font-weight: bold !important;
}


.DstElem { 
	/*border:2px solid  #F00;*/
	background-color: rgb(255, 255, 255);
	border:2px solid  rgba(153, 153, 153, 0.5);
	line-height: 50px;
	text-align: center;
	font-size: 32px;
	font-family: 'Escolar';
	}


.destFinal {  
	background-color: transparent;
	border: 0px solid #fff; 
	}
	
.drag_border {
	position:absolute;
	width: 170px;
	height: 50px;
	background-color:#FFF;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	line-height: 50px;
	text-align: center;
	font-size: 32px;
	font-family: 'Escolar';
	}


.buttonOK{
	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{
	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;
	}
}