html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: normal 11px Verdana;
	background: url(../images/bg.jpg) repeat-x;
  	line-height: 130%;
  	width: 100%;
  	min-width: 940px;
  	color: black;
}

#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
  	color:#FFFFFF;
}

#content {
  	width: 940px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
}

h1 {
	font-size: 1.6em;
	height: 20px;
	padding-top: 0;
}

h2{
	font-size: 1.2em;
	height: 20px;
	padding-top: 0;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

.srodek_tlo a {color: #2eb8d8;text-decoration: none;}
.srodek_tlo a:hover {color: #07687e;text-decoration: none;}

a {color: #FFFFFF;text-decoration: none;}
a:hover {color: #2eb8d8;text-decoration: none;}
a.side {color: #b9b9b9;text-decoration: none;}
a:hover.side {color: #2eb8d8;text-decoration: none;}

a.button_news, a.button_panela, input.button_news {
		background:url(../images/button_news.jpg);
		border:1px solid #ccc;
		color: #FFFFFF;
		font-family:Verdana, Geneva, sans-serif;
		overflow:visible;
		padding:2px 5px; 
		cursor:pointer;
		white-space:nowrap;
}
a.button_news_off {
		background:url(../images/button_news_off.jpg);
		border:1px solid #ccc;
		color: #FFFFFF;
		font-family:Verdana, Geneva, sans-serif;
		overflow:visible;
		padding:2px 5px; 
		cursor:pointer;
		white-space:nowrap;
}

a.button_news:hover, a.button_panela:hover, input.button_news:hover {
       color: #2eb8d8;
}

.login_input {
  border: 1px solid #dbdbdb;
  background: url(../images/login_input.png);
  font: normal 11px Verdana;
  color: #FFFFFF;
  padding-top: 3px;
  width:149px;
  height:16px;
}

.login_input:active,
.login_input:focus {
  border: 1px solid #dbdbdb;
  background: url(../images/login_input_active.png);
  color: #FFFFFF;
  padding-top: 3px;
  width:149px;
  height:16px;
}

.button_ok{
	   background: url(../images/submit_ok.png);
	   border:0px; 
		color:#FFFFFF;
		font-weight:bold;
		width:59px;
		height:49px;
		text-align:center;
}

#header {
  background: url(../images/header_kz.jpg);
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  width: 940px;
  height: 197px;
  color: #FFFFFF;
}

#header .napis {
  padding: 80px 0px 0px 0px;
  width: 470px;
  float: left;
}

.menu_h{
  margin: 0 auto;	
  width: 710px;
  height: 35px;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  background: url(../images/menu_kz.jpg);
}

.menu_h ul.menu_horyzontalne{
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 0px;
}

.menu_h ul.menu_horyzontalne li{
  padding-top: 10px;
  display: inline;
  width: 130px;
}

.menu_h ul.menu_horyzontalne li a:link, ul.menu_horyzontalne a:visited{
  display: block;
  height: 25px;
  width: 130px;
  text-align: center;
  float: left;
  color: #FFFFFF;
  text-decoration: none;
}

.menu_h ul.menu_horyzontalne li a:hover{
  display: block;
  height: 25px;
  width: 130px;
  text-align: center;
  float: left;
  color: #FFFFFF;
  background: url(../images/menu_h_p_kz.jpg);
}

.menu_h ul.menu_horyzontalne li #one{
	padding-top: 10px;
   margin-left: 31px;
}

.menu_h ul.menu_horyzontalne li #two{
   padding-top: 10px;
	margin-left: 1px;
}

.menu_h ul.menu_horyzontalne li #three{
	padding-top: 10px;
	margin-left: 1px;
}

.menu_h ul.menu_horyzontalne li #four{
   padding-top: 10px;
	margin-left: 1px;
}

.menu_h ul.menu_horyzontalne li #five{
   padding-top: 10px;
	margin-left: 1px;
}


#container .box_menu_lewy_g {
  background:url(../images/menu_g.jpg);
  height:28px;
  width:190px;
  font-weight:bold;
  padding: 15px 0px 0px 8px;
}

#container .box_menu_lewy_g2 {
  background:url(../images/menu_g2.jpg);
  height:11px;
  width:198px;
}

#container .box_menu_lewy_tlo {
  overflow: hidden;
  background:url(../images/box_lewy_tlo.jpg);
  height:100%;
  width:196px;
  padding: 0px 1px 0px 1px;
  color:#6d7c8c;
}

#container .box_menu_lewy_d {
	border-top: 1px solid #d1d1d1;
  background:url(../images/box_lewy_d.jpg);
  height:12px;
  width:198px;
}


#container #menu_boczne ul {
  width: 196px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#container #menu_boczne ul li {
   margin: 0;	
}

#container #menu_boczne ul li{
  background:url(../images/menu_tlo_box.jpg);	
  border-top: 1px solid #d1d1d1;	
  margin: 0;	
  height: 20px;
}

#container #menu_boczne ul a {
  background: url(../images/sub.gif) no-repeat;
  background-position: 2px 2px !important;
  background-color: inherit;
  color: #333333;
  text-decoration: none;
  display: block;
  line-height: 20px;
  height: 20px;
  width: 196px;
  padding-left:20px;
  text-align: left;
}

#container #menu_boczne ul a:hover {
  background-color: #52b4e3;
  color: #FFFFFF;
  width: 196px;
}


.paginacja {
    width: 100%;
	height: 50px;
}


#pagelink {
   padding-top: 5px;
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
}
#pagelink ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#pagelink ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   margin-right: 2px;
   padding:0;
   position:relative;
   right:50%;
}
#pagelink ul li a {
   display:block;
   text-decoration:none;
   width: 20px;
   height: 17px;
   background:url(../images/button_news.jpg);
   border:1px solid #ccc;
   color: #FFFFFF;
   text-align: center;
   padding-top:3px;
}
#pagelink ul li a:hover {
      font-weight:bold;
	  background:url(../images/button_news_aktive.jpg);
}
#pagelink ul li a.active,
#pagelink ul li a.active:hover {
      font-weight:bold;
	  background:url(../images/button_news_aktive.jpg);
}

.bledy {
padding: 10px 0px 30px 0px;
height:22px;	
}

#despairing{ 
	width:100%;
	}
	
#normal{
	width:100%;
}

.normal{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:3px;
		height:22px;
		text-align:center;
}
	
.info{
		border:solid 1px #f7f72f; 
		background:#FFFFCC;
		color:#807b00;
		font-weight:bold;
		padding:3px;
		height:22px;
		text-align:center;
}
	
.success{
		border:solid 1px #349549; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:3px;
		height:22px;
		text-align:center;
}

.warning{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:3px;
		height:22px;
		text-align:center;
}

.warning2{
  padding: 2px;
  border: 1px #fe0000 ridge;
  margin-bottom:5px;
}

#container .srodek_g {
  background:url(../images/srodek_g.jpg);
  height:22px;
  width:940px;
}

#container .srodek_tlo {
  overflow: hidden;	
  background:url(../images/srodek_tlo.jpg);
  width:934px;
  height:100%;
  padding: 0px 3px 0px 3px;
}

#container .srodek_d {
  background:url(../images/srodek_d.jpg);
  height:10px;
  width:940px;
}

#container .srodek_lewa {
  width:198px;
  float:left;
}

#container .box_lewy_g {
  background:url(../images/box_lewy_g.jpg);
  height:30px;
  width:178px;
  font-weight:bold;
  padding: 10px 0px 0px 20px;
}

#container .box_lewy_tlo {
  background:url(../images/box_lewy_tlo.jpg);
  height:100%;
  width:188px;
  padding: 0px 5px 0px 5px;
  color:#6d7c8c;
}

#container .box_lewy_d {
  background:url(../images/box_lewy_d.jpg);
  height:12px;
  width:198px;
}

#container .srodek_center {
  width:536px;
  float:left;
  padding: 0px 3px 0px 3px;
}

#container .srodek_center_reklama {
  width:730px;
  float:left;
  padding: 0px 3px 0px 3px;
}

.inner{border:1px solid #d9dadb;background:#FFF;color:#616161;}
.mtext_inner {padding: 6px 6px 0px 6px;}
.corner{position: relative;font-size: 0px;}
.corner div.topLeft{background-image: url('../images/corner.gif');background-position: 0px 0px;position:absolute;left:0px;top:0px;width:5px;height:5px;}
.corner div.bottomLeft{background-image: url('../images/corner.gif');background-position: 0px -5px;position:absolute;left:0px;top:-5px;width:5px;height:5px;}
.corner div.topRight{background-image: url('../images/corner.gif');background-position: -5px 0px;position:absolute;right:0px;top:0px;width:5px;height:5px;}
.corner div.bottomRight{background-image: url('../images/corner.gif');background-position: -5px -5px;position:absolute;right:0px;top:-5px;width:5px;height:5px;}

#container .info_pods {
  background:url(../images/tytul_pod.jpg);
  height: 15px;
  color:#069bff;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-top: 5px;
  
}

#container .tytul_komentarza {
  background:url(../images/tytul_pod.jpg);
  height: 17px;
  color:#6d7c8c;
  font-size: 10px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
}

#container .kom_spacja {
  height:4px;
  width:100%;
}


#container .news_g {
  background:url(../images/news_g.jpg);
  height:44px;
  width:506px;
  padding:13px 15px 0px 15px;
  color:#069bff;
  font-size: 12px;
  
}

#container .news_g_end{
  background:url(../images/news_g_end.jpg);
  height:44px;
  width:898px;
  padding:13px 15px 0px 15px;
  color:#069bff;
  font-size: 12px;
  
}

#container .end_maps {
  width:447px;
 float:left;
  padding:5px 5px 0px 5px;
}

#container .end_map_g {
  background:url(../images/end_map_g.jpg);
  height:44px;
  width:417px;
  padding:13px 15px 0px 15px;
  color:#069bff;
  font-size: 12px;
  float: left;
  
}

#container .news_g_reklama {
  background:url(../images/news_g_reklama.jpg);
  height:44px;
  width:700px;
  padding:13px 15px 0px 15px;
  color:#069bff;
  font-size: 12px;
  
}

#container .news_info {
  width:100%;
  color:#6d7c8c;
  font-size: 10px;
}

#container .autor, .czytaj {
  float:left;
}

#container .data, .komentarze {
  float:right;
}

#container .news_tlo {
  display: block;
  background:url(../images/news_tlo.jpg);
  width:524px;
  height: auto;
  color:#616161;
  padding: 6px 6px 6px 6px;
}

#container .news_tlo_end {
  display: block;
  background:url(../images/news_tlo_end.jpg);
  width:916px;
  height: auto;
  color:#616161;
  padding: 6px 6px 6px 6px;
}

#container .end_map_tlo {
  display: block;
  background:url(../images/end_map_tlo.jpg);
  width: 435px;
  height: auto;
  color:#616161;
  padding: 6px 6px 6px 6px;
}

#container .news_tlo_reklama {
  display: block;
  background:url(../images/news_tlo_reklama.jpg);
  width: 718px;
  height: auto;
  color:#616161;
  padding: 6px 6px 6px 6px;
}

#container .news_d {
  display: block;
  background:url(../images/news_d.jpg);
  height:45px;
  width:506px;
  color:#616161;
  padding:15px 15px 0px 15px;
}

#container .news_d_end {
  display: block;
  background:url(../images/news_d_end.jpg);
  height:45px;
  width:898px;
  color:#616161;
  padding:15px 15px 0px 15px;
}

#container .end_map_d {
  display: block;
  background:url(../images/end_map_d.jpg);
  height:45px;
  width:417px;
  color:#616161;
  padding:15px 15px 0px 15px;
}

#container .news_d_reklama {
  display: block;
  background:url(../images/news_d_reklama.jpg);
  height:10px;
  width:718px;
  color:#616161;
  padding:0px 5px 0px 5px;
}

#container .srodek_prawa {
  	width:194px;
  	float:left;
}

#container .box_prawy_g {
  background:url(../images/prawa_g.jpg);
  height:1px;
  width:193px;
}

#container .box_prawy_tlo {
  background:url(../images/prawa_tlo.jpg);
  height:100%;
  width:192px;
  padding: 0px 0px 0px 1px;
}

#container .box_prawy_d {
  background:url(../images/prawa_d.jpg);
  height:8px;
  width:193px;
}

#container .box_prawy {
  background:url(../images/box_prawy.jpg);
  padding: 5px 0px 0px 10px;
  height:18px;
  width:181px;
  font-weight:bold;
}

#container .box_prawy_mtext {
  padding: 5px 10px 5px 10px;
  color:#6d7c8c;
}

table {
  color: #666666;	
}
	 
.title {
  height: 26px;
  margin: 0;
  padding: 0 3px;
  color: #069bff;
  background-image: url(../images/title.jpg);
  background-repeat: repeat;
}

.title_rekordy {
  height: 26px; 
  margin: 0; 
  padding: 0 3px; 
  font-weight: bold; 
  text-align: center; 
  color: #FFFFFF; 
  background-image: url(../images/title2.jpg); 
  background-repeat: repeat;
}

.steamid {
  height: 64px;
  width: 254px;
  margin: 0;
  padding: 6px 0px 0px 6px;
  background-image: url(../images/steamid.jpg);
}

.title_profil {
  height: 26px;
  color: #069bff;
  font-weight: bold;
  background-color: #F6F6F6;
  border-bottom: 1px dotted #CCCCCC;
}

.title_profil2 {
  height: 26px;
  color: #069bff;
  font-weight: bold;
  background-color: #F6F6F6;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
}

.td1 {
  height: 26px;
  background-color: #FCFCFC;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.td2 {
  height: 26px;
  background-color: #F6F6F6;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.tdd2 {
  height: 26px;
  background-color: #F6F6F6;
  border-top: 1px dotted #CCCCCC;
  border-bottom: 1px dotted #CCCCCC;
}

.tdds {
  height: 26px;
  border-bottom: 1px dotted #CCCCCC;
}

span.n1_stat {

	color: red;
	font-weight: bold;
}

span.n2_stat{

	color: green;
	font-weight: bold;
 }
 
span.n3_stat {

	color: blue;
	font-weight: bold;
}

span.n1_maxspeed {

	color: red;
	font-weight: bold;
}

span.n1_prestrafe {

	color: red;
	font-weight: bold;
}


form {
  border: none;
  margin: 0;
  padding: 0;
}

input, textarea, select{
  border: 1px solid #CCCCCC;
  background-color: #F6F6F6;
  font: normal 11px Verdana;
  color: #666666;
}

input[type="radio"], input[type="checkbox"], 
input[type="radio"]:focus, input[type="radio"]:active,
input[type="checkbox"]:focus, input[type="checkbox"]:active {
  border: 0px;
}

input:active, textarea:active, select:active,
input:focus, textarea:focus, select:focus {
  border: 1px solid #CCCCCC;
  background-color: #52b4e3;
  color: #FFFFFF;
}

fieldset
{
border: 1px solid #CCCCCC;
}

legend
{
color: #fff;
background:url(../images/button_news.jpg);
border: 1px solid #CCCCCC;
padding: 2px 6px
} 

#container .thumbnail{
position: relative;
z-index: 0;
}

#container .thumbnail:hover{
background-color: transparent;
z-index: 50;
}

#container .thumbnail span{ 
position: absolute;
background-color: #F6F6F6;
padding: 5px;
left: -1000px;
border: 1px dotted #CCCCCC;
visibility: hidden;
color: black;
text-decoration: none;
}

#container .thumbnail span img{ 
border-width: 0;
padding: 2px;
}

#container .thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px; 

}

.shoutbox_scroll {
height:230px;
width:908px;
padding: 6px 8px; 
border: 1px solid #CCCCCC;
border-width: 1px 1px;
color:#6d7c8c;
background: #FFFFFF;
overflow: auto;
margin-top: 10px;
}

.shoutbox_scroll span, #container .sbinfo {
font-size: 1.1em;
color:#069bff;
}

.shoutbox_scroll ul.scroll {
padding: 0;
position: static;
margin: 0;
}

.shoutbox_scroll li a {
color: #069bff;
display: inline !important;
}

.shoutbox_scroll li a.nick {
color: blue;
font-weight: bold;
display: inline !important;
}

#container .sball {
 padding-top: 2px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #CCCCCC;
}

#container .sbdata {
padding-right: 5px;
color: #666666;
font-size: 8px;
font-weight: bold;
}

#footer2{
  margin-top: 20px;
  clear: both;
  background: url(../images/stopka2.jpg) repeat-x;
  height: 50px;
}

#footerbg2{
background: #dcdcdc;
width: 100%;
}

#footercontent2{
  margin: auto;
  display: block;
  width: 940px;
  color: #656160;
  font-size: 10px;
  border-left: 1px dotted #bfbebe;
  border-right: 1px dotted #bfbebe;
}

#footercontent2 #footermenu ul {
  width: 200px;
  list-style: none;
  padding-left:20px;
  padding-right: 20px;
  margin: 0;
}

#footercontent2 #footermenu ul li {
   margin: 0;	
}

#footercontent2 #footermenu ul li{
  border-bottom: 1px dotted #bfbebe;	
  margin: 0;	
  height: 20px;
}

#footercontent2 #footermenu ul a {
  color: #333333;
  text-decoration: none;
  display: block;
  line-height: 20px;
  height: 20px;
  width: 195px;
  text-align: left;
  padding-left: 5px;
}

#footercontent2 #footermenu ul a:hover {
  background-color: #52b4e3;
  color: #FFFFFF;
  width: 195px;
}


#footer{
  clear: both;
  background: #51a8ed url(../images/dol_kz.jpg) repeat-x;
  height: 116px;
}

#footer #footercontent{
  margin: auto;
  display: block;
  width: 940px;
  color: #CCC;
  font-size: 10px;
  text-align: center;
  padding: 50px 0px 0px 0px;
}

/*----Body Center Panel
#centerPan{width:930px; float:left; border-left:1px dashed #CCCCCC; border-right:1px dashed #CCCCCC; margin:0px 0px; padding:0px 0px 0px 4px;}
#centerPan p{padding:10px 0px 0px 0px;}
-----*/
#container .kategoria {background: url(../images/kat_bg.jpg) 0 0 repeat-x; display: block; float: left; height: 30px; width: 882px; margin: 0 2px 2px 2px; overflow: hidden; padding: 14px 14px 0;  }
#container .podkategoria {background: url(../images/podkat_st.jpg) 0 0 no-repeat; display: block; float: left; height: 60px; width: 184px; margin: 0 2px 2px 2px; overflow: hidden; padding: 6px 20px 0;  }
	
	.kategoria_font  {
	font-size: 16px;
	height: 30px;
	pitch-range: inherit;
	margin-left: 11px;
	padding-right: 6px;
	padding-left: 5px;
	color: #069bff;
	font-family: Verdana;
	letter-spacing: 3px;
	text-align: left;
	text-indent: 3px;
	text-shadow: #afeeee;
	word-spacing: 6px;
	padding-top: 19px;
	font-weight: bolder;
	}

	.podkategoria_font_title {
	font-size: 12px;
	color: #069bff;
	font-family: Verdana;
	letter-spacing: 1px;
	text-align: left;
	text-indent: 14px;
	text-shadow: #afeeee;
	word-spacing: 4px;
	text-decoration: none;
	}
	
	.podkategoria_font_title a {
	font-size: 12px;
	color: #069bff;
	font-family: Verdana;
	letter-spacing: 1px;
	text-align: left;
	text-indent: 14px;
	text-shadow: #afeeee;
	word-spacing: 4px;
	text-decoration: none;
	}
	
	.podkategoria_font_title  a:hover {
	font-size: 12px;
	color: #069bff;
	font-family: Verdana;
	letter-spacing: 1px;
	text-align: left;
	text-indent: 14px;
	text-shadow: #afeeee;
	word-spacing: 4px;
	text-decoration: underline;
	}
	
	.podkategoria_font_hit {
	font-size: 10px;
	color: black;
	font-family: Verdana;
	text-align: left;
	text-indent: 14px;
	text-shadow: #afeeee;
	word-spacing: 4px;
	text-decoration: none;
	}


a {color: #FFFFFF;text-decoration: none;}
a:hover {color: #2eb8d8;text-decoration: none;}
a.side {color: #b9b9b9;text-decoration: none;}
a:hover.side {color: #2eb8d8;text-decoration: none;}





#container .boxpan .wrap {display: block; height: 60px; width: 200px; margin: 0 0 14px; overflow: hidden; position: relative;}
#container .boxpan .photo {display: block; height: 161px; width: 224px; position: relative;}
#container .boxpan .photo h2 {background: url(../images/boxblank.png) 0 0 repeat; width: 224px; display: block; padding: 3px 5px; font-size: 12px; font-weight: bold; color: #FFFFFF; position: absolute; bottom: 0; left: 0; text-decoration: none;}
#container .boxpan .photo .lastminute {	
    background: url(../images/lastminute.png) 0 0 no-repeat;
	display: block;
	height: 55px;
	position: absolute; top: 0; left: 0;
	text-indent: -9999em;
	width: 54px;
}

#container .boxpan .strzaleczka {
    background: url(http://www.dobreprogramy.pl/App_Themes/Green/Images/punktor.png) 0 0 no-repeat;
	display: block;
	height: 10px;
	position: absolute; top: 0; left: 0;
	text-indent: -9999em;
	width: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	background-color: #8b4513;
}


#container .boxpan .photo .firstminute {
    background: url(../images/firstminute.png) 0 0 no-repeat;
	display: block;
	height: 55px;
	position: absolute; top: 0; left: 0;
	text-indent: -9999em;
	width: 54px;
}
#container .boxpan .photo .oferta {
	background: #f5b813;
	color: #ffffff;
	padding: 3px 10px 3px 5px;
	position: absolute; top: 0; right: 0;
}
#container .boxpan .photo .oferta p{
    padding: 0px 0px 0px 0px;
	text-align: center;
}
#container .boxpan .boxtext {color: #909090; padding: 5px 0px 0px 0px;}
#container .boxpan .wiecej{background: url(../images/wiecej.png) no-repeat; background-position: 165px 5px  !important; padding-top: 5px; width: 224px; height: 21px; text-align: right;}
#container .boxpan .wiecej a{color: #999999; text-decoration:none;}
#container .boxpan .wiecej a:hover{color: #15abfb; text-decoration:underline;}

