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

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-35 {
  width: 146.997px;
  height: 50.9896px;
  top: 691px;
  left: 437px;
  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/teen-002b.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-34 {
  width: 60px;
  height: 61.9792px;
  top: 598px;
  left: 945px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-36 {
  width: 56.9965px;
  height: 60px;
  top: 681px;
  left: 57px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-37 {
  width: 57.9861px;
  height: 56.9792px;
  top: 681px;
  left: 150px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-38 {
  width: 58.9931px;
  height: 59.9826px;
  top: 679px;
  left: 242px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 4;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-39 {
  width: 59.9826px;
  height: 60.9549px;
  top: 680px;
  left: 335px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 5;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-40 {
  width: 58.9931px;
  height: 60px;
  top: 681px;
  left: 428px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-41 {
  width: 58.9931px;
  height: 58.9757px;
  top: 681px;
  left: 521px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 7;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-42 {
  width: 59.9653px;
  height: 59.9653px;
  top: 681px;
  left: 614px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 8;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-45 {
  width: 58.9931px;
  height: 58.9583px;
  top: 680px;
  left: 707px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 9;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-46 {
  width: 57.9688px;
  height: 56.9792px;
  top: 681px;
  left: 800px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 10;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-47 {
  width: 58.9931px;
  height: 59.9653px;
  top: 680px;
  left: 893px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 11;
}

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

.oed .page.page-10 > .layer.layer-32 > .element.hotspot-33 {
  width: 73.9931px;
  height: 63.9757px;
  top: 25px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-58 {
  width: 77.9688px;
  height: 76.9965px;
  top: 19px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-14 > .layer.layer-15 > .element.hotspot-57 {
  width: 81.9965px;
  height: 77.9688px;
  top: 19px;
  left: 16px;
  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/teen-005.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

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

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

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-55 {
  width: 75px;
  height: 70px;
  top: 25px;
  left: 20px;
  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/teen-007.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-54 {
  width: 80px;
  height: 73.9931px;
  top: 22px;
  left: 19.0001px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-22 > .layer.layer-23 > .element.hotspot-53 {
  width: 70.9896px;
  height: 67.9861px;
  top: 25px;
  left: 23.0001px;
  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/teen-009a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-52 {
  width: 78.9931px;
  height: 76.9965px;
  top: 21px;
  left: 16px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-51 {
  width: 70px;
  height: 63.9931px;
  top: 26px;
  left: 22px;
  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/teen-011a.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

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

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

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

.oed .page.page-43 > .layer.layer-44 > .element.hotspot-49 {
  width: 67.9688px;
  height: 66.9618px;
  top: 24px;
  left: 23px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}