body {
  font-family: Arial, Helvetica, sans-serif;
}

div {  
  background-color: #f2f2f2;
  padding: 3px;
}

div.szczeg {  
  background-color: #cfcfcf;
  padding: 3px;
}

div.onas {  
  background-color: #C9C9C9;
  font-size: 2em;
  color: black;
  padding: 5px;
  text-align:center;
}

table {
  border-collapse: collapse;
  width: 100%;
  font-size: 2em;
  text-size-adjust: none;
}

table.lista {
  border-collapse: collapse;
  width: 100%;
  font-size: 3em;
}

th, td {
  text-align: left;
  padding: 5px;
}

th.lista, td.lista {
  text-align: left;
  padding: 20px;
}

tr:nth-child(even) {
    background-color: #cfcfcf;
}

table.szczeg {
    font-size: 1em;
    background-color: #cfcfcf;
}

table.szczeg_wyp {
    font-size: 1em;
    background-color: #f2f2f2;
}

table.szczeg_wyp_brak {
    font-size: 1em;
    background-color: #f2f2f2;
}

table.szczeg_zwr {
    font-size: 1em;
    background-color: #f2f2f2;
}

tr:nth-child(even).szczeg_zwr {
    background-color: #f2f2f2;
}

h1 {
  font-size: 2em;
  text-align:center;
  color: #5c5a5a;
}

h2 {
  font-size: 3em;
  text-align:center;
  color: #5c5a5a;
}

h2.szczeg_wyp_brak {
  font-size: 2em;
  text-align:center;
  color: #e42525;
}

h2.szczeg_zwr {
  font-size: 2em;
  text-align:center;
  color: #5c5a5a;
}

h3 {
    text-align: center;
}

h3.szczeg_zwr {
  font-size: 2em;
  text-align:center;
  color: #959393;
}

a {
  color: black;
  text-decoration: none;
}

a:hover {
  color: red;
  outline: none;
  cursor: pointer;
  text-decoration: none;
}

a.pobierz_hist {
  width: 100%;
  background-color: #feb818;
  color: #5c5a5a;
  padding: 0px 5px;
  margin: 5px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 3em;
}

a.pobierz_hist:hover {
  background-color: #3a3d44;
  color: white;
}


img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  
}

input[type=text], [type=password], textarea, select {
  width: 100%;
  padding: 15px 10px;
  margin: 3px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 1px;
  box-sizing: border-box;
  font-size: 2em;
  background: white;
}

input[type=submit] {
  width: 100%;
  background-color: #feb818;
  color: #5c5a5a;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 5em;
}

input[type=text].wyszukaj {
  width: 100%;
  padding: 5px 5px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1em;
}

input[type=submit]:hover {
  background-color: #3a3d44;
  color: white;
}

.topnav {
  font-size: 3em;
  overflow: hidden;
  background-color: #3a3d44;
  position: relative;
}

.topnav a {
  float: left;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav img {
  float: right;
}