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

	#zona_trabajo
	{
		min-height: 100%;
		left: 0px;
		width: 100%;
		border-radius: 12px;
		position: absolute;	
	}

	#manito
	{
		color: #FFC107;
	    font-size: 37px;
	    padding: 12px 5px 12px 12px;
	    animation: 3s aum infinite;
	    z-index: 2;
	}

	@keyframes aum {
	   	50% { opacity: 0;
	    filter: alpha(opacity=0); /* For IE8 and earlier */}
	}

	.boton
	{
	    color: white;
	    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	    width: 100px;
	    height: 50px;
	    text-align: center;
	    font-family: Chewy;
	    font-size: 19px;
	    background-color: #FFC107;
	    border-radius: 20px 7px 20px 7px;
	    padding: 12px;
	    cursor: url(../images/cursor/hand.cur) , auto!important;
	}

	.partes div
	{
		width:80%;
		margin:0px auto;
		padding:5px;
		background-color:white;
		font-family:chewy;
		font-size:25px;
		border-radius:12px;
		color:blue;
		margin:3px;
		text-align:center;		
	}
	
	.arrastrable
	{
		width:100px;
		font-family:Chewy;
		color:white;
		margin:0px auto;
		text-align:center;
		font-size:25px;
		margin-top:2px;
	}
	
	#contenedorPiezas
	{
		background-color: white;
	    border: 3px doted red;
	    height: 236px;
	    border: 3px dashed orange;
	    padding: 4px;
	}
	
	.bgcolor1 { background-color:#F44336; }
	.bgcolor2 { background-color:#E91E63; }
	.bgcolor3 { background-color:#9C27B0; }
	.bgcolor4 { background-color:#3F51B5; }
	.bgcolor5 { background-color:#2196F3; }
	.bgcolor6 { background-color:#009688; }
	.bgcolor7 { background-color:#43A047; }
	.bgcolor8 { background-color:#EF6C00; }
	.bgcolor9 { background-color:#FF5722; }
	.bgcolor10 { background-color:#607D8B; }
 
	.textcolor1 { color:#F44336; }
	.textcolor2 { color:#E91E63; }
	.textcolor3 { color:#9C27B0; }
	.textcolor4 { color:#3F51B5; }
	.textcolor5 { color:#2196F3; }
	.textcolor6 { color:#009688; }
	.textcolor7 { color:#43A047; }
	.textcolor8 { color:#EF6C00; }
	.textcolor9 { color:#FF5722; }
	.textcolor10 { color:#607D8B; }


	#imagen .contenedorPieza{z-index:2; width:106px; height:42px; background-color:white; position:absolute; border: 3px solid orange;}
	#imagen #pieza_Hair { left: 348px; top: 2px; }
	#imagen #pieza_Eyebrow { left: 40px;  top: 10px; }
	#imagen #pieza_Eye { left: 340px;  top: 76px; }
	#imagen #pieza_Nose { left: 60px; top: 82px;}
	#imagen #pieza_Ear { left: 348px;  top: 144px; }
	#imagen #pieza_Mouth { left: 42px;  top: 155px; }
	#imagen #pieza_Neck { left: 333px;  top: 104px; }
	#imagen #pieza_Chest { left: 53px;    top: 126px; }
	#imagen #pieza_Stomach { left: 45px;   top: 195px; }
	#imagen #pieza_Arm { left: 354px;   top: 181px; }
	#imagen #pieza_Hand { left: 332px;   top: 257px; }
	#imagen #pieza_Leg { left: 321px;   top: 176px; }
	#imagen #pieza_Foot { left: 49px;   top: 245px; }

/* editado */
	#imagen #pieza_Hip { left: 52px; top: 257px; }
	#imagen #pieza_Head { left: 348px; top: 2px; }
	#imagen #pieza_Tongue { left: 360px; top: 84px; }

	#imagen #pieza_Elbow { left: 335px; top: 161px; }
	#imagen #pieza_Finger { left: 348px; top: 237px; }
	#imagen #pieza_Ankle { left: 42px; top: 244px; }
	#imagen #pieza_Knee { left: 65px; top: 145px; }
/* _______ */

	#imagen .flecha{z-index:1;  width:95px; height: 3px; background-color: orange; position:absolute;}
	#imagen #flecha_Hair { left: 282px; top: 27px; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);}
	#imagen #flecha_Eyebrow { left: 130px; top: 51px; -ms-transform: rotate(42deg); -webkit-transform: rotate(42deg); transform: rotate(42deg);}
	#imagen #flecha_Eye { left: 270px; top: 91px; -ms-transform: rotate(-13deg); -webkit-transform: rotate(-13deg); transform: rotate(-13deg);}
	#imagen #flecha_Nose { left: 150px; top: 107px; -ms-transform: rotate(8deg); -webkit-transform: rotate(8deg); transform: rotate(8deg);}
	#imagen #flecha_Ear {  left: 288px; top: 140px; -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg);}
	#imagen #flecha_Mouth { left: 143px; top: 152px; -ms-transform: rotate(-22deg); -webkit-transform: rotate(-22deg); transform: rotate(-22deg);}
	#imagen #flecha_Neck {  left: 247px; top: 142px; -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);}
	#imagen #flecha_Chest {  left: 153px; top: 168px; -ms-transform: rotate(25deg); -webkit-transform: rotate(25deg); transform: rotate(25deg);}
	#imagen #flecha_Stomach { left: 144px; top: 214px; -ms-transform: rotate(19deg); -webkit-transform: rotate(19deg); transform: rotate(19deg);}
	#imagen #flecha_Arm {    left: 293px;   top: 192px; -ms-transform: rotate(-16deg); -webkit-transform: rotate(-16deg); transform: rotate(-16deg);}
	#imagen #flecha_Hand {  left: 301px; top: 268px; -ms-transform: rotate(24deg); -webkit-transform: rotate(24deg); transform: rotate(24deg);}
	#imagen #flecha_Leg {    left: 249px; top: 235px; -ms-transform: rotate(-57deg); -webkit-transform: rotate(-57deg); transform: rotate(-57deg);}
	#imagen #flecha_Foot {  left: 131px; top: 280px; -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg);}

/* editado */
	#imagen #flecha_Hip 
	{ 
	    left: 123px; top: 270px;
	    -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);
    }
	#imagen #flecha_Head
	{ 
	    left: 298px; top: 26px;
	    -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);
	}
	#imagen #flecha_Tongue
	{ 
		left: 240px; width: 150px; top: 118px; 
		-ms-transform: rotate(-18deg); -webkit-transform: rotate(-18deg); transform: rotate(-18deg); 
	}


	#imagen #flecha_Elbow 
	{
		left: 299px; top: 181px;
	    -ms-transform: rotate(-25deg); -webkit-transform: rotate(-25deg); transform: rotate(-25deg);
	}
	#imagen #flecha_Finger
	{
	    left: 311px; top: 259px;
	    -ms-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg);
	}

	#imagen #flecha_Ankle
	{
		left: 127px; top: 278px;
	    -ms-transform: rotate(19deg); -webkit-transform: rotate(19deg); transform: rotate(19deg);
	}
	#imagen #flecha_Knee
	{
		left: 91px; top: 225px; width: 150px;
		-ms-transform: rotate(39deg); -webkit-transform: rotate(39deg); transform: rotate(39deg);
	}
	}
/* _______ */