.cC_associacio
{
	animation: aC_associacio 16s;
	animation-fill-mode: forwards;
}
@keyframes aC_associacio
{
  0% {left: 36%; top: 5%; 
  	   width: 12%; height: auto;}
  2% {left: 36%; top: 5%; 
       width: 12%; height: auto;}
  10% {left: 4%; top: 30%; 
  	   width: 30%; height: auto;}
  95% {left: 4%; top: 30%; 
  	width: 30%; height: auto;}
	100% {left: 36%; top: 5%; 
		    width: 12%; height: auto;}
}

.cTx_QueEsAssociacio01
{
  animation: aTx_QueEsAssociacio01 20s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio01
{
  0% {opacity: 1}
  12% {opacity: 1; left: 100%; top: 38%}
  17% {opacity: 1; left: 38%; top: 38%}
  57% {opacity: 1; left: 38%; top: 38%}
  60% {opacity: 1; left: 38%; top: 29%}
  100% {opacity: 1; left: 38%; top: 29%}
}

.cTx_QueEsAssociacio02
{
  animation: aTx_QueEsAssociacio02 20s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio02
{
  0%   {opacity: 1}
  12%  {opacity: 1; left: 100%; top: 45%}
  17%  {opacity: 1; left: 38%; top: 45%}
  47%  {opacity: 1; left: 38%; top: 45%}
  50%  {opacity: 1; left: 38%; top: 36%}
  100% {opacity: 1; left: 38%; top: 36%}
}  

.cTx_QueEsAssociacio03
{
  animation: aTx_QueEsAssociacio03 20s;
  animation-delay: 4s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio03
{
  0% {opacity: 1}
  12% {opacity: 1; left: 100%; top: 52%}
  17% {opacity: 1; left: 38%; top: 52%}
  37%  {opacity: 1; left: 38%; top: 52%}
  40%  {opacity: 1; left: 38%; top: 43%}
  100% {opacity: 1; left: 38%; top: 43%}
}

.cTx_QueEsAssociacio04
{
  animation: aTx_QueEsAssociacio04 20s;
  animation-delay: 6s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio04
{
  0% {opacity: 1}
  12%  {opacity: 1; left: 100%; top: 59%}
  17%  {opacity: 1; left: 38%; top: 59%}
  27%  {opacity: 1; left: 38%; top: 59%}
  30%  {opacity: 1; left: 38%; top: 50%}
  100% {opacity: 1; left: 38%; top: 50%}
}

.cTx_QueEsAssociacio05
{
  animation: aTx_QueEsAssociacio05 20s;
  animation-delay: 8s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio05
{
  0% {opacity: 1}
  12%  {opacity: 1; left: 100%; top: 66%}
  17%  {opacity: 1; left: 38%; top: 66%}
  17%  {opacity: 1; left: 38%; top: 66%}
  20%  {opacity: 1; left: 38%; top: 57%}
  100% {opacity: 1; left: 38%; top: 57%}
}

.cTx_QueEsAssociacio06
{
  animation: aTx_QueEsAssociacio06 20s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}
@keyframes aTx_QueEsAssociacio06
{
  0% {left: 65.5%; width: 0%}
  49% {left: 65.5%; width: 0%}
  52% {left: 38%; width: 55%}
  57% {left: 38%; width: 55%}
  100% {left: 38%; width: 55%}
}

.cMascaraLocal
{
  animation: 16s aMascaraLocal;
  animation-fill-mode: forwards;
}
@keyframes aMascaraLocal
{
  0% {opacity: 0;}
  20% {opacity: 0;} 
  21% {opacity: 1;} 
  100% {opacity: 1;}} 
}

.cCnsPg
{
  animation: 10s aCnsPg;
  animation-fill-mode: forwards;
}
@keyframes aCnsPg
{
  0%   {opacity: 0;}
  25%  {opacity: 0;} 
  26%  {opacity: 1;} 
  100% {opacity: 1;}
}



/*
.c
{
  animation: a 12s;
  animation-fill-mode: forwards;
}
@keyframes a
{
  0% {opacity: 0; left: 50%; top: 50%; 
    width: 50%; height: auto;}
  5% {left: 4%; top: 30%; 
    width: 30%; height: auto;}
  95% {left: 4%; top: 30%; 
    width: 30%; height: auto;}
  100% {left: 36%; top: 5%; 
       width: 12%; height: auto;}
}
*/