* {
    margin: 0px;
    padding: 0px;
}

#fieldset {
border: 1px solid #A68064;
}


/* Default */

* {
    margin: 0px;
    padding: 0px;
}

html, body, form, table {
    margin: 0px;
    padding: 0px;
}

body {
    color: #4e2303;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    line-height: normal;
    background: url(../images/big_all.jpg) no-repeat 50% 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

table th {
    padding: 0px;
}

table td {
    vertical-align: top;
    padding: 0px;
}

img {
    border: none;
}

a, a:active, a:visited, a:focus, a:hover, h2 {
    outline: 0px;
}

a {
    color: #A0522D;
    outline: none;
}

a:hover, a:active, a:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

input, select, textarea {
    font-family: Tahoma, sans-serif;
}

h1 {
    font-size: 1.3em;
    font-family: Tahoma, sans-serif;
    line-height: 1.2em;
    margin: 0px 0px 12px 0px;
}

h2 {
    font-size: 1.2em;
    font-family: Tahoma, sans-serif;
    line-height: 1.2em;
    margin: 0px 0px 0px 0px;
}

h3 {
    padding: 5px 10px 6px 10px;
    margin: 0px 0px 3px 0px;
    background: url(../images/mi-mcz.png) repeat 0px 0px;
    color: #493721;
    font-size: 12px;
}

.spacer {
    font-size: 0px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    border: none;
    display: block;
    visibility: hidden;
}


/* Layout */

html {
    height: 100%;
    width: 100%;
		min-width:1000px;
    background: #000000 url(../images/bg-1.jpg) repeat-y 50% -230px;
}

body {
    width: 100%;
    min-width: 990px;
    height: 100%;

}

.w100 {
    width: 100%;
}

blockquote {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
    font-size: 11px;
    color: #245b70;
    padding-left: 20px;
}

span.bkv {
    color: #d80600;
    text-align: center;
    font-family: serif;
    font-size: 25px;
    font-weight: bold;
    float: left;
    background: url(../images/bukvica.png) no-repeat 1px 0px;
    padding: 0px 0px 0px 0px;
    margin-right: 5px;
    line-height: 38px;
    width: 38px;
    text-indent: 0px !important;
}

.c p.first {
    text-indent: 0px;
}

.c p {
    padding-bottom: 15px;
    margin: 0px 0px 0px 0px;
    text-indent: 0px;
}

/*
.c p.first:first-letter {
    color: #4e2303;
}
.c p:first-letter {
    color: #d80600;
}
/**/

#table_layout_top {
    width: 990px;
    height: 100%;
    margin: -40px auto;
    position:relative;
    z-index:10;
    background: url(../images/sh-cc.png) repeat-y 222px 0px;
}

div.kozha_layer {
    height: 100%; position:absolute; top:0; left:50%; width:1000px; 
    background: url(../images/sh-cc.png) repeat-y 222px 0px;
}

#footer table {
    margin-left: 183px;
}

#footer {
    background: url(../images/sh-cc2.png) repeat-y 183px 0px;
    height: 138px;
    vertical-align: bottom;
}

#footer .pad1 {
    padding: 0px 215px 0px 250px;
}


/* Blocks */

.head_bg {
    height: 100%;
    width: 100%; 
}

.bottom_smog {
    background: url(../images/btm_bg.png) no-repeat 50% 100%;
    width: 100%;
}

.tablecol {

    margin: 101px 0px 0px 0px;
}

.logo object {
    border: 0px solid;
}

.logo img {
 
}

.logo {
    margin: -96px 0px 0px 0px;
    position: absolute;
    z-index: 20;
}

td.l a:hover, td.r a:hover, h2 a:hover {
    color: #ffde59;
}

td.l a, td.r a, h2 a {
    color: #dfc665;
}

h2 a {
    text-decoration: none;
}

td.l .l1 {
    width: 222px;
 
    padding-top: 0px;
}

td.l {
    width: 222px;
    background:url("../images/bg-td-l.png") repeat-y scroll 100% 0 transparent;
}

td.r .r1 {
    width: 190px;
    padding-top: 0px;
}

td.r {
    width: 190px;
    background:url("../images/bg-td-r.png") repeat-y scroll 0 0 transparent;
}

div.c .c2 {
    width: 578px;
    background: url(../images/sh-tc.png) no-repeat 0px 0px;
    margin: -40px 0px 0px 0px;
    position:relative;
    padding: 36px 0px 0px 0px;
}

div.c .c1 {
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
}

div.c { 
    width: 578px; margin-top:0px; 
}

td.c_td { 
    height: 100%;
}

.lm .lm2 .z {
    background: url(../images/bg-1.png) no-repeat 10px 0px;
    margin: -5px 0px 0px 0px;
    height: 38px;
    width: 222px;
    position: absolute;
    z-index: 1; 
}

.lm .lm2 {
    background: url(../images/bg-l.png) repeat-y 0px 100%;
    //height: 617px;
    width: 222px;
}

.lm {
    background: url(../images/bg-l2.png) no-repeat 0px 100%;
    padding: 0px 0px 93px 0px;
    margin: 0px 0px 0px 0px;
}

.rm .rm2 h2 {
    background: url(../images/bg-2a.png) no-repeat 0px 0px;
    height: 38px;
    font-size: 14px;
    color: #dfc665;
    text-align: center;
    padding: 10px 29px 0px 0px;
    width: 161px;
}

.rm .rm2 .z a {
    text-decoration: none;
}

.rm .rm2 .z {
    margin: -22px 0px 0px 0px;
    position: absolute;
}

.rm .rm2 {
    background: url(../images/bg-r.png) repeat-y 0px 100%;
    padding: 17px 0px 0px 0px;
//    height: 600px;
    width: 190px;
}

.rm {
    background: url(../images/bg-r2.png) no-repeat 0px 100%;
    padding: 0px 0px 93px 0px;
    margin: 0px 0px 0px 0px;
}

.sh-tl {
    background: url(../images/sh-tl.png) no-repeat 100% 0px;
    margin: -40px 0px -40px 0px;
    width: 222px;
    height: 89px;
    z-index:100;
    position:relative;
}

.sh-tr {
    background: url(../images/sh-tr.png) no-repeat 100% 0px;
    margin: -40px 0px -40px 0px;
    width: 39px;
    height: 89px;
    z-index:100;
    position:relative;
}

.sh-tl {
    text-align: right;
}

.top_menu {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 0px 29px;
    height: 42px;
    width:890px;
    float:left; 
}

.top_menu ul li {
    padding-left: 50px;
    margin-bottom: 0px;
    display: inline;
}

.top_menu a {
    color: #d0a35e;
    font-size: 14px;
}

.search {
    padding:4px 0 0 16px;
		
}

.search input.text {
    border:none; 
    background:none;
    color:#ffeb81;
    width:107px;
    margin-right:30px;
}

.search input.submit {
    border:none; 
    background:none;
    color:#4e3504;
    font-weight:bold;
}

#footer .bmenu ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 29px;
    height: 42px;
}


#footer .bmenu ul li {
    padding-left: 50px;
    margin-bottom: 0px;
    display: inline;
}

.bmenu a {
    color: #d0a35e;
    font-size: 12px;
}

.bmenu {
    background: url(../images/bg-3.png) no-repeat 20px 2px;
    color: #d0a35e;
    font-size: 12px;
    padding: 2px 19px 0px 19px;
    margin-bottom: 48px;
    height: 42px;
}

.copy {
    color: #ffb6fc;
    font-size: 11px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.shb .shb-1 .shb-2 {
    background: url(../images/sh-bc.png) no-repeat 100% 0px;
    padding: 0px 0px 0px 0px;
    height: 138px;
}

.shb .shb-1 {
    background: url(../images/sh-br.png) no-repeat 100% 0px;
    padding: 0px 39px 0px 0px;
}

.shb {
    background: url(../images/sh-bl.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 39px;
    margin: 0px 0px 0px 183px;
    width: 617px;
}

/* ItemBlocks */
.mi-t div div {
    background: url(../images/mi-tc.png) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 38px;
}

.mi-t div {
    background: url(../images/mi-tr.png) no-repeat 100% 0px;
    padding: 0px 36px 0px 0px;
}

.mi-t {
    background: url(../images/mi-tl.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 36px;
}

.mi-m .mi-m1 .mi-m2 {
    background: url(../images/mi-mc.png) repeat 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mi-m .mi-m1 {
    background: url(../images/mi-mr.png) repeat-y 100% 0px;
    padding: 0px 28px 0px 0px;
}

.mi-m {
    background: url(../images/mi-ml.png) repeat-y 0px 0px;
    padding: 0px 0px 0px 25px;
}

.mi-b div div {
    background: url(../images/mi-bc.png) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 38px;
}

.mi-b div {
    background: url(../images/mi-br.png) no-repeat 100% 0px;
    padding: 0px 36px 0px 0px;
}

.mi-b {
    background: url(../images/mi-bl.png) no-repeat 0px 0px;
    padding: 0px 0px 0px 36px;
}

#center h2 {
    background: url(../images/bg-3.png) no-repeat 20px 4px;
    font-size: 16px;
    color: #dfc665;
    padding: 0px 0px 1px 68px;
    margin: 0px 0px 0px 0px;
    height: 42px;
    line-height: 42px;
}

/*#center div {
    float: none;
    clear: both;
}*/
#center {
    padding: 0px 0px 0px 0px;
}

/* ========= */
/* Elements */

/* Common */
.left {
    float: left;
}

.right {
    float: right;
}

.red, a .red, a.red {
    color: #F00;
}

.pad1 {
    padding: 0px 25px 2px 28px;
}

.tright {
    text-align: right;
}

/* Form */
.button[disabled] {
    color: #B2B2B2;
    border: 1px solid #D7D7D7;
    background: #F2F2F2;
    padding-top: 0px;
    padding-bottom: 1px;
}

/* Links */
.bottom_links {
    font-size: 0.9em;
    font-family: Tahoma, Arial;
    margin: 10px 0px 10px 0px;
}

.bottom_links div {
    margin: 0px 0px 10px 0px;
}

a.link_print, .link_print a {
    background: url("../../common/img/icon_print.gif") no-repeat 0px 0.3em;
    padding-left: 17px;
}

/* ======== */
/* Content */
/* Text */
.body p {
    margin: 0px 0px 0px 0px;
}

/* Pictures */
.body img.left {
    margin: 0px 18px 0px 0px;
}

.body img.right {
    margin: 0px 0px 0px 18px;
}

/* Lists */
.head_bg ul {
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.head_bg ul li {
    background: url("/common/img/bullet_arrow.gif") no-repeat 0px 0.45em;
    padding-left: 15px;
    margin-bottom: 3px;
}

.head_bg ol {
    margin: 0px 0px 15px 25px;
    padding: 0px;
}

.head_bg ol li {
    margin-bottom: 3px;
}

/* Table */
.table {
    width: 100%;
    font-size: 0.9em;
    font-family: Tahoma, Arial;
    line-height: 1.4em;
    margin: 0px 0px 7px 0px;
}

.table th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border: 1px solid #FFF;
    border-left: none;
    background: #2A7849;
    padding: 0px 9px 2px 9px;
}

.table td {
    vertical-align: middle;
    border: 1px solid #B8B8B8;
    border-left: none;
    padding: 1px 9px 3px 9px;
}

.table th:last-child,
.table td:last-child {
    border-right: none;
}

/* ====== */
/* Pages */

/* ========== */
/* Head page */

#head_page {
 //   background: url(../images/pic1.jpg) no-repeat 50% 0px;
}

/* ============= */
/* Second pages */

/* ====== */
/* Enter */
.enter {
    padding: 45px 0px 0px 73px;
}
.registration {
    padding: 5px 0px 45px 68px;
}

/* ====== */
/* Lmenu */
#accordion div ul li a:hover {
    font-size: 12px;
    font-weight: bold;
    color: #d1bb61;
    text-decoration: none;
}

#accordion div ul li a {
    font-size: 12px;
    font-weight: bold;
    color: #939557;
    text-decoration: none;
}

#accordion div ul li a {
    font-size: 12px;
    font-weight: bold;
    color: #939557;
    text-decoration: none;
}

#accordion div ul li {
    font-size: 12px;
    font-weight: bold;
    color: #939557;
    background: url(../images/bg-3a.png) repeat-y 0px 0px;
    border-top: 1px solid #014f55;
    border-bottom: 1px solid #014f55;
    padding: 4px 10px 5px 25px;
    margin: 0px 0px 1px 0px;
}

#accordion div ul {
    padding: 0px 0px 2px 4px;
    margin: 0px 0px 0px 0px;
}

#accordion .ui-state-active a {
    background: url(../images/bul3.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 28px;
}

#accordion .ui-state-default a {
    background: url(../images/bul2.gif) no-repeat 0px 2px;
    padding: 0px 0px 0px 28px;
}

#accordion div {
    padding: 0px 0px 0px 56px;
    width: 166px;
}

#accordion * {
    outline: none;
    overflow: hidden;
}

#accordion h2 a {
    text-decoration: none;
}

#accordion h2 {

    background: url(../images/bg-1.png) no-repeat 10px 0px;
    height: 29px;
    font-size: 14px;
    color: #dfc665;
    padding: 10px 0px 0px 57px;
}

#accordion {

}

.lmenu table {
    width: 222px;
}

.lmenu {
    padding: 0px 0px 0px 0px;
}

/* Screenshot */
.scrsh .descr a {
    font-weight: bold;
}

.scrsh .descr {
    color: #bead68;
    font-size: 11px;
    padding: 3px 0px 0px 0px;
}

.scrsh img {
    width: 130px;
}

.scrsh .item {
    padding: 0px 0px 11px 0px;
}

.scrsh {
    padding: 25px 43px 6px 17px;
    text-align: center;
}

/* Top 10 */
.top10 .list table td.td-l {
    width: 164px;
//    text-align: left;
    padding-left: 10px;
/*    background: url(../images/bul1.gif) no-repeat 11px 2px; */
}

.top10 .list table td {
    font-size: 11px;
    color: #908f52;
    width: 164px;
    //text-align: right;
    padding: 1px 1px 1px 1px;
}

.top10 .list table {
    width: 164px;
}

.top10 .list {
    background: url(../images/bg-3a.png) repeat-y 0px 0px;
    border-top: 1px solid #014f55;
    border-bottom: 1px solid #014f55;
    width: 162px;
    padding: 8px 0px 8px 0px;
}

.top10 .z div {
    font-size: 12px;
    font-weight: bold;
    color: #dfc665;
    padding: 0px 26px 2px 0px;
}

.top10 .z {
    padding: 0px 0px 0px 57px;
    width: 80px;
}

.top10 {
    padding: 15px 0px 0px 0px;
}

/* Quotes */
.quotes .list p {
    text-align: left;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

.quotes .list b {
}

.quotes .list {
    background: url(../images/bg-3a.png) repeat-y 0px 0px;
    border-top: 1px solid #014f55;
    border-bottom: 1px solid #014f55;
    width: 162px;
    padding: 8px 0px 8px 0px;
}

.quotes {
    padding: 0px 0px 1px 0px;
}

.quotes .list table td.td-l {
    //width: 164px;
}

.quotes .list table td {
    font-size: 11px;
    color: #bead68;
    //width: 164px;
    padding: 1px 1px 1px 1px;
}

.quotes .list table {
    //width: 164px;
    width: 140px;
}

/* Partners */
.partners .item {
    padding: 0px 0px 13px 0px;
}

.partners {
    padding: 3px 43px 6px 17px;
    text-align: center;
}


/* News */

.news {
font-family: Tahoma, sans-serif;
font-size: 1.0em;
}

.pad2 {
font-family: Tahoma, sans-serif;
font-size: 1.0em;
}

.forum {
font-family: Tahoma, sans-serif;
font-size: 0.8em;
}

#topnews .blnk {
    text-align: right;
}

#topnews .item img {
    margin: 0px 9px 0px 0px;
}

#topnews .item ul {
    padding-left: 20px;
}

#topnews .item h3 {
    padding: 5px 115px 6px 10px;
    margin: 0px 0px 3px 0px;
    background: url(../images/mi-mcz.png) repeat 0px 0px;
    color: #493721;
    font-size: 12px;
}

#topnews .item .pos table td {
    padding: 0px 5px 0px 5px;
}

#topnews .item .pos table {
    margin: 0px auto;
}

#topnews .item .pos {
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
}

#topnews .item .data {
    text-align: right;
    position: absolute;
    width: 451px;
    padding-top: 5px;
    padding-right: 20px;
    color: #493721;
    font-size: 11px;
    font-weight: bold;
}

#topnews div a {
    font-weight: bold;
    font-size: 11px;
    color: #b2310a;
}

#topnews .item .pad2 {
    padding: 0px 3px 0px 10px;
}

#topnews .item {
    padding: 0px 0px 0px 0px;
}

/*#topnews .item, #topnews .item h3, #topnews .item div, #topnews hr, #topnews {
    float: none;
    clear: both;
    display: block;
}*/

#topnews table.nlnk {
    width: 100%;
}

#topnews table.nlnk td {
    padding-left: 10px;
}

#topnews table.nlnk td.r {
    text-align: right;
    background: none;
}

/* ========= */
/* ToRobots */
#atext .about {
    display: block;
}

.about {
    display: none;
}

/* ====== */
/* Lists */
.list {
}

/* ===== */
/* Forum */
.odd td {
    background: #d4aa65;
}

table.forum th {
    background: url(../images/mi-mcz.png) repeat 0px 0px;
    padding: 3px 8px 5px 8px;
    text-align: left;
    color: #6a4021;
}

table.forum td.time {
    white-space: nowrap;
    padding: 3px 4px 5px 6px;
}

table.forum td {
    padding: 3px 8px 5px 8px;
}

table.forum {
    width: 100%;
    border-spacing: 4px;
    border-collapse: separate;
}

#forum .blnk {
    text-align: right;
}

#forum .blnk a {
    font-weight: bold;
    font-size: 11px;
    color: #b2310a;
}

/* =========== */
/* IncludesUP */
table.forum,
.news,
/*.scrsh .item,*/
.lmenu {
    margin-top: -16px;
}

/* ======= */
/* Search */
.search {
}

/* ============== */
/* Images&Quotes */
.i-t img {
    height: 15px;
}

.i-t .i-t9 div {
    background: url(../images/i-tl2.gif) no-repeat 0px 0px;
    padding: 7px 0px 6px 0px;
    text-align: center;
    color: #45849c;
    font-size: 11px;
    font-weight: bold;
    width: 175px;
}

.i-t .i-t9 {
    background: url(../images/i-t-bc.gif) repeat-x 0px 100%;
    padding: 0px 0px 0px 0px;
}

.i-t .i-t8 {
    background: url(../images/i-t-br.gif) no-repeat 100% 100%;
    padding: 0px 4px 0px 0px;
}

.i-t .i-t7 {
    background: url(../images/i-t-bl.gif) no-repeat 0px 100%;
    padding: 0px 0px 0px 4px;
}

.i-t .i-t6 {
    background: url(../images/i-tl2.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 0px;
}

.i-t .i-t5 {
    background: url(../images/i-tc.gif) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
}

.i-t .i-t4 {
    background: url(../images/txt-mc.gif) repeat 0px 0px;
    padding: 0px 0px 0px 0px;
}

.i-t .i-t3 {
    background: url(../images/i-tr.gif) no-repeat 100% 0px;
    padding: 0px 11px 0px 0px;
}

.i-t .i-t2 {
    background: url(../images/i-tl.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 11px;
}

.i-t .i-t1 {
    background: url(../images/i-mr.gif) repeat-y 100% 0px;
    padding: 0px 0px 0px 0px;
}

.i-t {
    background: url(../images/i-ml.gif) repeat-y 0px 0px;
    padding: 0px 0px 0px 0px;
}

.i-m div {
    background: url(../images/i-mr.gif) repeat-y 100% 0px;
    padding: 0px 14px 0px 0px;
}

.i-m {
    background: url(../images/i-ml.gif) repeat-y 0px 0px;
    padding: 0px 0px 0px 14px;
}

.i-b div div {
    background: url(../images/i-bc.gif) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 12px;
    height: 12px;
}

.i-b div {
    background: url(../images/i-br.gif) no-repeat 100% 0px;
    padding: 0px 14px 0px 0px;
}

.i-b {
    background: url(../images/i-bl.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 14px;
}

.txt-t div div {
    background: url(../images/txt-tc.gif) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 22px;
    height: 22px;
}

.txt-t div {
    background: url(../images/txt-tr.gif) no-repeat 100% 0px;
    padding: 0px 18px 0px 0px;
}

.txt-t {
    background: url(../images/txt-tl.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

.txt-m .txt-m2 h4 {
    font-size: 12px;
    color: #45849c;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 0px 0px;
}

.txt-m .txt-m2 p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #4c4c4c;
    font-size: 12px;
}

.txt-m .txt-m2 {
    padding: 8px 10px 14px 13px;
    margin: 0px 0px 0px 0px;
    color: #4c4c4c;
    font-size: 12px;
}

.txt-m div div {
    background: url(../images/txt-mc.gif) repeat 0px 0px;
    padding: 0px 0px 0px 0px;
}

.txt-m div {
    background: url(../images/txt-mr.gif) repeat-y 100% 0px;
    padding: 0px 18px 0px 0px;
}

.txt-m {
    background: url(../images/txt-ml.gif) repeat-y 0px 0px;
    padding: 0px 0px 0px 18px;
}

.txt-b div div {
    background: url(../images/txt-bc.gif) repeat-x 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    height: 18px;
}

.txt-b div {
    background: url(../images/txt-br.gif) no-repeat 100% 0px;
    padding: 0px 18px 0px 0px;
}

.txt-b {
    background: url(../images/txt-bl.gif) no-repeat 0px 0px;
    padding: 0px 0px 0px 18px;
}

.uq {
    padding: 0px 17px 16px 29px;
}


/* Gallery */

ul#gallery li * {
    float: none;
    clear: both;
}

ul#gallery li {
    margin: 0px 0px 0px 0px;
    padding: 0px 12px 11px 0px;
    width: 207px;
    float: left;
}

ul#gallery {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

table.scrs {
    margin: 17px 0px 0px 23px;
}
 
.overhead  {  
    width:990px; 
    margin: 0px auto 0px auto;   
    height:370px; 
    overflow:hidden; 
    z-index:1; 
    position:relative
}

.overhead  .logo { 
    position:absolute; 
    top:128px;
}

.logo_link {
	display:block;
	width:200px;
	height:120px; 
	position:absolute; 
	top:128px;	
	left:50%;
	margin-left:-100px;
        z-index:1000; 
}

.menu_t {
display: block;
font-weight: bold;
color: #DFC665;
font-size: 14px;
margin-top:-15px;
padding: 0px 0px 0px 84px;
}

.menu_i {
display: block;
padding: 13px 0px 0px 60px;
}


/*Text inputs*/
.NFText {
border:none; 
color: #583812; 
vertical-align:middle; 
font:14px/19px Tahoma, Helvetica, sans-serif; 
background:none;
}

.NFTextCenter {
border:none; 
height:18px; 
background:url(../images/inp-c.gif) repeat-x 0 0; 
padding:4px 9px; 
margin:0; 
float:left; 
}

.NFTextLeft, .NFTextRight {
border:none; 
width:5px; 
height:26px; 
vertical-align:middle; 
float:left;
}

.NFTextLeft {
border:none; 
background:url(../images/inp-l.gif) no-repeat 0 0;
}
.NFTextRight {
border:none; 
background:url(../images/inp-r.gif) no-repeat 0 0;
}

/*Buttons Default*/
.NFButton {
border:none; 
color: #8a3819; 
vertical-align:middle; 
font:12px/16px Tahoma, Helvetica, sans-serif; 
background:none; font-weight: bold;
}

.NFButtonCenter {
border:none; 
height:18px; 
background:url(../images/def-c.gif) repeat-x 0 0; 
padding:4px 5px; 
margin:0; 
float:left; 
}

.NFButtonLeft, .NFButtonRight {
border:none; 
width:7px; 
height:26px; 
vertical-align:middle; 
float:left;
}

.NFButtonLeft {
border:none; 
background:url(../images/def-l.gif) no-repeat 0 0;
}

.NFButtonRight {
border:none; 
background:url(../images/def-r.gif) no-repeat 0 0;
}

/*Buttons Hover*/
.NFButton {
border:none; 
color: #7b2920; 
vertical-align:middle; 
font:12px/16px Tahoma, Helvetica, sans-serif; 
background:none; 
font-weight: bold;
}

.NFButtonCenter {
border:none; 
height:18px; 
background:url(../images/hov-c.gif) repeat-x 0 0; 
padding:4px 5px; 
margin:0; 
float:left;
}

.NFButtonLeft, .NFButtonRight {
border:none; 
width:7px; 
height:26px; 
vertical-align:middle; 
float:left;
}

.NFButtonLeft {
border:none; 
background:url(../images/hov-l.gif) no-repeat 0 0;
}

.NFButtonRight {
border:none; 
background:url(../images/hov-r.gif) no-repeat 0 0;
}

/*Buttons Click*/
.NFButton {
border:none; 
color: #7b2920; 
vertical-align:middle; 
font:12px/16px Tahoma, Helvetica, sans-serif; 
background:none; 
font-weight: bold;
}

.NFButtonCenter {
height:18px; 
background:url(../images/clc-c.gif) repeat-x 0 0; 
padding:4px 5px; 
margin:0; 
float:left;
}

.NFButtonLeft, .NFButtonRight {
width:7px; 
height:26px; 
vertical-align:middle; 
float:left;}

.NFButtonLeft {
background:url(../images/clc-l.gif) no-repeat 0 0;
}

.NFButtonRight {
background:url(../images/clc-r.gif) no-repeat 0 0;
}

label {
color:#C6A367;
}


table.sortable thead {
    background-color:#CDA05B;
    color:#6A402E;
    font-weight: bold;
    cursor: default;
    font:16px/17px Tahoma, Helvetica, sans-serif; 
}

.sortable {
font:12px/13px Tahoma, Helvetica, sans-serif; 
color:#4E2303;
}

.sortable tr{
height:22px;
}

.bar {
	padding-bottom: 10px;
	margin-top:10px;
	width: 100%; 
	text-align: center;
	height: 2px;
	behavior: none;
}
.news_text2 td.textright, .news_text2 th.textright {
    text-align: right;
}
.textcenter {
    text-align: center;
    height:20px;
}
.news_text2 td.textleft, .news_text2 th.textleft {
    text-align: left;
}
/* ===== NOWOCZESNA CZCIONKA ===== */
body {
    font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
}/* ===== MENU LEWE ===== */
.lmenu a {
    display: block;
    padding: 6px 10px;
    border-bottom: 1px solid #333;
    color: #ccc;
    transition: 0.2s;
}
/* ===== BUTTON TIBIA 12 ===== */
input[type="submit"], button {
    background: linear-gradient(to bottom, #ff8c00, #b35a00);
    box-shadow: 0 0 10px rgba(255,140,0,0.5);
}

input[type="submit"]:hover,
button:hover {
    box-shadow: 0 0 20px #ff8c00;
}
a {
    color: #ffae42;
}

a:hover {
    text-shadow: 0 0 6px #ff8c00;
    color: #fff;
}
/* ===== NEON NAPISY ===== */

/* nagłówki */
h2 {
    color: #ffae42;
    text-shadow:
        0 0 5px #ff8c00,
        0 0 10px #ff8c00,
        0 0 15px rgba(255,140,0,0.6);
    letter-spacing: 1px;
}

/* menu */
.lmenu a {
    color: #ccc;
    text-shadow: 0 0 3px rgba(255,140,0,0.3);
    transition: 0.2s;
}

/* hover menu */
.lmenu a:hover {
    color: #fff;
    text-shadow:
        0 0 5px #ff8c00,
        0 0 10px #ff8c00;
}
h2 {
    text-shadow:
        0 0 5px #ff8c00,
        0 0 10px #ff8c00,
        0 0 20px #ff8c00;
}
/* ===== PRAWA KOLUMNA ===== */

/* kontener (to co masz w rm2) */
.rm2 {
    padding: 5px;
}

/* KAŻDY BOX (info / top5 / reborn) */
.rm2 > div {
    background: #151515;
    border: 1px solid rgba(255,140,0,0.6);
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(255,140,0,0.15);
    transition: 0.2s;
}

/* hover glow */
.rm2 > div:hover {
    box-shadow: 0 0 15px rgba(255,140,0,0.4);
}

/* tytuły w prawej kolumnie */
.rm2 h2 {
    font-size: 14px;
    margin-bottom: 8px;
    text-align: center;
}

/* lista (top 5 itd.) */
.rm2 ul {
    list-style: none;
    padding: 0;
}

.rm2 li {
    padding: 4px 0;
    border-bottom: 1px solid #222;
}

/* usuń ostatnią linię */
.rm2 li:last-child {
    border-bottom: none;
}
/* ===== TOP 5 STYL ===== */

/* numerki */
.rm2 li {
    position: relative;
    padding-left: 25px;
}

/* #1 #2 #3 itd */
.rm2 li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

/* TOP 1 */
.rm2 li:nth-child(1)::before {
    content: "1.";
    color: gold;
}

/* TOP 2 */
.rm2 li:nth-child(2)::before {
    content: "2.";
    color: silver;
}

/* TOP 3 */
.rm2 li:nth-child(3)::before {
    content: "3.";
    color: #cd7f32; /* brąz */
}

/* reszta */
.rm2 li:nth-child(n+4)::before {
    content: counter(item) ".";
    color: #888;
}
.rm2 li:hover {
    background: rgba(255,140,0,0.1);
    padding-left: 28px;
    transition: 0.2s;
}
/* ===== INFO BOX ===== */
.rm2 p {
    margin: 5px 0;
    border-bottom: 1px solid #222;
    padding-bottom: 4px;
}

.rm2 p:last-child {
    border-bottom: none;
}
/* ===== IKONKI ===== */
.rm2 h2::before {
    content: "✦ ";
    color: #ff8c00;
}
.rm2 ul {
    counter-reset: item;
}

.rm2 li {
    counter-increment: item;
}
/* ===== ONLINE BAR ===== */

.online-box {
    background: #111;
    border: 1px solid #ff8c00;
    border-radius: 6px;
    padding: 8px;
    margin-top: 10px;
}

/* pasek */
.online-bar {
    width: 100%;
    height: 10px;
    background: #222;
    border-radius: 5px;
    overflow: hidden;
}

/* animacja */
.online-fill {
    height: 100%;
    background: linear-gradient(90deg, #ff8c00, #ffae42);
    width: 60%; /* możesz zmienić */
    animation: glowmove 2s linear infinite;
}

/* animacja ruchu */
@keyframes glowmove {
    0% { filter: brightness(1); }
    50% { filter: brightness(1.5); }
    100% { filter: brightness(1); }
}

/* tekst */
.online-text {
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
    color: #ccc;
}
/* ===== FOOTER ===== */

#footer {
    text-align: center;
    padding: 15px;
    margin-top: 20px;
    color: #777;
    font-size: 12px;
    border-top: 1px solid #222;
}

/* glow */
#footer:hover {
    color: #fff;
    text-shadow: 0 0 5px #ff8c00;
}
/* ===== PROFIL GRACZA ===== */

#characterprofile,
#accountinformation,
.table1 {
    background: #151515;
    border: 1px solid rgba(255,140,0,0.6);
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 0 0 10px rgba(255,140,0,0.2);
}
/* ===== TABELA POSTACI ===== */

table {
    border-collapse: collapse;
}

td {
    padding: 6px;
    border-bottom: 1px solid #222;
}
/* nazwa postaci */
h1, h2 {
    text-align: center;
}
/* online */
.online {
    color: #00ff88;
    text-shadow: 0 0 5px #00ff88;
}

/* offline */
.offline {
    color: #ff4444;
}
/* ===== ONLINE LIST STYLE ===== */

.online-list {
    padding: 0;
    margin: 0;
}

.online-list li {
    list-style: none;
    padding: 5px;
    border-bottom: 1px solid #222;
}

.online-list li a {
    color: #ffae42;
    text-decoration: none;
}

.online-list li a:hover {
    color: #fff;
    text-shadow: 0 0 5px #ff8c00;
}
/* ===== SAFE UPGRADE ===== */

/* LEWE MENU */
.lmenu a {
    transition: 0.2s;
}

.lmenu a:hover {
    color: #fff !important;
    text-shadow: 0 0 5px #ff8c00;
}

/* TOP MENU */
.top_menu a {
    transition: 0.2s;
}

.top_menu a:hover {
    color: #ffde59 !important;
}

/* LOGO */
.logo img {
    transition: 0.3s;
}

.logo img:hover {
    transform: scale(1.02);
    filter: drop-shadow(0 0 8px #ff8c00);
}

/* NEWS */
.news p {
    margin-bottom: 10px;
}

/* ONLINE */
.online-dot {
    width: 8px;
    height: 8px;
    background: #00ff88;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    box-shadow: 0 0 6px #00ff88;
}

/* HOVER LISTY */
.news li:hover {
    background: rgba(255,140,0,0.1);
}
/* ===== FIX LINII (NEWS + DÓŁ) ===== */

.mi-t, .mi-b {
    margin: 0 !important;
    padding: 0 !important;
}

#topnews {
    margin-top: -5px;
}

.mi-m {
    margin-top: -2px;
}

/* usuwa dziwną linię na dole */
.mi-b {
    margin-bottom: -5px;
}
.mi-t div div img,
.mi-b div div img {
    display: none;
}
/* ===== FIX RAMKI NEWS ===== */

.mi-t {
    margin-bottom: -6px;
}

.mi-m {
    margin-top: -6px;
    margin-bottom: -6px;
}

.mi-b {
    margin-top: -6px;
}
.mi-t { margin-bottom: -8px; }
.mi-m { margin-top: -8px; margin-bottom: -8px; }
.mi-b { margin-top: -8px; }
/* === NOWE BOXy (naprawa layoutu) === */
.content-box {
    background: #caa472;
    border: 2px solid #8b5a2b;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

/* usuwa stare tibijskie grafiki */
.mi-t, .mi-b {
    display: none !important;
}

/* naprawa środka */
.mi-m, .mi-m1, .mi-m2 {
    background: none !important;
    padding: 0 !important;
}

/* news wygląd */
.news {
    font-size: 13px;
    line-height: 1.6;
}

/* nagłówki */
h2 {
    color: #ffcc66;
    text-align: center;
    margin-bottom: 10px;
    text-shadow: 0 0 10px orange;
}

/* usuwa dziwne linie */
hr {
    display: none;
}
/* ===================== */
/* FIX DOŁU STRONY + LAYOUT */
/* ===================== */

/* footer */
#footer {
    clear: both;
    width: 100%;
    position: relative;
    margin-top: 20px;
    text-align: center;
    color: #aaa;
    font-size: 11px;
    opacity: 0.7;
}

/* naprawa scrolla i wysokości */
html, body {
    height: auto;
    overflow-x: hidden;
}

/* główny kontener */
#content {
    overflow: hidden;
}

/* layout główny */
#table_layout_top {
    margin-bottom: 40px;
}

/* dolne tło (ten „smog”) */
.bottom_smog {
    display: block;
    width: 100%;
    height: 150px;
}
/* ===== POPRAWNY FIX DOŁU ===== */

/* reset złego pozycjonowania */
#footer {
    position: relative;
    clear: both;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    color: #aaa;
    font-size: 11px;
}

/* usuwa nachodzenie scrolla */
.bottom_smog {
    position: relative;
    z-index: 1;
}

/* główny kontener */
#table_layout_top {
    position: relative;
    z-index: 2;
}

/* ważne — zapobiega nachodzeniu */
.c, .c1, .c2 {
    position: relative;
    z-index: 5;
}
/* ===================== */
/* FINAL FIX DOŁU STRONY */
/* ===================== */

/* najważniejsze — czyści floaty */
.c:after, .c1:after, .c2:after {
    content: "";
    display: block;
    clear: both;
}

/* główny kontener */
#table_layout_top {
    margin-bottom: 0;
    padding-bottom: 40px;
}

/* naprawa tego „dymu” */
.bottom_smog {
    display: block;
    width: 100%;
    height: 180px;
    position: relative;
    margin-top: -40px; /* to wyrównuje */
}

/* footer */
#footer {
    position: relative;
    clear: both;
    margin-top: -20px;
    padding-top: 20px;
    text-align: center;
    color: #aaa;
    font-size: 11px;
    opacity: 0.7;
}

/* zabezpieczenie przed nachodzeniem */
body {
    overflow-x: hidden;
}
/* ===== NOWOCZESNE NEWSY ===== */

.news {
    background: linear-gradient(145deg, rgba(255,235,200,0.95), rgba(230,200,150,0.95));
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 20px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.5);
    border: 1px solid rgba(0,0,0,0.3);
    transition: all 0.25s ease;
    position: relative;
}

/* hover – podniesienie */
.news:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 12px 25px rgba(0,0,0,0.7);
}

/* data */
.news small {
    display: block;
    color: #6a4a2b;
    font-size: 11px;
    margin-bottom: 6px;
    opacity: 0.8;
}

/* tytuł */
.news b {
    display: block;
    font-size: 15px;
    color: #3b1e00;
    margin-bottom: 8px;
}

/* separator */
.news hr {
    border: none;
    height: 1px;
    background: rgba(0,0,0,0.2);
    margin: 10px 0;
}

/* "czytaj więcej" */
.news a {
    color: #8b5a2b;
    font-weight: bold;
    transition: 0.2s;
}

.news a:hover {
    color: #ffcc66;
}
/* delikatny glow przy hover */
.news::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: radial-gradient(circle at top, rgba(255,255,255,0.15), transparent);
    opacity: 0;
    transition: 0.3s;
}

.news:hover::before {
    opacity: 1;
}
/* płynne menu */
td.l a, td.r a {
    transition: all 0.2s ease;
    display: block;
    padding: 5px 0;
}

/* hover efekt */
td.l a:hover, td.r a:hover {
    color: #ffd36b;
    padding-left: 8px;
    text-shadow: 0 0 5px rgba(255,200,100,0.6);
}
/* lekka głębia */
div.c .c2 {
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
    border-radius: 10px;
}
/* ===== TOP MENU UPGRADE ===== */

.topmenu a {
    color: #d6b97b;
    text-decoration: none;
    padding: 6px 12px;
    margin: 0 4px;
    display: inline-block;
    position: relative;
    transition: 0.25s;
}

/* hover */
.topmenu a:hover {
    color: #fff3c4;
    text-shadow: 0 0 8px rgba(255, 200, 100, 0.8);
}

/* underline animacja */
.topmenu a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 2px;
    background: #ffd36b;
    transition: 0.3s;
}

.topmenu a:hover::after {
    width: 100%;
}
/* ===== BOX UPGRADE ===== */

.rm .rm2 {
    transition: 0.3s;
}

/* hover box */
.rm .rm2:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.6);
}

/* nagłówki */
.rm .rm2 h2 {
    text-shadow: 0 0 5px rgba(0,0,0,0.7);
}
/* ===== INPUT STYLE ===== */

input, select {
    background: rgba(0,0,0,0.4);
    border: 1px solid #6b4c2a;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    transition: 0.2s;
}

input:focus {
    border-color: #ffd36b;
    box-shadow: 0 0 6px rgba(255,200,100,0.5);
    outline: none;
}
/* ===== ATMOSPHERE ===== */

body::after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
    pointer-events: none;
}
.online-box {
    text-align: center;
    margin-bottom: 10px;
}

.online-bar {
    width: 90%;
    height: 8px;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    margin: 0 auto 5px auto;
    overflow: hidden;
}

.online-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #00ff88, #00cc66);
    transition: width 1s ease;
}

.online-text {
    color: #ffd36b;
    font-weight: bold;
}
/* ===== TOP 5 ===== */
.top5-box {
    margin-top: 15px;
}

.top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top5-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 6px;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 🔥 GLOW HOVER */
.top5-item:hover {
    transform: scale(1.03);
    box-shadow: 0 0 10px #00ffe1, 0 0 20px #00ffe1;
    background: rgba(0,255,225,0.1);
}

.rank {
    color: gold;
    font-weight: bold;
}

.nick {
    flex: 1;
    margin-left: 10px;
}

.lvl {
    color: #00ffe1;
    margin-right: 10px;
}

.voc {
    font-size: 18px;
}
/* ===== TOP 5 ===== */
.top5-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top5-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin-bottom: 6px;
    background: rgba(0,0,0,0.4);
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.top5-item:hover {
    transform: scale(1.03);
    box-shadow: 0 0 10px #00ffe1, 0 0 20px #00ffe1;
    background: rgba(0,255,225,0.1);
}

.rank {
    color: gold;
    font-weight: bold;
}

.nick {
    flex: 1;
    margin-left: 10px;
}

.lvl {
    color: #00ffe1;
    margin-right: 10px;
}

.voc {
    font-size: 18px;
}
/* ===== TOP 5 ===== */
.top5-box {
    margin-top: 10px;
}

.top5-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    margin: 5px 0;
    background: rgba(0,0,0,0.6);
    border-radius: 6px;
    border: 1px solid rgba(255,140,0,0.3);
    transition: 0.3s;
    opacity: 0;
    transform: translateX(-10px);
    animation: fadeSlide 0.5s forwards;
}

.top5-item:hover {
    background: rgba(255,140,0,0.15);
    box-shadow: 0 0 10px rgba(255,140,0,0.6);
    transform: scale(1.03);
}

.top5-rank {
    font-size: 16px;
    width: 30px;
}

.top5-name {
    flex: 1;
    color: #fff;
    font-weight: bold;
}

.top5-level {
    color: orange;
    font-weight: bold;
}

/* animacja wejścia */
@keyframes fadeSlide {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
<h2><div class="cufon_t_h2">Stwórz postać</div></h2> 

<div class="register-box">

<?php
include ("functions/check.inc");

if ($_SESSION["islogged"] == "1") {

$c = $_SESSION['maxcharacter'];

if ($c < $maxChars) {
?>

<form action="index.php?subtopic=savenewchar" method="POST" class="modern-form">

    <h3>Nowa postać na <?php echo $info["ot_name"]; ?></h3>

    <!-- NAZWA -->
    <div class="form-group">
        <label>Nazwa postaci</label>
        <input type="text" name="name" id="nick" maxlength="20" required>
        <small>3–20 znaków</small>
    </div>

    <!-- PŁEĆ -->
    <div class="form-group">
        <label>Płeć</label>
        <div class="radio-group">
            <label><input type="radio" name="sex" value="1"> Mężczyzna</label>
            <label><input type="radio" name="sex" value="0"> Kobieta</label>
        </div>
    </div>

    <!-- PROFESJA -->
    <div class="form-group">
        <label>Profesja</label>
        <div class="radio-group">
            <label><input type="radio" name="voc" value="1"> Sorcerer</label>
            <label><input type="radio" name="voc" value="2"> Druid</label>
            <label><input type="radio" name="voc" value="3"> Paladin</label>
            <label><input type="radio" name="voc" value="4"> Knight</label>
        </div>
    </div>

    <!-- BUTTONY -->
    <div class="form-buttons">
        <button type="button" onclick="history.back()" class="btn-back">Powrót</button>
        <button type="submit" class="btn-create">Stwórz postać</button>
    </div>

    <input type="hidden" name="c" value="<?php echo $c; ?>">

</form>

<?php
} else {
    echo "<center>Osiągnąłeś limit postaci.</center>";
}

} else {
    echo "<center>Musisz się zalogować, aby stworzyć postać.</center>";
}
?>

</div>
.textInput {
    color: #000 !important;
    background: #fff !important;
}

input[type="text"],
input[type="password"] {
    color: #000 !important;
}
.textInput {
    color: #fff;
    background: #3b2a1a;
    border: 1px solid #8a6a3d;
}
.textInput {
    color: #000 !important;
    background-color: #e8d2a6 !important;
    border: 1px solid #8a6a3d;
}

input[type="text"],
input[type="password"] {
    color: #000 !important;
}
/* ===== FIX FORMULARZA CREATE ===== */

input[type="text"],
input[type="password"] {
    background: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #999 !important;
    padding: 5px !important;
}

input::placeholder {
    color: #555 !important;
}

/* radio (płeć, profesja) */
input[type="radio"] {
    accent-color: #ff9900;
}

/* kontener formularza (żeby nie był mega biały) */
.uniForm {
    background: rgba(255,255,255,0.95);
    padding: 20px;
    border-radius: 10px;
}

/* labelki */
.uniForm label {
    color: #000 !important;
}

/* tekst pomocniczy */
.formHint {
    color: #333 !important;
}
input {
    color: black !important;
}
/* ===== HARD FIX INPUT ===== */
input[type="text"],
input[type="password"] {
    color: #000 !important;
    background-color: #fff !important;
    -webkit-text-fill-color: #000 !important; /* CHROME FIX */
    opacity: 1 !important;
}

/* focus (jak klikniesz) */
input:focus {
    color: #000 !important;
    background-color: #fff !important;
}

/* usunięcie dziwnych efektów */
.uniForm input {
    color: #000 !important;
    background: #fff !important;
}
.uniForm {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}
.ctrlHolder {
    margin-bottom: 10px;
}

.ctrlHolder label {
    color: #f1c40f;
    display: block;
    margin-bottom: 3px;
}

.textInput {
    width: 200px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #333;
}
/* 🔥 FIX: inputy klikalne */
input, textarea, select {
    position: relative;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

/* 🔥 FIX: usuń blokujące warstwy */
.mi-t, .mi-m, .mi-m1, .mi-m2, .news {
    position: relative;
    z-index: 1;
}

/* jeśli coś przykrywa (często top frame) */
#topnews * {
    pointer-events: auto !important;
}
/* 🔥 BUTTON FIX */
input[type="submit"],
button {
    position: relative;
    z-index: 9999 !important;
    pointer-events: auto !important;
    cursor: pointer;
}
/* 🔥 BUTTON FIX */
input[type="submit"],
button {
    position: relative;
    z-index: 9999 !important;
    pointer-events: auto !important;
    cursor: pointer;
}
/* 🔥 LOGO FIX */
.logo {
    width: 100%;
    height: 260px; /* możesz zmienić np. 220 / 300 */
    background: url("images/logo.jpg") center center no-repeat;
    background-size: cover; /* usuwa paski */
    display: block;
}

/* opcjonalnie klikalne logo */
.logo_link {
    position: absolute;
    width: 100%;
    height: 260px;
    z-index: 10;
}

/* cień jak w OTS */
.logo {
    box-shadow: 0 5px 15px rgba(0,0,0,0.6);
}
/* 🔥 HEADER FIX */
#header {
    width: 100%;
    height: 260px;
    position: relative;
}

/* 🔥 LOGO */
.logo {
    width: 100%;
    height: 260px;
    background: url("images/logo.jpg") center top no-repeat;
    background-size: cover;
}

/* klikalne */
.logo a {
    display: block;
    width: 100%;
    height: 100%;
}
#main-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
.logo {
    width: 100%;
    text-align: center;
    background: none !important;
    position: relative !important;
    overflow: hidden;
}

.logo img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* FIX LOGO POSITION */
#header {
    position: relative !important;
    height: 260px !important;
    overflow: hidden !important;
}

.logo {
    position: absolute !important;
    top: -70px !important; /* reguluj tą wartość */
    left: 0 !important;
    width: 100% !important;
    height: 260px !important;
    background-position: center top !important;
    background-size: cover !important;
    z-index: 10 !important;
}
/* 🔥 FIX – usuwa czarny pasek i podciąga logo */
#header {
    height: 180px !important;
    overflow: hidden;
}

.logo {
    height: 180px !important;
    background-position: center top !important;
}

/* jeśli dalej jest odstęp pod headerem */
#main-layout {
    margin-top: -10px !important;
}
.logo {
    position: relative !important;
    top: -10px !important;
}

#header {
    height: 200px !important;
}
/* FIX czarnego paska pod logo */
.tablecol {
    margin-top: 0px !important;
}

/* dodatkowo zmniejszamy przestrzeń */
#table_layout_top {
    margin-top: -80px !important;
}
/* ===== FINAL FIX LOGO ===== */

#header {
    position: relative !important;
    height: 320px !important; /* większa wysokość żeby zmieścić całe logo */
    overflow: hidden !important;
}

.logo {
    position: absolute !important;
    top: 0 !important;
    left: 0;
    width: 100% !important;
    height: 320px !important;
    background: url("images/logo.jpg") center top no-repeat !important;
    background-size: contain !important; /* pokazuje całe logo */
    z-index: 10;
}

/* podciąga content do góry żeby nie było czarnego bloku */
#table_layout_top {
    margin-top: -60px !important;
}
.logo {
    background-position: center 40px !important;
}
/* 🔥 FIX LOGO FINAL */
.logo {
    height: 320px !important;
    background-position: center 40px !important; /* przesuwa logo w dół */
}

#header {
    height: 320px !important;
}
Dalej ni/* 🔥 FINAL – przesunięcie całego logo */
.logo {
    position: relative !important;
    top: 40px !important; /* to opuszcza logo */
}
/* 🔥 FINAL – ustawienie logo idealnie */
.logo {
    position: absolute !important;
    top: 8px !important; /* było -96px → dajemy mniej żeby nie ucinało */
    left: 50% !important;
    transform: translateX(-50%);
    margin: 0 !important;
    z-index: 20;
}
body {
    background: radial-gradient(circle at top, #0f1b2e 0%, #05080f 70%) no-repeat;
    background-color: #05080f;
}
div.c .c2 {
    background: rgba(20, 30, 50, 0.85);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(0, 150, 255, 0.2);
}
/* 🔥 delikatne odsunięcie panelu od logo */
div.c .c2 {
    margin-top: 0px !important;
}
.box {
    background: rgba(10, 20, 30, 0.9);
    border: 1px solid #00bfff;
    border-radius: 8px;

    box-shadow: 
        0 0 10px #0088ff,
        inset 0 0 10px rgba(0,150,255,0.2);
}
/* 🔥 GLOBAL FIX KLIKANIA */
#header,
.logo {
    pointer-events: none !important;
}

/* menu ma działać */
#menu,
#menu a,
.menu,
.menu a {
    pointer-events: auto !important;
}

/* CAŁA ZAWARTOŚĆ NAD HEADEREM */
#content,
#main,
div.c,
.c2 {
    position: relative !important;
    z-index: 9999 !important;
}

/* header pod spodem */
#header {
    z-index: 1 !important;
}
* {
    pointer-events: auto !important;
}
/* 🔥 FIX – topnews nie blokuje kliknięć */
#topnews {
    pointer-events: none !important;
}

/* ale jego zawartość ma działać */
#topnews * {
    pointer-events: auto !important;
}
.news {
    position: relative !important;
    z-index: 9999 !important;
}
/* 🔥 NAJWYŻSZY PRIORYTET – content zawsze klikalny */
.mi, .mi-m1, .mi-m2, .news, #content, .c, .c2 {
    position: relative !important;
    z-index: 999999 !important;
}

/* 🔥 wszystko co wyżej (header, tło) nie blokuje */
#header, #header * {
    pointer-events: none !important;
}
/* 🔥 TOTAL FIX – usuwa blokady kliknięć */
body * {
    pointer-events: auto !important;
}

/* oprócz headera */
#header, #header * {
    pointer-events: none !important;
}
/* 🔥 WYŁĄCZAMY CAŁY topnews jako overlay */
#topnews {
    pointer-events: none !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 🔥 ALE pozwalamy klikać jego zawartość */
#topnews .news,
#topnews .news * {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
}
/* 🔥 FIX kliknięć w zakładce czary */
table, table *, .table, .table * {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
}
/* 🔥 ŁADNE, CZYTELNE NAGŁÓWKI */
h1, h2, h3, .title, .header {
    color: #00cfff !important;
    font-family: 'Trebuchet MS', 'Segoe UI', sans-serif !important;
    font-weight: bold !important;
    letter-spacing: 1px;
    text-align: center;

    text-shadow:
        0 0 5px rgba(0, 200, 255, 0.7),
        0 0 10px rgba(0, 150, 255, 0.5),
        0 0 20px rgba(0, 100, 255, 0.3);
}
/* 🔥 NAGŁÓWKI PRAWEGO / LEWEGO PANELU */
td.l h3,
td.r h3,
.lm h3,
.rm h3 {
    color: #4fdfff !important;
    font-weight: bold !important;
    text-align: center;

    text-shadow:
        0 0 10px #00cfff,
        0 0 20px #0077ff,
        0 0 30px #0055ff;
}
/* 🔥 HARD FIX NA TE STARE ELEMENTY */
td.l b,
td.r b,
td.l font,
td.r font {
    color: #4fdfff !important;
}
/* 🔥 LEWY PANEL – NA PEWNO ZŁAPIE */
td.l h1,
td.l h2,
td.l h3,
td.l .header,
td.l b {
    color: #e6c36a !important;
    font-weight: bold !important;
    text-align: center !important;

    text-shadow:
        0 1px 0 #000,
        0 0 5px rgba(255, 200, 100, 0.6),
        0 0 10px rgba(255, 180, 50, 0.4);
}
/* 🔥 INPUTY */
input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #333;
    background: #1e1e1e;
    color: #fff;
    outline: none;
}

input[type="text"]:focus,
input[type="password"]:focus {
    border: 1px solid #00cfff;
    box-shadow: 0 0 6px #00cfff;
}

/* 🔥 PRZYCISK */
input[type="submit"] {
    background: linear-gradient(45deg, #ffb300, #ff7b00);
    border: none;
    border-radius: 6px;
    padding: 6px;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

input[type="submit"]:hover {
    box-shadow: 0 0 10px #ffb300;
    transform: scale(1.05);
}
/* 🔥 TOP 5 BOX */
.top10 {
    background: rgba(20,20,20,0.7);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 15px rgba(0,150,255,0.2);
}

/* 🔥 TYTUŁ */
.top10 .z span {
    color: #00eaff !important;
    font-weight: bold;
    text-shadow: 0 0 8px #00eaff;
}

/* 🔥 TABELA */
.top10 table {
    width: 100%;
    color: #ddd;
}

/* 🔥 WIERSZE */
.top10 table tr {
    transition: 0.2s;
}

/* 🔥 HOVER */
.top10 table tr:hover {
    background: rgba(0,200,255,0.1);
    transform: scale(1.01);
}

/* 🔥 NICK */
.top10 table a {
    color: #a0c8ff;
}

.top10 table a:hover {
    color: #00eaff;
}
/* ========================= */
/* 🔥 FORMULARZ – ŚRODEK STRONY */
/* ========================= */

/* środkowy panel (tam gdzie create account) */
#content table,
#content form,
#content td {
    color: #cfeeff !important;
}

/* główny box formularza */
#content table {
    background: rgba(20, 30, 50, 0.9) !important;
    border-radius: 12px !important;
    padding: 20px;
    box-shadow: 0 0 25px rgba(0, 150, 255, 0.3);
}

/* INPUTY */
#content input[type="text"],
#content input[type="password"],
#content select {
    width: 95% !important;
    padding: 10px !important;
    border-radius: 8px;
    border: 1px solid rgba(0, 200, 255, 0.3);
    background: rgba(10, 15, 25, 0.9);
    color: #e0f7ff;
}

/* FOCUS */
#content input:focus {
    border: 1px solid #00eaff;
    box-shadow: 0 0 10px #00eaff;
}

/* RADIO */
#content input[type="radio"] {
    accent-color: #00eaff;
}

/* BUTTON */
#content input[type="submit"] {
    background: linear-gradient(135deg, #00cfff, #0066ff);
    border: none;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
}

/* ========================= */
/* 🔥 LOGIN – PRZYWRÓCENIE */
/* ========================= */

#left input[type="text"],
#left input[type="password"] {
    width: 80% !important;
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #999 !important;
}

#left input[type="submit"] {
    background: orange !important;
    color: #000 !important;
}
#accordion {
    width: 100%;
    font-family: Arial, sans-serif;
}

/* Nagłówki VexaOTS / Świat */
#accordion h2 {
    margin: 8px 0 0 0;
    padding: 0;
    border: none;
    background: none;
}

#accordion h2 a {
    display: block;
    padding: 12px 15px;

    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;

    color: #00eaff !important;

    background: linear-gradient(
        90deg,
        #111827,
        #182333
    );

    border-left: 3px solid #00eaff;
    border-radius: 5px;

    box-shadow:
        0 4px 12px rgba(0,0,0,0.4);

    transition: 0.25s;
}

#accordion h2 a:hover {
    background: linear-gradient(
        90deg,
        #17283a,
        #1d344a
    );

    color: #ffffff !important;

    transform: translateX(3px);

    box-shadow:
        0 0 12px rgba(0,234,255,0.25);
}

/* Tło rozwiniętej sekcji */
#accordion > div {
    background: #0d1118;

    border-left: 1px solid #1e2d3d;
    border-right: 1px solid #1e2d3d;
    border-bottom: 1px solid #1e2d3d;

    padding: 6px 8px 10px 8px;

    box-shadow:
        inset 0 0 20px rgba(0,0,0,0.25);
}

/* Lista */
#accordion ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Element menu */
#accordion li {
    margin: 3px 0;
}

/* Link */
#accordion li a {
    display: block;

    padding: 10px 12px;

    color: #b8c2cc;
    text-decoration: none;

    font-size: 13px;

    background: rgba(255,255,255,0.02);

    border-radius: 4px;

    border-left: 2px solid transparent;

    transition: all 0.2s ease;
}

/* Hover */
#accordion li a:hover {
    color: #ffffff;

    background: rgba(0,234,255,0.08);

    border-left: 2px solid #00eaff;

    padding-left: 16px;

    box-shadow:
        0 0 10px rgba(0,234,255,0.12);
}

/* Specjalne linki */
#accordion .menu-facebook {
    color: #4d8dff;
}

#accordion .menu-discord {
    color: #9b8cff;
}

#accordion .menu-team {
    color: #ff5964;
}

#accordion .menu-bans {
    color: #ff7070;
}

#accordion .menu-stats {
    color: #ffd84d;
}

#accordion .menu-home {
    color: #00eaff;
}
/* =========================================
   VEXAOTS - LEFT MENU
   ========================================= */

#accordion {
    box-sizing: border-box;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

/* Nagłówki */
#accordion h2 {
    box-sizing: border-box;
    margin: 10px 0 0 0;
    padding: 0;
}

#accordion h2 a {
    box-sizing: border-box;

    display: block;
    width: 100%;

    padding: 9px 10px;

    text-align: center;
    text-decoration: none;

    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;

    color: aqua !important;

    background: linear-gradient(
        to right,
        #111a29,
        #172234,
        #111a29
    );

    border-left: 3px solid aqua;
    border-radius: 4px 0 0 4px;

    transition: 0.2s ease;
}

/* Hover nagłówka */
#accordion h2 a:hover {
    background: linear-gradient(
        to right,
        #16283b,
        #20354c,
        #16283b
    );

    text-shadow: 0 0 8px aqua;
}


/* ZAWARTOŚĆ */
#accordion h2 + div {
    box-sizing: border-box;

    width: 100%;

    padding: 7px 9px;

    background: rgba(5, 10, 17, 0.90);

    border-left: 1px solid #233747;
    border-right: 1px solid #233747;
    border-bottom: 1px solid #233747;
}


/* Lista */
#accordion ul {
    box-sizing: border-box;

    width: 100%;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Element listy */
#accordion li {
    box-sizing: border-box;

    width: 100%;

    margin: 3px 0;
    padding: 0;
}


/* Linki */
#accordion li a {
    box-sizing: border-box;

    display: block;
    width: 100%;

    padding: 8px 10px;

    color: #b8b8a0;

    text-decoration: none;

    font-size: 13px;
    font-weight: bold;

    background: #10141b;

    border: 1px solid #1d2b35;
    border-bottom: 2px solid #26343d;

    border-radius: 4px;

    transition: all 0.2s ease;
}


/* Hover */
#accordion li a:hover {
    color: #ffffff !important;

    background: #17202a;

    border-color: #00aebe;

    box-shadow:
        0 0 8px rgba(0, 220, 240, 0.18);

    transform: translateX(2px);
}


/* Kolory specjalne */
#accordion li a span {
    font-weight: bold;
}


/* Pierwsza strona */
#accordion li a span[style*="aqua"] {
    text-shadow: 0 0 5px rgba(0,255,255,0.4);
}


/* Discord */
#accordion li a span[style*="lime"] {
    text-shadow: 0 0 5px rgba(0,255,0,0.25);
}


/* Responsywność */
@media screen and (max-width: 900px) {

    #accordion h2 a {
        font-size: 14px;
        padding: 8px;
    }

    #accordion li a {
        font-size: 12px;
        padding: 7px 8px;
    }

}