/* style do okna glownego */
html 
	{height:100%;
	width:100%;
	margin:0;
	border:0;
	padding:0;}
	
	
body#ekran 
	{display:table;
	margin: 0 auto;
	padding: 0;
	height:100%;
	width:100%;
	border:0;
	font-family: helvetica, arial, tahoma, verdana, sans-serif;
	font-size: 14px;
	background-color: #Bbd0e3;
	background-image: url(tlo_ekran.png);
	background-repeat: repeat-x;} 
	
#wysrodkowanie
	{height:100%;
	width:100%;
	margin:0;
	border:0;
	padding:0;}

body>#wysrodkowanie
	{display:table-cell;
	vertical-align:middle;}
/* ekran dla badzIEwia */
* html #wysrodkowanie
	{position:absolute;
	height:auto;
	text-align:center;
	/* ultrapack by Elus */
	top:expression((x=(document.documentElement.offsetHeight-this.offsetHeight)/2)<0?0:x+'px');}

	
div#okno
	{width: 904px; 
	height: 613px; 
	padding: 0;
	margin: auto;
	position: relative; 
	text-align: left;
	border: 0;
	background-color: transparent;
	background-image: url(tlo_okno.png);}
	
/*naglowek - logo i nazwy*/	
	
div#naglowek
	{position: absolute; 
	left:20px; top: 23px;
	padding: 0;
	width: 320px; 
	height: 65px; 
	border: 0;
	background: transparent;}
	
div#logo
	{position: absolute; 
	left:5px; top: 0;
	padding: 0;
	width: 60px; 
	height: 60px; 
	border: 0;
	background: transprent;}	
	
div#logo img 
	{border: 0;}
	
div#strona_glowna
	{position: absolute; 
	left:75px; top: 0px;
	padding: 0;
	width: 220px; 
	height: 40px; 
	border: 0;}	
	
a#rollover_1 {display: block; width: 220px; height: 40px; 
background: url(ro_1.png) top left no-repeat; 
border: 0; }
a:hover#rollover_1 {background-position: 0 -40px;}
	
div#strona_druga
	{position: absolute; 
	left:75px; top: 40px;
	padding: 0;
	width: 220px; 
	height: 20px; 
	border: 0;
	visibility: hidden;}
	
a#rollover_2 {display: block; width: 220px; height: 20px; 
background: url(ro_2.png) top left no-repeat; 
border: 0; }
a:hover#rollover_2 {background-position: 0 -20px;}
	
	h1,h2
	{display: none;}
	
#baner {position: absolute;
	top: 0; left: 80px;
	border: 0; padding: 0;
	width: 780px; height: 60px;
	background: transparent url(baner_ps_gl.png);
}
	
/*ekran - pasek z linkami*/

#panel_boczny
	{position: absolute;
	left:20px; top: 90px; 
	width: 295px; height: 480px; 
	padding: 0;
	background: white;
	border: 0;}
	
#menu
	{position: absolute;
	top: 0; left: 0; 
	width: 280px; height: 135px; 
	padding: 5px 0 0 15px;
	background-image: url(tlo_menu.png);
	background-repeat: no-repeat;
	border: 0;
	font-size: 13px;}


#lista_menu
{
padding: 0;
margin: 0;
border: 0;
width: 250px;
}

#lista_menu li
{
list-style: none;
margin: 0;
padding: 1px 0 0 0;
border: 0;
letter-spacing: 1px;
word-spacing: 3px; 

}

#lista_menu li a { text-decoration: none; 
color: #369; font-weight: bold;}

#lista_menu li a:hover { text-decoration: none; 
color: #900; font-weight: bold;}

/*zawartość*/


div#menu_info
	{position: absolute;
	top: 135px; left: 0; 
	width: 295px; 
	height: 330px;
	border: 0; 
	background-image: url(tlo_menu_info.png);
	background-repeat: no-repeat;
	overflow: auto;
	padding: 10px 0 0 0;}
	
div#menu_okno_wewn
{width: 250px; 
	border: 0; 
	padding: 5px;
	font-size: 0.9em}
	
div#menu_okno
	{position: absolute;
	top: 10px; left: 10px; 
	width: 270px; 
	height: 290px;
	border: 0; 
	background: transparent;
	overflow: auto;
	padding: 5px;
	font-size: 0.9em}
	
	
div#menu_dol
 {
	position: absolute;
	top: 455px; left: 0; 
	width: 295px; 
	height: 32px;
	border: 0; 
	background-image: url(tlo_menu_reklama.png);
	background-repeat: no-repeat;
	padding: 0;
	}
	
	div#reklama
 {

	width: 295px; 
	height: 32px;
	border: 0; 
	padding: 10px 0 0 15px;
	font-size: 0.8em;}
	
	div#reklama p
 {
	border: 0;
	margin: 0;
	padding: 0;
	}

	div#reklama	p:before { content: "reklama:"; padding: 3px;}
	
div#panel_glowny
	{position: absolute;
	top: 23px; 
	left: 330px; 
	width: 550px; 
	height: 550px;
	border: 0;
	padding: 0;
	background-color: #bbd0e3;}
	
	#gl_panel_stce {position: absolute;
	top: 90px; left: 100px;
	border: 0; padding: 5px;
	width: 370px; height: 385px;
	background: #f4f6fe url(tlo_gl_panel.png); overflow: auto;
}

	div#gl_panel_stce div
	{position: relative;
	width: 360px;
	padding: 2px;
	margin: 0;
	border:0;
	background: transparent;
	font-size:12px;
	}
	
	div#gl_panel_stce h3
	{
	padding: 2px;
	margin: 0;
	border:0; color: #5569cb;
	}
div#gl_panel_stce p
	{
	padding: 3px;
	margin: 0;
	border:0;
	}

#gl_panel_ps {position: absolute;
	top: 90px; left: 495px;
	border: 0; padding: 5px;
	width: 370px; height: 385px;
	background: #f4f6fe url(tlo_gl_panel.png); overflow: auto;
}
	
	div#gl_panel_ps div
	{position: relative;
	width: 360px;
	padding: 2px;
	margin: 0;
	border:0;
	background: transparent;
	font-size:12px;
	}
	
div#gl_panel_ps h3
	{
	padding: 2px;
	margin: 0;
	border:0; color: #5569cb;}
	
div#gl_panel_ps p
	{
	padding: 3px;
	margin: 0;
	border:0;
	}
	
#gl_lista {position: absolute;
	top: 90px; left: 20px;
	border: 0;
	width: 65px;
	text-align: left;
	padding: 0 2px 0 2px;
	background: #fff;
}

	#gl_lista ul{

margin: 5px 0 0 0; padding: 0;
}

#gl_lista li{
list-style: none;
margin: 0;
padding: 1px;}

#gl_lista li a{

color: #900;
padding: 3px; /*padding of tabs*/
text-decoration: none;
}

#gl_lista img{

border: 0;}


div#zawartosc a:active {color: #369; text-decoration: none;} 
div#zawartosc a:visited {color: #369; text-decoration: none;} 
div#zawartosc a:link {color: #369; text-decoration: none;} 
div#zawartosc a:hover {color: #900; text-decoration: none;}
	
div#gl_reklama{
	position: absolute;
	top: 490px; 
	left: 100px;
	width: 770px;
	height: 75px;
	border: padding: 0;
	border-top: 1px solid #f4f6fe;}
	
	div#gl_reklama div{
	position: absolute;
	top: 11px; 
}

	div#gl_reklama h5 {
	padding: 0 0 0 12px; margin: 0;
	font-size: 9px; color: #a2bcd1;
}

	div#gl_reklama i {
	display: none;
}
	
	div#gl_reklama_1{
	position: absolute;
	top: 3px; 
	left: 0px;
	width: 320px;
	height: 60px; border: 0;
	padding: 6px 6px 6px 44px; 
	background: #f4f6fe url(tlo_gl_reklama.png);}
	
		div#gl_reklama_2{
	position: absolute;
	top: 3px; 
	left: 396px;
	width: 320px;
	height: 60px; border: 0;
	padding: 6px 6px 6px 44px;
	background: #f4f6fe url(tlo_gl_reklama.png);}


a#reklama_1 { display: block; width: 320px; height: 60px; 
             background: url(../obrazki/b_r_320x60_tygstar_ro.jpg) 
             top left no-repeat; 
             border: 1px solid #a2bcd1;}
a:hover#reklama_1 { border-color: #000; background-position: 0 -60px;  }

a#reklama_2 { display: block; width: 320px; height: 60px; 
             background: url(../obrazki/b_r_320x60_aspol_ro.jpg) 
             top left no-repeat; 
             border: 1px solid #a2bcd1; }
a:hover#reklama_2 { border-color: #000; background-position: 0 -60px;  }


div#menudolne
	{position: absolute;
	top: 562px; 
	left: 20px;
	width: 100px; 
	height: 20px;
	padding: 0;
	background: transparent;
	border:0; 
	margin: 0;
	color: #006;
	font-size: 12px;
	text-align: center;
	z-index: 100;}

div#stopka
	{position: absolute;
	top: 580px; 
	left: 0;
	width: 904px; 
	height: 20px;
	padding: 0;
	background: transparent;
	border:0; 
	margin: 0;
	color: #006;
	font-size: 12px;
	text-align: center;}
	
	div#stopka p
	{width: 855px;
	padding-top: 3px;
	margin: 0 auto;
	border: 0;
	background: transparent url(tlo_stopka_p.png);}

div#stopka a {color: #369;} 
div#stopka a:hover {color: #900; text-decoration: none;}

/*mapa serwisu*/

	#mapa_serwisu {position: absolute;
	top: 90px; left: 100px;
	border: 0; padding: 5px;
	width: 770px; height: 470px;
	background: #fff; overflow: auto;
	font-size: .9em;
}

	#mapa_serwisu li
{
	padding: 1px;
}

	#mapa_serwisu ul li:hover
{
	background: #dee9f5;
}

	#mapa_serwisu ul li ul li:hover
{
	background: #ebe9f5;
}

	#mapa_serwisu ul li ul li ul li:hover
{
	background: #cdddec;
}

	#mapa_serwisu ul li ul li ul li ul li:hover
{
	background: #bbcfe3;
}

	#mapa_serwisu ul li ul li ul li ul li ul li:hover
{
	background: #a7bfd6;
}

	#mapa_serwisu ul li ul li ul li ul li ul li ul li:hover
{
	background: #9db4d1;
}


/*nawigacja_sekcji*/

#sekcja_planu {
	position: relative;}

#sekcja_planu img {
	border: 0;}

#link_pn_za {
	position: absolute; top: 0; left: 0; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_pn {
	position: absolute; top: 0; left: 276px; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_pn_ws {
	position: absolute; top: 0; left: 528px; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_za {
	position: absolute; top: 276px; left: 0; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#sekcja {
	position: absolute; top: 12px; left: 12px; width: 528px; height: 528px; 
	background: silver; border: 0; z-index:1;}

#link_ws {
	position: absolute; top: 276px; left: 528px; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_pd_za {
	position: absolute; top: 528px; left: 0; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_pd {
	position: absolute; top: 528px; left: 276px; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}
	
#link_pd_ws {
	position: absolute; top: 528px; left: 528px; width: 24px; height: 24px; 
	background: transparent; border: 0; z-index:10;}

	
a#link_pn_za {
	display: block; width: 24px; height: 24px; 
	background: url(img/link_pn_za.gif) top left no-repeat;
	border: 0; }
a:hover#link_pn_za {
	background-position: 0 -24px;}

a#link_pn {
	display: block; width: 24px; height: 24px;
	background: url(img/link_pn.gif) top left no-repeat; border: 0; }
a:hover#link_pn {
	background-position: 0 -24px;}

a#link_pn_ws {
	display: block; width: 24px; height: 24px;
	background: url(img/link_pn_ws.gif) top left no-repeat; 
	border: 0; }
a:hover#link_pn_ws {
	background-position: 0 -24px;}

a#link_za {
	display: block; width: 24px; height: 24px;
	background: url(img/link_za.gif) top left no-repeat; 
	border: 0; }
a:hover#link_za {
	background-position: 0 -24px;}

a#link_ws {
	display: block; width: 24px; height: 24px; background: url(img/link_ws.gif) top left no-repeat; 
	border: 0; }
a:hover#link_ws {
	background-position: 0 -24px;}

a#link_pd_za {
	display: block; width: 24px; height: 24px; 
	background: url(img/link_pd_za.gif) top left no-repeat; 
	border: 0; }
a:hover#link_pd_za { 
	background-position: 0 -24px;}

a#link_pd { 
	display: block; width: 24px; height: 24px; 
	background: url(img/link_pd.gif) top left no-repeat; 
	border: 0; }
a:hover#link_pd {
	background-position: 0 -24px;}

a#link_pd_ws {
	display: block; width: 24px; height: 24px; 
	background: url(img/link_pd_ws.gif) top left no-repeat; 
	border: 0; }
a:hover#link_pd_ws {
	background-position: 0 -24px;}
	
#menustopka {padding:0;list-style-type: none; width:100px; text-align: center;}
#menustopka ul {padding:0; margin:0; list-style-type: none; width:60px;}
#menustopka li {position:relative;}
#menustopka a, #menustopka a:visited {display:block; width:60px; font-size:12px; color:#000; height:20px; line-height:20px; text-decoration:none; background:transparent; background-image: url(linkk_a.png); background-repeat: no-repeat; border:1px solid #fff; border-width:0 1px 1px 0;}
#menustopka li:hover > a {background:transparent; background-image: url(linkk_h.png); background-repeat: no-repeat; color:#c00;}
#menustopka li ul {display: none;} 
#menustopka li:hover > ul {display:block; position:absolute; top: -120px; left:0;}


#menustopka2 {padding:0;list-style-type: none; width:60px;text-align: center;}
#menustopka2 ul {padding:0; margin:0; list-style-type: none; width:60px;}
#menustopka2 li {position:relative;}
#menustopka2 a, #menustopka2 a:visited {display:block; width:60px; font-size:12px; color:#000; height:23px; line-height:22px; text-decoration:none; background:transparent; background-image: url(linkk_a.png); background-repeat: repeat; border:1px solid #fff; border-width:0 1px 1px 0;}
#menustopka2 li:hover > a {background:transparent; background-image: url(linkk_h.png); background-repeat: no-repeat; color:#c00;}
#menustopka2 li ul {display: none;} 
#menustopka2 li:hover > ul {display:block; position:absolute; top:0; left:61px;}