/* CSS Document */

body {
	background-color: #ececec;
	background-image: url(/images/bck_main.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5a5a5a;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,form { margin: 0px; padding: 0px; }
h2 { font-size: 14px; height: 18px; }
h3 { font-size: 13px; margin-bottom: 5px; margin-top: 10px; color: #ff9f02; 
	background-image: url(/images/bck_headerline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

a { color: #223f67; text-decoration: none; font-weight: bold; }
a:hover { color: #ffa002; text-decoration: underline; }

input,textarea,select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #99b0d0;
	background-color: #f0f0f0;
	padding: 4px;
}

input.wyslij {
	width: 127px;
	height: 23px;
	background-image: url(/images/but_submit.gif);
	background-position: top;
	background-repeat: no-repeat;
	border: none;
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 1px;
}

.clear { clear: both; }

#topLevel { width: 100%; height: 192px; }
	#topLevel .data { width: 989px; height: 192px; margin: 0 auto; }
	
#logo {
	width: 195px;
	height: 45px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -490px;
}

#sublogo {
	width: 225px;
	height: 14px;
	position: absolute;
	top: 36px;
	left: 50%;
	margin-left: -260px;
	background-image: url(/images/sublogo_napis.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#homeButton {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 98px;
	margin-left: 25px;
}	

#navigation {
	width: 750px;
	height: 50px;
	top: 88px;
	position: absolute;
	margin-left: 65px;
}
	
	#navigation ol { width: 750px; height: 50px; margin: 0px; padding: 0px; }
	#navigation ol li { height: 50px; list-style: none; margin: 0px 2px 0px 2px; padding: 0px; float: left; }
	#navigation ol li.active b { 
		width: 3px; 
		height: 50px;
		background-image: url(/images/bck_nav_sides.gif);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		float: left;
		display: block;
	}
	
	#navigation ol li.active span { 
		height: 50px;
		background-image: url(/images/bck_nav_main.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		float: left;
		display: block;
		text-align: center;
	}

	#navigation ol li.active i { 
		width: 3px; 
		height: 50px;
		background-image: url(/images/bck_nav_sides.gif);
		background-position: -3px 0px;
		background-repeat: no-repeat;
		float: left;
		display: block;
	}
	
	#navigation ol li.active span a { margin: 10px; padding: 10px; 
		display: block; width: 120px;
		background-image: url(/images/ico_arrow.gif);
		background-position: 10px 15px;
		background-repeat: no-repeat;
		color: #003366;
	}
	
	#navigation ol li b, #navigation ol li i { width: 3px; height: 50px; float: left; display: block; }
	#navigation ol li span { height: 50px; float: left;	display: block;	text-align: center; }
	#navigation ol li a { 
		margin: 10px; 
		padding: 10px; 
		display: block; 
		width: 120px;
		background-image: url(/images/ico_arrow.gif);
		background-position: 10px 15px;
		background-repeat: no-repeat;
		text-align: center;
		color: #6b7076;
	}
		
.subNavigation { width: 900px; height: 34px; position: absolute; top: 146px; margin-left: 70px; }
	.subNavigation .button { height: 34px; float: left; margin: 0px 10px 0px 10px; padding: 0px 10px 0px 10px; font-size: 11px; }
	.subNavigation .button a { margin-top: 10px; display: block; color: #3373b3; }	
	.subNavigation img { float: left; }

#butStrefa {
	position: absolute;
	width: 147px;
	height: 34px;
	background-image: url(/images/bck_nav_strefa.gif);
	background-position: top;
	background-repeat: repeat-x;
	top: 101px;
	margin-left: 835px;
	color: #FFFFFF;
}
	#butStrefa a { 
		color: #FFFFFF; 
		margin-top: 10px;
		text-align: center;
		display: block;
	}

#topShortcuts {
	width: 335px;
	height: 14px;
	position: absolute;
	top: 33px;
	left: 50%;
	margin-left: 180px;
	font-size: 10px;
}
	#topShortcuts .button { width: 90px; float: left; margin: 0px 10px; }
		* html #topShortcuts .button { margin-left: 5px; }
	#topShortcuts .button a { font-weight: normal; color: #9b9b9b; }
	#topShortcuts .button img { margin-right: 5px; }
	#topShortcuts .line {
		width: 1px;
		height: 13px;
		float: left;
		background-image: url(/images/ico_slash.gif);
		background-position: top;
		background-repeat: no-repeat;
	}

#secondLevel { width: 100%; }
	#secondLevel .data { width: 989px; margin: 0 auto; background-color: #FFFFFF; }
	#secondLevel .data .padding { padding: 0px 7px 0px 7px; }
	#secondLevel .data .padding .leftSide { width: 645px; height: 294px; float: left; }
	#secondLevel .data .padding .rightSide { width: 330px; height: 294px; float: left; }

#secondLvlBaner { width: 645px; height: 251px; }
#marketBar { width: 645px; height: 43px; background-position: left; background-repeat:repeat-y; background-image: url(/images/bck_marketbar.gif); }
	#marketBar .logo_market { width: 99px; height: 32px; margin: 6px 10px 0px 10px; float: left; }
	#marketBar .info { width: 480px; height: 20px; margin: 14px 0px 0px 10px; float: left; color: #FFFFFF; }

#secondLevelOffer { width: 320px; height: 202px; margin-left: 10px; } 
	#secondLevelOffer .content {
		width: 320px;
		height: 195px;
		background-image: url(/images/bck_secondleveloffer.gif);
		background-position: top;
		background-repeat: repeat-x;
	}
	#secondLevelOffer .content .pad { padding: 5px 12px 0px 12px; }
	#secondLevelOffer .content .pad .pictogram { float: left; width: 68px; height: 60px; }
	#secondLevelOffer .content .pad .box { width: 218px; margin-top: 10px; float: left; }
	#secondLevelOffer .content .pad .box p { font-size: 10px; color: #838f9d; margin: 3px 0px 0px 0px; padding: 0px; }
	#secondLevelOffer .content .pad .box p a { color: #838f9d; font-weight: normal; }
	#secondLevelOffer .btm {
		width: 320px;
		height: 7px;
		background-image: url(/images/bck_secondleveloffer_btm.gif);
		background-position: top;
		background-repeat: no-repeat;
	}
	#secondLevelOffer .content .pad .line {
		width: 296px;
		height: 2px;
		background-image: url(/images/line_seclvl_offer.gif);
		background-position: top;
		background-repeat: no-repeat;
	}
		* html #secondLevelOffer .content .pad .line { margin-bottom: -10px; }
		
#newsletterBox {
	width: 330px;
	height: 85px;
	background-image: url(/images/bck_newsletterbox.gif);
	background-position: top;
	background-repeat: repeat-y;
	margin-top: 7px;
}
	* html #newsletterBox { margin-top: 0px; }

	#newsletterBox .titleNewsletter { width: 97px; height: 13px; }
	#newsletterBox .titleNewsletter img { margin: 15px 0px 0px 30px; }
	#newsletterBox .form { width: 238px; height: 24px; margin: 30px 0px 0px 30px; }	
		* html #newsletterBox .form { margin-top: 15px; }
	#newsletterBox .form .input {
		width: 167px;
		background-color: #FFFFFF;
		background-image: url(/images/bck_newsletter_input.gif);
		background-position: left;
		background-repeat: no-repeat;
		height: 24px;
		float: left;
	}
	#form_newsletter_mail { width: 150px; height: 16px; border: none; margin: 2px 0px 0px 5px; font-size: 12px; color: #476A99; background-color: #FFFFFF; padding: 2px; }
	#newsletterBox .form .zapisz { width: 36px; height: 24px; float: left; }
	#newsletterBox .form .wypisz { width: 35px; height: 24px; float: left; }
	#form_newsletter_zapisz { 
		width: 36px; height: 24px;
		background-image: url(/images/but_newsletter_zapisz.gif);
		background-position: top;
		background-repeat: no-repeat;
		border: none;	
	}
	#form_newsletter_wypisz { 
		width: 35px; height: 24px;
		background-image: url(/images/but_newsletter_wypisz.gif);
		background-position: top;
		background-repeat: no-repeat;
		border: none;	
	}

#mainLevel { width: 100%; }
	#mainLevel .data { width: 989px; margin: 0 auto; background-color: #FFFFFF; overflow: hidden; }
	#mainLevel .data .padding { padding: 20px 7px 0px 7px; overflow: hidden; }
	#mainLevel .data .padding p { line-height: 20px; }
	
/* ######### HOMEPAGE ########## */

#homepage { width: 975px; }
	#homepage .newsBox { width: 340px; float: left; margin-right: 30px; }
		* html #homepage .newsBox { margin-right: 10px; }
	#homepage .zasiegBox { width: 290px; float: left; margin-right: 30px; }
		* html #homepage .zasiegBox { margin-right: 10px; }
	#homepage .promocjaBox { width: 285px; float: left; }

#newsShort { width: 340px; }
	#newsShort .newsBox {
		background-image: url(/images/bck_headerline.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		padding-bottom: 7px;
		margin-bottom: 7px;
	}
	#newsShort .newsBox .image { width: 100px; height: 100px; float: left; }
	#newsShort .newsBox .content { float: left; margin-left: 10px; width: 230px; }
	#newsShort .newsBox .content span { font-size: 11px; color: #a1a1a1; }
	#newsShort .newsBox .content a { line-height: 22px; }
	#newsShort .newsBox .content p { font-size: 11px; margin: 0px; padding: 0px; }
	#newsShort .newsBox .content .but_czytaj_dalej { width: 77px; height: 17px; float: right; margin-top: 10px; }
	#newsShort .archiwum { font-size: 11px; text-align: right; margin-bottom: 10px; }

#promocjaTygodnia { width: 285px; }
	#promocjaTygodnia .image { width: 280px; height: 220px; text-align: center; }
	#promocjaTygodnia .promNavBar { 
		width: 280px; 
		height: 60px; 
		background-color: #d8dfe2;
		opacity: 0.70;
		-moz-opacity: 0.70;
		filter: alpha(opacity=70);
		position: absolute;
		margin-top: -58px;
	}
	
	#promocjaTygodnia .promNavBar .leftArrow, #promocjaTygodnia .promNavBar .rightArrow {
		width: 15px; height: 30px; float: left;	margin: 15px 4px;
	}
	#promocjaTygodnia .promNavBar .rightArrow { float: right; }	
	#promocjaTygodnia .promNavBar .content {
		width: 230px;
		height: 45px;
		float: left;
		margin-top: 4px;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		color: #0b192f;
	}
	#promocjaTygodnia .promNavBar .content span { font-size: 16px; }

.header {
	width: 100%;
	background-image: url(/images/bck_headerline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 25px;
	margin-bottom: 5px;
}
	.header h2 { margin-left: 10px; }

.leftCol { width: 324px; float: left; margin-right: 36px; }
.rightCol { width: 615px; float: left; }
.crumbTrail { font-size: 10px; color: #c7c7c7; margin-bottom: 15px; }
	.crumbTrail a { color: #c7c7c7; font-weight: normal; }
	
#footerLevel {
	width: 100%;
	background-image: url(/images/bck_footerlevel.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 128px;
}
	
	#footerLevel .upper { width: 989px; height: 44px; margin: 0 auto; background-color: #FFFFFF; }
		#footerLevel .upper .leftCorner {
			width: 15px;
			height: 14px;
			background-image: url(/images/bck_footerupper_left.gif);
			background-position: top;
			background-repeat: no-repeat;
			position: absolute;
			margin-top: 30px;
		}
		
		#footerLevel .upper .rightCorner {
			width: 15px;
			height: 14px;
			background-image: url(/images/bck_footerupper_right.gif);
			background-position: top;
			background-repeat: no-repeat;
			position: absolute;
			margin-top: 30px;
			margin-left: 974px;
		}
		
		#footerLevel .upper .content { width: 982px; border-top: 3px solid #c9d0d9; height: 30px; }
		#footerLevel .upper .content .logo_sbs { width: 77px; height: 26px; margin-top: 7px; float: left; margin-left: 7px; }
	
#footerNav { width: 650px; height: 30px; float: right; }
	#footerNav .button { height: 30px; float: left;	font-size: 11px; margin: 0px 15px; }
	#footerNav .button a { color: #949494; font-weight: normal; line-height: 34px; }
	#footerNav .separator {
		width: 1px; 
		height: 30px;
		background-image: url(/images/bck_footer_separator.gif);
		background-position: top;
		background-repeat: no-repeat;
		float: left;
	}
	
	#footerLevel .lower {
		height: 84px;
		width: 989px;
		background-image: url(/images/bck_footerlower.gif);
		background-position: top right;
		background-repeat: no-repeat;
		margin: 0 auto;
	}
	
	#footerLevel .lower .column {
		width: 300px;
		height: 66px;
		float: left;
		background-image: url(/images/line_footer.gif);
		background-position: right;
		background-repeat: no-repeat;
		margin: 15px 10px;
		color: #848789;
		font-size: 11px;
		line-height: 20px;
	}
		#footerLevel .lower .column a { color: #6c798b; font-weight: normal; text-decoration: underline; }
		
ul.subNav {	width: 265px; margin: 0px 0px 20px 30px; padding: 0px; }
	ul.subNav li { 
		width: 265px; 
		margin: 0px; 
		padding: 0px; 
		list-style: none;
		background-image: url(/images/bck_headerline.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		padding-bottom: 13px;
		margin-top: 13px;
	}
	
		ul.subNav li a {
			background-image: url(/images/ico_small_arrow.gif);
			background-position: 5px 4px;
			background-repeat: no-repeat;
			padding-left: 20px;
		}
		ul.subNav li .act { color: #8da4c4; }
		ul.subNav li a:hover { color: #8da4c4; }
		
		ul.subNav li.second { 
			padding-bottom: 7px;
			margin-top: 7px;
			font-size: 12px;
		}
			ul.subNav li.second a { 
				padding-left: 40px; font-size: 11px; color: #8da4c4;
				background-position: 25px 4px;			
			}
		ol.subNavOferta { margin: 0px; padding: 0px; }
			ol.subNavOferta li { background: none; }

.pageLinks { width: 100%; margin-top: 20px; }
	.pageLinks a {
		display: block;
		width: 18px;
		height: 18px;
		line-height: 16px;
		text-align: center;
		border-bottom: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #f5f5f5;
		float: left;
		margin: 3px;
	}
	.pageLinks .act { color: #FF9F02; background-color: #FFFFFF; }

.small { font-size: 11px; color: #949494; }

.errorBox { 
	width: 100%;
	background-image: url(/images/ico_warning.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 60px;
}
	.errorBox p { margin-left: 100px; font-size: 20px; color: #9b9b9b; }

/* ERROR BOX */
.errorBoxSmall { width: 100%; border: 1px solid #ad0a0a; background-color: #edcece; margin-top: 10px; margin-bottom: 10px; }
.errorBoxSmall p { line-height: 20px; color: #872020; margin: 10px 20px 10px 20px; padding: 0px; }
.errorBoxSmall p a { text-decoration: underline; font-weight: bold; color: #872020;	}

/* INFO BOX */
.infoBoxSmall { width: 100%;	border: 1px solid #6dca5a; background-color: #e1f8d3; margin-top: 10px;	margin-bottom: 10px; }
.infoBoxSmall p { line-height: 20px; color: #2b7c1b; margin: 10px 20px 10px 20px; padding: 0px; }
.infoBoxSmall p a { color: #12310c; text-decoration: underline; font-weight: bold; }


.col { width: 190px; float: left; margin-right: 15px; }

#contentFooter { 
	width: 147px;
	height: 28px;
	background-image: url(/images/bck_contentfooter.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	margin-top: 20px;
}
	
	#contentFooter .drukuj { width: 51px; height: 12px; float: left; margin: 8px 10px 0px 10px; }
	#contentFooter .back { width: 13px; height: 11px; float: left; margin: 8px 10px 0px 10px; }
	#contentFooter .up { width: 13px; height: 11px; float: left; margin: 8px 10px 0px 10px; }