html {
  scroll-behavior: smooth; /* Powoduje płynne przewijanie strony np. przy skoku do jakiejś zakładki: <a href="sekcja2"></a> */
}

body {
  margin: auto; /* Musi być, aby nie było np. białego maginesu wokół mapy i suwaka z prawej strony, albo marginesu z lewej strony menu górnego */
  padding-top: 60px;
  padding-bottom: 60px;
  font-family: Calibri, Helvetica, Sans-serif;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid black;
  padding: 5px;
}

td {
  text-align: center;
}

a {
  outline: none;
}

p {
  margin-bottom: 0;
}

ul, ol {
  margin-top: 5px;
  margin-bottom: 5px;
}

.zakladka {
  position: absolute;
  top: -50px;
  left: 0px;
}

.kontenerOpis {
  position: relative;
  border: solid 1px;
  margin: 10px;
  margin-bottom: 50px;
  padding: 10px;
  background-color: rgba(215, 215, 215, 0.4);
}

.tytul {
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  text-shadow: 2px 2px 2px grey;
}

.podtytul {
  font-size: 160%;
  text-shadow: 2px 2px 2px grey;
  text-align: center;
}

#tabKraje {
  margin: 0px auto;
}

#tabKraje .naglowek {
  background: #cfe2cf;
}

#tabKraje .wiersz {
  background: #f1f1c1;
}