@charset "UTF-8";


#fondo {
	position:absolute;
	top: 130px;
	left: 580px;
}

#anim {
	position:absolute;
	top: 170px;
	left: 160px;
	display: none;
}

.puzle {
	position: absolute; 
	top: 130px;
	left: 580px;
	width: 369px;
	height: 350px;
}

#p01, #p02, #p03, #p04, #p05, #p06 {
	position: absolute;
	display: none;
}


#p01 {
	top: -14px;
	left: 173px;
}
#p02 {
	top: 176px;
	left: 11px;
}
#p03 {
	top: 162px;
	left: 156px;
}
#p04 {
	top: 62px;
	left: 167px;
}
#p05 {
	top: 74px;
	left: -4px;
}
#p06 {
	top: -2px;
	left: -2px;
}
.SrcElem { cursor: pointer;}
.DstElem{
	/*border:1px solid  #000;*/
	}

.txt { 
	position: absolute;
	font-size: 28px;
	font-family: Escolar; 
	/*line-height: 78px; */
	 text-align: center; 
	 cursor: pointer;
}
 
.drag_text01 {
	position:absolute;
	width: 198px;
	height: 125px;
	background: url("../img/actividad/fi01.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}

.drag_text01 > div.txt,
#p01 > div.txt 
{top: 55px; left: 33px;}

.drag_text02 > div.txt,
#p02 > div.txt  {top: 75px; left: 45px;
                -webkit-transform: rotate(35deg);
                -moz-transform: rotate(35deg);
                -o-transform: rotate(35deg);
                -ms-transform: rotate(35deg);}

.drag_text03 > div.txt,
#p03 > div.txt {top: 40px; left: 25px;
                -webkit-transform: rotate(-41deg);
                -moz-transform: rotate(-41deg);
                -o-transform: rotate(-41deg);
                -ms-transform: rotate(-41deg);}

.drag_text04 > div.txt,
#p04 > div.txt {top: 37px; left: 43px;}

.drag_text05 > div.txt,
#p05 > div.txt {top: 44px; left: 35px;}

.drag_text06 > div.txt,
#p06 > div.txt {top: 25px; left: 40px;}


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

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


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


.drag_text05 {
	position:absolute;
	width: 217px;
	height: 151px;
	background: url("../img/actividad/fi05.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}


.drag_text06 {
	position:absolute;
	width: 196px;
	height: 129px;
	background: url("../img/actividad/fi06.png") no-repeat scroll left top transparent;
    background-position: center;
    background-repeat: no-repeat;
}


 

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

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

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