@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}

.end {
	clear:both;
	}	
	
html {
	height:100%;
	}	
	
body {
	text-align:center;
	height:100%;
	/*background:#fff;*/
		}			

img {
	border:0;
	}
	
#strona {
	width:980px;
	margin:0 auto;

	}	
/* informacje 1 */
		
.body_page1 {
	background: #e0e0e0 url(img/tlo1.jpg) no-repeat top center;
	text-align:center;
	}	

.page {
	width:960px;
	overflow:auto;
	height:390px;
	margin:0 auto;
	padding:5px 10px 5px 10px;
	text-align:left;
	}		
			
.body_top1 {
	background: url(img/top1.jpg) no-repeat top center #000000;
	text-align:center;
	height:108px;
	}	
	
.top {
	width:980px;
	margin:0 auto;
	text-align:left;
	color:#FFFFFF;
	}			
	
.top_left {
	float:left;
	width:800px;
	}	
	
.top_right h2.mapa1 {
	width:179px;
	text-align:center;
	}

.top_right h2.mapa1 a {
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	}	
	
.top_right h2.mapa1 a:hover {
	color:#ebcd53;
	}		
	
.top_right {
	width:180px;
	float:right;
	text-align:right;
	}	
	
.player {
	height:50px;
	margin:5px 0 8px 0;
	width:179px;
	text-align:center;
	}	
	
ul.lista1 {
	list-style-type:none;
	margin:10px 0;
	}	
	
ul.lista1 li {
	background:url(img/punkt.jpg) no-repeat 0 10px;
	padding:0 0 0 20px;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:16px;	
	}		
	
ul.lista1 li a {
	font:20px "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}	

ul.lista1 li a:hover {
	color:#000;
	}	

/* footer */
	
.footer {
	background:#ececed;
	text-align:center;
	height:60px;
	text-align:center;
	}		
	
.footer1 {
	width:980px;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#373330;
	}		
	
.footer2 {
	background:#000000;
	text-align:center;
	height:60px;
	text-align:center;
	}		
		
	
/* newsy */
.body_page2 {
	background:#000000;
	text-align:center;
	}	
	
.body_top2 {
	background: url(img/top2.jpg) no-repeat top center #000000;
	text-align:center;
	height:108px;
	}		
	
h2.title {
	font:22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
	padding:20px 0 0 20px;
	}	
	
ul.lista2 {
	list-style-type:none;
	margin:10px 0;
	}	
	
ul.lista2 li {
	background:url(img/punkt2.jpg) no-repeat 0 10px;
	padding:0 0 0 20px;
	/*
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#6f6f6f;
	line-height:16px;
	*/
margin:0 0 10px 0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:16px;
color:#6f6f6f;
	}		
	
ul.lista2 li a {
	/*font:20px "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;
	*/
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	}	

ul.lista2 li a:hover {
	text-decoration: none;
	color: #EBCD53;
	}	
	
/* artykuły */
.body_page3 {
	background:#fff;
	text-align:center;
	}	
			
.body_top3 {
	background:#fff;
	text-align:center;
	height:108px;
	}		
	
.art {
	padding:10px 0 10px 0;
	font:12px Arial, Helvetica, sans-serif;
	line-height:16px;
	}
	
.art h2.tytul {
	font:20px "Times New Roman", Times, serif;
	color:#000;
	margin:0 0 5px 0;
	font-weight:bold;
	}	
	
.art h2.tytul a
{
	/*
	font:20px "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	*/
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}	
	
h2.print {
	background:url(img/print.gif) no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4948;
	padding:2px 0 5px 25px;
	margin:10px 0;
	}	
	
h2.print a {
	text-decoration:none;
	color:#404040;
	font-weight:bold;
	}	
	
h2.print a:hover {
	color:#722826;
	}		

h2.back {
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4948;
	padding:2px 0 5px 25px;
	margin:10px 0;
	text-align: right;
	}	
	
h2.back a {
	text-decoration:none;
	color:#404040;
	font-weight:bold;
	}	
	
h2.back a:hover {
	color:#722826;
	}

h2.main {
	font:11px Arial, Helvetica, sans-serif;
	width:179px;
	text-align:center;
	color:#8b8b8b;
	text-decoration:none;
	float:right;
	margin:8px 0 0 0;
	}	
	
h2.main a {
	color:#8b8b8b;
	font:11px Arial, Helvetica, sans-serif;	
	text-decoration:none;
	}
	
/* oferta */
.body_page4 {
	background:#fff;
	text-align:center;
	}	
			
.body_top4 {
	background:#fff;
	text-align:center;
	height:108px;
	}			

.top_right h2.mapa2 {
	width:179px;
	text-align:center;
	}
	
.top_right h2.mapa2 a {
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#8b8b8b;
	font-weight:bold;
	text-align:center;
	}	

.top_right h2.mapa2 a:hover {
	color:#ebcd53;
	}			


h2.mapa2 span, h2.mapa1 span
{
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#8b8b8b;
	font-weight:bold;
	text-align:center;
}

h1.mapa2 span
{
	text-decoration:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}


.flash1, .flash2 {
	float:left;
	width:400px;
	margin:-7px 0 0 5px;
	font:11px Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
	text-align: left;
	}	
	
.flash1 a, .flash2 a {
	text-decoration:none;
	font-weight:bold;
	color:#4d4948;
	}
	
.oferta_box {
	width:150px;
	text-align:center;
	float:left;
	margin:0 40px 30px 0;
	}
	
#na_trofea .oferta_box{
	/*float:none;*/
}

#na_trofea{
	height:100%;
	width:100%;
	margin:0 auto;
	clear:both;
}
	
.text {
	padding:0 10px 10px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#6e6e6e;
	line-height:16px;
	}	
	
/* oferta 2 */
.body_page5 {
	background: url(img/oferta2_bg.jpg) repeat-x #fff;
	text-align:center;
	}	
			
.body_top5 {
	background:#eeeeee;
	text-align:center;
	height:108px;
	}				
	
.lewo {
	float:left;
	width:150px;
	}	

.lewo p {
	margin:0 0 10px 0;
	}	
	
.prawo {
	float:right;
	width:700px;
	}	
	
.strona_box {
	text-align:center;
	width:170px;
	float:left;
	margin:0 20px 30px 20px;
	}	
	
.strona_box a {
	font:11px Arial, Helvetica, sans-serif;
	color:#8a2d28;
	}	
	
h2.print2 {
	background:url(img/print.gif) no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4948;
	padding:2px 0 5px 25px;
	text-align:left;
	margin:0 0 0 10px;
	}		
	
h2.print2 a {
	text-decoration:none;
	color:#404040;
	font-weight:bold;
	}		

h2.print3 {
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4948;
	padding:2px 0 5px 25px;
	text-align:left;
	margin:0 0 0 10px;
	}		
	
h2.print3 a {
	text-decoration:none;
	color:#404040;
	font-weight:bold;
	}	

/* wczytywanie */
.body_page6 {
	background:#000000;
	text-align:center;
	}	
	
.body_top6 {
	background: url(img/passion.jpg) no-repeat top center #000000;
	text-align:center;
	height:228px;
	}		
	
.page2 {
	width:970px;
	overflow:auto;
	height:270px;
	margin:0 auto;
	padding:5px 10px 5px 0;
	text-align:left;
	}		
	
/* katalog */
.katalog_box {
	text-align:center;
	width:170px;
	float:left;
	margin:0 20px 20px 20px;
	font:11px Arial, Helvetica, sans-serif;
	color:#71706e;
	}	
	
.katalog_box p {
	margin:0 0 3px 0;
	}	
	
.katalog_box a {
	font:11px Arial, Helvetica, sans-serif;
	color:#8a2d28;
	}		
	
.katalog {
	width:149px;
	text-align:center;
	margin:0 0 10px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#71706e;
	font-weight:bold;
	}	
	
.katalog p {
	margin:0 0 3px 0;
	}	
	
/* formularze */

/*
form.formularz input
{
	width:170px;
	border:1px solid #9d9b9c;
	padding:1px;
	height: 20px;
}
*/

form.formularz input
{
	width: 170px;
	border: 1px solid #9d9b9c;
	padding: 1px;
	height: 16px;
}


form.formularz select
{
	width:175px;
	border:1px solid #9d9b9c;
	padding:1px;
}
	
form.formularz input.check 
{
	width:15px;
	border:0;
}		

form.formularz input.ok 
{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000;	
	width:110px; 
	height:22px; 
	background:#c1c1c1; 
	border:0;
	font-weight:bold;
	vertical-align:middle;
}
	
table.tab_form 
{
	background:#f5f5f5; 
	margin:0 auto;
	width:700px;
}
	
table.tab_form td.nav
{
	width:100%; background:#eeeeee; color:#FFFFFF; font:12px Arial, Helvetica, sans-serif; padding:2px 0 5px 0; text-align:left;
}

table.tab_form td.nav a
{
	text-decoration:none;
	color:#1e1e1e;
	font-weight:bold;
}

table.tab_form td.nav a:hover, table.tab_form td.nav a:active
{
	color:#990100;
}

/*
table.tab_form td.nazwa {
	width:35%; 
	background:#c1c1c1; 
	border-bottom:#ababab 1px solid; 
	padding:2px 3px; 
	text-align:right; 
	color:#000000; 
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	}	
*/

table.tab_form td.nazwa
{
	width:35%; 
	background:#c1c1c1; 
	border-bottom:#ababab 1px solid; 
	padding: 0px 3px; 
	text-align:right;
	color:#000000;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
}	

table.tab_form td.puste {
	width:35%; background:none; color:#000000; font:14px 'Times New Roman', Times, serif; font-weight:bold; padding:2px;
	}	
	
table.tab_form td.puste2 {
	width:65%; text-align:right; padding:2px; background:none; color:#000000; font:14px 'Times New Roman', Times, serif; font-weight:bold;
	}			
	
table.tab_form td.pole
{
	width:65%; 
	text-align:left; 
	padding:2px;
	font: 11px Arial, Helvetica, sans-serif;
}
	
table.tab_form td.pole span {
	font-size: 18px; font-weight:bold; color:#7d3330;
	}			
	
h2.red {
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;	
	}	
	
h2.red a {
	text-decoration:none;
	font-weight:bold;
	color:#990100;
	}		
	
h2.red a:hover {
	text-decoration:underline;
	}			
	
/* 
   Style dla warstw przewijanych
	 Takie same width i height dla hold oraz wn, oraz w clip fla wn 
*/
div#hold	{ 
	position:relative; 
	overflow:hidden;
	left:0px;
	width:850px;
	height:380px;
  z-index:10;
	float:left;
	margin:0 auto;
	text-align:left;		
	}
	
div#hold2	{ 
	position:relative; 
	overflow:hidden;
	left:0px;
	top:-30px;
	width:100%;
	height:420px;
	float:left;
	margin:0 auto;
	margin-bottom:-30px;
	text-align:left;		
	}
	
div#wn	{ 
	width:850px;
	height:380px;
	clip:rect(0px, 950px, 380px, 0px); 
	overflow:hidden;	
	}
	
div.content { 
	position:absolute; 
	visibility:hidden;
	left:0px; 
	top:0px; 
	padding:0 10px;
	margin:0 auto;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */

div#scrollbar {
	float:right;
  width:15px;
	margin:0 40px 0 0; 
  height:390px;
  font-size:1px; 
  z-index:1;
  }

* > div#scrollbar {
	float:right;
  width:15px;
	margin:0 85px 0 0; 
  height:390px;
  font-size:1px; 
  z-index:1;
  }

div#dragBar {
  }  
  
div#track {
	width: 20px;
	height: 387px;
	cursor:default;
	margin:3px 0 0 0;
	background:url(suwak/pasek.gif) no-repeat center;
  }
  
/* Style nie istotne dla dzialania scrolla :) */  

 .suwak {
 cursor:pointer;  
 position:relative;
 width:20px; 
 height:5px;
 margin-left:5px;
 background:#902a26;

  }
  
 
	
.katalog_mini
{
	width: 820px;
	/*width: 470px;*/
	/*float:left;*/
}	

.katalog_szczegoly
{
	width: 820px;
	/*
	width:340px;
	float:right;
	*/
}		

.katalog_szczegoly h2 {
	font:20px "Times New Roman", Times, serif;
	color:#000;
	font-weight:bold;
	margin:0 0 5px 0;
	}			
	
h2.lupa {
	background:url(img/lupka.jpg) no-repeat;
	font:11px Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	}	
	
h2.lupa a {
	text-decoration:none;
	color:#919191;	
	}	
	
h2.lupa a:hover {
	text-decoration:underline;
	}





div.menu_history
{
	margin: -12px 0px 20px 28px;
	color: #959595;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a.menu_history
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #959595;
}

a.menu_history:hover
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #902a26;
}


a.menu_history_active
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #902a26;
}

a.menu_history_active:hover
{
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #959595;
}





div.map_box
{
	width: 237px; 
	/*height: 100px; */
	background: #ffffff url(img/bg_left_map.gif) repeat-y;
	z-index: 78; 
	position: absolute; 
	left: 788px; 
	margin-top: 0px;
}

* > div.map_box
{
	width: 237px; 
	/*height: 100px; */
	background: #ffffff url(img/bg_left_map.gif) repeat-y;
	z-index: 78; 
	position: absolute; 
	left: 788px; 
	margin-top: 0px;
}


div.map_section
{
	/*background: url(img/bg_top_map.gif) repeat-x top left; */
	border-top: 1px dotted #1f1a17;
	margin: 0px 0px 10px 10px;
}

div.map1
{
	margin: 5px 0px 0px -7px; 
	padding: 1px 0px 0px 15px; 
	background: url(img/arrow_map3.gif) no-repeat left;
}

a.map1
{
	font-family: Tahoma, sans-serif; 
	font-size: 12px; 
	color: #1f1a17; 
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}

a.map1:hover
{
	font-family: Tahoma, sans-serif; 
	font-size: 12px; 
	color: #959595; 
	font-weight: bold;
	text-decoration: none;
}


div.map2
{
	margin: 0px 0px 0px 10px; 
	padding: 0px 0px 0px 10px;
	height: 14px;
}

a.map2
{
	font-family: Tahoma, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #959595;
	text-decoration: none;
	line-height: 12px;
}

a.map2:hover
{
	font-family: Tahoma, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #4b4a48;
	text-decoration: none;
}


a.catalog_html
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #8B8B8B;
	font-weight: bold;
	text-decoration: none;
}

a.catalog_html:hover
{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

span.katalog_desc
{
	font-family: Arial, Helvetica;
	color: #6E6E6E;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	line-height: 11px;
}

a.katalog_desc_href
{
	font-family: Arial, Helvetica;
	color: #a41d22;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

a.katalog_desc_href:hover
{
	font-family: Arial, Helvetica;
	color: #a41d22;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

	ul.d_files {
		list-style-type:none;
		}
		
	ul.d_files li {
		background:url(img/files_icon.gif) no-repeat;
		height:20px;
		padding:2px 0 3px 22px;
		margin:3px 0 5px 0;
		}		
		
	ul.d_files li a {
		text-decoration:none;
		color:#902a26;
		}
		
	ul.d_files li a:hover {
		text-decoration:underline;
		color:#902a26;
		}