/* CSS Document */
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeIn {
-webkit-animation: fadeIn 1s ease-in-out;
-moz-animation: fadeIn 1s ease-in-out;
-o-animation: fadeIn 1s ease-in-out;
animation: fadeIn 1s ease-in-out;
}

/* fadin2 mais lento */
@-webkit-keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn2 {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn2 {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadeIn2 {
-webkit-animation: fadeIn2 1s ease-in-out;
-moz-animation: fadeIn2 1s ease-in-out;
-o-animation: fadeIn2 1s ease-in-out;
animation: fadeIn2 1s ease-in-out;
}