body{
  font-family: 'Poppins', sans-serif;
  background: #000;
  color:#fff;
  font-size: 16px;
}

.mobile-schowaj{

}
@media only screen and (max-width: 900px)  {
  .mobile-schowaj{
    display: none;
  }
}

.wcag-tab-menu{
  position: fixed;
  top:0;
  left:0;
  /*width:100%;*/
  /*height:100%;*/
  background: black;
  z-index: 100;
  text-align: center;
  display: none;
}
  .wcag-tab-menu-kontaner{
    display: block;
    margin:30px;
  }
    .wcag-tab-menu-kontaner ul{
      margin: 0 auto;
      padding: 0;
      max-width: 600px;
    }
      .wcag-tab-menu-kontaner ul li{
        display: block;
        list-style-type: none;
        text-align: left;
      }
        .wcag-tab-menu-kontaner ul li a{
          display: block;
          background: yellow;
          color: #000;
          text-decoration: none;
          margin: 4px 0;
          padding: 14px 24px;
          border-radius: 4px;
          font-weight: bold;
          font-size: 90%;
          border: 3px dashed yellowgreen;
        }
          .wcag-tab-menu-kontaner ul li a:focus, .wcag-tab-menu-kontaner ul li a:hover{
            border: 3px dashed yellowgreen;
            background: black;
            color: yellow;
          }
        .wcag-tab-menu-kontaner ul li .mdi{
          font-size: 130%;
          margin-right: 14px;
        }
        .wcag-tab-menu-kontaner ul li img{
          width: 23px;
          margin-right: 10px;
        }

.kontakty{
  padding: 20px 0;
}
  .kontakty p{
    color: #fff;
    font-size: 80%;
    margin: 10px 0;
    vertical-align: middle;
  }
    .kontakty p .mdi{
      color: greenyellow;
      font-size: 160%;
      margin-right: 30px;
      margin-left: 10px;
      vertical-align: middle;
    }
    .menu-wcag{

    }
      .menu-wcag ul{
        margin: 10px 0;
        padding: 0;
      }
        .menu-wcag li{
          list-style-type: none;
          display: inline-block;
          margin: 0;
          padding: 0;
          color: #fff;
          font-size: 80%;
          vertical-align: middle;
        }
        .menu-wcag li a{
          color: yellow;
          padding: 0 10px;
          font-size: 160%;
        }
          .menu-wcag li a:hover, .menu-wcag li a:focus{
            color: yellowgreen;
          }

@media only screen and (max-width: 900px)  {
  .menu-wcag{
    margin-bottom: 30px;
    text-align: center;
  }
}

.naglowek{
  min-height: 650px;
  position: relative;
  padding: 200px 0 120px;
  display: none;
}
  .naglowek-fala-gora{
    position: absolute;
    left:0;
    top: 0;
    width:100%;
    height: 186px;
    background: url('..//img/naglowek-fala-gora.png') bottom center;
    z-index: 10;
    display: none;
  }
  .naglowek-fala-dol{
    position: absolute;
    left:0;
    bottom: 0;
    width:100%;
    height: 180px;
    background: url('..//img/naglowek-fala-dol.png') top center;
    z-index: 10;
    display: none;
  }
  .naglowek-fala-za-logo{
    position: relative;
    width: 100%;
    display: block;
  }
  .naglowek-fala{
    position: absolute;
    top:-140px;
    left:0;
    z-index: 5;
    display: block;
    width: 100%;
    min-height: 550px;
    background: url('..//img/naglowek-fala-za-logo.png') top center repeat-y;
    background-size: 100%;
    padding: 90px;
    text-align: center;
  }
    .logo-poradni{
      margin-top: 70px;
      display: block;
    }

.kontrast-header{

}
  .kontrast-header h1{
    margin: 20px auto 40px;
    font-weight: bold;
    font-size: 190%;
    text-align: center;
  }
  .kontrast-header h6{
    font-size: 80%;
    margin-bottom: 20px;
    text-align: center;
    color: lightpink;
  }

.menu-glowne{
  display: block;
  width: 100%;
  padding: 10px;
  position: relative;
}
  .menu-glowne img{
    display: none;
  }
  .menu-glowne ul{
    margin: 0 0 40px;
    padding: 0;
  }
    .menu-glowne li{
      list-style-type: none;
      margin: 2px 0;
      padding: 0;
    }
      .menu-glowne li a{
        display: block;
        background: yellow;
        color: #000;
        font-weight: bold;
        padding: 8px;
        text-decoration: none;
        border-bottom: 1px dashed #000;
        border-left: 3px solid transparent;
      }
        .menu-glowne li a:hover, .menu-glowne li a:focus{
          color: yellow;
          background: black;
        }
        .menu-glowne a.sub{
          padding-left: 10px;
          margin-left: 20px;
          font-size: 90%;
          font-weight: normal;
          background: yellowgreen;
        }
          .menu-glowne a.sub:before{
            content: '- ';
          }

        .menu-napis{
          margin: 30px 0 10px;
        }
        .menu-glowne p{
          color: #fff;
          font-size: 80%;
          line-height: 1.4em;
        }
        .menu-linia{
          display: block;
          width: 100%;
          height: 2px;
          background: yellow;
          margin: 30px 0 20px;
          opacity: 0.5;
        }
        .menu-cytat{
          font-weight: normal;
          font-style: italic;
        }
          .menu-cytat .autor{
            display: block;
            font-weight: bold;
            color: yellowgreen;
            margin-top: 6px;
          }

.rozwin-schowaj-menu-glowne{
  display: none;
  width: 100%;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  background: yellowgreen;
  color: black;
  text-align: center;
  padding: 8px 14px;
  border-radius: 5px;
  margin-bottom: 30px;
}
.rozwin-schowaj-menu-glowne:hover, .rozwin-schowaj-menu-glowne:focus{
  color: yellow;
  background: black;
}

@media only screen and (max-width: 900px)  {
  .menu-glowne{
    padding: 70px 110px;
  }
  .menu-glowne ul{
    display: none;
  }
  .rozwin-schowaj-menu-glowne{
    display: block;
  }
}

.boczny-baner{
  width: 100%;
  margin: 10px 0 20px;
  border-radius: 14px;
  background: yellowgreen;
  color: black;
  font-weight: bold;
  padding: 12px 16px 9px;
  text-decoration: none;
  overflow: hidden;

  display: flex;
  justify-content: center;
}
  .boczny-baner:hover, .boczny-baner:focus{
    opacity: 0.9;
    background: yellow;
    color: black;
  }
  .boczny-baner img
  {
    float:left;
    margin-right: 10px;
    display:none;
  }
  .boczny-baner h3{
    font-weight: bold;
    font-size: 80%;
    margin: 10px 0 10px !important;
  }

.stopka{
  padding-top: 40px;
  padding-bottom: 60px;
  color: #fff;
}
  .stopka p{
    font-size: 85%;
    margin: 0 0 14px !important;
  }
  .stopka-napis{
    display: block;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .do-gory{
    display: block;
    float: right;
    font-size: 200%;
    color: yellow;
    margin-top: 60px;
  }
  .do-gory:hover, .do-gory:focus{
    color: black;
    background: yellow;
  }
  .stopka-linia{
    display: block;
    width: 100%;
    margin: 30px 0;
    height:2px;
    background: yellowgreen;
  }
  .cpr p{
    color: #e2cc9b;
  }
  .a-cpr{
    display: inline-block;
    color: yellow;
    text-decoration: none;
    border-bottom: 1px solid yellow;
    font-weight: bold;
  }
    .a-cpr:hover, .a-cpr:focus{
      color: black;
      background: yellow;
      border-color: black;
      text-decoration: none;
    }
    .cpr img{
      filter: invert();
    }

.news-start{
  margin: 10px 0 30px;
  padding: 120px 30px 40px;
  font-size: 85%;
  color: #fff3cd;
}
  .news-start a{
    text-decoration: none;
  }
  .news-start a h2{
    color: yellow;
    font-weight: bold;
    font-size: 130%;
    line-height: 1.4em;
  }
    .news-start a h2:hover, .news-start a:focus h2{
      color: yellow;
      border: 0 !important;
    }
  .news-data{
    color: lightsalmon;
  }
  .news-wstep{
    color: #fff;
    line-height: 1.4em;
  }
  .news-img{
    border-radius: 14px;
  }
  .news-btn{
    background: yellow;
    color: black;
    display: inline-block;
    padding: 8px 14px;
    border-radius: 3px;
    font-weight: bold;
    float: right;
  }
    .news-btn:hover, .news-btn:focus{
      color: yellow;
      background: black;
    }

.art{
  display: block;
  width: 100%;
  padding: 20px 40px 40px;
  color: #F1F1F1;
  font-size: 90%;
}
  .art h1, .art h2, .art h3{
    font-weight: bold;
    margin: 20px 0 10px;
    line-height: 1.4em;
  }
    .art h1{
      font-size: 200%;
    }
    .art h2{
      font-size: 160%;
    }
    .art h3{
      font-size: 130%;
    }
  .art p{
    margin: 14px 0 18px;
    line-height: 1.4em;
  }
  .art ul, .art ol{
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0;
  }
    .art li{
      margin: 4px 0 14px 40px;
    }
  .art p a, .art li a, .art table a{
    color: black;
    font-weight: bolder;
    background: yellow;
    text-decoration: none;
  }
    .art p a:hover, .art p a:focus, .art li a:hover, .art li a:focus, .art table a:hover, .art table a:focus{
      color: yellow;
      background: black;
    }
    .art-wstep{
      font-weight: normal;
      background: #333;
      padding: 14px;
      margin-left:-14px !important;
      margin-right:-14px !important;
    }

.table{

}
  .table td, .table th{
    border:1px solid brown !important;
  }

    .pop-i-nast{
      margin: 0;
      padding: 0;
      width:100%;
      background: #e3d1aa;
    }
      .pop-i-nast li{
        display: inline-block;
        list-style-type: none;
        padding: 0;
        margin: 0;
        width:49%;
        vertical-align: middle;
      }
        .pop-i-nast a{
          display: block;
        }
          .pop-i-nast a span{
            display: block;
            /*font-weight: bolder;*/
            font-size: 80%;
            margin: 12px 10px 4px 10px;
          }
          .pop-i-nast h4{
            font-weight: 600;
            font-size: 110%;
            margin: 4px 10px 14px 10px;
          }
          .pop-i-nast li:last-child{
            text-align: right;
          }

.tutaj{
  margin: 0 0 20px!important; ;
  border-bottom: 1px solid #cbb88f !important;
  padding: 0 !important;
}
  .tutaj li{
    list-style-type: none !important;
    display: inline-block !important;
    font-size: 85% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
    .tutaj a:after{
      content: ' / ';
      display: inline-block !important;
      padding-left: 10px;
    }
    .tutaj a{
      display: block;
      color: #762727;
      border: 0px !important;
      text-decoration: none;
      font-weight: bolder;
      padding: 0px 6px;
    }
      .tutaj a:hover, .tutaj a:focus{
        text-decoration: none;
        color: #8e1010;
        border: 0px !important;
      }

.pagination{
  margin: 0 !important;
  padding: 0 !important;
}
  .pagination li{
    display: inline-block !important;
    margin: 2px;
  }
  .pagination a{
    display: block;
    background: yellow;
    color: black;
    border: 1px solid transparent;
  }
  .pagination .active a, .pagination .active a:hover, .pagination .active a:focus{
    background: black !important;
    color: yellow !important;
    border: 1px solid transparent !important;
  }

  .okno-nowego-okna{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.9);
  z-index: 500;
  text-align: center;
  margin: 0 auto;
  display: none;
}
  .okno-nowego-okna .kontener{
    margin: 5% auto;
    border:6px dashed yellow;
    border-radius: 14px;
    padding: 40px;
    width: 100%;
    max-width: 800px;
    background: #000;
    color: #fff3cd;
  }
    .okno-nowego-okna .kontener h2{
      font-weight: bold;
      font-size: 110%;
    }
    .okno-nowego-okna .kontener p{
      margin: 20px auto;
      color: #4c3f19;
      font-size: 95%;
    }
    .okno-nowego-okna a{
      display: inline-block;
      background: brown;
      padding: 9px 15px;
      border-radius: 12px;
      color: whitesmoke;
      font-weight: bolder;
      text-decoration: none;
      margin: 0 14px;
    }
    .okno-nowego-okna code{
      font-weight: bolder;
      font-size: 110%;
    }

.belka-cookie{
  position: fixed;
  bottom:0;
  left: 0;
  width:100%;
  display: block;
  z-index: 50;
  background: #8f6d21;
  color: #fff !important;
  padding: 10px;
}
  .belka-cookie p{
    margin: 0;
    padding: 10px 0;
    font-size: 75%;
    text-align: center;
  }
  .belka-cookie a{
    display: inline-block;
    padding: 3px 7px;
    background: #c1be52;
    color: #000;
    font-weight: bolder;
    border-radius: 4px;
    margin-left: 20px;
    border-bottom: 0px;
    text-decoration: none;
  }
    .belka-cookie a:hover{
      background: #855d01;
      color: #fff;
    }


/* ----*/
.dolacz-galerie {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 10px auto 20px;
  padding: 0;
}
.dolacz-galerie li {
  list-style-type: none;
  float: left;
  width: 100px;
  margin: 1px 1px 1px 0;
  text-align: center;
  overflow: hidden;
  display: inline-block;
}
.dolacz-galerie li .dolacz-galerie-img {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.nazwa-galerii {
  font-weight: bold;
  margin: 14px 0 10px;
  overflow: hidden;
  font-size: 160%;
  line-height: 1.5em;
}
.opis-galerii {
  font-weight: bold;
  margin: 14px 0 10px;
  overflow: hidden;
  line-height: 1.5em;
}

.galeria-lista{

}

.galeria-lista li{
  margin:14px 0 14px 30px;
}

.btn-group{
  display: block !important;
  overflow: hidden !important;
  margin: 30px 0;
}

.dolacz-plik-block{
  display:block;
  border:1px solid #555;
  border-radius:6px;
  padding:14px 5px;
  background:#222;
  overflow:hidden;
  font-size:90%;
  line-height:1.5em;
  margin:4px 0 14px;
}
.dolacz-plik-block a{
  font-weight:bold;
}
.dolacz-plik-ikona{
  float:left;
  margin:0 5px 10px 0;
  width:70px;
}
.dolacz-plik-block strong{
  color:yellowgreen;
}
.dolacz-plik-block .dolacz-plik-ikona{
  width:60px;
  border: 0px !important;
  margin-right: 6px;
}
  .dolacz-plik-ikona img{
    max-width: 100%;
  }
/* ----*/

a:focus{
  border: 5px dashed yellow !important;
  background: black !important;
  color: #ff0 !important;
}