@charset "iso-8859-1";
/* CSS Document */

.videoanime {-webkit-animation:videoroll 2s ease-out; -moz-animation:videoroll 2s ease-out;}

@-webkit-keyframes videoroll
{
0% {margin-left: -800px;opacity:0;}
50% {margin-left: -800px;opacity:0;}
51% {margin-left: -800px;opacity:1;}
100% {margin-left: 27px;opacity:1;}
}

@-moz-keyframes videoroll
{
0% {margin-left: -800px; opacity:0;}
70% {margin-left: -800px; opacity:0;}
71% {margin-left: -800px;opacity:1;}
100% {margin-left: 27px;opacity:1;}
}

/*Animação do TOPO*/

.topoanime {-webkit-animation:topofade 1s ease-out; -moz-animation:topofade 1s ease-out;}

@-webkit-keyframes topofade
{
0% {opacity:0;}
5% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes topofade
{
0% {opacity:0;}
60% {opacity:0;}
100% {opacity:1;}
}


/*FECHA ANIMAÇÃO DO TOPO*/

/* Capitulo 1*/

.capanime {-webkit-animation:caproll 2s ease-out; -moz-animation:caproll 2s ease-out;}

@-webkit-keyframes caproll
{
0% {margin-left: -800px;opacity:0;}
50% {margin-left: -800px;opacity:0;}
51% {margin-left: -800px;opacity:1;}
100% {margin: 80px 0px 38px 5px}
}

@-moz-keyframes caproll
{
0% {margin-left: -800px; opacity:0;}
70% {margin-left: -800px; opacity:0;}
71% {margin-left: -800px;opacity:1;}
100% {margin: 80px 0px 38px 5px}
}

/* capitulo*/
.capanime2 {-webkit-animation:capfade 3s ease-out; -moz-animation:capfade 3s ease-out;}

@-webkit-keyframes capfade
{
0% {opacity:0;}
60% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes capfade
{
0% {opacity:0;}
70% {opacity:0;}
100% {opacity:1;}
}