body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#f7fafd;

background-image:url(/images/bg-page.gif);
background-repeat:repeat-x;
text-align:center;
padding-top:20px;
margin:0;
}

h1
{
	margin: 0px;
	margin-bottom: 3px;	
	text-align: left;
	color:#6c96ce;
	font-weight: normal;
	font-size:13px;
	font-family:Tahoma;
}



div#wrapper {
width:999px;
height:auto;



text-align:left;



margin:0 auto;



padding:0;



}







div#header {



height:146px;



width:auto;



background-color:#f1f1f1;



background-image:url(/images/baner_top.jpg);



margin:0;



padding:0;



}







div#logo {



position:absolute;



width:164px;



height:204px;



background-image:url(/images/logo.jpg);



background-color:#afe;



}







div#container {



background-attachment:scroll;



background-image:url(/images/back.gif);



background-repeat:repeat-y;



background-position:0 0;



height:1%;



width:auto;



margin:0;



padding:0;



}







div#left {



width:165px;



padding-top:70px;



float:left;



margin:0;



}







div#left #menu {



width:144px;



height:217px;



padding-top:20px;



margin-left:0px;



}







.success {



margin-top:-85px;



margin-left:-7px;



position:absolute;



display:none;



}







.error {



position:absolute;



margin-left:-6px;



margin-top:-85px;



display:none;



}







.resultText {



margin-top:-77px;



color:#fff;



position:absolute;



margin-left:0px;



}







div#left #menu #newsletter {



width:165px;


padding-top:15px;



}







div#left #menu #newsletter .formularz {



width:135px;



height:60px;



display:block;



margin:10px 10px;



}







div#left #menu #newsletter .formularz .input {



border:#fff solid 1px;



background-color:#e8e8e8;



color:#888;



font-size:12px;



width:120px;



height:16px;



}







div#left #menu #newsletter .formularz .button {



margin-top:2px;



font-size:11px;



color:#888;



border:#fff solid 1px;



background-color:#e8e8e8;



}




div#left #menu #bip {



width:165px;



margin-top:-30px;



}



div#left #menu #bip .container {



width:164px;


display:block;



float:left;



}







div#left #menu #bip .container a.logo_bip {



display:block;



width:58px;

margin:10px 38px;
height:37px;



background:url(/images/bip_logo.gif) top left;



}







div#left #menu #bip .container a.logo_bip:hover {



background-position:58px 0;



}


div#left #menu #facebook {
width:165px;
margin-top:-30px;
}

div#left #menu #facebook .container {
width:164px;
display:block;
float:left;
}



div#left #menu #guido {
width:165px;
margin-top:-30px;
}

div#left #menu #guido .container {
width:164px;
display:block;
float:left;
}


div#left #menu #guido .container a.kopalnia_guido {
display:block;
margin:10px 10px;
width:136px;
height:72px;
background:url(/images/guido.gif) top left;
}

div#left #menu #guido a.kopalnia_guido:hover {
background-position: top right;
}

div#rada_sportu{
width:144px;
height:31px;
}


div#left #menu #gmina .menu {



width:144px;



height:84px;



background-image:url(/images/grupa_gmina_menu.gif);



}







div#left #menu #gmina .menu ul li a.mosir:hover {



background:url(/images/grupa_gmina_menu.gif) 144px 0;



}







div#left #menu #gmina .menu ul li a.zbm:hover {



background:url(/images/grupa_gmina_menu.gif) 144px -21px;



}







div#left #menu #gmina .menu ul li a.zpec:hover {



background:url(/images/grupa_gmina_menu.gif) 144px -42px;



}







div#left #menu #gmina .menu ul li a.zpwik:hover {



background:url(/images/grupa_gmina_menu.gif) 144px -63px;



}







div#left #menu #gmina .logo_gmina {



display:block;



margin-left:14px;



}







div#left #menu #main-nav2 {



width:165px;

margin:0px;



background-color:#9cbbe8;







}







div#left #menu #main-nav ul li a.oferta {



width:144px;



height:31px;



margin-top:0;



display:block;



padding:0;



}







div#left #menu #main-nav ul li a.aktualnosci:hover {



background:url(/images/menu_left_ex.gif) 144px 0;



}







div#left #menu #main-nav ul li a.onas:hover {



background:url(/images/menu_left_ex.gif) 144px -31px;



}







div#left #menu #main-nav ul li a.oferta:hover {



background:url(/images/menu_left_ex.gif) 144px -62px;



}







div#left #menu #main-nav ul li a.kontakt:hover {



background:url(/images/menu_left_ex.gif) 144px -93px;



}







div#left #menu #main-nav ul li a.partnerzy:hover {



background:url(/images/menu_left_ex.gif) 144px -124px;



}







div#left #menu #main-nav ul li a.cennik:hover {



background:url(/images/menu_left_ex.gif) 144px -155px;



}







div#left #menu #main-nav ul li a.obiekty:hover {



background:url(/images/menu_left_ex.gif) 144px -186px;



}







div#left #menu #main-nav ul li a.handel:hover {



background:url(/images/menu_left_ex.gif) 144px -217px;



}







div#left #menu #main-nav ul li a.kalendarz:hover {



background:url(/images/menu_left_ex.gif) 144px -248px;



}



div#left #menu #main-nav ul li a.liga:hover {







background:url(/images/menu_left_ex.gif) 144px -279px;







}







div#center {



height:auto;



width:669px;



float:left;



margin:0;



padding:0;



}







div #zyczenia_main{
width:670px;
height: auto;
padding-top: 10px;
}

div #zyczenia_main .zyczenia_box{
width:600px;
margin: 0px 34px;

}

div #zyczenia_main .zyczenia_box .zyczenia_tekst{
margin-left:70px;
width:470px;
height:129px;
background-image:url(/images/swieta_wielkanocne.jpg);
background-position: 75% 100%;
background-repeat: no-repeat;
}


div #zyczenia_main .zyczenia_box .zyczenia_tekst p{
text-align:center;
width:460px;
font-family: tahoma;
font-style: italic;
line-height:19px;
font-size:14px;
color:#888;
}




div #naglowek {

width:669px;


height:43px;
padding:0;



}



div #naglowek .banner2 {
width: 550px;
padding-top: 10px;
padding-bottom: 20px;
margin-left: 63px;

}




div#center .znacznik {



margin-left:63px;



width:6px;



display:block;



position:relative;



height:43px;



}







div#center .napis {



width:500px;



height:30px;



margin:-37px 71px;



}







div#center #newsy {

width:600px;
margin:25px 34px;



}




div#center #newsy .pager {
border:1px #fff solid;
text-align:center;
margin:20px 20px 2px 0px;

}



div#center #newsy .pager a.link {
display:inline;
font-size:11px;
padding:2px;
margin:0px 5px 0px 0px;
border:1px solid #9cbbe8;
text-decoration:none;
color:#9cbbe8;
}

div#center #newsy .pager span {
display:inline;
font-size:11px;
height:16px;
width:17px;
margin:0px 5px 0px 0px;
padding:3px;
background-color:#147db7;
text-decoration:none;
color:#fff;
}





div#center #newsy .news {



margin-left:17px;



width:580px;



height:auto;



padding-top:10px;



}







div#center #newsy .news .lewa_strona {



margin-left:0;



width:580px;



}







div#center #newsy .news .lewa_strona .miesiac {



height:25px;



}







div#center #newsy .news .content {



width:210px;



height:auto;



display:inline;



padding:0;



}







div#center #newsy .news .content .lewy_content {



margin-left:0;



display:inline;



float:left;



width:35px;



}







div#center #newsy .news .content .prawy_content {



text-align:left;



position:relative;



float:left;



width:160px;



}







div#center #newsy .news .content .lewy_content .dzien {



width:35px;



display:inline;



margin:0;



padding:0;



}







div#center #newsy .news .content .lewy_content .rok {



display:inline;



padding-top:0;



}







div#center #newsy .news .content .prawy_content .zdjecie {



margin:6px 5px;



}







div#center #newsy .news .prawa_strona {



text-align:left;



position:relative;



padding-bottom:15px;



float:right;



width:358px;



padding-top:0;



}







div#center #newsy .news .prawa_strona .content {



width:334px;



height:auto;



display:inline;



margin:7px 0;



}







div#center #newsy .news .prawa_strona .lewy_content {



width:20px;



margin:0;



padding:0;



}







div#center #newsy .news .prawa_strona .prawy_content {



text-align:left;



width:314px;



color:#6c96ce;



margin-top:-1px;



font-size:12px;



font-family:Tahoma;



}







div#center #newsy .news .prawa_strona .tresc {



width:334px;



padding-top:10px;



position:relative;



}







div#center #newsy .news .prawa_strona .tresc p {



text-align:justify;



width:332px;



line-height:14px;



font-size:11px;



color:#888;



position:relative;



margin:0;



padding:0;



}








div#center #newsy .news .prawa_strona .tresc .wiecej {



margin-top:5px;



float:right;



}







div#center #newsy .news .prawa_strona .tresc .wiecej img {



border:0;



}







div#center #newsy .news .cien {



text-align:center;



margin:0;



}







div#right {



overflow:hidden;



height:auto;



width:165px;



float:left;



margin:0;



padding:0;



}







div#right .obiekty {



width:153px;



margin:0 6px;



}







div#right .obiekty .napis_top {



width:107px;



margin:13px 23px;



}







div#right .obiekty .napis_top .napis {



width:107px;



height:20px;



}







div#right .obiekty .napis_top .kreska {



width:107px;



height:1px;



background-color:#000;



background-image:url(/images/pierwsza/prawe_menu/kreska_obiekty.gif);



}







div#right #middle {



padding-top:10px;



}







div#right #middle .obiekty .obiekty_midlle {



width:153px;



display:block;



float:left;



}







div#right .obiekty .obiekty_midlle .obiekty_midlle .zdjecie {



height:121px;



width:304px;



padding-left:2px;



}




div#right .obiekty .obiekty_midlle .zdjecie a.lodowisko {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/lodowisko.jpg) top left;



}


div#right .obiekty .obiekty_midlle .zdjecie a.hala_sportowa {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/hala_sportowa1.jpg) top left;



}







div#right .obiekty .obiekty_midlle .zdjecie a.stadion_gornik {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/stadion_gornik.jpg) top left;



}







div#right .obiekty .obiekty_midlle .zdjecie a.osrodek_konie {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/osrodek_konie.jpg) top left;



}







div#right .obiekty .obiekty_midlle .zdjecie a.kapielisko_lesne {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/kapielisko_lesne.jpg) top left;



}







div#right .obiekty .obiekty_midlle .zdjecie a.hotel_ambasador {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/hotel_ambasador.jpg) top left;



}







div#right .obiekty .obiekty_midlle .zdjecie a.kawiarenka_internetowa {



display:block;



width:152px;



height:121px;



background:url(/images/pierwsza/prawe_menu/kawiarenka.jpg) top left;



}







div#right .obiekty .obiekty_midlle .opis {



width:132px;



height:25px;



padding-left:3px;



margin-top:-10px;



}







.clearer {



font-size:0;



line-height:0;



display:block;



clear:both;



height:0;



width:auto;



margin:0;



padding:0;



}







div#footer {



padding-top:30px;



height:33px;



text-align:center;



background-color:#f1f1f1;



background-image:url(/images/footer.jpg);



position:relative;



margin:0;



}







div#footer .design_by {







padding-left:40px;



float:left;



}







div#footer .design_by a{



text-decoration:none;



color:#eee;



border:0;



padding:0 0.2em;



}







div#footer .design_by a:hover {



color:#dadada;



}







div#footer .linki_container {



padding-top:5px;



float:left;



}







div#footer .linki_container .linki {



float:left;



padding-left:140px;



width:360px;



color:#eee;



}







div#footer .linki_container .copyright {



float:left;



color:#eee;



width:230px;



margin-left:50px;



text-align:right;



}







.menu_index {



text-align:center;



margin:0;



padding:0;



}







.menu_index li {



list-style:none;



display:inline;



}







.menu_index li a {



text-decoration:none;



color:#eee;



border:0;



padding:0 0.2em;



}







.menu_index li a:hover {



color:#dadada;



}







div#box {



width:200px;



height:200px;



}







.navi {



padding-right:70px;



padding-bottom:20px;



float:right;



list-style:none;



margin:10px 0 0;



}







.navi li {



float:left;



position:relative;



text-align:center;



margin:0 2px;



padding:0;



}







.navi a {



display:block;



text-decoration:none;



}







.navi a.top {



background:url(/images/nav_top.gif);



width:12px;



height:12px;



margin:0;



padding:0;



}







.navi a.back {



background:url(/images/nav_back.gif);



width:12px;



height:12px;



margin:0;



padding:0;



}







.navi li em {



font-weight:400;



color:#fff;



background:url(/images/hover.gif) no-repeat;



width:130px;



height:45px;



position:absolute;



top:-85px;



left:-70px;



text-align:center;



font-style:normal;



z-index:2;



display:none;



padding:20px 12px 10px;



}







div#left #menu #bip,div#left #menu #gmina {



width:144px;



padding-top:15px;



}







div#left #menu #gmina .menu ul,div#left #menu #main-nav ul {



border:0;



list-style-type:none;



text-align:center;



clear:left;



margin:0;



padding:0;



}







div#left #menu #gmina .menu ul li,div#left #menu #main-nav ul li {



display:block;



float:left;



text-align:center;



margin:0;



padding:0;



}







div#left #menu #gmina .menu ul li a span,div#left #menu #main-nav ul li a span {



display:none;



}







div#left #menu #gmina .menu ul li a.mosir,div#left #menu #gmina .menu ul li a.zbm,div#left #menu #gmina .menu ul li a.zpec,div#left #menu #gmina .menu ul li a.zpwik {



width:144px;



height:21px;



display:block;



margin:0;



padding:0;



}







div#left #menu #main-nav ul li a.aktualnosci,div#left #menu #main-nav ul li a.onas,div#left #menu #main-nav ul li a.kontakt,div#left #menu #main-nav ul li a.partnerzy,div#left #menu #main-nav ul li a.cennik,div#left #menu #main-nav ul li a.obiekty,div#left #menu #main-nav ul li a.handel,div#left #menu #main-nav ul li a.kalendarz, 



div#left #menu #main-nav ul li a.liga 



{



width:144px;



height:31px;



display:block;



margin:0;



padding:0;



}







div#center .napis table td.opis,div#center .napis table td,div#center .napis table td.kreska {



padding:0;



}







div#right .obiekty .obiekty_midlle .zdjecie a.hala_sportowa:hover,div#right .obiekty .obiekty_midlle .zdjecie a.lodowisko:hover,div#right .obiekty .obiekty_midlle .zdjecie a.stadion_gornik:hover,div#right .obiekty .obiekty_midlle .zdjecie a.osrodek_konie:hover,div#right .obiekty .obiekty_midlle .zdjecie a.kapielisko_lesne:hover,div#right .obiekty .obiekty_midlle .zdjecie a.hotel_ambasador:hover,div#right .obiekty .obiekty_midlle .zdjecie a.kawiarenka_internetowa:hover {



background-position:152px 0;



}







div#left #menu #miasto {



width:164px;



height:125px;



padding-top:10px;



}


div#left #menu #miasto .container {



width:164px;


display:block;



float:left;



}



div#left #menu #miasto .container span.podmenu {
padding-left:30px;
padding-top:5px;
width:134px;
height:47px;
text-align:left;
display:block;
color:#fff;
border-bottom:1px #fff solid;
background:#9cbbe8 url(/images/news/znaczek_normal.gif);
background-position:5% 50%; background-repeat:no-repeat;
}

div#left #menu #miasto .container span.podmenu p {
margin:0px;
padding-top:6px;
height:21px;
}



div#left #menu #miasto .container a.kopalnia {



display:block;

margin:10px 10px;

width:136px;

height:72px;



background:url(/images/zabrze_kopalnia.gif) top left;



}







div#left #menu #miasto a.kopalnia:hover {



background-position: top right;



}







div#rada_sportu{



width:144px;



height:31px;







}







div#rada_sportu a.rada{



display:block;



width:144px;



height:31px;



background:url(/images/rada_sportu.gif) top left;



}







div#rada_sportu a.rada:hover{
background:url(/images/rada_sportu.gif) top right;



}





ul.menu, ul.menu ul {
list-style-type:none;
margin: 0;
padding: 0;
font-family:Verdana;
font-size:11px;




 
}

ul.menu a {
display: block;
text-decoration: none;
	

}

ul.menu li {

border-bottom: 1px #fff solid;
background-color:#fff;
}



ul.menu li a {
background:#9cbbe8 url(/images/news/znaczek_normal.gif);
background-position:5% 50%; background-repeat:no-repeat;
color: #fff;	
padding:7px;
width:128px;
}



span.podmenu {
padding-left:30px;
width:135px;
height:27px;
text-align:left;
display:block;
color:#fff;
border-bottom:1px #fff solid;
background:#9cbbe8 url(/images/news/znaczek_normal.gif);
background-position:5% 50%; background-repeat:no-repeat;
}

span.podmenu p {
margin:0px;
padding-top:6px;
}




ul.menu li span.head {
padding-left:30px;
width:135px;
height:27px;
text-align:left;
display:block;
color:#fff;
background:#9cbbe8 url(/images/news/znaczek_normal.gif);
background-position:5% 50%; background-repeat:no-repeat;
}

ul.menu li span.head selected {
color:#fff;
display:block;
width:135px;
height:27px;

}


ul.menu li span.head:hover {
color:#fff;
width:135px;
height:27px;
background:#709ce0 url(/images/news/znaczek_ciemny_pion.gif);
background-position:5% 50%; background-repeat:no-repeat;
}




ul.menu li span.head p {
margin:0px;
padding-top:6px;
height: 21px;

}




ul.menu li a.head {
padding-left:30px;
width:128px;
}

ul.menu li a.head.selected {

background:#709ce0 url(/images/news/znaczek_ciemny_pion.gif);
background-position:5% 50%; background-repeat:no-repeat;
}


ul.menu li a.head:hover {
background:#709ce0 url(/images/news/znaczek_ciemny_pion.gif);
background-position:5% 50%; background-repeat:no-repeat;
}

ul.menu li a.selected {

background-color:#709ce0;
padding-left:30px;
width:128px;

}

ul.menu li a.selected:hover {
background:#709ce0 url(/images/news/znaczek_ciemny_pion.gif);
background-position:5% 50%; background-repeat:no-repeat;

width:128px;

}

/*  Podmenu szare butony w stanie zaznaczone */
ul.menu li a.current {
background: #dcdcdc;
width:118px;
border-left: 5px #3d84c6 solid;

padding-left: 35px;
}

/* Głowne butony bez podmenu w stanie zaznaczone */
ul.menu li a.men_poj.current {
background:#709ce0 url(/images/news/znaczek_ciemny_poziom.gif);
background-position:5% 50%; background-repeat:no-repeat;
width:128px;
border-left: 0px #3d84c6 solid;
border-right: 0px #3d84c6 solid;
padding-left: 30px;
}



ul.menu li a.men_poj.selected {

width:151px;
background:#709ce0 url(/images/news/znaczek_ciemny_poziom.gif);
background-position:5% 50%; background-repeat:no-repeat;
}

ul.menu li a.men_poj.current:hover {

width:128px;
}

ul.menu li a.men_poj {

width:128px;
padding-left: 30px;

}

ul.menu li a.men_poj:hover {

width:128px;
background:#709ce0 url(/images/news/znaczek_ciemny_poziom.gif);
background-position:5% 50%; background-repeat:no-repeat;

}

ul.menu li a:hover {
background: #709CE0;
width:128px;
}

ul.menu li ul li a {
background: #e8e8e8;
color: #888888;
width:129px;
padding-left: 29px;
}

ul.menu li ul li a:hover {
background: #dcdcdc;
width:129px;
border-left: 5px #e4a62f solid;

padding-left: 24px;
}

/* ddddd */