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


#zona_trabajo
{
	margin-top: 25px;
}
.arrastra
{
	    position: absolute;
    left: 158px;
    top: 48px;
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg);
    z-index: 3;
    width: 20%;
}
.mensaje
{
	
        position: relative;
    bottom: 387px;
    left: 374px;
    z-index: 3;
    width: 80px;
}
.textoColor {
    font-family: Chewy;
    font-size: 30px;
    color: white;
    position: relative;
    top: -15px;
    left: 38%;
    z-index: 1;
    padding: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 0px 18px 18px 0px;
    -webkit-text-stroke: 2px #1d1d1b;
    text-stroke: 2px #1d1d1b;
    text-transform: capitalize;
}




.contenedorPieza {
        border: 6px inset;
    border-radius: 10px;
       width: 130px;
    height: 130px;
    margin: 0px auto;
    position: absolute;
    top: 16px;
    left: 43%;
    background-color: white;
	background-image: url(../images/tema/arrastraaqui.png);
	background-size:cover;
}

.contenedorPieza img {
  width:100%;  
  background-color: transparent;
}

#contenedorPiezas {
   text-align: center;
    float: left;
    width: 106%;
    margin-left: -12px;	
	background: rgba(255, 255, 255, 0.48);
}


#contenedorPuzzle img {
    margin: 2px;
    width: 78px;
}

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

#contenedorPuzzle img
	{
	   	width: 100%;
     	height: 100%;
	}
	

.contenedorPieza img
{
	background-color:white;
}
#contenedorPiezas img
{
    width: 87px;
    height: 87px;
	margin: 2px;
}

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

.rotateMe{
	-webkit-transition: -webkit-transform 1s ease-out;
 -moz-transition: -moz-transform 1s ease-out;
 transition: transform 1s ease-out;
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}