.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/estdo-001.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-61 {
  width: 178.976px;
  height: 87.9861px;
  top: 655px;
  left: 425px;
  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 .include.include-10 {
  z-index: 12;
}

.oed .include.include-10 > .layer.layer-11 {
  width: 1024px;
  height: 768px;
  top: 0px;
  left: 00px;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../images/estdo-ref.png);
  z-index: 1;
}

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

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

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-37 {
  width: 62.9861px;
  height: 63.9931px;
  top: 285px;
  left: 161px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 0;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-39 {
  width: 62.9861px;
  height: 63.9931px;
  top: 493px;
  left: 264px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-40 {
  width: 55.9896px;
  height: 60.9896px;
  top: 420px;
  left: 436.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-41 {
  width: 61.9792px;
  height: 61.9965px;
  top: 273px;
  left: 539px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 4;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-42 {
  width: 62.9861px;
  height: 60.9896px;
  top: 322px;
  left: 701px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 5;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-43 {
  width: 61.9965px;
  height: 68.9931px;
  top: 376px;
  left: 923px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-44 {
  width: 70.9896px;
  height: 71.9965px;
  top: 676px;
  left: 930px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 7;
}

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

.oed .page.page-12 > .layer.layer-34 > .element.element-include-35 {
  z-index: 1;
}

.oed .page.page-12 > .layer.layer-34 > .element.hotspot-36 {
  top: 17px;
  left: 21px;
  width: 70.9896px;
  height: 76.9965px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-14 > .layer.layer-15 > .element.hotspot-45 {
  width: 77.9688px;
  height: 59.9653px;
  top: 141.99px;
  left: 606.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-14 > .layer.layer-15 > .element.hotspot-55 {
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  top: 30px;
  left: 30px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-16 > .layer.layer-17 > .element.video-46 {
  width: 1024px;
  height: 600px;
  top: 120px;
  z-index: 1;
}

.oed .page.page-16 > .layer.layer-17 > .element.hotspot-47 {
  width: 60.9896px;
  height: 58.9931px;
  top: 36px;
  left: 891px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-16 > .layer.layer-17 > .element.text-62 {
  top: 720px;
  left: 10px;
  background-color: rgba(255, 255, 255, 0);
  height: 0px;
}

.oed .page.page-16 > .layer.layer-17 > .element.text-62 .text-content {
  font-family: Arial, Helvetica, sans-serif;
  -fx-font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 1);
}

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

.oed .page.page-18 > .layer.layer-19 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/estdo-005a.png);
  top: 00px;
  left: 00px;
  background-color: rgba(255, 255, 255, 0.06);
  z-index: 1;
}

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-56 {
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  background-color: rgba(255, 255, 255, 0);
  top: 30px;
  left: 30px;
  z-index: 1;
}

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

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

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-48 {
  width: 412.969px;
  height: 364.965px;
  top: 155.99px;
  left: 569.976px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-57 {
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  top: 30px;
  left: 30px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-22 > .layer.layer-23 > .element.hotspot-49 {
  width: 63.9931px;
  height: 60.9896px;
  top: 38px;
  left: 888px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-58 {
  background-color: rgba(255, 255, 255, 0);
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  top: 30px;
  left: 30px;
  z-index: 1;
}

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

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

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

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-59 {
  background-color: rgba(255, 255, 255, 0);
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  top: 30px;
  left: 30px;
  z-index: 2;
}

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

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

.oed .page.page-28 > .layer.layer-29 > .element.video-51 {
  width: 1024px;
  height: 600px;
  top: 120px;
  z-index: 1;
}

.oed .page.page-28 > .layer.layer-29 > .element.hotspot-52 {
  width: 56.9965px;
  height: 55px;
  top: 41px;
  left: 893px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-28 > .layer.layer-29 > .element.text-63 {
  top: 720px;
  left: 10px;
}

.oed .page.page-28 > .layer.layer-29 > .element.text-63 .text-content {
  font-family: Arial, Helvetica, sans-serif;
  -fx-font-family: Arial, Helvetica, sans-serif;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
}

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

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

.oed .page.page-30 > .layer.layer-31 > .element.hotspot-53 {
  top: 186px;
  left: 33px;
  width: 416.997px;
  height: 350px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-30 > .layer.layer-31 > .element.hotspot-60 {
  background-color: rgba(255, 255, 255, 0);
  width: 60px;
  height: 60px;
  background-image: url(../images/artboard-1.png);
  top: 30px;
  left: 30px;
  z-index: 2;
}

.oed .page.page-32 {
  z-index: 11;
}

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

.oed .page.page-32 > .layer.layer-33 > .element.hotspot-54 {
  width: 58.9931px;
  height: 60px;
  top: 38px;
  left: 894px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}