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

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-42 {
  width: 197.969px;
  height: 80.9896px;
  top: 376px;
  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-10 {
  z-index: 1;
}

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

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-43 {
  width: 55.9896px;
  height: 51.9965px;
  top: 696px;
  left: 955px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-47 {
  top: 224.986px;
  left: 38px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-48 {
  top: 156px;
  left: 281px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-49 {
  top: 149px;
  left: 526px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 4;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-50 {
  top: 201px;
  left: 779px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 5;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-51 {
  top: 495px;
  left: 43px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-52 {
  top: 529px;
  left: 298px;
  width: 175.99px;
  height: 175.99px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 7;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-53 {
  top: 477px;
  left: 521px;
  width: 237.969px;
  height: 237.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 8;
}

.oed .page.page-10 > .layer.layer-11 > .element.hotspot-54 {
  top: 503px;
  left: 807px;
  width: 183.993px;
  height: 178.976px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 9;
}

.oed .page.page-10 > .layer.layer-44 {
  width: 1024px;
  height: 768px;
  background-image: none;
  top: 00px;
  left: 00px;
  z-index: 2;
}

.oed .page.page-10 > .layer.layer-44 > .element.element-include-45 {
  z-index: 1;
}

.oed .page.page-10 > .layer.layer-44 > .element.hotspot-46 {
  top: 29px;
  left: 24px;
  width: 67.9861px;
  height: 55.9896px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-57 {
  top: 452px;
  left: 48px;
  width: 386.997px;
  height: 245.99px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-12 > .layer.layer-13 > .element.hotspot-58 {
  top: 26px;
  left: 22px;
  width: 66.9965px;
  height: 58.9931px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-14 > .layer.layer-15 > .element.hotspot-59 {
  width: 52.9688px;
  height: 48.9931px;
  top: 132px;
  left: 882px;
  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/rotina005b.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

.oed .page.page-16 > .layer.layer-17 > .element.hotspot-61 {
  top: 25px;
  left: 22px;
  width: 66.9965px;
  height: 65px;
  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/rotina006.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-62 {
  width: 57.9861px;
  height: 58.9931px;
  top: 126px;
  left: 877px;
  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/rotina007a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-20 > .layer.layer-21 > .element.hotspot-63 {
  width: 75.9896px;
  height: 70.9896px;
  top: 25px;
  left: 19px;
  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/rotina008a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-22 > .layer.layer-23 > .element.hotspot-64 {
  top: 88px;
  left: 42px;
  width: 395.99px;
  height: 275.99px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-22 > .layer.layer-23 > .element.hotspot-65 {
  width: 55.9896px;
  height: 55px;
  top: 28px;
  left: 28px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-66 {
  width: 48.9757px;
  height: 48.9931px;
  top: 130px;
  left: 882px;
  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/rotina010a.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-26 > .layer.layer-27 > .element.hotspot-67 {
  width: 63.9931px;
  height: 60px;
  top: 27px;
  left: 25px;
  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/rotina011b.png);
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-28 > .layer.layer-29 > .element.hotspot-68 {
  top: 448px;
  left: 51px;
  width: 390px;
  height: 255.99px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-28 > .layer.layer-29 > .element.hotspot-69 {
  top: 28px;
  left: 25px;
  width: 61.9965px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

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

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

.oed .page.page-30 > .layer.layer-31 > .element.video-74 {
  top: 148px;
  left: 0px;
  width: 1024px;
  height: 500px;
  z-index: 1;
}

.oed .page.page-30 > .layer.layer-31 > .element.text-75 {
  top: 644.962px;
  left: 4.93054px;
  z-index: 3;
}

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

.oed .page.page-30 > .layer.layer-31 > .element.hotspot-76 {
  width: 45.9896px;
  height: 41.9965px;
  top: 60.9826px;
  left: 882.986px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

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

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

.oed .page.page-32 > .layer.layer-33 > .element.hotspot-70 {
  width: 377.969px;
  height: 253.958px;
  top: 58px;
  left: 601px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-32 > .layer.layer-33 > .element.hotspot-71 {
  top: 28.9826px;
  left: 24.9791px;
  width: 62.9861px;
  height: 55.9896px;
  background-color: rgba(255, 255, 255, 0.08);
  z-index: 2;
}

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

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

.oed .page.page-34 > .layer.layer-35 > .element.video-78 {
  width: 1024px;
  height: 500px;
  top: 148px;
  z-index: 1;
}

.oed .page.page-34 > .layer.layer-35 > .element.text-79 {
  top: 646px;
  left: 8px;
  z-index: 3;
}

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

.oed .page.page-34 > .layer.layer-35 > .element.hotspot-80 {
  top: 55.9861px;
  left: 884.99px;
  width: 46.9965px;
  height: 50px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

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

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

.oed .page.page-36 > .layer.layer-37 > .element.hotspot-72 {
  top: 94px;
  left: 26px;
  width: 387.986px;
  height: 276.997px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-36 > .layer.layer-37 > .element.hotspot-73 {
  top: 24px;
  left: 26px;
  width: 61.9965px;
  height: 60.9896px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
}

.oed .page.page-38 {
  z-index: 15;
}

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

.oed .page.page-38 > .layer.layer-39 > .element.video-81 {
  width: 1024px;
  height: 500px;
  top: 148px;
  z-index: 1;
}

.oed .page.page-38 > .layer.layer-39 > .element.text-82 {
  top: 644px;
  left: 8px;
  z-index: 3;
}

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

.oed .page.page-38 > .layer.layer-39 > .element.hotspot-83 {
  top: 54.9965px;
  left: 878.993px;
  width: 52.9861px;
  height: 52.9861px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
}

.oed .include.include-40 {
  z-index: 16;
}

.oed .include.include-40 > .layer.layer-41 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotinarefs.png);
  top: 00px;
  left: 0px;
  z-index: 1;
}