a, dt, form input[type=submit]{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all  0.2s ease-out;
	-ms-transition: all  0.2s ease-out;
	transition: all  0.2s ease-out;
}

@-webkit-keyframes logo{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;	
	}
	20%{
		opacity: 1;

	}
}
@-webkit-keyframes navBottom{
	0%{
		opacity: 0;	
	}
	21%{
		opacity: 0;

	}
	30%{
		opacity: 1;

	}
}
@-webkit-keyframes middle{
	0%{
		opacity: 0;	
	}
	31%{
		opacity: 0;

	}
	40%{
		opacity: 1;

	}
}
@-webkit-keyframes footer{
	0%{
		opacity: 0;	
	}
	41%{
		opacity: 0;

	}
	50%{
		opacity: 1;

	}
}
@-webkit-keyframes acesso{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;

	}
	20%{
		opacity: 1;

	}
}
#logo {
	-webkit-animation: logo 5s ease-out;
	-moz-animation: logo 5s ease-out;
	-ms-animation: logo 5s ease-out;
	-o-animation: logo 5s ease-out;
	animation: logo 5s ease-out;
}
#navBottom {
	-webkit-animation: navBottom 5s ease-out;
	-moz-animation: navBottom 5s ease-out;
	-ms-animation: navBottom 5s ease-out;
	-o-animation: navBottom 5s ease-out;
	animation: navBottom 5s ease-out;
}
#middle {
	-webkit-animation: middle 4s ease-out;
	-moz-animation: middle 4s ease-out;
	-ms-animation: middle 4s ease-out;
	-o-animation: middle 4s ease-out;
	animation: middle 4s ease-out;
}
#footer {
	-webkit-animation: footer 4s ease-out;
	-moz-animation: footer 4s ease-out;
	-ms-animation: footer 4s ease-out;
	-o-animation: footer 4s ease-out;
	animation: footer 4s ease-out;
}
#acesso{
	-webkit-animation: acesso 4s ease-out;
	-moz-animation: acesso 4s ease-out;
	-ms-animation: acesso 4s ease-out;
	-o-animation: acesso 4s ease-out;
	animation: acesso 4s ease-out;
}

/* firefox */
@-moz-keyframes logo{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;	
	}
	20%{
		opacity: 1;

	}
}
@-moz-keyframes navBottom{
	0%{
		opacity: 0;	
	}
	21%{
		opacity: 0;

	}
	30%{
		opacity: 1;

	}
}
@-moz-keyframes middle{
	0%{
		opacity: 0;	
	}
	31%{
		opacity: 0;

	}
	40%{
		opacity: 1;

	}
}
@-moz-keyframes footer{
	0%{
		opacity: 0;	
	}
	41%{
		opacity: 0;

	}
	50%{
		opacity: 1;

	}
}
@-moz-keyframes acesso{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;

	}
	20%{
		opacity: 1;

	}
}

/* Opera */
@-o-keyframes logo{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;	
	}
	20%{
		opacity: 1;

	}
}
@-o-keyframes navBottom{
	0%{
		opacity: 0;	
	}
	21%{
		opacity: 0;

	}
	30%{
		opacity: 1;

	}
}
@-o-keyframes middle{
	0%{
		opacity: 0;	
	}
	31%{
		opacity: 0;

	}
	40%{
		opacity: 1;

	}
}
@-o-keyframes footer{
	0%{
		opacity: 0;	
	}
	41%{
		opacity: 0;

	}
	50%{
		opacity: 1;

	}
}
@-o-keyframes acesso{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;

	}
	20%{
		opacity: 1;

	}
}

/* geral */

@keyframes logo{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;	
	}
	20%{
		opacity: 1;

	}
}
@keyframes navBottom{
	0%{
		opacity: 0;	
	}
	21%{
		opacity: 0;

	}
	30%{
		opacity: 1;

	}
}
@keyframes middle{
	0%{
		opacity: 0;	
	}
	31%{
		opacity: 0;

	}
	40%{
		opacity: 1;

	}
}
@keyframes footer{
	0%{
		opacity: 0;	
	}
	41%{
		opacity: 0;

	}
	50%{
		opacity: 1;

	}
}
@keyframes acesso{
	0%{
		opacity: 0;	
	}
	10%{
		opacity: 0;

	}
	20%{
		opacity: 1;

	}
}