.cAumenta01
{
	animation: aAumenta01 7s;
	animation-fill-mode: forwards;
}
@keyframes aAumenta01 
{
  0%   {opacity: 0; left: 40%; top: 5%; width: 20%; height: auto;}
  30%  {opacity: 1; left: 20%; top: 5%; width: 60%; height: auto;}
  80%  {opacity: 1; left: 20%; top: 5%; width: 60%; height: auto;}	
  90%  {opacity: 1; left: 70%; top: 3%; width: 20%; height: auto;} 
  100% {opacity: 1; left: 70%; top: 3%; width: 20%; height: auto;}	
}

.cPeticio
{
  animation: aPeticio 7s;
  animation-fill-mode: forwards;
}
@keyframes aPeticio
{
  0%    {opacity: 0; left: 0%; top: 0%; width: 05%; height: auto;}
  80%   {opacity: 0; left: 0%; top: 0%; width: 05%; height: auto;} 
  90%   {opacity: 1; left: 5%; top: 5%; width: 25%; height: auto;} 
  100%  {opacity: 1; left: 5%; top: 5%; width: 25%; height: auto;} 
}

.cAumenta02
{
	animation: aAumenta02 10s;
	animation-fill-mode: forwards;
}
@keyframes aAumenta02
{
  0% {opacity: 0; left: 30%; 
  	top: 34%; width: 20%; 
  	height: auto;}
  10% {opacity: 0; left: 30%; 
    top: 34%; width: 20%; 
    height: auto;} 
  40% {opacity: 1; left: 15%; 
    top: 34%; width: 33%; 
    height: auto;}
  45% {opacity: 1; left: 15%; 
    top: 34%; width: 33%; 
    height: auto;}   
  52% {opacity: 0.5; left: 33.5%; 
    top: 34%; width: 33%; 
    height: auto;}
  100% {opacity: 0.5; left: 33.5%; 
    top: 34%; width: 33%; 
    height: auto;}
}

.cAumenta03
{
	animation: aAumenta03 5s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
@keyframes aAumenta03
{
  0% {opacity: 0; left: 50%; 
  	top: 34%; width: 10%; 
  	height: auto;}
  10% {opacity: 0; left: 50%; 
    top: 34%; width: 10%; 
    height: auto;}
  40% {opacity: 1; left: 50%; 
  	top: 34%; width: 33%; 
  	height: auto;}
  50% {opacity: 1; left: 50%; 
    top: 34%; width: 33%; 
    height: auto;}
  60% {opacity: 0,5; left: 33.5%; 
    top: 34%; width: 33%; 
    height: auto;}
  100% {opacity: 0,5; left: 33.5%; 
    top: 34%; width: 33%; 
    height: auto;}
}

.cCaratula
{
  animation: aCaratula 10s;
  animation-fill-mode: forwards;
}
@keyframes aCaratula
{
  0% {opacity: 0;}
  45% {opacity: 0; 
    left: 50%; top: 45%; width: 0%}
  65% {opacity: 1; 
    left: 18%; top: 20%; width: 64%}
  100% {opacity: 1; 
    left: 18%; top: 20%; width: 64%}
}

.cVideo
{
  animation: aVideo 1s;
  animation-delay: 7s;
  animation-fill-mode: forwards;
}
@keyframes aVideo
{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.cEscoltar
{
  animation: aEscoltar 10s;
  animation-fill-mode: forwards;
}
@keyframes aEscoltar
{
  0% {opacity: 0}
  65% {opacity: 0}
  100% {opacity: 1}
}

.cContingut
{
  animation: aContingut 10s;
  animation-fill-mode: forwards;
}
@keyframes aContingut
{
  0% {opacity: 0}
  65% {opacity: 0}
  100% {opacity: 1}
}