#cssmenu {
  width: 250px;
  border-style: solid solid none solid;
  border-color: #94AA74;
  border-size: 1px;
  border-width: 1px;
  position: relative;
  top:  10px;
  left: 0px;
}

#cssmenu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#cssmenu li a {
  height: 32px;
  height: 24px;
  text-decoration: none;
  font-weight: normal;
}
#cssmenu li a:link,
#cssmenu li a:visited {
  color: #5E7830;
  display: block;
  background-repeat: no-repeat;
  padding: 8px 0 0 10px;
}
#cssmenu li a:hover {
  color: #26370A;
  background: url(images/menu1.gif) 0 -32px;
  background-repeat: no-repeat;
  padding: 8px 0 0 10px;
}
#cssmenu li a:active {
  color: #26370A;
  background: url(images/menu1.gif) 0 -64px;
  background-repeat: no-repeat;
  padding: 8px 0 0 10px;
}

.active {
  color: #26370A;
  background: url(images/menu1.gif) 0 -64px;
  background-repeat: no-repeat;
  padding: 0px 0 0 0px;
}

.zwykla {
  color: #26370A;
  background: url(images/menu1.gif) 0 0px;
  background-repeat: no-repeat;
  padding: 0px 0 0 0px;
}

.tytul {
  position: relative;
  top:  40px;
  left: 20px;
  font-size: 250%;
  font-family: "Arial", sans-serif;
  color: white;
  text-shadow: 2px 2px 4px #000000;
}
#banner {
  background: url(images/banner.png) no-repeat center;
  height: 210px;
  width: 100%;
  margin: auto;
  box-shadow: 5px 5px 5px #888888;
  border-style: solid;
  border-width: 2px;
  border-color: white
}
#logo {
  position: relative;
  top:  20px;
  left: 20px;
  border-style: solid;
  border-width: 3px;
  border-color: white
}

body,
main::before {
  background: url(obrazki/kozy2.jpg) 0 / cover fixed;
  content: '';
  margin: -5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1

}

.glowne::before {
  background: url(obrazki/kozy2.jpg) 0 / cover fixed;
}

.glowne {
  position: relative;
  top:  -438px;
  left: 130px;
  width: 680px;
  max-width: 630px;
  margin: auto;
  padding-top: 5px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  border-style: solid;
  border-width: 2px;
  border-color: white;
  background: hsla(0,0%,100%,.7);
  line-height: 1.5;
  border-radius: 2px;
  font-family: 'Lora', serif;
}

.glowne::before {
  content: '';
  margin: -5px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  filter: blur(5px);
  z-index: -1;
}

.obrazek {
box-shadow: 2px 2px 4px #5a5a5a
}

@import url(https://fonts.googleapis.com/css?family=Lora);

.podpis {
  position: relative;
  
  width: 680px;
  max-width: 630px;
  margin: auto;
  padding-top: 5px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  font-family: 'Arial', sans;
  color: white;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  text-shadow: 3px 3px 4px #000000;
}

.frame {
 width: 940px; margin:0 auto}