body {background: #5a5a5a; font-family: Tahoma; font-size: 9pt;}
div {background: #ffffff; width: 800px; position: relative; margin: auto; margin-top: 60px; padding-bottom: 40px;}
#top {font-size: 20pt; text-align: center; padding-top: 40px}
#top span{font-size: 12pt; font-family: Calibri; } 
table {width: 700px;  position: relative; margin: auto; border-collapse: collapse; border: 1px solid #000000;}
table p {text-align: center}
table tr td {border: 1px solid #000000; height: 30px; padding-left: 5px; }
th {font-weight: bold; border: 3px solid #000000; text-align: center; font-size: 11pt; font-family: Calibri;}
th.b {width: 206px}
td.a {text-align: center; width: 40px; padding-left: 0px}
td.a a {color: #000000}
td.a a:hover {color: #000000}
#pn {background: #d9d9d9;; }
#pn td {height: 15px}

#left {background: #5a5a5a;   top: 400px;  left: 10px;  width: 10px;  height: 10px; position: absolute; }
#left a {color: #676767; text-decoration: none; font-size: 80px}
#left a:hover {color: #ffffff;  font-size: 80px}

#right {background: #5a5a5a;   top: 400px;  right: 10px;  width: 80px;  height: 80px; position: absolute; text-align: right}
#right a {color: #676767; text-decoration: none; font-size: 80px}
#right a:hover {color: #ffffff;  font-size: 80px}

del {color: #b0b0b0;}

/* trzy miesiace */
#tabela {text-align: center; width: 600px;  border: 0px solid #ffffff; color: #ff0000; font-size: 20px}
#tabela td {text-align: center; border: 0px solid #ffffff; }
#tabela td a {color: #00ff00; text-decoration: none; font-size: 20px}
#tabela td a:hover {color: #d3d3d3; letter-spacing: 2px; }

/* przyciski -> button1*/
button {
  background-color: #99AAB5; 
  color: white; 
  border: 2px solid #2C2F33;
  padding: 5px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
	transition-duration: 0.6s;
	border-radius: 10px;
}
button:hover {  background-color: #ffffff;
  color: black; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

button.prev{  background-color: #00b500; font-size: 46px; padding: 10px 30px; border-radius: 20px;}
button.prev:hover {  background-color: #ffffff;  color: black; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}		
button.next {  background-color: #ff0000; font-size: 36px;}
button.next:hover {  background-color: #ffffff;  color: black; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}	
button.emisja {  background-color: #6c6c6c;   color: #ffffff; }
button.emisja:hover {  background-color: #ffffff;  color: black; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}



button.month{  background-color: #3b3b3b; font-size: 16px; padding: 10px 30px; border-radius: 20px;}
button.month:hover {  background-color: #ffffff;  color: black; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}