#map_canvas {
  width: 870px;
  height: 770px;
  background-color: #CCC;
  border-radius: 5px; }

#map_canvas2 {
  width: 100%;
  height: 810px;
  background-color: #CCC;
  border-radius: 5px; }

.map {
  position: relative; }
  .map .image {
    width: 870px; }
  .map .image2 {
    width: 100%; }
  .map .select {
    color: #333;
    margin-top: -760px;
    margin-bottom: -10px;
    width: 35%;
    position: relative;
    left: -25px; }
  .map ul {
    background: #fff;
    border-radius: 10px;
    color: #333;
    font-family: "Signika", sans-serif;
    font-size: 20px;
    font-weight: 600; }
    .map ul li {
      border: 1px solid #fff;
      border-bottom: 1px dotted #cccccc;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      line-height: 50px;
      padding-left: 20px;
      position: relative;
      transition: all 1s;
      width: 309px; }
      .map ul li .sh {
        display: none; }
      .map ul li:last-of-type {
        border: 0px; }
      .map ul li.place {
        color: #333333;
        height: 50px;
        overflow: hidden; }
        .map ul li.place ul {
          background: none;
          color: #fff; }
        .map ul li.place .bottomline {
          border-bottom: 1px solid #fff; }
      .map ul li.info {
        border-bottom: 0px;
        border-radius: 0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        color: #fff;
        height: 325px;
        position: relative;
        z-index: 9;
        top: -2px;
        width: 309px; }
        .map ul li.info .eng {
          position: absolute;
          right: 13px;
          top: 76px;
          border-radius: 100%;
          overflow: hidden;
          z-index: 999; }
        .map ul li.info ul {
          border-radius: 0px; }
        .map ul li.info .sh {
          position: relative;
          display: block; }
      .map ul li .eng {
        position: absolute;
        right: 46px;
        top: -2px;
        border-radius: 100%;
        overflow: hidden; }
      .map ul li.activeli {
        background: #f2f2f2;
        border-top: 1px solid #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-left: -40px;
        padding-left: 0px;
        margin-top: 0;
        position: relative;
        height: 350px; }
        .map ul li.activeli ul {
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 16px;
          line-height: 18px;
          font-weight: 400;
          margin-bottom: 20px;
          padding-bottom: 10px;
          padding-top: 20px;
          position: relative; }
          .map ul li.activeli ul:after {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: url("../images/dotted.png") repeat-x; }
          .map ul li.activeli ul li {
            border: none;
            line-height: 20px; }
            .map ul li.activeli ul li a {
              color: #333; }
        .map ul li.activeli .title {
          border-bottom: 1px solid #fff; }
          .map ul li.activeli .title span {
            padding-left: 20px; }
        .map ul li.activeli .profile {
          float: left;
          margin-right: 10px;
          width: 80px;
          height: 80px;
          overflow: hidden;
          border-radius: 180px; }
          .map ul li.activeli .profile img {
            height: 80px !important;
            overflow: hidden; }
        .map ul li.activeli .bossframe {
          height: 100px;
          padding-left: 30px;
          width: 250px; }
        .map ul li.activeli .boss {
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 18px;
          line-height: 15px;
          padding-bottom: 10px; }
        .map ul li.activeli .bossname {
          color: #333;
          font-family: "Signika", sans-serif;
          font-size: 18px;
          font-weight: 300;
          line-height: 15px; }
  .map .arrow {
    margin-right: 20px;
    margin-top: -50px;
    text-align: right; }
  .map .arrow2 {
    margin-right: 20px;
    margin-top: -50px;
    text-align: right; }
    .map .arrow2 img {
      transition: 0.5s all; }

.map2 {
  background: #99dbb9;
  position: relative; }
  .map2 .image {
    width: 870px; }
  .map2 .image2 {
    width: 100%; }
  .map2 .select {
    color: #333;
    margin-top: -760px;
    margin-bottom: -10px;
    width: 35%; }
  .map2 ul {
    background: #fff;
    border-radius: 10px;
    color: #333;
    font-family: "Signika", sans-serif;
    font-size: 20px;
    font-weight: 600; }
    .map2 ul li {
      border: 1px solid #fff;
      border-bottom: 1px dotted #cccccc;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      line-height: 50px;
      padding-left: 20px;
      position: relative;
      transition: all 1s; }
      .map2 ul li:last-of-type {
        border: 0px; }
      .map2 ul li.place {
        color: #333333;
        height: 50px;
        overflow: hidden; }
        .map2 ul li.place ul {
          background: none;
          color: #fff; }
        .map2 ul li.place .bottomline {
          border-bottom: 1px solid #fff; }
      .map2 ul li.info {
        border-bottom: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        background: #00a650;
        color: #fff;
        height: 315px; }
        .map2 ul li.info ul {
          border-radius: 0px; }
      .map2 ul li.activeli {
        background: #f2f2f2;
        border-top: 1px solid #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-left: -40px;
        padding-left: 0px;
        height: 350px; }
        .map2 ul li.activeli ul {
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 20px;
          font-weight: 400;
          margin-bottom: 20px;
          padding-bottom: 10px;
          padding-top: 20px; }
          .map2 ul li.activeli ul li {
            border: none;
            line-height: 20px; }
        .map2 ul li.activeli .line {
          background: url(https://www.alamakota.edu.pl/wp-content/themes/amk/css/images/news/line.png) repeat-x;
          height: 1px;
          display: block; }
        .map2 ul li.activeli .title {
          border-bottom: 1px solid #fff; }
          .map2 ul li.activeli .title span {
            padding-left: 20px; }
        .map2 ul li.activeli .profile {
          float: left;
          margin-right: 10px; }
        .map2 ul li.activeli .bossframe {
          height: 100px;
          padding-left: 30px;
          width: 250px; }
        .map2 ul li.activeli .boss {
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 18px;
          line-height: 15px;
          padding-top: 20px;
          padding-bottom: 10px; }
        .map2 ul li.activeli .bossname {
          color: #333;
          font-family: "Signika", sans-serif;
          font-size: 18px;
          font-weight: 300;
          line-height: 15px;
          padding-left: 90px; }
  .map2 .arrow {
    margin-right: 20px;
    margin-top: -50px;
    text-align: right; }
  .map2 .arrow2 {
    margin-right: 20px;
    margin-top: -30px;
    margin-bottom: 25px;
    text-align: right; }

.map3 {
  background: #99dbb9;
  position: relative; }
  .map3 .image {
    width: 870px; }
  .map3 .image2 {
    width: 100%; }
  .map3 .select {
    color: #333;
    margin-top: -760px;
    margin-bottom: -10px;
    width: 35%; }
  .map3 ul {
    background: #fff;
    border-radius: 10px;
    color: #333;
    font-family: "Signika", sans-serif;
    font-size: 20px;
    font-weight: 600; }
    .map3 ul li {
      border: 1px solid #fff;
      border-bottom: 1px dotted #cccccc;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      line-height: 50px;
      padding-left: 20px;
      position: relative;
      transition: all 1s; }
      .map3 ul li:last-of-type {
        border: 0px; }
      .map3 ul li.place {
        color: #333333;
        height: 50px;
        overflow: hidden; }
        .map3 ul li.place ul {
          background: none;
          color: #fff; }
        .map3 ul li.place .bottomline {
          border-bottom: 1px solid #fff; }
      .map3 ul li.info {
        border-bottom: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background: #ff0000;
        color: #fff;
        height: 315px; }
        .map3 ul li.info ul {
          border-radius: 0px; }
      .map3 ul li.activeli {
        background: #f2f2f2;
        border-top: 1px solid #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-left: -40px;
        padding-left: 0px;
        height: 350px; }
        .map3 ul li.activeli ul {
          border-bottom: 1px dotted #cccccc;
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 20px;
          font-weight: 400;
          margin-bottom: 20px;
          padding-bottom: 10px;
          padding-top: 20px; }
          .map3 ul li.activeli ul li {
            border: none;
            line-height: 20px; }
        .map3 ul li.activeli .title {
          border-bottom: 1px solid #fff; }
          .map3 ul li.activeli .title span {
            padding-left: 20px; }
        .map3 ul li.activeli .profile {
          float: left;
          margin-right: 10px; }
        .map3 ul li.activeli .bossframe {
          height: 100px;
          padding-left: 30px;
          width: 250px; }
        .map3 ul li.activeli .boss {
          color: #333;
          font-family: "PT Sans", sans-serif;
          font-size: 18px;
          line-height: 15px;
          padding-top: 20px;
          padding-bottom: 10px; }
        .map3 ul li.activeli .bossname {
          color: #333;
          font-family: "Signika", sans-serif;
          font-size: 18px;
          font-weight: 300;
          line-height: 15px;
          padding-left: 90px; }
  .map3 .arrow {
    margin-right: 20px;
    margin-top: -50px;
    text-align: right; }
  .map3 .arrow2 {
    margin-right: 20px;
    margin-top: -30px;
    margin-bottom: 25px;
    text-align: right; }

.pl-name {
  background: #fff;
  transition: 0.3s background;
  padding-left: 20px; }

.info .pl-name {
  background: #00adef;
  padding-top: 2px; }

.map ul, .map2 ul, .map3 ul {
  list-style-type: none !important; }
.map ul li, .map2 ul li, .map3 ul li {
  transition: margin 0s, height 0.3s; }
.map ul li.place, .map2 ul li.place, .map3 ul li.place {
  padding-left: 0;
  width: 100%; }
.map ul li.place ul, .map2 ul li.place ul, .map3 ul li.place ul {
  margin: 0; }
.map ul li.info, .map2 ul li.info, .map3 ul li.info {
  margin-top: -2px; }
.map ul li.activeli, .map2 ul li.activeli, .map3 ul li.activeli {
  margin-left: 0;
  padding-top: 25px; }

/*# sourceMappingURL=maps.css.map */