@charset "UTF-8";


#fondo_actividad {
	position:absolute;
	top: 65px;
	left: 420px;
}

.DstElem{
	/*border:2px solid  #F00;*/
	background-color:#FFF;
	border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	-moz-box-shadow: 0px 0px 8px #999;
	}

.txt {/*border: 1px solid #000;*/
	font-size: 44px;
	font-family: Santillana; 
	line-height: 78px; 
	text-align: center;
}
.tright {padding-left: 20px;}

.drag_text01 {
	position:absolute;
	width: 195px;
	height:80px;
	background: url("../img/actividad/fi01.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}

.drag_text02 {
	position:absolute;
	width: 145px;
	height: 78px;
	background: url("../img/actividad/fi02.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}

.drag_text03 {
	position:absolute;
	width: 218px;
	height: 76px; 
	background: url("../img/actividad/fi03.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}


.drag_text04 {
	position:absolute;
	width: 198px;
	height: 76px;
	background: url("../img/actividad/fi04.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}



 #anim_final {
 	position:absolute;
 	top: 0px;
 	left: 1050px;
 }

.anim_mov {
	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: -20px;
			}	
}

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

	0%  	{
				  
			}
	50% 	{
				top: -20px;
			}		
}