/* CSS Document */
/*-------------------------------------------*/

#zona_trabajo
{
	margin-top: 10px;
}
 #obj1,#obj2,#obj3{
			    width: 166px;
				font-family: Chewy;
				height: 44px;
				position: absolute;
				text-align: center;
				color: #ffffff;
				font-size: 30px;
				background-color: #e65100;
				border-radius: 4px;	  
		   }
		   
		   #obj1{  left:10px;     top: 21px;  }
		   #obj2{  left: 189px;   top: 21px; }
		   #obj3{  left: 367px;   top: 21px; }
		   
		   .objetos
		   {
			    position: relative;
				width: 90%;
				margin: 0px auto;
				border: 3px solid #1976d2;
				border-radius: 9px;
				top: 233px;
				height: 90px;
		   }
		   .icono
		   {
			    display:none;
				position: absolute;
				left: 85%;
				top: 40%;
				width: 19%;
				z-index: 2;
		   }
		   .arrastra
		   {
			    float: left;
				margin-left: 10px;
				width: 166px;
				height: 44px;
				border: 3px dotted #e65100;
				background-image: url(../images/tema/arrastraaqui.png);
		   }
		   .arrastra .arras
		   {
			   position: relative!important;
    		   margin: -3px!important;
			   left:0px!important;
			   top:0px!important;
		   }
		   #info{
			    font-family: Chewy;
    			font-size: 32px;
				color:#1976D2;
		   }
		   .mipersonaje {
			   margin-top: 30px;
    		   width: 90%;
		   }
		   .familiar{
			    width: 95px;
				position: absolute;
				
			 }
			 .cerrar_zoom 
			 {
				    width: 43px;
				position: absolute;
				top: -13px;
				left: 95%;
				z-index:3;
				cursor: url(../images/cursor/hand.cur), auto;
			 }
			 .zoom_familiar
			 {
				width: 94%;
				background-color: rgb(255, 255, 255);
				height: 355px;
				border-radius: 12px;
				position: absolute;
				left: 29px;
				top: 9px;
				z-index: 3;
			 }
			 #pieza1{ left: 250px; top: 10px;}
			 #pieza2{ left: 380px; top: 10px;}
			 #pieza3{ left: 71px; top: 140px;}
			 #pieza4{ left: 200px; top: 140px;}
			 #pieza5{ left: 406px; top: 140px;}
			 #pieza6{ left: 536px; top: 140px;}
			 #pieza7{ left: 71px; top: 268px;}
			 #pieza8{ left: 200px; top: 268px;}
			 #pieza9{ left: 406px; top: 268px;}

@keyframes aum {
   
   50% { opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */}
}
@keyframes latido{
       from { right: 90px;}
    50% { right: 100px;}
    to {right: 90px; }
}