~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 FUNCIONAMENTO
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 - 1. Carrega a imagem seguinte na lista;
 - 2. Coloca-a escondida antes da imagem actual (com um marginTop/Left igual ao seu
      tamanho);
 - 3. Na altura de rodar a imagem, inicia a animação na imagem nova;
 - 4. No final da animação, remove a imagem antiga.


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#galeria img {
		float:left;
		max-width:100%;
		height:auto;
		animation-duration:.8s;
		animation-fill-mode:forwards;
		animation-timing-function:ease-in-out
	}

	@keyframes anularMargemEsquerda {

	to {	margin-left:0	}

	}