body {
  margin: 0; /* Aby nie było białej ramki (marginesu) wokół zawartości strony. */
  font-family: Calibri, Sans-serif;
}

.ukryty {
  visibility: hidden;
}

#kontener-strony {
  height: 100vh; /* Aby zajmował całą wysokość strony. */
  display: flex; /* Aby wewnętrzne kontenery (elementy div) były obok siebie, a nie jeden pod drugim. */
}

#kontener-lewy {
  width: 275px;
  flex-shrink: 0; /* Konieczne, aby szerokość lewego kontenera faktycznie wynosiła tyle, ile określa width. */
  overflow: auto; /* Aby przy zawartości przekraczającej wysokość okna pojawił scrollbar z lewej strony lewego kontenera. */
  resize: horizontal; /* Aby na krawędzi między kontenerami (u dołu) był uchwyt umożliw. zmianę szer. obu kontenerów jednocześnie. */
  background-color: rgb(233, 236, 139); /* Pastelowy kremowy żółty */
  border-right: 1px solid black;
  text-align: center;
}

#kontener-prawy {
  position: relative; /*Konieczne, aby komunikat o ładowaniu danych wypośrodkował się. */
  width: 100%; /* Musi być 100%, aby przy zmianie rozmiaru (resize: horizontal) oba kontenery wypełniały cały kontener strony. */
  overflow: auto; /* Aby przy zawartości przekraczającej wysokość okna pojawił scrollbar z lewej strony lewego kontenera. */
  background-color: rgb(233, 236, 239); /* Jasnoszary */
}

#logo {
  width: 200px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#panel-szukaj-adres {
  box-sizing: border-box;
  width: 260px;
  margin: 0px auto; /* Aby wypośrodkować w kontenerze lewym. */
  padding: 5px 10px 10px 10px;
  background-color: rgb(194, 230, 115); /* Jasna, żywa limonka */
  border: 1px solid black;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.4); /* Przesunięcie w prawo | Przesunięcie w dół | Rozmycie */
}

#panel-szukaj-adres div:nth-child(1) {
  margin-bottom: 5px
  font-weight: bold;
}

#panel-szukaj-adres div:not(:first-child) {
  margin-top: 5px;
  text-align: left;
  font-size: 0.8em;
}

#panel-szukaj-adres select {
  width: 240px;
  cursor: pointer;
  font-size: 0.75em;
  margin: 0px;
}

#ilosc-tytul {
  display: table;
  margin: 0px auto 5px auto;
  padding: 5px;
  border: 1px solid black;
  font-weight: bold;
}

#ilosc-tytul,
#ilosc-miejscowosc-razem,
#ilosc-ulicaplac-razem,
#ilosc-punktadresowy-razem {
  text-align: center;
}

#data-aktual {
  margin-top: 10px;
  text-align: center;
}

#data-poprz {
  text-align: center;
}

#autor-strony {
  margin-top: 10px;
  text-align: center;
}

#kontener-mapy {
  width: 100%;
  height: 100%; /* Wymagane (!!!) dla kontenera mapy. */
}

#ladowanie {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid; /* Musi być! */
  border-width: 1px;
  background-color: yellow;
  padding: 5px;
  font-size: 25px;
  font-weight: bold;
}

#dymek {
  padding: 0px 10px; /* top & bottom | left & right */
  color: white;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}