﻿body {
	background-color: #010e16;
	background-image: url('template/tlo.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	color: #e6e6e6;
	font-size: 13px;
}
a {
	color: #00aeff;
	text-decoration: none;
}
img a {
border: 0px;
text-decoration: none;
}
img {
border: 0px;
text-decoration: none;
}
a:hover {
	color: #ffffff;
}
blockquote {
	margin: 10px;
	padding: 10px;
	color: #00aeff;
	border: 1px solid #3b3b3b;
	background-color: #131313;
}
blockquote a{
	color: #e6e6e6;
}
blockquote a:hover{
	color: #777777;
}
div#calosc {
	background-image: url('template/tlo_bottom.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;

}
div#top {
	height: 172px;
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('template/top.png');
	background-position: left;
	background-repeat: no-repeat;
}
div#menu_top {
	height: 47px;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('template/menu.png');
}

										/* Menu */

#menu_space {
	padding-left: 210px;
	padding-top: 8px;
	position: absolute;
	z-index: 20;
}
										/* Menu */

div#hot_bg {
	height: 247px;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('template/hot_bg.png');
	background-position: center;
}

div#content {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	background-image: url('template/content.png');
	background-position: center;
	background-repeat: repeat-y;
	overflow: hidden;
}
div#tresc {
	width: 676px;
	margin-left: 33px;
	float: left;
}

div.tekst {
	width: 676px;
	background-image: url('template/tekst.png');
	background-position: top center;
	background-repeat: no-repeat;
}

div.txt {
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;

}

h1 {
	padding-left: 170px;
	padding-top: 33px;
	color: #00aeff;
	font-size: 13px;
}
u {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	margin-left: 10px;
	font-size: 12px;
}
p.prawa {
	text-align:right;
	margin: 2px;
	padding: 0px;
}

div.komentarz {
	margin: 20px;
	padding: 15px;
	color: #b1b1b1;
	border: 1px solid #3b3b3b;
	background-color: #131313;
}
div.komentarz:hover {
	color: #e6e6e6;
	border: 1px solid #0084ff;
	background-color: #00101e;
}
div.komentarz p{
	margin-top: 0px;
	font-weight: bold;
}
div#info {
	width: 253px;
	margin-top: 30px;
	margin-right: 33px;
	float: right;
}
input, textarea {
	color: #b1b1b1;
	border: 1px solid #222222;
	background-color: #060606;
	margin: 5px 0px;
	padding: 3px;
}
input:hover, input:active, textarea:hover, textarea:active {
	color: #e6e6e6;
	border: 1px solid #0084ff;
	background-color: #00101e;
}

div#serwis_dia {
	height: 74px;
	width: 241px;
	background-image: url('template/serwery.png');
	background-repeat: no-repeat;
	background-position: top right;
}
div#serwis_dia:hover {
	background-position: bottom right;
}
h2 {
	color: #00aeff;
	font-size: 12px;
	margin-top: 30px;
	text-align: center;
}
div#serwer_dia {
	height: 74px;
	width: 241px;
	background-image: url('template/serwery.png');
	background-repeat: no-repeat;
	background-position: top left;
}
div#serwer_dia:hover {
	background-position: bottom left;
}
div#buttony_top {
	height: 60px;
	width: 243px;
	background-image: url('template/buttony.png');
	background-position: top;
}

div#buttony_mid{
	width: 243px;
	background-image: url('template/buttony_mid.png');
}
div#buttony_bot {
	height: 45px;
	width: 243px;
	background-image: url('template/buttony.png');
	background-position: bottom;
}
div#bottom {
	height: 152px;
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('template/bottom.png');
	background-position: center;
	clear: both;
}

div#strony {
	margin: 50px;
	margin-top: 15px;
	padding-top: 50px;
	width: 910px;
	float: left;
	background-image: url('template/przerwa.png');
	background-position: top center;
	background-repeat: no-repeat;

}
img.obrazek {
	margin-right: 25px;
	float: left;
}
div.tabela_diablo2 {
	width:880px;
	height: 160px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	float: left;
	background-image: url('template/tabela_diablo2.png');
	background-repeat: no-repeat;
}
div.tabela_diablo3 {
	width:880px;
	height: 160px;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	float: left;
	background-image: url('template/tabela_diablo3.png');
	background-repeat: no-repeat;
}

.marginesy {
	margin: 30px;
}

/* NB */


div#box{
	position:absolute; /*(*)*/
	width:918px;/*(*)*/
	height:183px;/*(*)*/
	overflow:hidden;/*(*)*/
	
}

div#boxbox{
	margin-left:auto;
	margin-right:auto;
	width:918px;/*(*)*/
	height:233px;/*(*)*/
	padding-top: 50px;
}

.news{
	position:absolute;/*(*)*//*(*)*/
	width:918px;/*(*)*/
	height:183px;/*(*)*/
}
.navigate{
	position:absolute;/*(*)*/
	z-index:1;/*(*)*/
	top:60px;
	width:28px;
	height:60px;
	z-index: -1;
}
div#lewaBtn.navigate{
	left:15px;
	background-image:url('newsbrowser/lewa.PNG');

}
div#prawaBtn.navigate{
	right:15px;
	background-image:url('newsbrowser/prawa.PNG');
}
#hot{
	position:absolute;/*(*)*/
	z-index:1;/*(*)*/
}

.infobox{
	position:absolute;/*(*)*/
	background-image:url('newsbrowser/hot_txt.png');
	background-position: top left;
	background-repeat: repeat-x;
	z-index:2;/*(*)*/
	margin-bottom: 2px;
}

.infobox p{/*NORMALNIE MOZESZ STYLOWAC TO CO W TYM WYSUWANYM TAK JAK TU, KLASA TEGO WYSUWANEGO TO .infobox*/
	font-family:"Arial Narrow";
	font-size:9pt;
	color:white;
}
.infobox h3 a{
	font-family:"Arial Narrow";
	font-size:15pt;
	padding-left:25px;
	text-decoration: none;
}
.infobox h3 a{
	color:#0096ff;
	text-decoration: none;
}
.infobox h3 a:hover{
	color:#0096ff;
	text-decoration: underline;

}



/* MENU */

div#menu{
	width:705px;
	height:30px;

	margin-top:4px;
	font-family:verdana;
	font-size:12px;
	color:white;
}
div#menu span{display:none;}
div#menu ul, div#menu li, div#menu a{display:block;margin:0;padding:0;text-decoration:none;}
div#menu ul li{position:relative;}
div#menu ul li ul{white-space: nowrap;width:145px; margin-top: 0px;
position:relative; top:27px; display:none;background-image:url(template/menu/bg.png); background-repeat:repeat; border:1px solid #001c2e; overflow:hidden; }
div#menu ul li:hover ul{display:block;}

div#menu ul li ul li{clear:both;float:none;}
div#menu ul li {float:left;height:27px;background-repeat:no-repeat;}
div#menu ul li a{
	width:100%;
}
div#menu ul li ul li,div#menu ul li ul li a, div#menu ul li ul li b  {
	display:block;
	margin-left:0px;
	height:22px;
	color:white;

}
div#menu ul li ul li a, div#menu ul li ul li b{
	line-height:21px;
	padding-left:5px;
}
	
div#menu ul li ul li a:hover, div#menu ul li ul li b:hover{
	background-image:url(template/menu/bg_hover.png);
	background-repeat:repeat;
	
}

div#menu ul li{margin-left:30px;}
div#menu ul li#home{
	width:60px;
	background-image:url(template/menu/menu.png);
	background-position: top left;
	margin-left:0px;
}
div#menu ul li#home:hover{
	background-position: bottom left;
}
div#menu ul li#forum{
	width:70px;
	background-image:url(template/menu/menu.png);
	background-position: -95px top;	
}
div#menu ul li#forum:hover{
	background-position: -95px bottom;	
}
div#menu ul li#forum a{
	height:100%;
	width:100%;
}

div#menu ul li#diablo{
	width:65px;
	background-image:url(template/menu/menu.png);
	background-position: -190px top;	
}
div#menu ul li#diablo:hover{
	background-position: -190px bottom;	
}
div#menu ul li#warcraft{
	width:92px;
	background-image:url(template/menu/menu.png);
	background-position: -290px top;
}
div#menu ul li#warcraft:hover{
	background-position: -290px bottom;
}

div#menu ul li#starcraft{
	width:99px;
	background-image:url(template/menu/menu.png);
	background-position: -414px top;
}
div#menu ul li#starcraft:hover{
	background-position: -414px bottom;
}
div#menu ul li#serwery{
	width:84px;
	background-image:url(template/menu/menu.png);
	background-position: -544px top;
}
div#menu ul li#serwery:hover{
	background-position: -544px bottom;
}
div#menu ul li#blogi{
	width:55px;
	background-image:url(template/menu/menu.png);
	background-position: -662px top;
}
div#menu ul li#blogi:hover{
	background-position: -662px bottom;


}


