a:link  {color:#CC6600; font-size: 12px; text-decoration:underline;}
a:visited  {color:#CC6600; font-size: 12px; text-decoration:underline;}
a:hover  {color:#003366; font-size: 12px; text-decoration:none;}

a.top:link { color:#FFEAD5; font-weight: bold;font-size: 12px; text-decoration:none;}
a.top:visited { color:#FFEAD5; font-weight: bold;font-size: 12px;text-decoration:none;}
a.top:hover { color:#FFFFFF; font-weight: bold;font-size: 12px; text-decoration:none;}

a.menu:link { color:#990000; font-weight: bold;font-size: 12px; text-decoration:none;}
a.menu:visited { color:#990000; font-weight: bold;font-size: 12px;text-decoration:none;}
a.menu:hover { color:#CC0000; font-weight: bold;font-size: 12px; text-decoration:underline;}

a.menu2:link { color:#333366; font-weight: bold;font-size: 11px; text-decoration:none;}
a.menu2:visited { color:#333366; font-weight: bold;font-size: 11px;text-decoration:none;}
a.menu2:hover { color:#333366; font-weight: bold;font-size: 11px; text-decoration:underline;}

a.bottom:link { color:#CC6633; font-weight: bold;font-size: 12px; text-decoration:none;}
a.bottom:visited { color:#CC6633; font-weight: bold;font-size: 12px;text-decoration:none;}
a.bottom:hover { color:#CC3333; font-weight: bold;font-size: 12px; text-decoration:none;}

a.copy:link  {color:#CC6633; font-size: 10px; text-decoration:none;}
a.copy:visited  {color:#CC6633; font-size: 10px; text-decoration:none;}
a.copy:hover  {color:#CC3333; font-size: 10px; text-decoration:none;}

a.vote:link  {color:#CC6600; font-size: 11px; text-decoration:underline;}
a.vote:visited  {color:#CC6600; font-size: 11px; text-decoration:underline;}
a.vote:hover  {color:#CC6633; font-size: 11px; text-decoration:underline;}

a.antop:link  {color:#CC6600; font-size: 9px; text-decoration:none;}
a.antop:visited  {color:#CC6600; font-size: 9px; text-decoration:none;}
a.antop:hover  {color:#CC6600; font-size: 9px; text-decoration:none;}

a.download:link  {color:#000000; font-weight: bold; font-size: 12px;}
a.download:visited  {color:#000000; font-weight: bold; font-size: 12px;}
a.download:hover  {color:#666666; font-weight: bold; font-size: 12px;}

a.page:link  {color:#000000; font-size: 12px;}
a.page:visited  {color:#666666; font-size: 12px;}
a.page:hover  {color:#666666; font-size: 12px; text-decoration:none;}

a.sort:link  {color:#CC6600; font-size: 9px; text-decoration:none;}
a.sort:visited  {color:#CC6600; font-size: 9px; text-decoration:none;}
a.sort:hover  {color:#CC3300; font-size: 9px; text-decoration:underline;}

a.about:link  {color:#CC6600; font-size: 11px; text-decoration:underline;}
a.about:visited  {color:#CC6600; font-size: 11px; text-decoration:underline;}
a.about:hover  {color:#CC3300; font-size: 11px; text-decoration:none;}

.tsort {color:#CC6600; font-size: 9px; }
.guest {color:#CC6600; font-size: 11px; font-weight: bold;}
.count {color:#CC3300; font-size: 9px;}

 body {
        background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
        }
 td {
        font-family: Arial, Helvetica, sans-serif; font-size: 12px;
        }

 h1 {color:#CC3333; font-size: 18px;}
 h2 {color:#CC3333; font-size: 14px;}
.descr {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size: 12px;
        }
.descrcat {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size: 11px;
        }
.submit {
        color: #CC6600; background: #FFFFFF; font-size: 10px; border: thin solid #FF6600;
        }
.form {
        color: #003366; background: #FFFFFF; font-size: 12px;  border: thin solid #FF6600; width:70%;
        }








.cat {
     font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin:20px;
        }
b.cat {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000033;
    }
b.catred {
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #990000;
    }
.catattention {
     font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000033;
        }
.catsubmit {
        color: #CC6600; background: #FFFFFF; font-size: 10px; border: thin solid #FF6600;
        }
.catform {
        color: #003366; background: #FFFFFF; font-size: 12px;  border: thin solid #FF6600;  width:70%;

            }
.catformadmin {
    border-color: #F9F9F9; background: #F5F5F5;width:100%;
    border-width:0px;
            }
.cataddsite {
         font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000033; margin:20px;
         }
a.cat:link { color:#333366; font-weight: bold;font-size: 12px; }
a.cat:visited { color:#990000; font-weight: bold;font-size: 12px;}
a.cat:hover { color:#333366; font-size: 12px;}

a.catmain:link { color:#333366; font-weight: bold;font-size: 12px; text-decoration:none;}
a.catmain:visited { color:#333366; font-weight: bold;font-size: 12px; text-decoration:none;}
a.catmain:hover { color:#990000; font-size: 12px; text-decoration:underline;}

a.catnav:link { color:#FFFFFF; font-weight: bold; font-size: 12px;}
a.catnav:visited { color:#FFFFFF; font-weight: bold;font-size: 12px;}
a.catnav:hover { color:#FFFFFF; font-size: 12px;}

a.cattop:link { color:#333366;font-size: 12px; }
a.cattop:visited { color:#333366;font-size: 12px; }
a.cattop:hover { color:#990000;font-size: 12px; }

a.catlink:link  {color:#CC6600; font-size: 12px; text-decoration:underline;}
a.catlink:visited  {color:#D79531; font-size: 12px; text-decoration:underline;}
a.catlink:hover  {color:#D79531; font-size: 12px; text-decoration:underline;}

.reklama {
        border-width: 1px;
        border-style: dotted;
        border-color: #0c5579;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
}
.game-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 15px;
    justify-content: center;
}
.game-item {
    width: 210px;
    background: #ffffff;
    border: 3px solid #CC6600;
    padding: 8px;
    text-align: center;
    transition: all 0.2s;
}