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

	#zona_trabajo{
		  min-height: 100%;
		  left: 0px;
		  width: 100%;
		  border-radius: 12px;
		  position: absolute;	
	}
	.caja
	{
	    width: 48%;
    margin: 4px;
    padding: 10px;
    border: 3px solid #FF9800;
    float: left;
    display: table;
    background-color: white;
	}
	#manito
	{
	    color: #FFC107;
    font-size: 37px;
    padding: 0px 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;
		text-align:center;
		font-size:25px;
		float:left;
		margin:2px;
	}
	
	#contenedorPiezas
	{
		background-color: white;
    	border: 3px dashed orange;
    	padding: 4px;
	 	margin-top: 17px;
		height: 133px;
		left: 8%;
    	width: 82%;	
	}
	
	.verificar
	{
		position: absolute;
    right: 37%;
    top: 135px;
    background-color: white;
    border: 3px solid gray;
    border-radius: 27px;
    padding: 10px;
	display:none;
	}
	
	.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; }
 .bgcolor11 { background-color:#F44336; }
 .bgcolor12 { background-color:#E91E63; }
 .bgcolor13 { background-color:#9C27B0; }
 .bgcolor14 { background-color:#3F51B5; }
 .bgcolor15 { background-color:#2196F3; }
 .bgcolor16 { background-color:#009688; }
 .bgcolor17 { background-color:#43A047; }
 .bgcolor18 { background-color:#EF6C00; }
 .bgcolor19 { background-color:#FF5722; }
 .bgcolor20 { 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{
		    width: 106px;
    margin-left: 25%;
    position: absolute;
    top: -13px;
    height: 42px;
    background-color: white;
    border: 3px dashed orange;
	}