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

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

@-o-keyframes cf3FadeInOut {
 0% {
   opacity:1; }
50% {
  opacity:1; }
60% {
  opacity:0; }
100% {
 opacity:0; } }

@keyframes cf3FadeInOut {
 0% {
   opacity:1; }
50% {
  opacity:1; }
60% {
  opacity:0; }
100% {
 opacity:0; } }

#cf3 {
  position:relative;
  height:323px;
  width:800px;
  margin:0 auto; }
  
#cf3 img {
  position:absolute;
  left:0; }

#cf3 img.top {
  -webkit-animation-name: cf3FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-direction: alternate;

  -moz-animation-name: cf3FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 2s;
  -moz-animation-direction: alternate;

  -o-animation-name: cf3FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 2s;
  -o-animation-direction: alternate;

  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 2s;
  animation-direction: alternate;
}