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: #fde9d9; 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*/