body { margin: 0; padding: 0; font-family: Lato, "MS Sans Serif", Tahoma, Verdana;}
header { width: 100%; height: auto; display: flex; flex-direction: row-reverse; align-items: center; margin: 0; overflow: hidden; padding: 0; position: relative; z-index: 2;}
article {margin: 0; overflow: hidden;}
footer { padding: 0 5%; width: 90%; overflow: hidden; position: relative; z-index: 2; box-shadow: 0 0 1vw #300; }
menu { overflow: hidden; box-shadow: 0 0 1vw #300;}
p {line-height: 1.5em;}
ul {padding: 0 0 0 1em ; margin: 0;} 
ol {padding: 0 0 0 1em ; margin: 0;}
li { line-height: 1.5em; padding-left: 1em;}
a { color: #B00; text-decoration: none;}
a:hover { color: #811; text-shadow: 0.1ex 0.1ex 0.2ex #B00;}
td {padding: 0.5ex; line-height: 1.5em;}
hr { width: 90%; margin: 5px auto; height: 3px; border-style: none; border-radius: 1px 1px 1px 1px; box-shadow: 1px 1px 4px #303030;}


.headeritem p { color:#811; /*text-shadow: 1px 1px 0px #000, -1px -1px 0px #000, -1px 1px 0px #000, -1px 0px 0px #000, 1px -1px 0px #000, 0px -1px 0px #000;*/ font-family: LatoBlack;}
.headeritem {display:block; text-align: center; }
.footeritem {display:inline-block; width: 39%; margin: 0; padding: 0 2%; overflow: hidden; vertical-align: top;}
.footeritemcontens {display: block; margin: 0 auto;}
.menubtn { display: block; margin: 0.7ex 0; }
.submenubtn{ display: block; margin: 0.4ex 0 0.3ex 2ex; }


.ozdobny { font-family: Georgia, "Times New Roman", "Times", "MS Sans Serif", "PT Serif";}
.capit { font-variant: small-caps;}
.upper { text-transform: uppercase;}
.red { color: #900;}
.whitetextshadow {text-shadow: /*-0.15ex -0.15ex 0.15ex #FFF, 0.15ex 0.15ex 0.15ex #FFF,*/ -0.2ex -0.2ex 0.4ex #FFF, 0.2ex 0.2ex 0.4ex #FFF, -0.2ex 0.2ex 0.4ex #FFF, 0.2ex -0.2ex 0.4ex #FFF;}

.wciecie { text-indent: 4em;}
.wysrodkuj { text-align: center;}
.doprawej { text-align: right;}
.dolewej { text-align: left;}
.wyjustuj { text-align: justify; }
.textmiddle { vertical-align: middle;}
.texttop { vertical-align: top;}
.textbottom { vertical-align: bottom;}
.pogrub { font-weight: bold;}
.tabelaukryta { border: none;}
.odsteppo { margin-bottom: 2em;}
.odstepprzed { margin-top: 2em;}
.biel {color: #FFF;}
.condense { padding: 0; line-height: normal;}

#logostj { border: none; float: right;}
#logoptt { border: none; float: left;}
#logogmk { border: none; float: right;}
#logogosir { border: none; float: left;}
#logosuchylas { border: none; float: right; }
#herbsl { margin: 1ex; float: left; border: none;}

/*
#tresc { margin: 0 1em; overflow: hidden;  }
#info { font-size: 1.5vw; margin: 1em; padding: 1em;}
*/
#listy { width: 100%; height: 1000px; background-color: #FCF; overflow: hidden;}
#miniphoto {display: flex; flex-wrap: wrap; justify-content: space-between;}

@media only screen and (max-width : 1279px) {
   header {box-shadow: 0 0 1vw #300;}
   article {padding: 0 5vw;}
   menu {display: none; width: 65vw; margin: 5vw; padding: 2ex 10vw 3ex 15vw; position: absolute; z-index: 5; top: 0;}
   p {font-size: small;}
   td {font-size: small;}
   .headeritem p {font-size: x-large; margin: 0.7vw 3vw; }
   .headeritem {width: 90%; /*position: absolute; top: 50%; transform: translateY(-50%);*/}
   .miniinfo {font-size: x-small; line-height: normal;}
   .menubtn { font-size: large; }
   .submenubtn{ font-size: medium; }
   #menubtn { /*font-family: IcoMoon-Free;*/ color:#811;; font-size: 5em; margin-right: 5%; float: right; }
   #closeMenu { font-size: 5em; margin-right: 5%; float: right; text-align: right; color:#811; text-shadow: #000 0 0 2px; }
   #logostj { height: 10vw; margin: 0 1em 1em 1em; }
   #logoptt { height: 10vw; margin: 0 1em 1em 1em; }
   #logogmk { height: 13vw; margin: 0 1em 1em 1em; }
   #logosuchylas { height: 13vw; margin: 0 1em 1em 1em; }
   #logogosir { height: 12vw; margin: 0 1em 1em 1em; }
   @media only screen and (max-width : 720px) {
      menu {display: none; width: 75vw; margin: 5vw; padding: 2ex 5vw 3ex 10vw; }
      .footeritemcontens p {clear: both;}
      #menubtn { font-size: 4em; }
      #closeMenu { font-size: 4em; }
   }
   /*@media only screen and (min-width : 1280px)*/
}

@media only screen and (min-width : 1280px) {
   header {box-shadow: 0 0 1vw #300; }
   article {padding: 0 2vw 0 5vw; width: 65vw; float: left;}
   menu {margin: 0; padding: 2ex 3vw; width: 18vw; float: right; position: relative; z-index: 0; }
   p {font-size: medium;}
   td {font-size: medium;}
   .headeritem p {font-size: xx-large; margin: 1.5vw 3vw;}
   .headeritem {width: 100%;}
   .miniinfo {font-size: small; line-height: normal;}
   .menubtn { font-size: x-large; border-bottom: #900 solid thin;}
   .submenubtn{ font-size: large; border-bottom: #900 solid thin;}
   #menubtn { display: none;}
   #logostj { height: 5vw; margin: 0 1em; }
   #logoptt { height: 5vw; margin: 0 1em; }
   #logogmk { height: 6vw; margin: 0 1em; }
   #logosuchylas { height: 6vw; margin: 0 1em; }
   #logogosir { height: 6vw; margin: 0 1em; }
   #closeMenu {display: none;}
}

.hide {display: none;}
.show {display: block;}


#debuginfo { position: static; display: none; }