div.head-div {
	padding: 8px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;    
    height: 156px;
    background-color: white;   
}


table.gpwhite {
   width: 1140px;
   border-collapse: collapse;
   font-size: 18px;
   font-weight: bold;
   border: solid 1px gray;
}

table.gpwhite a {
  color: purple;
  text-decoration: none;
}

table.gpwhite a:hover {
  color: gray;
  text-decoration: none;
}

table.gpwhite td {
  border: solid 1px gray;
  text-align: center;
  padding-left: 4px;  
  padding-right: 4px;  
  padding-top: 8px;  
  padding-bottom: 9px;  
}


table.kategoria {
  width: 1140px;
  font-size: 30px;
  font-weight: bold;
  padding: 4px;
  background-color: #f9f9e6;
  border: solid 1px gray;  
}

table.wyniki {
   margin-top: 172px;
   width: 1140px;
   margin-left: 8px;
   border-collapse: collapse;
   font-family:Arial, sans-serif;
   font-size: 14px;
   border: none;
   background-color: #e1ffe6;   
   color: black;
}

table.wyniki  a {
  color: purple;
  text-decoration: none;
}

table.wyniki  a:hover {
  color: gray;
  text-decoration: none;
}

table.wyniki thead {
  background-color: #ff0000;
  color: white;
  width: 110px;
}

table.wyniki .thopis{
	font-size: 12px;
	font-style: italic;
}


.ht {
    background-color: #fcdbc0;
    color: black; 
}
.ht:hover {
    background-color: yellow;
}    

.ht:hover .tooltip {
    display:block;
}

.tooltip {
    display: none;
    color: black;
    background-color: #e0e0e0;
    padding: 4px;
	margin-left: -110px;
    position: absolute;
    z-index: 1000;
    border: solid 1px black;
}

.tooltip hr {
  margin-top: 2px;
}


table.wyniki td, th, tr{ 
  border: solid 1px gray; 
}

table.wyniki td, th {
  padding: 3px;
}

table.klasy th {
  font-weight: bold;
}


table.wyniki tr:nth-child(odd)  td { background-color: #f9f9e6; } /*odd*/