@charset "UTF-8";
/* CSS Document */


a {
	text-decoration: none;
}

#drags div, .hit{
	color:#00FFFF;
	background:url(../imgHtml/tooltip_bg.png)
	
	}
#drags div, #drops *{
	
			
	font-size:15px;
	
	font-family: "Lucida Console", Monaco, monospace;
	border:1px dashed white;
	display:block;
	margin:15px;
	width:120px;
	min-height:35px;
	padding:5px;
	text-align:center;
	
	-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;		
	}
	
	
#drops *{
	position:absolute;
	}
	
.dragHover{
	border-color:#00FF00;
	/*background-image: url(../imgHtml/drag_bg.png);*/
	
	}
	
#drags div.ui-draggable-dragging{
	
	
	
}


#drags div.ui-draggable-dragging:before, #drops *:before{
	/*content:url(../imgHtml/spot.svg) ;*/
	float:left;
	margin-left:-35px;
	
	}
	
#drags{	
    position:absolute;

	float:left;
	width:200px;
	z-index:100;
	cursor:move;
	margin-top:80px;
	
}

#drops{	
   
    position:relative;
	float:right;
	
	width:337px;
	height:320px;
	margin-right:120px;
	margin-top:80px;
	clear:right;
	
}


.instrucciones{
	font-size:16px;
	padding:5px 20px ;
	padding-bottom:25px;
	display:block;

	
	}
	
	
#controls{

	height:auto;
	width:330px;
	float:right;
	margin-top:-10px;
	margin-left:70%
	
		}


		
	#retro{
	
	
	display:block;	
	height:50px;
   float:left;
	width:120px;
	text-align:center;
	background:green;
	font-size:18px;
	margin-bottom:15px;
	margin-top:5px;
	margin-right:	100px;
	

	
	}	
	

#reset{

}