body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  background-image: url("../images/bg.jpg");
  background-repeat: repeat-x; }

.cf {
  clear: both; }

.hidden {
  visibility: hidden; }

.right {
  text-align: right; }

.underline {
  text-decoration: underline; }

header {
  width: 100%; }
  header .top {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    position: relative; }
    header .top .background {
      z-index: 6;
      padding: 0;
      margin: 0 auto;
      width: 880px;
      min-height: 320px;
      background-image: url("../images/top6.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      position: relative; }
      header .top .background .circle {
        width: 191px;
        height: 191px;
        background-image: url("../images/PTTK_logo.png");
        background-size: contain;
        position: absolute;
        top: 78px;
        left: 162px;
        border-radius: 50%;
        box-shadow: 0px 0px 20px 3px #000; }
    header .top .static-img {
      z-index: 2;
      width: 251px;
      height: 334px;
      position: absolute;
      top: 0;
      left: 63px;
      background-image: url("../pictures/zdj10.jpg");
      background-size: cover;
      background-position: top right; }
    header .top .images {
      z-index: 2;
      position: absolute;
      top: 9px;
      left: 310px;
      width: 627px;
      height: 242px;
      background-size: cover;
      background-position: center;
      opacity: 0;
      transition: opacity .83s ease-in-out; }
    header .top .images.i1 {
      background-image: url("../pictures/zdj1.JPG"); }
    header .top .images.i2 {
      background-image: url("../pictures/zdj2.JPG"); }
    header .top .images.i3 {
      background-image: url("../pictures/zdj3.JPG"); }
    header .top .images.i4 {
      background-image: url("../pictures/zdj4.JPG"); }
    header .top .images.i5 {
      background-image: url("../pictures/zdj5.JPG"); }
    header .top .images.i6 {
      background-image: url("../pictures/zdj6.JPG"); }
    header .top .images.i7 {
      background-image: url("../pictures/zdj7.JPG"); }
    header .top .images.i8 {
      background-image: url("../pictures/zdj8.JPG"); }
    header .top .images.i9 {
      background-image: url("../pictures/zdj9.jpg"); }
    header .top .images.i10 {
      background-image: url("../pictures/zdj10.jpg"); }
    header .top .images.i11 {
      background-image: url("../pictures/zdj11.jpg"); }
    header .top .images.i12 {
      background-image: url("../pictures/zdj12.JPG"); }
    header .top .images.i13 {
      background-image: url("../pictures/zdj13.JPG"); }
    header .top .images.active {
      opacity: 1;
      transition: opacity .83s ease-in-out; }
    header .top p.inner {
      position: absolute;
      top: 320px;
      right: 64px;
      padding: 0 20px;
      width: 564px;
      line-height: 22px;
      font-size: 18px;
      color: #eee;
      z-index: 7;
      margin: 0;
      text-align: right; }
    header .top h1 {
      z-index: 6;
      width: 604px;
      margin: 0;
      padding: 0;
      position: absolute;
      font-size: 22px;
      color: #fff;
      right: 64px;
      top: 254px;
      text-transform: none;
      text-align: center;
      line-height: 20px; }

main .container {
  width: 1000px;
  margin: 0 auto;
  padding: 0; }
  main .container .brd {
    width: 874px;
    margin: 0 auto;
    padding: 0;
    border-left: 3px solid #E9E9E9;
    border-right: 3px solid #E9E9E9; }
    main .container .brd .menu-container {
      min-height: 490px;
      width: 269px;
      float: left;
      background-image: url("../images/nav_bg.png");
      position: relative;
      z-index: 7; }
      main .container .brd .menu-container .menu {
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none; }
        main .container .brd .menu-container .menu li {
          opacity: .75;
          color: #0d6937;
          margin: 20px;
          font-weight: 700;
          height: 19px; }
          main .container .brd .menu-container .menu li ul {
            list-style: none;
            height: 0;
            padding: 0;
            opacity: 0;
            transition: all .6s ease-in-out; }
            main .container .brd .menu-container .menu li ul li {
              color: #0d6937; }
          main .container .brd .menu-container .menu li.hover {
            height: auto; }
            main .container .brd .menu-container .menu li.hover ul {
              padding: auto;
              margin: auto;
              opacity: 1;
              height: auto; }
          main .container .brd .menu-container .menu li a {
            text-decoration: none;
            color: inherit;
            position: relative;
            display: block; }
          main .container .brd .menu-container .menu li:hover {
            opacity: 1; }
          main .container .brd .menu-container .menu li.drop {
            cursor: pointer; }
    main .container .brd .main-container {
      min-height: 490px;
      width: 605px;
      float: right;
      background-image: url("../images/content_bg.png");
      background-repeat: no-repeat;
      background-color: #387E00;
      box-sizing: border-box;
      padding: 30px;
      color: #efefef;
      text-align: justify; }
      main .container .brd .main-container h1,
      main .container .brd .main-container h2 {
        font-size: 28px;
        margin: 40px 0 0;
        padding: 5px; }
      main .container .brd .main-container h2 {
        font-size: 24px; }
        main .container .brd .main-container h2 a {
          color: inherit; }
      main .container .brd .main-container .secondary {
        color: #BFCAA3; }
      main .container .brd .main-container .center {
        text-align: center;
        font-size: 26px; }
      main .container .brd .main-container .spacing {
        letter-spacing: 3px; }
      main .container .brd .main-container strong {
        font-size: 20px; }
      main .container .brd .main-container a {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        display: inline-block;
        transition: box-shadow .2s ease; }
      main .container .brd .main-container a:hover {
        box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.2); }
      main .container .brd .main-container .galery h2 {
        text-align: left; }
      main .container .brd .main-container .zarzad {
        font-size: 22px; }
        main .container .brd .main-container .zarzad em.strong {
          font-weight: 700; }
      main .container .brd .main-container .sezon h2 {
        text-align: center; }
      main .container .brd .main-container .sezon time {
        display: block; }
      main .container .brd .main-container .news h2 {
        text-align: center; }
      main .container .brd .main-container .dekalog ul {
        list-style-type: upper-roman;
        padding: 0;
        margin: 0; }
        main .container .brd .main-container .dekalog ul ol {
          padding: 30px 0 0; }
          main .container .brd .main-container .dekalog ul ol::before {
            content: attr(data-i);
            display: block;
            text-align: center;
            padding: 10px; }

.bottom .container {
  width: 1000px;
  margin: 0 auto;
  padding: 0; }
  .bottom .container .bg {
    width: 880px;
    height: 160px;
    margin: 0 auto 50px;
    background-image: url("../images/footer_bg.png");
    position: relative; }
    .bottom .container .bg p {
      margin-top: 100px;
      text-align: center;
      position: absolute;
      opacity: .8;
      left: 0;
      right: 0; }

.images-galery {
  display: flex;
  flex-wrap: wrap; }
  .images-galery .info {
    display: none; }
  .images-galery .active ~ .info {
    display: block;
    position: fixed;
    top: 0;
    font-size: 22px;
    z-index: 16;
    cursor: pointer; }
  .images-galery .image-container {
    max-width: 45%;
    margin: 10px; }
    .images-galery .image-container img {
      max-width: 100%;
      cursor: pointer; }
    .images-galery .image-container.active {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 15;
      background: rgba(0, 0, 0, 0.4);
      margin: 0;
      max-width: 100%; }
      .images-galery .image-container.active img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); }

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