::-webkit-scrollbar {
  background: url(../images/scrollbar/scroll-base.png), url(../images/scrollbar/scroll-base2.png);
  background-repeat: no-repeat;
  background-size: 17px 100%, 100% 17px;
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-thumb:vertical {
  image-rendering: pixelated;
  background: url(../images/scrollbar/scroll-thumb-top.png), url(../images/scrollbar/scroll-thumb-bot.png), url(../images/scrollbar/scroll-thumb.png);
  background-repeat: no-repeat;
  background-position: top, bottom, center;
  background-size: 17px 5px, 17px 5px, 17px 100%;
  border-radius: 5px;
  border: 0px solid transparent;
  width: 17px;
}

::-webkit-scrollbar-thumb:horizontal {
  image-rendering: pixelated;
  background: url(../images/scrollbar/scroll-thumb-top2.png), url(../images/scrollbar/scroll-thumb-bot2.png), url(../images/scrollbar/scroll-thumb2.png);
  background-repeat: no-repeat;
  background-position: left, right, center;
  background-size: 5px 17px, 5px 17px, 100% 17px;
  border-radius: 5px;
  border: 0px solid transparent;
  height: 17px;
}

::-webkit-scrollbar-button:vertical:decrement {
  background: url(../images/scrollbar/scroll.png);
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-button:vertical:decrement:active {
  background-position: -18px 0;
}

::-webkit-scrollbar-button:vertical:increment {
  background: url(../images/scrollbar/scroll.png) 0 -36px;
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-button:vertical:increment:active {
  background-position: -18px -36px;
}


::-webkit-scrollbar-button:horizontal:decrement {
  background: url(../images/scrollbar/scroll2.png);
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-button:horizontal:decrement:active {
  background-position: 0px -18px;
}

::-webkit-scrollbar-button:horizontal:increment {
  background: url(../images/scrollbar/scroll2.png) -36px 0px;
  width: 17px;
  height: 17px;
}

::-webkit-scrollbar-button:horizontal:increment:active {
  background-position: -36px -18px;
}



html { font: normal normal normal 10.0pt Tahoma; }
body { margin:0px; background:#999; transition: background-color 350ms linear;}
#nawigacja {
	position: relative; 
	width:100%; min-width:1280px; 
	height:40px; 
	background:linear-gradient(rgb(250,92,40), rgb(250,133,62)); 
	padding:0.001px 0px; 
	text-align:center; 
	font: normal normal normal 13px Tahoma;
	z-index:999;
}

#nawigacja ul { list-style-type: none; margin: 0; padding: 0; height:40px; user-select: none; }
.navDropDown {position:relative; display:inline-block; color:#FFF; height:40px; padding:0px 5px; transition: all 0.2s; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000, -1px -1px #000, -1px 1px #000, 1px -1px #000, 1px 1px #000;}
.navDropDown:hover { cursor: url('../images/nt_cursor_pointer.png'), pointer; background:linear-gradient(#bb6200, #aa3300); box-shadow: 0 0px 3px #111}
.navDropDown.aktywny { background:linear-gradient(#bb6200, #aa3300); box-shadow: 0 0px 3px #111}
.navDropDown a {text-align: center; padding: 10px 8px 6px 8px; display: inline-block; height: 24px;}
.navDropDown a span {display:inline-block; height:19px;}
.navDropDown a span:after {content: '\25bc'; padding-left: 3px;}
.navDropDown a img {vertical-align:bottom; height:21px; width:21px; padding-right: 3px}
.navDropDown div {display:none; position:absolute; top:100%; left:0px; z-index:999}
.navDropDown div a {text-align: left; text-decoration:none; background:rgb(250,133,62); border-left: 1px solid #000; border-right: 1px solid #000; padding: 8px 0px 8px 0px; height: 14px; width:100%; color:#FFF; white-space: nowrap}
.navDropDown div a:last-child {border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom: 1px solid #000;}
.navDropDown div a:hover { background:#aa3300; box-shadow: 0 0px 0px #111}
.navDropDown div a img {vertical-align:top; height:18px; padding:0px 2px 0px 2px; width:18px}
.navDropDown div a span {display:inline-block; height:19px; padding:0px 5px 0px 0px;}
.navDropDown div a span:after {content: ''; padding-left: 0px;}

.isDisabled{ background:#777; filter:grayscale(100%); cursor: not-allowed; pointer-events: none;}

.navNotDropDown {position:absolute; top:0px; display:inline-block; color:#FFF; height:40px; padding:0px 5px; font-weight:bold; font-weight:bold; text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;}
.navNotDropDown:hover { cursor: url('../images/nt_cursor_pointer.png'), pointer; background:linear-gradient(#ffff00, #ffff66); box-shadow: 0 0px 3px #FFF}
.navNotDropDown a {text-align: center; padding: 10px 8px 6px 8px; display: inline-block; height: 24px; text-decoration:none;}
.navNotDropDown a span {display:inline-block; height:19px; color:#FCC}
.navNotDropDown a img {vertical-align:bottom; height:21px; width:21px; padding-right: 3px}

.langDivRozwijany {position:relative; display:inline-block; border: 1px solid #840; border-radius:2px; background:rgba(200, 100, 0, 0.8); width:120px; height:14px; cursor: url('../images/nt_cursor_pointer.png'), pointer; color:#FFF}

.langDivRozwijany a {display: inline-block; height: 14px; width: 120px; position:relative;}
.langDivRozwijany a img {display: inline-block; height: 14px; width:20px; position:absolute; top:0px; left:0px;}
.langDivRozwijany a .langNazwa {text-align: left; display: inline-block; height: 14px; width:81px; font-size:11px; position:absolute; top:0px; left:25px;}
.langDivRozwijany a .langStrzalka {text-align: center; display: inline-block; height: 14px; width:14px; position:absolute; top:0px; left:106px;}
.langDivRozwijany div {display:none; position:absolute; top:100%; left:-1px;}
.langDivRozwijany div a {text-align: left; background:rgba(200, 100, 0, 0.9); border-left: 1px solid #000; border-right: 1px solid #000; padding: 2px 0px 2px 0px; height: 14px; width:120px; color:#FFF; white-space: nowrap}
.langDivRozwijany div a:last-child {border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-bottom: 1px solid #000;}
.langDivRozwijany div a:hover { background:rgba(150, 50, 0, 0.9); box-shadow: 0 0px 0px #111}
.langDivRozwijany div a img {vertical-align:top; padding-top:2px; height:13px; width:18px; margin-left:1px;}
.langDivRozwijany div a span {display:inline-block; height:14px; margin-left:20px; width:100px; font-size:10px;}
.langDivRozwijany div a span:after {padding-left: 0px;}


#logo { position: relative; width:100%; min-width:1280px; height:200px; box-shadow: 0 3px 3px #000; text-align:center; z-index:2; user-select: none;}
#tloLogo { box-shadow: inset 0 0 15px #000; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:-5; background-image:url('../images/logo-tlo3.jpg'); background-repeat:none; background-size:cover; filter:brightness(90%);user-select: none; }

#ogloszenia { display:none; position:absolute; top:0px; left:50%; margin-left:-500px; height:200px; width:250px; color:#FFF; z-index:3}
#expevent { position:absolute; top:0px; left:50%; margin-left:250px; height:200px; width:277px; color:#FFF; z-index:3;}


#divStrona {
	background:linear-gradient(rgba(215,215,215,0.3), rgba(165,165,165,0.35)); 
	box-shadow: 0 0px 10px #000; 
	padding:20px 20px; 
	margin: 20px auto 20px auto; width: 1240px; 
	position: relative; 
	color: #000;
	border-radius:50px;
	text-align:center;
}

#stopka {position: relative; width:100%; min-width:1280px; background:#111; box-shadow: 0px 0px 3px #000; padding:3px 0px; color:#fff; text-align:center; font: normal normal normal 10px Tahoma; z-index:99}
#stopkaAutor {display:none; position:absolute; top:-200px; right:10px; width:350px; height:200px}
#autorAvatar {position:absolute; bottom:20px; left:0px; filter: drop-shadow(2px 2px 3px rgba(0,0,0,1))}
#autorNick {position:absolute; bottom:3px; left:0px; width:130px; font-size:13px; margin:0px; font-weight:bold; text-align:center; color:#FFF;}
.autor {
	position: relative;
	background: rgba(200, 200, 200, 0.8);
	border: 2px solid #000000;
	color:#000;
	border-radius:15px;
	font-size:13px;
	padding:7px;
	display:table-cell; 
	vertical-align:middle; 
	width:240px; height:130px;
}
.zmienJezyk {cursor: url('../images/nt_cursor_pointer.png'), pointer; padding-left:2px; padding-top:3px;}

#infoCiasteczka {
	display:none; 
	text-align:center; 
	position:fixed; bottom:0px; right:0px; 
	border-left:1px solid #555; border-top:1px solid #555; border-top-left-radius:5px; 
	padding:10px; 
	background:rgba(0,0,0, 0.8); box-shadow:0px 0px 3px #000; 
	z-index:999
}

#divOdCousa {display:none; position:fixed; bottom:0px; right:10px; width:370px; height:250px; z-index:998}
#odCousaAvatar {position:absolute; bottom:20px; left:0px; filter: drop-shadow(2px 2px 3px rgba(0,0,0,1))}
#odCousaNick {position:absolute; bottom:3px; left:0px; width:130px; font-size:13px; margin:0px; font-weight:bold; text-align:center; color:#FFF;}
#tekstOdCousa {
	position: absolute;
	left:115px; top:50%; transform:translateY(-50%);
	background: rgba(200, 200, 200, 0.8);
	border: 2px solid #000000;
	color:#000;
	border-radius:15px;
	font-size:13px;
	padding:10px;
	display: table;
	width:240px; min-height:100px;
}
#tekstOdCousa div {display: table-cell; vertical-align: middle;}
#tekstOdCousa div p {width:100%;}


.oknoNPC { text-align: center; display: none; visibility:hidden; z-index: 1000; background-color: rgba(0,0,0,0); position: absolute; left: 10%; top: 10%; }
.najechanyNPC { position: relative; display: inline-block; }

.oknoCP { z-index: 999; color:#fff; background-color: rgba(30,30,30,0.9); position: fixed; left: 5px; bottom: 5px; border-radius:5px; border: 1px solid rgb(140,140,140); box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000; }
.oknoBUFF { width:300px; z-index: 999; color:#fff;background-color: rgba(30,30,30,0.9); position: fixed; left: 5px; bottom: 5px; border-radius:5px; border: 1px solid rgb(140,140,140); box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000; }
.oknoRUNA { width:300px; z-index: 999; color:#fff;background-color: rgba(30,30,30,0.9); position: fixed; left: 5px; bottom: 5px; border-radius:5px; border: 1px solid rgb(140,140,140); box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000; }
.oknoSKAD { max-width:400px; z-index: 999; color:#fff;background-color: rgba(30,30,30,0.9); position: fixed; left: 5px; top: 5px; border-radius:5px; border: 1px solid rgb(140,140,140); box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000; text-align:center; padding:8px; }
.oknoSKAD .miniSKAD { overflow-x: hidden; overflow-x: auto; max-height:400px; }
.oknoSKAD td { padding-bottom:0px; padding-top:0px }
.oknoSKILL { color: #FFE9A9; width:300px; z-index: 999; color:#fff; background-color: rgba(30,30,30,0.9); position: fixed; right: 5px; bottom: 5px; border-radius:5px; border: 1px solid rgb(140,140,140); box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000; }
.miniSKILL, .miniBUFF, .miniCP, .miniRUNA { padding:15px; text-align:center }
.btnUkryjOkno { position:absolute; right:5px; top:5px; cursor: url('../images/nt_cursor_pointer.png'), pointer; width:15px; height:15px; background:url(../images/buttonexit.png); background-size:cover;}
.btnZamknijOkno { position:absolute; right:5px; top:5px; cursor: url('../images/nt_cursor_pointer.png'), pointer; width:15px; height:15px; background:url(../images/buttonexit.png); background-size:cover;}
		

.oknoNT {
	background:rgba(0,0,0,0.5);
	border-radius:2px;
	position:relative;
	padding: 1px;
}

.oknoNT .tytul {
	display: inline-block;
	background:linear-gradient(rgb(70,70,70),rgb(45,45,45) 15%, rgb(45,45,45) 50%, rgb(0,0,0) 50%, rgb(0,0,0));
	border-radius:2px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: clip;
	box-shadow: inset 0 0 0 1px #000, 0 0 1px 1px #000;
	border: 1px solid rgb(140,140,140);
	width:100%;
	margin-left:-1px;
	height:20px;
	color:#FFF;
	text-align:center;
	text-shadow: -1px 0 #222, 0 1px #222, 1px 0 #222, 0 -1px #222, -1px -1px #222, -1px 1px #222, 1px -1px #222, 1px 1px #222;
	font-family: Tahoma; font-size: 14px;
	padding:4px 0px;
}

.oknoNT .ramka {
	margin: 0px 1px 1px 1px;
	border: 1px solid rgb(80,80,80);
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	padding:4px;
	text-align:center;
}

.oknoNT .ramka .dane {
	width:100%;
	height:100%;
	border-radius:2px;
	border: 1px solid #555;
	margin-left:-1px; margin-top:-1px;
	box-shadow: inset 0 0 0 1px #000;
	background:rgba(50,50,50,0.7);
	position:relative;
	color:#FFF;
}

.oknoNT .ramka .dane .zawartosc{
	width:100%;
	height:100%;
	border-radius:2px;
	border: 1px solid #666;
	box-shadow: 0 0 0 1px rgb(20,20,20);
	background:rgba(20,20,20,1);
	position:absolute;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.oknoNT .ramka .tabs {
	height:30px;
	position:relative;
}

.oknoNT .ramka .tabs .chooseTab {
	height:100%;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	display:inline-block;
	border: 1px solid #555;
	box-shadow: inset 0 0 0 1px #000;
	background:rgba(0,0,0,0.7);
	position:relative;
	color:#CCC;
	cursor: url('../images/nt_cursor_pointer.png'), pointer; 
}

.oknoNT .ramka .tabs .chooseTab p {
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%, -50%);
}

.oknoNT .ramka .tabs .choosedTab {
	background:linear-gradient(rgba(70,70,70,0.7), rgba(50,50,50,0.7));
	color:#FFF;
}

.arrowUp {background: url(../images/arrowUP.png); width: 17px; height: 17px;}
.arrowUp:hover {filter:brightness(140%); cursor: url('../images/nt_cursor_pointer.png'), pointer;}

.arrowDown {background: url(../images/arrowDOWN.png); width: 17px; height: 17px;}
.arrowDown:hover {filter:brightness(140%); cursor: url('../images/nt_cursor_pointer.png'), pointer;}