@charset "UTF-8";
html {
  height: 100%;
  background: #ffffff; }

nav {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 60px;
  padding-right: 0;
  padding-left: 0;
  mask-image: linear-gradient(90deg, #99cccc 0%, #009999 50%, #99cccc 100%); }

nav ul {
  text-align: center;
  background: linear-gradient(90deg, #99cccc 0%, #009999 50%, #99cccc 100%);
  box-shadow: 0 0 25px #009999,indet  0 1px white; }

nav ul li {
  display: inline-block; }

nav ul li a {
  padding: 30px;
  padding-right: 100px;
  padding-left: 100px;
  font-family: Polla;
  font-size: 30px;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  color: white; }

nav ul li a:hover {
  color: #009999;
  background: #99cccc;
  box-shadow: 0 0 10px #009999,inset 0 0 1px pink; }

.mid img {
  display: block;
  margin: 0 auto;
  float: right;
}

.who{
    clear: right;
    font-size: 50px;
    font-style: italic;
}

.informacje {
  margin-left: 30%; }
  .informacje td:first-child {
    margin-right: 15%;
    padding-right: 50px;
    text-align: center; }
  .informacje td:nth-child(2) img {
    height: 300px;
    width: 300px; }

.css_gallery {
  margin: 0 auto;
  width: 720px;
  /* szerokosc najszerszego zdjęcia + szerokosc miniatur + 40px luzu */
  position: relative;
  overflow: hidden; }

.css_gallery ul {
  list-style-type: none;
  width: 192px;
  /* szerokosc miniatur */
  height: 375px;
  /* wysokosc najwyzszego zdjecia + miejsce na ewentualny opis zdjec */
  overflow: auto;
  padding: 0;
  float: left;
  margin: 0 0 30px 0; }

.css_gallery li {
  display: block;
  width: 100px;
  /* szerokosc miniatury + ew. obramowanie obrazka */
  height: 100px;
  /* wysokosc miniatury + ew. obramowanie obrazka */
  padding: 5px 5px 5px 0;
  margin: 0; }

.css_gallery li img {
  border: 1px solid #000;
  max-width: 500px;
  max-height: 500px; }

.css_gallery li div {
  display: none; }

.css_gallery ul:hover li:first-child div {
  display: none; }

.css_gallery li:hover div
, .css_gallery ul li:first-child div
, .css_gallery ul li:first-child:hover div {
  display: block;
  position: absolute;
  left: 220px;
  /* szerokosc <ul> + padding <ul> + 20px */
  top: 0; }