body
{background-color: #ffffff; margin: 0;}

@media all and (min-width: 1200px){
#strona
{width: 1200px; margin-left: auto; margin-right: auto; background-color: white; font-size: 19px; font-family: "Inter",verdana; color: #4c4c4c; font-weight: normal; line-height: 1.6;}
#strona:after
{content: ''; display: block; clear: both;}
#tresc
{width: 1200px;}
#reklama1-mobile
{display: none;}
#reklama2-mobile
{display: none;}
#reklama3-mobile
{display: none;}
#reklama4-mobile
{display: none;}
/*Pasek menu górny*/
.MenuTop
{clear: both; width: 1200px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 10px 10px; background-color: #ffffff;}
/* style do menu sekcja */
.dzialy
{display: inline-block; width: 150px; background-color: #ffffff; padding: 8px; border-radius: 10px; border-width: 1px; border-style: solid; margin-left: 2px; margin-right: 2px; margin-bottom: 10px;}
A.linkDzialy
{font-size: 13px; font-weight: bold; color: #000000; font-family: "Inter",verdana; text-decoration: none; background: #fffff;}
A.linkDzialy:hover
{color: #f45000;}
.schemat
{width: 400px;}
}

@media all and (min-width:420px) and (max-width: 1199px){
#strona
{width: 94%; margin-left: auto; margin-right: auto; background-color: white; font-size: 19px; font-family: "Inter",verdana; color: #4c4c4c; font-weight: normal; line-height: 1.6;}
#strona:after
{content: ''; display: block; clear: both;}
#tresc
{width: 100%;}
#reklama1-desktop
{display: none;}
#reklama2-desktop
{display: none;}
#reklama3-desktop
{display: none;}
#reklama4-desktop
{display: none;}
/*Pasek menu górny*/
.MenuTop
{clear: both; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 10px 10px; background-color: #ffffff;}
/* style do menu sekcja */
.dzialy
{display: inline-block; width: 100px; height: 120px; background-color: #ffffff; padding: 8px; border-radius: 10px; border-width: 1px; border-style: solid; margin-left: 2px; margin-right: 2px; margin-bottom: 10px; vertical-align: top; line-height: 1.0;}
A.linkDzialy
{font-size: 12px; font-weight: bold; color: #000000; font-family: "Inter",verdana; text-decoration: none; background: #fffff;}
A.linkDzialy:hover
{color: #f45000;}
.schemat
{width: 400px;}
}

@media all and (max-width: 419px){
#strona
{width: 94%; margin-left: auto; margin-right: auto; background-color: white; font-size: 19px; font-family: "Inter",verdana; color: #4c4c4c; font-weight: normal; line-height: 1.6;}
#strona:after
{content: ''; display: block; clear: both;}
#tresc
{width: 100%;}
#reklama1-desktop
{display: none;}
#reklama2-desktop
{display: none;}
#reklama3-desktop
{display: none;}
#reklama4-desktop
{display: none;}
/*Pasek menu górny*/
.MenuTop
{clear: both; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 10px 10px; background-color: #ffffff;}
/* style do menu sekcja */
.dzialy
{display: inline-block; width: 100px; height: 120px; background-color: #ffffff; padding: 8px; border-radius: 10px; border-width: 1px; border-style: solid; margin-left: 2px; margin-right: 2px; margin-bottom: 10px; vertical-align: top; line-height: 1.0;}
A.linkDzialy
{font-size: 12px; font-weight: bold; color: #000000; font-family: "Inter",verdana; text-decoration: none; background: #fffff; line-height: normal;}
A.linkDzialy:hover
{color: #f45000;}
.schemat
{width: 90%;}
}

/*UNIWERSALNE USTAWIENIA*/

#opis
{
}

.stopka
{clear: both; width: 100%; padding: 20px; background-color: #c0c0c0; color: #000000; font-weight: bold; font-family: georgia,verdana; font-size: 14px; margin-bottom: 10px;}

.srodkuj
{text-align: center;}

.czarny
{color: #000000;}

.wklejfoto
{text-align: center; margin-top: 15px; margin-bottom: 15px;}

/* style do nowości na głównej stronie */

.nowosclewa
{clear: both; float: left; width: 46%; background-color: #ffffff; font-family: "Inter",verdana,georgia; color: #000000; border-width: 0px; padding: 5px; margin-left: 2%; margin-right: 2%;}

.nowoscdata
{background-color: #dadada; font-size: 14px; font-family: "Inter",verdana; color: #000000; border-radius: 10px; border-width: 0px; padding: 5px 15px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px;}

.nowoscprawa
{float: left; width: 46%; background-color: #ffffff; font-family: "Inter",verdana,georgia; color: #000000; border-width: 0px; padding: 5px; margin-left: 2%; margin-right: 2%;}

.nowoscparagraf
{margin-bottom: 15px;}

.listakropka
{list-style-type: disc; list-style-position: inside; margin-top: 10px; margin-bottom: 10px; padding: 0px 0px 0px 25px;}

/* style do wykazów opisów szlaków */

.wykazdata
{background-color: #dadada; font-size: 14px; font-family: "Inter",verdana; color: #000000; border-radius: 15px; padding: 5px 15px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; border-style: solid; border-width: 0px; border-color: #dadada;}

.wykazparagraf
{margin-bottom: 15px; margin-top: 0px;}

.wykazszlakow
{clear: both; width: 80%; background-color: #ffffff; font-family: "Inter",verdana; color: #000000; border-width: 0px; margin-left: auto; margin-right: auto;}

.wykazpodgrupa
{background-color: #000000; color: #ffffff; font-family: "Inter",verdana; border-radius: 15px; border-width: 0px; padding: 5px 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto;}

.header2podgrupa
{color: #ffffff; font-family: "Inter",verdana; font-size: 22px; padding: 0px;}

/* style do panoram w treści */

.header2panorama
{color: #f45000; font-family: "Inter",verdana; font-size: 22px; text-align: center; padding: 0px; margin-bottom: 15px;}

/* style do atrakcji,schronisk,szczytów */

.atrakcje
{clear: both; width: 100%; background-color: #ffffff; font-family: "Inter",verdana; color: #4c4c4c; border-width: 0px; margin-left: auto; margin-right: auto;}

.header2atrakcje
{background-color: #f45000; color: #000000; font-family: "Inter",verdana; font-size: 18px; text-align: center; border-radius: 15px; border-width: 0px; padding: 5px 15px; margin-bottom: 15px;}

.header3atrakcje
{background-color: #ffffff; color: #000000; font-family: ; font-size: 18px; text-align: center; margin-bottom: 15px; margin-top: 15px;}

/* numer pytania w quizach */
.numer
{font-size: 16px; font-weight: bold; color: black; text-decoration: underline;}

/* pytania w quizach */
.pytanie
{font-size: 16px; font-weight: bold; color: black;}

/* wynik w quizach */
.wynik
{font-size: 20px; font-weight: bold; color: white; background-color: black;}

/* tytuł w quizach */
.tytul
{font-size: 20px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; color: #000000;}

/* odpowiedzi w quizach */
.odp
{font-size: 16px; font-weight: normal; color: #0000bb;}

/* dobra odpowiedz w quizach */
.odpd
{font-size: 16px; font-weight: bold; color: green;}

/* zła odpowiedz w quizach */
.odpz
{font-size: 16px; font-weight: bold; color: red;}

/* style do menu sekcja */

.tekstdzialy
{width: 100%; text-align: center; color: #000000; font-family: "Inter",verdana; font-weight: bold; font-size: 22px; padding: 0px;}

.hrdzialy
{width: 60%; border-style: none; background-color: #f45000; height: 3px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}

/* style do spis treści */

.accordion {background-color: #ffffff; color: #000000; cursor: pointer; padding: 10px; width: 100%; border-style: solid; border-width: 1px 1px 0px 1px; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}

.accordion:after {content: 'Rozwiń'; font-size: 15px; color: #777; float: right; margin-left: 5px;}

.aktywny, .accordion:hover {background-color: #ffffff;}

.aktywny:after {content: "Zwiń";}

.panel {padding: 0 18px; background-color: #ffffff; border-style: solid; border-width: 0px 1px 1px 1px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; margin-bottom: 25px;
}

.panel:after {clear: both;}

/* style do numeracji stron */

.pagination a {color: black; float: left; margin-bottom: 25px; padding: 8px 16px; text-decoration: none; transition: background-color .3s;}

.pagination a.aktualna {background-color: dodgerblue; color: white;}

.pagination a:hover:not(.aktualna) {background-color: #ddd;}

.pagination:after {clear: both;}

/* style ogólne */

.header1
{clear: both; font family: "Inter",verdana; color: #f45000; font-size: 30px; padding: 20px 0px;}

.header2
{font family: "Inter",verdana; color: #000000; font-size: 18px; padding: 0px; margin-bottom: 10px;}

.czcionkamala
{font-size: 10px; font-family: "Inter",verdana; color: #000000; margin-bottom: 20px;}

.opisfoto
{font family: verdana,"Inter"; color: #4c4c4c; font-size: 11px; font-weight: bold;}

.lamanie
{word-break: break-all;}

A.linkTresc
{font-family: "Inter",verdana; text-decoration: none; padding: 0; margin: 0; color: #0000bb, background: #ffffff;}

A.linkTresc:visited
{color: #7979ff; background: #ffffff;}

A.linkTresc:hover
{color: #ffffff; background: #0000bb;}

A.linkSpis
{font-family: "Inter",verdana; font-size: 15px; text-decoration: none; padding: 0; margin: 0; color: #4c4c4c; background: #ffffff;}

A.linkSpis:visited
{color: #4c4c4c; background: #ffffff;}

A.linkSpis:hover
{color: #ffffff; background: #4c4c4c;}

A.linkNowosci
{font-size: 14px; font-family: "Inter",verdana; text-decoration: none; background: #f45000; padding: 5px;}

A.linkNowosci:link
{color: black; background: #f45000;}

A.linkNowosci:visited
{color: black; background: #f45000;}

A.linkNowosci:active
{color: black; background: #f45000;}

A.linkNowosci:hover
{color: #ffffff; background: #f45000;}

A.linkStopka
{font-size: 14px; font-family: georgia,verdana; text-decoration: none; background: #c0c0c0;}

A.linkStopka:link
{color: #4c4c4c; background: #c0c0c0;}

A.linkStopka:visited
{color: #4c4c4c; background: #c0c0c0;}

A.linkStopka:active
{color: #4c4c4c; background: #c0c0c0;}

A.linkStopka:hover
{color: #f45000; background: #c0c0c0;}

/*Link w menu górnym*/
A.linkMenuTopHome
{font-size: 20px; font-family: "Inter",georgia; text-decoration: none; padding: 0px; margin: 0px; color: black; background: #ffffff;}


/*Menu typu drop-down*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul {
  list-style: none;
}

/* Main menu */
.menu {
  background-color: #ffbe9f;
  color: #000000;
  font-family: georgia,verdana,arial;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
.menu__list {
  display: flex;
}
.menu__link, .menu__item--parent {
  padding: 5px 10px;
}
.menu__link {
  color: #000000;
  text-decoration: none;
  display: block;
}
.menu__item--parent {
  cursor: default;
  position: relative;
}
.menu__item--parent {
  cursor: default;
  position: relative;
}
/* Drop-down */
.menu__sublist {
  display: none;
  position: absolute;
  background-color: #ffbe9f;
  z-index: 999;
}
.menu__sublist--bottom {
  left: 0;
  top: 100%;
}
.menu__sublist--right {
  left: 100%;
  top: 0;
}
/* Change background color on hover for menu and drop-down items */
.menu__item:hover {
  background-color: #f45000;
}
/* Show drop-down on hover of the parent menu item */
.menu__item--parent:hover > .menu__sublist {
  display: block;
}