@charset "UTF-8";
/* CSS Document */

.animacao{margin-top:60px;margin-left:40px; margin-bottom:0; ;}
.animacao { width:800px; height:200px; margin-left:auto; margin-right:auto; position:relative; }
.animacao  p{float:left;font-size: 48px; margin-left:10px; height:60px; text-align: center; font-family: "Source Sans Pro", sans-serif; font-weight:normal;}
.animacao  .um{ color:#234ea1;-webkit-animation: fadein 1s; /* Safari and Chrome */-moz-animation: fadein 1s; /* Firefox */-ms-animation: fadein 1s; /* Internet Explorer */-o-animation: fadein 1s; /* Opera */animation: fadein 1s}
.animacao .dois{ color:#2483c5;-webkit-animation: fadein 2s; /* Safari and Chrome */-moz-animation: fadein 2s; /* Firefox */-ms-animation: fadein 2s; /* Internet Explorer */-o-animation: fadein 2s; /* Opera */animation: fadein 2s}
.animacao .tres{ margin-left:0px;color:#2483c5;-webkit-animation: fadein 3s; /* Safari and Chrome */-moz-animation: fadein 3s; /* Firefox */-ms-animation: fadein 3s; /* Internet Explorer */-o-animation: fadein 3s; /* Opera */animation: fadein 3s}
.animacao .quatro{ margin-left:0px; color:#2483c5;-webkit-animation: fadein 4s; /* Safari and Chrome */-moz-animation: fadein 4s; /* Firefox */-ms-animation: fadein 4s; /* Internet Explorer */-o-animation: fadein 4s; /* Opera */animation: fadein 4s}
.animacao .cinco{ color:#2e3191;-webkit-animation: fadein 5s; /* Safari and Chrome */-moz-animation: fadein 5s; /* Firefox */-ms-animation: fadein 5s; /* Internet Explorer */-o-animation: fadein 5s; /* Opera */animation: fadein 5s}
.animacao .seis{ color:#234ea1;-webkit-animation: fadein 6s; /* Safari and Chrome */-moz-animation: fadein 6s; /* Firefox */-ms-animation: fadein 6s; /* Internet Explorer */-o-animation: fadein 6s; /* Opera */animation: fadein 6s}
.animacao .sete{ color:#2483c5;-webkit-animation: fadein 7s; /* Safari and Chrome */-moz-animation: fadein 7s; /* Firefox */-ms-animation: fadein 7s; /* Internet Explorer */-o-animation: fadein 7s; /* Opera */animation: fadein 7s}
.animacao .oito{ margin-left:0; color:#5da8dc;-webkit-animation: fadein 8s; /* Safari and Chrome */-moz-animation: fadein 8s; /* Firefox */-ms-animation: fadein 8s; /* Internet Explorer */-o-animation: fadein 8s; /* Opera */animation: fadein 8s}
.animacao .nove{ color:#234ea1;-webkit-animation: fadein 9s; /* Safari and Chrome */-moz-animation: fadein 9s; /* Firefox */-ms-animation: fadein 9s; /* Internet Explorer */-o-animation: fadein 9s; /* Opera */animation: fadein 9s}
.animacao .dez{ color:#91c5ea;-webkit-animation: fadein 10s; /* Safari and Chrome */-moz-animation: fadein 10s; /* Firefox */-ms-animation: fadein 10s; /* Internet Explorer */-o-animation: fadein 10s; /* Opera */animation: fadein 10s}
@keyframes fadein {0%{opacity: 0; }50%{opacity: 0; }80%{opacity: 0.5; }100%{opacity: 1; }}
/* Firefox */
@-moz-keyframes fadein {0%{opacity: 0; }50%{opacity: 0; }80%{opacity: 0.5; }100%{opacity: 1; }}
/* Safari and Chrome */
@-webkit-keyframes fadein {0%{opacity: 0; }50%{opacity: 0; }80%{opacity: 0.5; }100%{opacity: 1; }}
/* Internet Explorer */
@-ms-keyframes fadein {0%{opacity: 0; }50%{opacity: 0; }80%{opacity: 0.5; }100%{opacity: 1; }}​
/* Opera */
@-o-keyframes fadein {0%{opacity: 0; }50%{opacity: 0; }80%{opacity: 0.5; }100%{opacity: 1; }}​

@media print { 
	#site .animacao{margin-top:20px;margin-left:40px; margin-bottom:0;}
}
@media screen and (min-width: 320px) and (max-width: 414px) {.animacao  p{ font-size:16px;height:20px;} .animacao  { width:300px; height:20px; }}
@media screen and (min-width: 415px) and (max-width: 600px) {.animacao  p{ font-size:23px;height:30px;} .animacao  { width:400px; height:30px; }}
@media screen and (min-width: 601px) and (max-width: 955px) {.animacao  p{ font-size:35px;height:40px;} .animacao  { width:600px; height:60px; }}
@media screen and (min-width: 480px) and (max-width: 960px) {
    #site .animacao{margin-top:20px;margin-left:40px; margin-bottom:0;}}