.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 {
  top: 00px;
  left: 00px;
  width: 1024px;
  height: 768px;
  background-image: url(../images/brinquedoscapa.png);
  z-index: 1;
}

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-15 {
  width: 288px;
  height: 68px;
  background-image: url(../images/bt-iniciar.png);
  top: 639px;
  left: 704px;
  z-index: 1;
}

.oed .page {
  background-color: rgba(255, 255, 255, 0);
  width: 1024px;
  height: 768px;
  pointer-events: none;
}

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

.oed .layer {
  height: 768px;
  left: 256px;
  top: 192px;
  width: 1024px;
  background-color: rgba(242, 242, 242, 0);
  background-image: none;
}

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

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

.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 {
  background-image: url(../images/brinquedos-conteudo.png);
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-11 > .layer.layer-12 {
  top: 0px;
  left: 0px;
  z-index: -1;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-16 {
  width: 84.975px;
  height: 87px;
  top: 213.987px;
  left: 117.987px;
  z-index: 0;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-17 {
  top: 423px;
  left: 164px;
  width: 125px;
  height: 110px;
  z-index: 1;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-18 {
  top: 159.987px;
  left: 328.987px;
  width: 108.975px;
  height: 133.969px;
  z-index: 2;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-19 {
  top: 358px;
  left: 380.994px;
  width: 61px;
  height: 121px;
  z-index: 3;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-20 {
  top: 457.994px;
  left: 556.969px;
  width: 73.9688px;
  height: 78.9562px;
  z-index: 4;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-21 {
  top: 287.975px;
  left: 633.981px;
  width: 118.969px;
  height: 116.887px;
  z-index: 5;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-22 {
  top: 378.919px;
  left: 763.987px;
  width: 109.969px;
  height: 123.994px;
  z-index: 6;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-23 {
  top: 122px;
  left: 810px;
  width: 143px;
  height: 112px;
  z-index: 7;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-93 {
  top: 584.956px;
  left: 117.956px;
  width: 79.875px;
  height: 113.962px;
  z-index: 8;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-96 {
  top: 494.956px;
  left: 378.956px;
  width: 58.875px;
  height: 102.881px;
  z-index: 9;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-97 {
  top: 327.962px;
  left: 555.95px;
  width: 56.925px;
  height: 94.8562px;
  z-index: 10;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-98 {
  top: 523.95px;
  left: 782.95px;
  width: 72.9187px;
  height: 88.875px;
  z-index: 11;
}

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

.oed .page.page-13 > .layer.layer-14 {
  top: 00px;
  left: 00px;
  background-color: rgba(255, 255, 255, 0);
  width: 1024px;
  height: 768px;
  background-image: none;
  z-index: 1;
}

.oed .page.page-13 > .layer.layer-14 > .element.element-include-47 {
  z-index: 1;
}

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

.oed .page.page-13 > .layer.layer-58 > .element.text-75 {
  top: 500px;
  left: 170px;
  height: 169.969px;
  width: 695.962px;
  z-index: 1;
}

.oed .include.include-24 {
  z-index: 15;
}

.oed .include.include-24 > .layer.layer-25 {
  top: 0px;
  left: 0px;
  width: 1024px;
  height: 768px;
  background-image: url(../images/pop-up-fundo.png);
  z-index: 1;
}

.oed .include.include-24 > .layer.layer-25 > .element.hotspot-26 {
  top: 27.9937px;
  left: 20.9875px;
  width: 72.975px;
  height: 71.9625px;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1;
}

.oed .page.page-33 {
  background-image: none;
  z-index: 3;
}

.oed .page.page-33 > .layer.layer-34 {
  width: 0px;
  height: 0px;
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-33 > .layer.layer-34 > .element.element-include-48 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

.oed .page.page-33 > .layer.layer-59 > .element.text-66 {
  top: 500px;
  left: 170px;
  width: 700px;
  height: 170px;
  z-index: 1;
}

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

.oed .page.page-35 > .layer.layer-36 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

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

.oed .page.page-35 > .layer.layer-60 > .element.text-67 {
  top: 491.987px;
  left: 168.987px;
  width: 700px;
  height: 170px;
  z-index: 1;
}

.oed .page.page-37 {
  background-image: url(../images/popup-boneco-img-fundo.png);
  z-index: 5;
}

.oed .page.page-37 > .layer.layer-61 {
  width: 1024px;
  height: 768px;
  background-image: none;
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-37 > .layer.layer-61 > .element.text-68 {
  top: 341.981px;
  left: 506.987px;
  width: 415.987px;
  height: 247.969px;
  z-index: 1;
}

.oed .page.page-37 > .layer.layer-61 > .element.element-include-100 {
  z-index: 2;
}

.oed .page.page-39 {
  background-image: url(../images/popup-cubo-img-fundo.png);
  z-index: 6;
}

.oed .page.page-39 > .layer.layer-62 {
  top: 00px;
  left: 00px;
  width: 1024px;
  height: 768px;
  background-image: none;
  z-index: 1;
}

.oed .page.page-39 > .layer.layer-62 > .element.text-69 {
  top: 253.956px;
  left: 548.912px;
  height: 266.887px;
  width: 373.969px;
  z-index: 1;
}

.oed .page.page-39 > .layer.layer-62 > .element.element-include-101 {
  z-index: 2;
}

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

.oed .page.page-41 > .layer.layer-42 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-41 > .layer.layer-42 > .element.element-include-52 {
  z-index: 1;
}

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

.oed .page.page-41 > .layer.layer-63 > .element.text-70 {
  top: 500px;
  left: 170px;
  width: 700px;
  height: 170px;
  z-index: 1;
}

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

.oed .page.page-43 > .layer.layer-44 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

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

.oed .page.page-43 > .layer.layer-64 > .element.text-71 {
  top: 500px;
  left: 170px;
  width: 700px;
  height: 170px;
  z-index: 1;
}

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

.oed .page.page-45 > .layer.layer-46 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

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

.oed .page.page-45 > .layer.layer-65 > .element.text-72 {
  top: 500px;
  left: 170px;
  width: 700px;
  height: 170px;
  z-index: 1;
}

.oed .page.page-76 {
  background-image: url(../images/popup-foto-avos.png);
  z-index: 10;
}

.oed .page.page-76 > .layer.layer-77 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-76 > .layer.layer-77 > .element.element-include-87 {
  right: 00px;
  bottom: 00px;
  z-index: 1;
}

.oed .page.page-78 {
  background-image: url(../images/popup-foto-bisavos.png);
  z-index: 11;
}

.oed .page.page-78 > .layer.layer-79 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-78 > .layer.layer-79 > .element.element-include-88 {
  z-index: 1;
}

.oed .page.page-80 {
  background-image: url(../images/popup-foto-hoje.png);
  z-index: 12;
}

.oed .page.page-80 > .layer.layer-81 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-80 > .layer.layer-81 > .element.element-include-89 {
  z-index: 1;
}

.oed .page.page-82 {
  background-image: url(../images/popup-foto-pais.png);
  z-index: 13;
}

.oed .page.page-82 > .layer.layer-83 {
  top: 00px;
  left: 00px;
  z-index: 1;
}

.oed .page.page-82 > .layer.layer-83 > .element.element-include-90 {
  z-index: 1;
}

.oed .include.include-84 {
  z-index: 14;
}

.oed .include.include-84 > .layer.layer-85 {
  width: 1024px;
  height: 768px;
  background-image: none;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.oed .include.include-84 > .layer.layer-85 > .element.hotspot-92 {
  top: 30.9875px;
  left: 27.9812px;
  width: 74.9812px;
  height: 72.975px;
  background-color: rgba(0, 255, 255, 0);
  z-index: 1;
}