.oed {
  font-family: sans-serif;
  font-size: 10px;
}
.oed * {
  margin: 0; padding: 0;
}
.oed,
.oed .page,
.oed .include {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1024px;
  height: 768px;
  overflow: hidden;
}
.oed .page,
.oed .include,
.oed .layer {
  opacity: 0;
  display: none;
}
.oed .layer {
  position: absolute;
}
.oed .element {
  position: absolute;
}
.oed .element.include,
.oed .element.include .layer {
  display: block;
  opacity: 1;
}
.oed .element.text p {
  margin: 0;
}
.oed .hotspot a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.oed .element.video {
  overflow: hidden;
}
.oed .element.video video {
  width: 100%;
  height: 100%;
  background-color: black;
}
.oed .element.text sup {
  vertical-align: super;
}
.oed .element.text sub {
  vertical-align: sub;
}
.oed .load {
  display: none;
}
.oed .show {
  opacity: 1;
  display: block;
}

.oed ol, .oed  ul {
  margin: 0 0 0 30px;
}

.oed ol {
  list-style: decimal;
}

.oed ul {
  list-style: initial;
}

.oed p {
  margin: 7px 0;
}

.oed .botao-play-overlay {
  position: absolute;
  cursor: pointer;
}

.oed .oed {
  height: 768px;
  width: 1024px;
}

.oed .page.page-1 {
  z-index: 0;
}

.oed .page.page-1 > .layer.layer-2 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa001.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-40 {
  width: 225.955px;
  height: 94.9826px;
  top: 618px;
  left: 399.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page {
  background-color: rgba(255, 255, 255, 1);
}

.oed .include {
  background-color: rgba(255, 255, 255, 0);
}

.oed .layer {
  height: 384px;
  left: 256px;
  top: 192px;
  width: 512px;
  background-color: rgba(242, 242, 242, 1);
}

.oed .text {
  font-size: 24px;
  line-height: 32px;
  height: 32px;
  left: 100px;
  top: 100px;
  width: 320px;
}

.oed .hotspot {
  background-color: rgba(0, 255, 0, .5);
  height: 200px;
  left: 100px;
  top: 100px;
  width: 200px;
}

.oed .audio {
  left: 0px;
  top: 0px;
  width: 300px;
  height: 32px;
  background-color: rgba(0, 0, 0, .25);
}

.oed .video {
  left: 0px;
  top: 0px;
  width: 300px;
  height: 150px;
  background-color: rgba(0, 0, 0, .25);
}

.oed .page.page-10 {
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa002.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-47 {
  top: 116px;
  left: 101px;
  width: 232px;
  height: 276px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-48 {
  width: 232px;
  height: 276px;
  top: 115px;
  left: 394px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-49 {
  top: 115px;
  left: 687px;
  width: 232px;
  height: 276px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-50 {
  width: 232px;
  height: 276px;
  top: 431px;
  left: 102px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 4;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-51 {
  top: 431px;
  left: 396px;
  width: 232px;
  height: 276px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 5;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-52 {
  top: 430px;
  left: 686px;
  width: 232px;
  height: 276px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-53 {
  width: 49.9653px;
  height: 56.9271px;
  top: 674px;
  left: 937px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 7;
}

.oed .page.page-12 {
  z-index: 2;
}

.oed .page.page-12 > .layer.layer-13 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa003.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-54 {
  width: 50px;
  height: 50px;
  top: 101px;
  left: 869px;
  background-color: rgba(255, 255, 255, 0);
  z-index: -1;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-55 {
  width: 184.983px;
  height: 191.962px;
  top: 121.983px;
  left: 125.972px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 0;
}

.oed .page.page-14 {
  z-index: 3;
}

.oed .page.page-14 > .layer.layer-15 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa004.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-14 > .layer.layer-15 > .element.hotspot-46 {
  width: 50px;
  height: 50px;
  top: 106px;
  left: 708px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-16 {
  z-index: 4;
}

.oed .page.page-16 > .layer.layer-17 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa005a.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-16 > .layer.layer-17 > .element.hotspot-56 {
  width: 50px;
  height: 50px;
  top: 101px;
  left: 869px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-16 > .layer.layer-17 > .element.hotspot-57 {
  width: 182.969px;
  height: 192.986px;
  top: 121px;
  left: 126px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-18 {
  z-index: 5;
}

.oed .page.page-18 > .layer.layer-19 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa006a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-45 {
  width: 50px;
  height: 50px;
  top: 106px;
  left: 708px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-20 {
  z-index: 6;
}

.oed .page.page-20 > .layer.layer-21 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa007.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-58 {
  background-color: rgba(255, 255, 255, 0);
  width: 50px;
  height: 50px;
  top: 101px;
  left: 869px;
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-59 {
  width: 185.99px;
  height: 190.99px;
  top: 122px;
  left: 125px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-22 {
  z-index: 7;
}

.oed .page.page-22 > .layer.layer-23 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa008.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-22 > .layer.layer-23 > .element.hotspot-44 {
  top: 106px;
  left: 708px;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-24 {
  z-index: 8;
}

.oed .page.page-24 > .layer.layer-25 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa009a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-60 {
  width: 50px;
  height: 50px;
  top: 101px;
  left: 869px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-61 {
  width: 185px;
  height: 188.976px;
  top: 123px;
  left: 126px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-26 {
  z-index: 9;
}

.oed .page.page-26 > .layer.layer-27 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa010a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-43 {
  width: 50px;
  height: 50px;
  top: 106px;
  left: 708px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-28 {
  z-index: 10;
}

.oed .page.page-28 > .layer.layer-29 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa011a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-28 > .layer.layer-29 > .element.hotspot-62 {
  width: 50px;
  height: 50px;
  top: 74.9896px;
  left: 867.993px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-28 > .layer.layer-29 > .element.hotspot-63 {
  top: 96px;
  left: 125px;
  width: 184.965px;
  height: 188.941px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-31 {
  background-image: none;
  z-index: 11;
}

.oed .page.page-31 > .layer.layer-32 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa012a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-31 > .layer.layer-32 > .element.hotspot-42 {
  top: 106px;
  left: 708px;
  width: 50px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-33 {
  z-index: 12;
}

.oed .page.page-33 > .layer.layer-34 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa013a.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-33 > .layer.layer-34 > .element.hotspot-64 {
  width: 50px;
  height: 50px;
  top: 101px;
  left: 869px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-33 > .layer.layer-34 > .element.hotspot-65 {
  width: 185.99px;
  height: 192.986px;
  top: 121px;
  left: 127px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-35 {
  z-index: 13;
}

.oed .page.page-35 > .layer.layer-36 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa014a.png);
  left: 0px;
  top: 0px;
  z-index: 1;
}

.oed .page.page-35 > .layer.layer-36 > .element.hotspot-41 {
  width: 50px;
  height: 50px;
  top: 106px;
  left: 708px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-37 {
  z-index: 14;
}

.oed .page.page-37 > .layer.layer-38 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinacriativa015.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-37 > .layer.layer-38 > .element.hotspot-39 {
  top: 23.0625px;
  left: 21.0243px;
  width: 68.9757px;
  height: 66.9792px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}