/* CSS Document */
/*-------------------------------------------*/
.verificar {
		font-size: 20px;
		text-align: center;
		background-image: url(../images/tablon2.png);
		background-size: 100% 100%;
		padding: 12px;
		padding-top: 5px;
		font-family: Chewy;
		margin-right: 30px;
		color: white;
		cursor: url(../images/cursor/hand.cur), auto!important;
		
		margin-bottom: 20px;
		    margin-top: -43px;
    	position: absolute;
	}
	.verificar:hover {
		color:white;
		
	}
	#manito {
		color: white;
		font-size: 44px;
		padding: 12px;
		animation: 3s aum infinite;
		z-index: 2;
	}

	#zona_trabajo{
		/*background: rgba(255, 255, 255, 0.73);*/
		min-height: 100%;
		margin-top: 8px;
		left: 0px;
		width: 100%;
		border-radius: 12px;
		position: absolute;
	}
	
	#ejemplo_animal{
	    width: 190px;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    right: 49px;
    background-color: rgba(255, 255, 255, 0.67);
    padding: 10px;
	}
	
	.forma{
		width:97px;
		height:170px;
		float:left;
		position:relative;
	}
	
	#animal{
		width: 293px;
		height: 250px;
		position: absolute;
		top: 8%;
		left: 12%;
	}
	
	.flecha{
		width: 30px;
		height: 30px;
		display: block;
		margin: 2px auto;
		position:relative;
		
		/* Aqui colocamos la transicion para cada navegador */
	    -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
	    -o-transition:all 1s ease-out;  /* Opera */
	    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
	    -ms-transition:all 1s ease-out;   /* Internet Explorer */
	    transition:all 0.2s ease-out;  /* W3C */
	}
	
	.flecha:active{
		width: 40px;
		height: 40px;
	}
	
	.arriba{
		top: -10px;
	}
	
	.abajo{
		bottom:-20px;
	}
	
	.contenedor_parte{
		width:97px;
		height:250px;
		float:left;
		position:relative;
	}