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

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-10 {
  width: 198.976px;
  height: 82.9688px;
  top: 657px;
  left: 413px;
  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-11 {
  z-index: 1;
}

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

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-42 {
  width: 62.9688px;
  height: 62.9861px;
  top: 682px;
  left: 944px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-52 {
  width: 30px;
  height: 30px;
  top: 251.997px;
  left: 144.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-53 {
  top: 283px;
  left: 171px;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-75 {
  width: 30px;
  height: 30px;
  top: 214.986px;
  left: 125.976px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 4;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-76 {
  width: 42.9861px;
  height: 45px;
  top: 201px;
  left: 475px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 5;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-77 {
  width: 48.9931px;
  height: 52.9861px;
  top: 434px;
  left: 531px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-78 {
  width: 41.9618px;
  height: 44.9653px;
  top: 266px;
  left: 564px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 7;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-79 {
  width: 47.9688px;
  height: 45px;
  top: 312px;
  left: 700px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 8;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-80 {
  width: 42.9688px;
  height: 44.9826px;
  top: 267px;
  left: 655px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 9;
}

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

.oed .page.page-11 > .layer.layer-40 > .element.hotspot-41 {
  width: 65.9896px;
  height: 66.9792px;
  top: 22px;
  left: 24px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-13 > .layer.layer-14 > .element.hotspot-46 {
  width: 70px;
  height: 70.9896px;
  top: 21px;
  left: 21px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-13 > .layer.layer-14 > .element.hotspot-47 {
  width: 277.969px;
  height: 412.969px;
  top: 316.99px;
  left: 363.993px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-13 > .layer.layer-14 > .element.hotspot-48 {
  width: 75.9896px;
  height: 48.9757px;
  top: 671px;
  left: 660.993px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

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

.oed .page.page-13 > .layer.layer-15 > .element.hotspot-45 {
  width: 50px;
  height: 50.9896px;
  top: 42px;
  left: 897px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-13 > .layer.layer-16 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/jovens-005.png);
  top: 00px;
  left: 00px;
  z-index: 3;
}

.oed .page.page-13 > .layer.layer-16 > .element.video-43 {
  top: 120px;
  left: 0px;
  width: 1024px;
  height: 600px;
  z-index: 1;
}

.oed .page.page-13 > .layer.layer-16 > .element.hotspot-44 {
  width: 61.9792px;
  height: 58.9931px;
  top: 38px;
  left: 890px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-13 > .layer.layer-16 > .element.text-81 {
  top: 716px;
  left: 5px;
}

.oed .page.page-13 > .layer.layer-16 > .element.text-81 .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-17 {
  z-index: 3;
}

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

.oed .page.page-17 > .layer.layer-18 > .element.hotspot-50 {
  width: 70.9896px;
  height: 66.9965px;
  top: 24px;
  left: 22px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-17 > .layer.layer-18 > .element.hotspot-51 {
  width: 278.976px;
  height: 414.965px;
  top: 315px;
  left: 364px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

.oed .page.page-17 > .layer.layer-19 > .element.hotspot-49 {
  width: 56.9792px;
  height: 57.9861px;
  top: 39px;
  left: 894px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-55 {
  width: 68.9931px;
  height: 63.9931px;
  top: 24px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-56 {
  top: 317px;
  left: 202.986px;
  width: 619.965px;
  height: 413.976px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-20 > .layer.layer-22 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/jovens-009.png);
  top: 0px;
  left: 0px;
  z-index: 2;
}

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

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

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

.oed .page.page-23 > .layer.layer-24 > .element.hotspot-58 {
  width: 67.9861px;
  height: 61.9792px;
  top: 26px;
  left: 23px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-23 > .layer.layer-24 > .element.hotspot-59 {
  top: 316px;
  left: 192.993px;
  width: 617.986px;
  height: 416.997px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

.oed .page.page-23 > .layer.layer-25 > .element.hotspot-57 {
  width: 52.9861px;
  height: 58.9931px;
  top: 40px;
  left: 895px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-61 {
  width: 71.9271px;
  height: 67.9688px;
  top: 23px;
  left: 19px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-62 {
  top: 318px;
  left: 201.997px;
  width: 619.948px;
  height: 412.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-26 > .layer.layer-28 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/jovens-013a.png);
  top: 0px;
  left: 0px;
  z-index: 2;
}

.oed .page.page-26 > .layer.layer-28 > .element.hotspot-60 {
  width: 58.9931px;
  height: 58.9931px;
  top: 36px;
  left: 892px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-29 {
  background-image: none;
  z-index: 7;
}

.oed .page.page-29 > .layer.layer-30 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/jovens-014b.png);
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .page.page-29 > .layer.layer-30 > .element.hotspot-66 {
  width: 71.9792px;
  height: 65.9896px;
  top: 24px;
  left: 21px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-29 > .layer.layer-30 > .element.hotspot-67 {
  top: 315.99px;
  left: 211.99px;
  width: 598.993px;
  height: 414.983px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-29 > .layer.layer-30 > .element.hotspot-68 {
  width: 75.9896px;
  height: 47.9688px;
  top: 670.99px;
  left: 827.99px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

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

.oed .page.page-29 > .layer.layer-31 > .element.hotspot-65 {
  width: 53.9931px;
  height: 53.9931px;
  top: 41px;
  left: 894px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-29 > .layer.layer-32 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/jovens-016a.png);
  top: 00px;
  left: 00px;
  z-index: 3;
}

.oed .page.page-29 > .layer.layer-32 > .element.video-63 {
  width: 1024px;
  height: 600px;
  top: 120px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-29 > .layer.layer-32 > .element.hotspot-64 {
  width: 60px;
  height: 58.9931px;
  top: 40px;
  left: 891px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-29 > .layer.layer-32 > .element.text-82 {
  top: 714.986px;
  left: 5px;
}

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

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

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

.oed .page.page-33 > .layer.layer-34 > .element.hotspot-70 {
  width: 68.9931px;
  height: 62.9688px;
  top: 26px;
  left: 22px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-33 > .layer.layer-34 > .element.hotspot-71 {
  top: 316.99px;
  left: 313.99px;
  width: 396.962px;
  height: 414.965px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

.oed .page.page-33 > .layer.layer-36 > .element.hotspot-69 {
  width: 46.9965px;
  height: 50.9896px;
  top: 42px;
  left: 898px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

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

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

.oed .page.page-37 > .layer.layer-38 > .element.hotspot-73 {
  width: 66.9965px;
  height: 65px;
  top: 26px;
  left: 24px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-37 > .layer.layer-38 > .element.hotspot-74 {
  top: 341.986px;
  left: 416.99px;
  width: 253.976px;
  height: 386.962px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

.oed .page.page-37 > .layer.layer-39 > .element.hotspot-72 {
  width: 57.9861px;
  height: 60px;
  top: 38px;
  left: 894px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}