body {
  font-family: calibri, tahoma; 
  color:rgb(0,0,0); 
  background: #FFFFFF;
  margin-left: 10px;
}

#LogoBar {
  margin-bottom: 4px;
  border: 0mm;
  width: 100%;
  background: #AC8D8D;
  color=#FFFFFF;
}

.sticky {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-idex: 100;
}

.nav { 
	width: 100%;
}

.opcja {
  box-shadow:3px 3px 6px black; 
  cursor: pointer;
  float: left;
}

.button {
  background-color: #AC8D8D; /* Green */
  border: none;
  color: white;
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
}

.button1:hover {
  background-color: #4CAF50;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
  box-shadow:3px 3px 6px black;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
  box-shadow:3px 3px 6px black;
}

.button3 {
  background-color: white;  
  color: black; 
  border: 2px solid #f44336;
}

.button3:hover {
  background-color: #f44336;
  color: white;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
  box-shadow:3px 3px 6px black;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}

.button6 {
  text-decoration: bold;
  background-color: white; 
  padding: 8px 30px;
  color: black; 
  border: 2px solid #4CAF50;
  box-shadow:3px 3px 6px black;
}

.button6:hover {
  background-color: #4CAF50;
  color: white;
  box-shadow:3px 3px 6px black;
}

.button7 {
  text-decoration: bold;
  background-color: #7FFFD4; 
  padding: 8px 30px;
  color: black; 
  border: 2px solid #4CAF50;
  box-shadow:3px 3px 6px black;
}

.button7:hover {
  background-color: #4CAF50;
  color: white;
  box-shadow:3px 3px 6px black;
}

.button8 {
  padding: 8px 18px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 10px 2px;

  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
  box-shadow:3px 3px 6px black;
}

.button8:hover {
  background-color: #4CAF50;
  color: black;
  box-shadow:3px 3px 6px black;
}

#freeze {
  position: fixed;
  left: 0;
  top: 0;
  width: 20em;
  margin-top: -2em;
}

#center {
   width: 200px;
   height: 200px;
   margin: auto;
   position: absolute;
   top:0; bottom:0; /* wyrównanie w pionie */
   left:0; right:0; /* wyrównanie w poziomie */
   max-width: 100%;
   max-height: 100%;
   overflow: auto;
}