/* CSS Document */

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

h1,h2,h3,h4,form { margin: 0px; padding: 0px; }
h2 { font-size: 20px; line-height: normal; background: url(/images/bck_header.gif) bottom repeat-x; margin-bottom: 15px; }
h3 { font-size: 14px; color: #005990; margin: 10px 0px; font-weight: bold; }
a { color: #D95E5C; text-decoration: none; }
a:hover { color: #ae2927; text-decoration: underline; }
small { color: #9fa8c2; font-size: 11px; }
big { font-size: 14px; font-weight: bold; }
img { border: none; }
input,textarea,select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; border: 1px solid #deded4; background-color: #f2f2ea; padding: 4px;
}
.crumbTrail { font-size: 11px; color: #d8d8d8; }
	.crumbTrail a { color: #c7c7c7; }
.clear { clear: both; }

#topBarLevel { width: 100%; height: 159px; background: url(/images/bck_topbar_main.gif) top center no-repeat; }
	#topBarLevel .content { width: 1069px; height: 159px; margin: 0 auto; background: url(/images/bck_topbar.gif) no-repeat top left; }
	
#logo { width: 213px; height: 69px; position: absolute; top: 22px; left: 50%; margin-left: -460px; }

#topLabel { width: 331px; height: 18px; background: url(/images/label_ekologiczne_systemy.gif) no-repeat top; position: absolute;
	top: 73px; left: 50%; margin-left: -169px; }

#topBarLinks { width: 280px; height: 15px; position: absolute; top: 22px; left: 50%; margin-left: 240px;
	font-size: 11px; color: #91c2e0; }
	#topBarLinks a { color: #91c2e0; background: url(/images/ico_dot_yellow.gif) no-repeat 0px 5px; display: block;
		float: left; margin-right: 20px; padding-left: 10px; }

#topSearch { width: 187px; position: absolute; top: 74px; left: 50%; margin-left: 300px; height: 80px; }
	#topSearch h2 { font-size: 16px; padding-left: 90px; }
	#topSearch .inputHolder { width: 147px; height: 22px; background: url(/images/bck_search_input.gif) no-repeat top;
		float: left; }
		#topSearch .inputHolder input { border: none; background: none; margin: 1px 0px 0px 10px; width: 120px; }
	#topSearch .inputButton { width: 40px; height: 22px; float: left; }
			#topSearch .inputButton input { width: 40px; height: 22px; border: none; font-size: 12px; color: #FFFFFF; 
				background: url(/images/but_search.gif) no-repeat top; cursor: pointer; }

#topNavigation { width: 670px; height: 32px; position: absolute; top: 127px; left: 50%; margin-left: -470px; }

#navigation { width: 670px; height: 32px; }	
	#navigation li { list-style: none; }
	
		#butnav_button1, #butnav_button2, #butnav_button3, #butnav_button4, #butnav_button5 { 
			width: 111px; height: 32px; background-image: url(/images/bck_navbuttons.gif); 
			background-repeat: no-repeat;
			float: left; margin: 0px 10px; }

		#butnav_button2 { background-position: -133px 0px; }
		#butnav_button3 { background-position: -269px 0px; }
		#butnav_button4 { background-position: -401px 0px; }
		#butnav_button5 { background-position: -543px 0px; }

		#nav_button1, #nav_button2, #nav_button3, #nav_button4, #nav_button5 {
			display: block; width: 111px; height: 32px;		
		}

#topFlashPhotos { width: 700px; height: 205px; position: absolute; margin-top: 2px; left: 50%; margin-left: -163px; }

#topLevel { width: 100%; height: 209px; }
	#topLevel .content { width: 1075px; height: 209px; margin: 0 auto; background: url(/images/bck_topimage.gif) no-repeat top; }

#topLevelSlide { width: 385px; height: 150px; position: absolute; top: 185px; margin-left: 65px; }
	#topLevelSlide h2 { margin: 0px; padding: 0px; font-size: 23px; }
	#topLevelSlide p { font-size: 11px; line-height: 18px; text-align: justify; padding: 0px; margin: 5px 0px 20px 0px; }

#mainLevel { width: 100%; margin-top: 17px; }
	#mainLevel .content { width: 960px; margin: 0 auto; line-height: 18px; text-align: justify; }
	#mainLevel .content p { text-align: justify; }

.column { width: 320px; float: left; margin-right: 40px; overflow: hidden; }
	* html .column { margin-right: 20px; }
.column.last { margin-right: 0px; }
.column.narrow { width: 240px; }
.column.wide { width: 640px; }
.column.menu { width: 280px; }

.box { width: 320px; height: 183px; background: url(/images/bck_box.gif) no-repeat top; font-size: 11px; }
	.box .padding { padding: 15px 10px; }
		.box .padding .rightImage { float: right; margin: 35px 0px 5px 15px; }
		.box .padding .moreButton { width: 79px; height: 26px; position: absolute; margin-top: 5px; margin-left: 210px; }
			.box .padding .moreButton.sterownik { margin-top: -7px; }
		.box .padding ul { margin: 0px 0px 0px 20px; padding: 0px; }
			.box .padding ul li { margin: 2px 0px; padding: 0px; }

.imageBox { float: right; margin: 5px 0px 10px 20px; border: 1px solid #e2e7e8; }	
	.imageBox img { margin: 2px; }
	.imageBox.left { float: left; margin: 5px 20px 10px 0px; }
		
#footerLevel { width: 100%; height: 123px; background: url(/images/bck_footer.gif) repeat-x top #FFFFFF; margin-top: 30px; }
	#footerLevel .content { margin: 0 auto; width: 1050px; height: 123px; background: url(/images/bck_footer_main.gif) top left no-repeat; }

#footerNav { width: 170px; height: 11px; float: right; margin: 5px 70px 0px 0px; }
	#footerNav a { display: block; width: 56px; height: 11px; float: left; margin: 0px 10px;
		background-image: url(/images/bck_footernav_buttons.gif); background-repeat: no-repeat;
		background-position: 0px 0px; }
	#footerNav a.top { width: 60px; background-position: -57px 0px; }

#footerLinks { width: 500px; margin: 12px 0px 0px 25px; float: left; font-size: 11px; }
#footerLinks .links { width: 500px; height: 30px; background: url(/images/bck_header.gif) bottom repeat-x; }
	#footerLinks .links a { color: #6d7a9f; background: url(/images/ico_dot_grey.gif) no-repeat 0px 5px; display: block;
		float: left; margin-right: 20px; padding-left: 10px; }
	#footerLinks .info { margin-top: 10px; color: #6d7a9f; line-height: 18px; }

#footerCredits { width: 300px; margin: 20px 70px 0px 0px; float: right; font-size: 11px; color: #6d7a9f; }
#footerCredits .credits { width: 300px; height: 24px; background: url(/images/bck_header.gif) bottom repeat-x; text-align: right; }
	#footerCredits .created { margin-top: 5px; color: #6d7a9f; line-height: 18px; text-align: right; }
		#footerCredits .created a { color: #d95e5c; }

#footerPartners { width: 350px; height: 100px; position: absolute; left: 50%; margin-left: -165px;
	margin-top: 70px; font-size: 11px; color: #6d7a9f; font-weight: bold; text-align: center; }
	#footerPartners img { margin: 15px 15px 0px 15px; float: left; }


.subNav .button { width: 280px; height: 35px; background-image: url(/images/bck_leftnav.gif); background-repeat: no-repeat;
	background-position: 0px 0px; text-align: left; margin-bottom: 5px; }
	.subNav .button.act { background-position: 0px -35px; }
	.subNav .button a { margin-left: 35px; line-height: 35px; font-size: 11px; font-weight: bold; color: #003f76; }
	.subNav .button.act a { color: #d13a37; }