html, body { background:#E9E8E8; text-align: center; font-family:tahoma; font-size:12px; margin: 0px auto; font-weight: normal; }

#container { margin: 0 auto; width:960px; text-align:left; position:relative}
.homeBody { background:url('/img/layout/body_sg_bg_top_banner.png') 50% 100px no-repeat;}
.pagesBody { background:url('/img/layout/body_ps_bg_top_banner.png') 50% 100px no-repeat;}

table td { font-family:tahoma; font-size:12px; line-height:15px; color:#4F4F4F; }

/**** top */
#top { overflow:hidden; width:960px;}
#top .logo { float:left; padding:23px 0 0 0;}
#top .logo img { display:block; behavior: url("/css/iepngfix.htc"); }

/**** main menu */
#top .topLinks { font-family:Tahoma; font-weight:normal;  color:#8B8A89; float:right; text-transform:uppercase; font-size:12px;  overflow:hidden; }
#top .flags { float:right; margin:22px 1px 30px 0px;}
#top .flags a { float:none; margin:0px; padding:0px;}
#top a {  white-space:nowrap; float:right; text-decoration:none; color:#8B8A89; font-family:Arial; font-weight:bold; font-size:12px; text-transform:uppercase; }
#top a:hover {color:#F2820A; text-decoration:none }
#top a.active { color:#F2820A}
#top span { display:block; margin:0 4px 0 4px; float:right; color:#B9B9B9}


/***** STRONA GŁÓWNA *******/
/**** home baner */
#homeBaner { position:relative; width:685px; float:left; display:block;}
#homeBaner img { position:absolute; left:0px; top:0px;}
#homeBaner img.arrow { position: relative;}
#homeBaner .mask { position:absolute; z-index:1; left:0px; top:0px; }
#homeBaner .hide { display:none; }
#homeBaner .show {display:block; }

/**** kropki */
#homeBaner .bull { position:absolute; z-index:2; cursor:pointer}
#homeBaner .cir_1 { top:66px; left:-19px;}
#homeBaner .cir_2 { top:85px; left:-17px;}
#homeBaner .cir_3 { top:103px; left:-15px;}
#homeBaner .cir_4 { top:122px; left:-13px;}

/**** podpis pod banerem */
#homeBaner .banerInfo { position:absolute; z-index:2; top:220px; left:41px; color:#3f3f3f; font-size:12px; line-height:18px;}
#homeBaner .banerInfo a { color:#3f3f3f; text-decoration:none }
#homeBaner .banerInfo h2 { font-family:'arial'; color:#3f3f3f; font-size:15px; padding:0 0 6px 0; margin:0px; display:none;}
#homeBaner .banerInfo span { display:none;}

/**** strona glowna - prawa strona specjalna */
#rightSpecialPage { float:left; width:270px; color:#fff; line-height:18px; font-size:12px;}
#rightSpecialPage h1 { font-family:'arial'; font-size:18px; padding:22px 0 25px 0; text-transform:uppercase}
#rightSpecialPage a { color:#fff}

/**** strona glowna - newsy */
#news { float:left; width:664px; margin-top:41px; min-height:300px;}
#news h1 { color:#3f3f3f; font-size:22px; float:left; margin-bottom:8px; font-weight:normal; font-family:'arial'}
#news a.checkMore { background:url('/img/layout/smallArrow.gif') 0px 4px no-repeat; display:block; float:right; font-size:11px; color:#909090; text-decoration:none; padding:0 0 0 12px; margin:9px 35px 0 0; }
#news a.checkMore:hover { text-decoration:underline}
#news .newsBox { overflow:hidden; }
#news .newsBox p.rht a { color:#3f3f3f; text-decoration:none; cursor:pointer; }
#news .newsBox p.lft { padding:8px 9px 8px 8px; background:#979797; color:#fff; font-size:11px; margin-right:5px; width:58px; float:left;}
#news .newsBox p.rht { border-top:solid 1px #D0D0D0; padding:8px 0 8px 11px; width:537px; float:left; }
#news .newsBox p.rht span { display:block; float:left; line-height:13px; }
#news .newsBox p.rht span span { text-transform:uppercase}
#news .newsBox p.rht a.arrow {  background:url('/img/layout/rightArrow.gif') no-repeat; width:10px; height:10px; display:block; float:right; }
#news .newsBox p.rht a.arrow span { display:none }
#news .newsBox p.bottom { border-bottom:solid 1px #D0D0D0;}
#news .newsBox img { float:right; display:block; margin:0px; padding:0px;}

/**** strona glowna - banery */
#banners { width:295px; position:absolute; top:365px; left:665px; z-index:3 }

/***** PODSTRONY *******/
#top .logoPages { float:left; padding:23px 0 0 0;}
#top .logoPages img { display:block;}

/**** podstrona baner */
#pagesBaner { position:relative; width:961px; top:-5px;}
#pagesBaner .mask { position:absolute; z-index:1; left:0px; top:0px;}


/**** tresc podstron */
#content { width:960px; color:#3f3f3f; }
#content h1.title { font-size:22px; font-family:arial; padding:0px; color:#3f3f3f; font-weight:normal; margin:0px 0 18px 0; text-transform:uppercase}
#content .innerContent { color:#3f3f3f; line-height:15px; float:left; width:960px; padding-right:20px; text-align:justify; }
#content .innerContent img { padding:0px 25px 25px 25px; }
#content .innerContent .thumbs img { padding:0; margin:0; display: inline-block;}
#content .innerContent #GalleryPicture img,  #content .innerContent #navigation img { padding:0;  }
#content .shortContent { width:644px;}
#content .innerContent a { color:#909090;}
#content .innerContent a:hover { text-decoration:underline}
#content .innerContent a.seeGallery { background:url('/img/layout/smallArrow.gif') 0 5px no-repeat; color:#909090; font-size:11px; padding:0 0 0 14px; text-decoration:none; display:block; float:right; margin:15px 0 0 0}
#content .innerContent a.seeGallery:hover { text-decoration:underline}
#content .bannersSubpage { float:left; width:295px;}

/* linki substrony */
#content .links {  padding-top:16px; }
#content .links div.lft { float:left; display:block; margin:0px; padding:0px; width:10px; background:url('/img/layout/menuLeftBg.gif') no-repeat; height:28px; }
#content .links a {  color:#fff; font-size:11px; text-decoration:none; line-height:13px;}
#content .links a:hover { color:#656565 }
#content .links div.rht { float:left; display:block; margin:0px; padding:0px; width:10px; background:url('/img/layout/menuRightBg.gif') no-repeat; height:28px;}

/* newsy - podstrona */
#newsView { width:960px; margin-top:15px; overflow:hidden}
#newsView .lft { float:left; width:634px; padding:0 30px 0 0; line-height:16px;}
#newsView .lft h1 { color:#3f3f3f; font-size:22px; margin-bottom:8px; padding-top:8px; font-weight:normal; font-family:'arial'; text-transform:uppercase}
#newsView .lft h3 { color:#3f3f3f; font-size:11px; margin-bottom:22px; font-weight:normal; font-family:'arial'}

#newsView .lft .cms-text img { margin:20px}
#newsView .lft img.newPhoto { float:left; margin:0 20px 10px 0;}
#newsView .rht { float:left; width:294px;}
#newsView .lft .thumbs { margin:0; }

#newsSmallBox { width:294px;}
#newsSmallBox h1 { color:#3f3f3f; font-size:22px; margin-bottom:8px; padding-top:5px; font-weight:normal; font-family:'arial'}
#newsSmallBox a.checkMore { background:url('/img/layout/smallArrow.gif') 0px 4px no-repeat; display:block; float:right; font-size:11px; color:#909090; text-decoration:none; padding:0 0 0 12px; margin:16px 0px 28px 0; }
#newsSmallBox a.checkMore:hover { text-decoration:underline}
#newsSmallBox .newsBox { overflow:hidden; width:294px;}
#newsSmallBox .newsBox p.lft { padding:6px 9px 6px 8px; background:#979797; color:#fff; font-size:11px; margin:0 5px 1px 0; width:58px; float:left;}
#newsSmallBox .newsBox p.rht { border-top:solid 1px #D0D0D0; padding:8px 0 8px 11px; width:203px; float:left; }
#newsSmallBox .newsBox p.borderBottom { border-bottom:solid 1px #D0D0D0; padding-bottom:7px; }
#newsSmallBox .newsBox p.rht span { display:block; float:left; text-transform:uppercase}
#newsSmallBox .newsBox p.rht a { color:#3f3f3f; text-decoration:none; cursor:pointer; }
#newsSmallBox .newsBox p.rht a.arrow {  background:url('/img/layout/rightArrow.gif') no-repeat; width:10px; height:10px; display:block; float:right; }
#newsSmallBox .newsBox p.rht a.arrow span { display:none }
#newsSmallBox .newsBox p.bottom { border-bottom:solid 1px #D0D0D0;}
#newsSmallBox .newsBox img { float:right; display:block; margin:0px; padding:0px;}

/*** galeria */
#gallery { width:960px; overflow:hidden; }
h1.galTitle { color:#3f3f3f; font-size:22px; margin-bottom:13px; font-weight:normal; font-family:'arial'; text-transform:uppercase}
#gallery h1 { color:#3f3f3f; font-size:22px; margin-bottom:13px; font-weight:normal; font-family:'arial'; text-transform:uppercase}
#gallery img.min { display:block; float:left; margin-right:20px;}
#gallery p { float:left; font-weight:bold; text-transform:uppercase}
#gallery p span { font-weight:normal }

/**** breadcrumb */
#pagesBaner .breadcrumb { position:absolute; z-index:2; top:170px; left:0px; color:#3f3f3f; font-size:11px;line-height:15px;}
#pagesBaner .breadcrumb a { color:#909090; text-decoration:none; background:url('/img/layout/smallArrow.gif') right 5px no-repeat; padding-right:13px; margin-right:6px;}
#pagesBaner .breadcrumb a:hover { text-decoration:underline}
#pagesBaner .breadcrumb span.noLink { color:#909090; text-decoration:none; background:url('/img/layout/smallArrow.gif') right 5px no-repeat; padding-right:13px; margin-right:6px;}

/**** site map */
#siteMap { padding:20px;}
#siteMap ul { list-style: square}
#siteMap ul a { text-decoration:none; color:#9C9C9C }
#siteMap ul a:hover { text-decoration:underline}
#siteMap li { padding:5px 0 5px 0px;}

/*** paginacja */
#pagination { clear:both;}
#pagination a { display:block; float:left; font-size:11px; color:#909090; text-decoration:none; padding:5px; margin-right:5px; }
#pagination em { background:#F2820A; color:#fff; display:block; float:left; font-size:11px;  text-decoration:none; font-style:normal; padding:5px 7px 5px 7px; margin-right:5px;}

/**** forularz kontaktowy */
/* contact form */
.contact { margin-top:0px;}
.contact label { margin:0 0 5px 0; display:block; }
.contact fieldset { border:0px; margin:0px; padding:0px;}
.contact td { padding:5px 5px 5px 0px; color:#ACACAC; font-size:11px;}
.contact div.error_message { display:inline; color:#990000; font-size:7pt; }
.contact input, .contact select, .contact textarea {
	border-style:solid;
	font-size:11px;
	font-family:arial;
	border-width:1px;
	border: 1px solid #B2AFB2;
	display:block;
	width:400px;
	height:160px;
	padding:3px;
	margin-right:20px;
	margin-bottom:5px;
}
.contact .input-button-submit {background:#B2AFB2 none repeat scroll 0 0; border:0px; padding:10px; color:#fff; font-weight:normal; text-transform: uppercase; cursor:pointer; }
.contact input:focus, .contact select:focus, .contact textarea:focus { background-color: #ffffff; }
.contact input {width:200px; height:15px;}

/**** footer */
#footer { background:url('/img/layout/footerBg.gif') top repeat-x;  color:#BFBFBF; font-size:11px;  color:#fff; margin-top:60px;  height:30px; }
#footer .inner { width:960px; margin:0 auto; overflow:hidden; text-align:left; padding-top:10px;  }
#footer .inner .lft { width:747px; float:left; padding-bottom:6px; padding-left:0px;}
#footer .inner .rht { width:205px; float:right; text-align:right; padding-bottom:6px;}
#footer .inner .logs { padding-top:10px; text-align:center; margin-bottom:25px; }
#footer .inner a { text-decoration:none; color:#fff}
#footer .inner a:hover { text-decoration:underline; }

.clear { clear:both}



#dark{ background:#000; position:absolute; z-index:4; width:100%; height:100%; display:none; top:0px; left:0px; }
#contentPromotion { background:url('/img/layout/popUpBg.gif') no-repeat; position:absolute; z-index:999; top:175px; display:none; width:669px; height:400px; /*behavior: url("/css/iepngfix.htc");*/}
#contentPromotion .popContent { text-align:left; padding:0px 10px 20px 35px; height:300px; overflow:auto; color:#3f3f3f; line-height:15px; width:620px;}
#contentPromotion .popContent a { color:#E65201 }
#closePromotion { float:right; position:relative; z-index:100000; font-weight:bold; color:#909090; font-size:10px; font-family:'arial'; margin:16px 40px 20px 0; text-decoration:none;}

#footer #footer-copy-e { width:960px; 	text-transform:none; font-size:9px; color: #b5b5b5;  margin-right: 10px;  padding-top:10px; text-align:right; }
#footer #footer-copy-e A, #footer-copy-e A:visited { 	font-size:9px; color: #ff9314;}	

.liga   { float:left; width:710px;}
.liga table { float: left}
.liga table tr td, .liga table tr th  {border: solid 1px; border-color:#A6A6A6; border-collapse: collapse;  padding:5px;}
.liga .li-kolejki-scroll table  { margin-left:-15px; }

.liga .li-kolejki-scroll table tr td { border:0px; }
.liga .li-wyniki-sezonu table tr th { background-color: gray; }

.harmonogram td {clear:both;  border:2px solid #E9E8E8; margin:2px; padding:2px;}

