.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;
  top: 00px;
  left: 00px;
  z-index: 1;
}

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

.oed .page.page-1 > .layer.layer-2 > .element.hotspot-63 {
  top: 615.969px;
  left: 479.957px;
  width: 458.965px;
  height: 137.969px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
}

.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;
  top: 0px;
  left: 00px;
  background-color: rgba(39, 39, 39, 0);
  z-index: 1;
}

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

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-64 {
  width: 152.949px;
  height: 172.969px;
  top: 18px;
  left: 695px;
  background-color: rgba(62, 62, 62, 0);
  z-index: 2;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-65 {
  top: 19.9766px;
  left: 857.996px;
  width: 145px;
  height: 168.984px;
  background-color: rgba(46, 46, 46, 0);
  z-index: 3;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-66 {
  top: 198px;
  left: 695px;
  width: 160px;
  height: 177.988px;
  background-color: rgba(53, 53, 53, 0);
  z-index: 4;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-67 {
  top: 202.98px;
  left: 866.977px;
  width: 137.969px;
  height: 173.984px;
  background-color: rgba(41, 41, 41, 0);
  z-index: 5;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-68 {
  top: 388.992px;
  left: 695.996px;
  width: 160.938px;
  height: 175px;
  background-color: rgba(23, 23, 23, 0);
  z-index: 6;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-69 {
  top: 391.98px;
  left: 867.992px;
  width: 136.953px;
  height: 167.969px;
  background-color: rgba(28, 28, 28, 0);
  z-index: 7;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-70 {
  top: 576px;
  left: 696px;
  width: 155.977px;
  height: 171.973px;
  background-color: rgba(31, 31, 31, 0);
  z-index: 8;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-72 {
  top: 575.984px;
  left: 862.992px;
  width: 142.969px;
  height: 173.984px;
  background-color: rgba(12, 12, 12, 0);
  z-index: 9;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-73 {
  top: 355.98px;
  left: 14.9766px;
  width: 107.949px;
  height: 126.953px;
  background-color: rgba(37, 37, 37, 0);
  z-index: 10;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-74 {
  top: 495px;
  left: 13px;
  width: 108.965px;
  height: 128.984px;
  background-color: rgba(27, 27, 27, 0);
  z-index: 11;
}

.oed .page.page-11 > .layer.layer-12 > .element.hotspot-75 {
  top: 630.719px;
  left: 13.9805px;
  width: 109.961px;
  height: 125.938px;
  background-color: rgba(27, 27, 27, 0);
  z-index: 12;
}

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

.oed .page.page-15 > .layer.layer-16 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(45, 45, 45, 0);
  z-index: 1;
}

.oed .page.page-15 > .layer.layer-16 > .element.image-17 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-1-madeira-mamore.png);
  z-index: 1;
}

.oed .page.page-15 > .layer.layer-16 > .element.hotspot-76 {
  top: 190.965px;
  left: 885.957px;
  width: 70.9766px;
  height: 69.9609px;
  background-color: rgba(41, 41, 41, 0);
  z-index: 2;
}

.oed .page.page-15 > .layer.layer-16 > .element.hotspot-77 {
  top: 0px;
  left: 4.98438px;
  width: 106.992px;
  height: 105px;
  background-color: rgba(21, 21, 21, 0);
  z-index: 3;
}

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

.oed .page.page-18 > .layer.layer-19 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(96, 96, 96, 0);
  z-index: 1;
}

.oed .page.page-18 > .layer.layer-19 > .element.image-20 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-2-hidrovia-s-francisco.png);
  top: 0px;
  z-index: 1;
}

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-78 {
  top: 1px;
  left: 5px;
  width: 101.973px;
  height: 92.9883px;
  background-color: rgba(16, 16, 16, 0);
  z-index: 2;
}

.oed .page.page-18 > .layer.layer-19 > .element.hotspot-79 {
  width: 72.9883px;
  height: 71.9922px;
  top: 199.996px;
  left: 885px;
  background-color: rgba(42, 42, 42, 0);
  z-index: 3;
}

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

.oed .page.page-21 > .layer.layer-22 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(89, 89, 89, 0);
  z-index: 1;
}

.oed .page.page-21 > .layer.layer-22 > .element.image-23 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-3-caminho-das-tropas.png);
  z-index: 1;
}

.oed .page.page-21 > .layer.layer-22 > .element.element-include-83 {
  z-index: 2;
}

.oed .page.page-21 > .layer.layer-22 > .element.hotspot-92 {
  top: 175.984px;
  left: 890.996px;
  width: 62.9883px;
  height: 65px;
  background-color: rgba(94, 94, 94, 0);
  z-index: 3;
}

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

.oed .page.page-24 > .layer.layer-25 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(158, 159, 158, 0);
  z-index: 1;
}

.oed .page.page-24 > .layer.layer-25 > .element.image-26 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-4-rota-das-mocoes.png);
  z-index: 1;
}

.oed .page.page-24 > .layer.layer-25 > .element.element-include-84 {
  z-index: 2;
}

.oed .page.page-24 > .layer.layer-25 > .element.hotspot-104 {
  top: 172.996px;
  left: 888px;
  width: 71.9922px;
  height: 75.9961px;
  background-color: rgba(10, 10, 10, 0);
  z-index: 3;
}

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

.oed .page.page-27 > .layer.layer-28 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(41, 41, 41, 0);
  z-index: 1;
}

.oed .page.page-27 > .layer.layer-28 > .element.image-29 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-5-trilha.png);
  z-index: 1;
}

.oed .page.page-27 > .layer.layer-28 > .element.element-include-85 {
  z-index: 2;
}

.oed .page.page-27 > .layer.layer-28 > .element.hotspot-93 {
  top: 176.984px;
  left: 889.984px;
  width: 70px;
  height: 61.9922px;
  background-color: rgba(33, 33, 33, 0);
  z-index: 3;
}

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

.oed .page.page-30 > .layer.layer-31 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(58, 58, 58, 0);
  z-index: 1;
}

.oed .page.page-30 > .layer.layer-31 > .element.image-32 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-6-transamazonica.png);
  z-index: 1;
}

.oed .page.page-30 > .layer.layer-31 > .element.element-include-86 {
  z-index: 2;
}

.oed .page.page-30 > .layer.layer-31 > .element.hotspot-94 {
  top: 174px;
  left: 882.988px;
  width: 72.9883px;
  height: 65.9961px;
  background-color: rgba(95, 95, 95, 0);
  z-index: 3;
}

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

.oed .page.page-33 > .layer.layer-34 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(28, 28, 28, 0);
  background-image: url(../images/rotaspop-up-7-estrada-real2.png);
  z-index: 1;
}

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

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

.oed .page.page-36 > .layer.layer-37 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(33, 33, 33, 0);
  z-index: 1;
}

.oed .page.page-36 > .layer.layer-37 > .element.image-38 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-up-8-arco.png);
  z-index: 1;
}

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

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

.oed .page.page-39 > .layer.layer-40 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(28, 28, 28, 0);
  z-index: 1;
}

.oed .page.page-39 > .layer.layer-40 > .element.image-41 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-upferrovia.png);
  z-index: 1;
}

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

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

.oed .page.page-42 > .layer.layer-43 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(57, 57, 57, 0);
  z-index: 1;
}

.oed .page.page-42 > .layer.layer-43 > .element.image-44 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-uphidrovias.png);
  z-index: 1;
}

.oed .page.page-42 > .layer.layer-43 > .element.element-include-90 {
  z-index: 2;
}

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

.oed .page.page-45 > .layer.layer-46 {
  width: 1024px;
  height: 768px;
  top: 0.00390625px;
  left: 0.00390625px;
  background-color: rgba(21, 21, 21, 0);
  z-index: 1;
}

.oed .page.page-45 > .layer.layer-46 > .element.image-47 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/rotaspop-uprodovia.png);
  z-index: 1;
}

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

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

.oed .page.page-48 > .layer.layer-49 {
  width: 1024px;
  height: 768px;
  left: 00px;
  top: 00px;
  background-color: rgba(81, 81, 81, 0);
  z-index: 1;
}

.oed .page.page-48 > .layer.layer-49 > .element.image-50 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-1-madeira-mamore.png);
  z-index: 1;
}

.oed .page.page-48 > .layer.layer-49 > .element.hotspot-95 {
  top: 4px;
  left: 0px;
  width: 117.969px;
  height: 97.9883px;
  background-color: rgba(46, 46, 46, 0);
  z-index: 2;
}

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

.oed .page.page-51 > .layer.layer-52 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(43, 43, 43, 0);
  z-index: 1;
}

.oed .page.page-51 > .layer.layer-52 > .element.image-53 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-2-hidrovia-s-francisco.png);
  z-index: 1;
}

.oed .page.page-51 > .layer.layer-52 > .element.hotspot-96 {
  top: 7px;
  left: 13px;
  width: 98.9844px;
  height: 98.9844px;
  background-color: rgba(37, 37, 37, 0);
  z-index: 2;
}

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

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

.oed .page.page-54 > .layer.layer-55 > .element.image-56 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-3-caminho-das-tropas.png);
  z-index: 1;
}

.oed .page.page-54 > .layer.layer-55 > .element.hotspot-97 {
  top: -5px;
  left: 2px;
  width: 120px;
  height: 107.969px;
  background-color: rgba(17, 17, 17, 0);
  z-index: 2;
}

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

.oed .page.page-57 > .layer.layer-58 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(42, 42, 42, 0);
  z-index: 1;
}

.oed .page.page-57 > .layer.layer-58 > .element.image-59 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-5-trilha.png);
  z-index: 1;
}

.oed .page.page-57 > .layer.layer-58 > .element.hotspot-98 {
  top: 4px;
  left: 10px;
  width: 101.992px;
  height: 100.977px;
  background-color: rgba(62, 62, 62, 0);
  z-index: 2;
}

.oed .page.page-60 {
  z-index: 17;
}

.oed .page.page-60 > .layer.layer-61 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(47, 47, 47, 0);
  z-index: 1;
}

.oed .page.page-60 > .layer.layer-61 > .element.image-62 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-6-transamazonica.png);
  z-index: 1;
}

.oed .page.page-60 > .layer.layer-61 > .element.hotspot-99 {
  top: 21px;
  left: 55px;
  width: 102.969px;
  height: 107.988px;
  background-color: rgba(22, 22, 22, 0);
  z-index: 2;
}

.oed .include.include-80 {
  z-index: 18;
}

.oed .include.include-80 > .layer.layer-81 {
  top: 0px;
  left: 0px;
  width: 137.949px;
  height: 106.973px;
  background-color: rgba(44, 44, 44, 0);
  z-index: 1;
}

.oed .include.include-80 > .layer.layer-81 > .element.hotspot-82 {
  top: 5.99219px;
  left: 6.98828px;
  width: 127.988px;
  height: 98.9844px;
  background-color: rgba(19, 19, 19, 0);
  z-index: 1;
}

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

.oed .page.page-100 > .layer.layer-101 {
  width: 1024px;
  height: 768px;
  top: 00px;
  left: 00px;
  background-color: rgba(28, 28, 28, 0);
  z-index: 1;
}

.oed .page.page-100 > .layer.layer-101 > .element.image-102 {
  width: 1024px;
  height: 768px;
  background-image: url(../images/foto-4-rota-das-mocoes.png);
  z-index: 1;
}

.oed .page.page-100 > .layer.layer-101 > .element.hotspot-103 {
  top: 21.9922px;
  left: 5.98828px;
  width: 106.934px;
  height: 111.953px;
  background-color: rgba(17, 17, 17, 0);
  z-index: 2;
}