/*
Dev: Wendel Parrião
wendelparriao@gmail.com
*/
html,
body {
  margin: 0;
  padding: 0;
}

#banner {
  position: relative;
  width: 726px;
  height: 88px;
  border: 1px solid #ccc;
  overflow: hidden;
  background: #fff;
}

#i01 {
  position: absolute;
  left: 0;
  top: -102%;
  opacity: 1;
}

#i02 {
  position: absolute;
  left: -200px;
  top: 0;
  opacity: 1;
}
#i02-1 {
  position: absolute;
  left: 0;
  top: 300px;
  opacity: 1;
}

#i03 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i04 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i05 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i06 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i07 {
  position: absolute;
  left: 0;
  top: 102%;
  opacity: 1;
}

#i08 {
  position: absolute;
  left: 70px;
  top: 0;
  opacity: 1;
}
#i08-1 {
  position: absolute;
  left: 0;
  top: -300px;
  opacity: 1;
}

#i09 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i09-1 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i09-2 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i09-3 {
  position: absolute;
  left: 0;
  top: 40px;
  opacity: 0;
}

#i10 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#i10-1 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

#i11 {
  position: absolute;
  left: 0;
  top: -102%;
  opacity: 1;
}

#i12 {
  position: absolute;
  left: -50px;
  top: 0;
  opacity: 1;
}

#i13 {
  position: absolute;
  left: 102%;
  top: 0;
  opacity: 1;
}

#i14 {
  position: absolute;
  left: -50px;
  top: 0;
  opacity: 0;
}

#i15 {
  position: absolute;
  left: 0;
  top: -50px;
  opacity: 0;
}

#i16 {
  position: absolute;
  left: 0;
  top: 50px;
  opacity: 0;
}

#i17 {
  position: absolute;
  left: 100px;
  top: 0;
  opacity: 0;
}