/* ------------------------
	elementy podstawowe
--------------------------- */
*, html	{ margin: 0; padding: 0; }
   
body 	{ text-align: center; font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
   	   	  font-size: 11px; color: #5c5c5c; background: #89af29 url('./../images/bg.jpg') left top repeat-x;
          padding: 0; 
        }

.clearfix:after 		{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 				{ display: inline-block; }
html[xmlns] .clearfix 	{ display: block; }
* html .clearfix		{ height: 1%; }

a 		{ text-decoration: none; }
a:hover { text-decoration: underline; }

.clear 	{ clear: both; }

img 	{ border: 0; behavior:	url("/js/pngbehavior/pngbehavior.htc"); }

ul 		{ list-style: none; }

dl dt 	{ display: none; }

div 	{ margin: 0; padding: 0; }

h1		{ font-size: 22px; }
h2		{ font-size: 17px; }
h3		{ font-size: 13px; }
h4 		{ font-size: 11px; }
h5		{ font-size: 9px; }
h6		{ font-size: 7px; }


/* ---------------------------------------------------------------------------
	top: logo, banner, jezyki, menu, wyszukiwarka, breadcrumb, linki  		
------------------------------------------------------------------------------ */
#top { z-index: 5; position: relative; width: 970px; height: 194px; margin: 0 auto; background: url('./../images/top-bg.jpg') 129px 0px no-repeat; }	
	
	/* logo */
	#top h1 { position: absolute; left: 1px; top: 13px; }
		#top h1 a { display: block; width: 325px; height: 115px; font-size: 11px; }
		#top h1 a:hover { cursor: pointer; }		
			#top h1 a span { position: absolute; width: 100%; height: 100%; background: url('./../images/logo.gif') left top no-repeat; }

	/* banner */
	#main-banner { position: absolute; right: 0; top: 12px; width: 470px; height: 62px; }

	/* jezyki */
	#languages { position: absolute; right: 20px; top: 87px; }
		#languages li { float: left; width: 29px; height: 30px; margin-left: 4px; }
	
	/* wyszukiwarka */	
	#search-form { position: absolute; top: 151px; right: 20px; width: 300px; }
		#search-form form { display: block; }
			#search-form form  fieldset { display: block; float: left; width: 246px; height: 21px; text-align: left; border: none; background: url('./../images/search-input-bg.jpg') left 1px no-repeat; }
				#search-form form fieldset input#phrase { border: 1px solid #fff; width: 208px; height: 15px; margin: 3px 0 0 24px; .margin-top: 2px; _margin-top: 2px; padding: 0px; color: #5c5c5c; font-size: 11px; }				
			#search-form form fieldset.actions { width: 54px; }
				#search-form form  fieldset legend { display: none; }
				#search-form form  fieldset div label { display: none; }
				
	/* menu */
	#main-menu { position: absolute; left: 0; top: 128px; width: 970px; height: 66px; background: url('./../images/main-menu-bg.jpg') left top repeat-x; }
		#main-menu ul { position: absolute; left: 10px; top: 2px; width: 600px; line-height: 62px;  }
			#main-menu ul li { position: relative; float: left; }				
				#main-menu ul li a { display: block; float: left; height: 62px; padding: 0 20px; background: url('./../images/main-menu-link-bg.jpg') left top no-repeat; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; }
				#main-menu ul li a:hover { text-decoration: underline; }
				#main-menu ul li.first a { background: none; }
		#main-menu span { position: absolute; top: 0; width: 10px; height: 66px; }
			#main-menu span#mm-left-corner { left: 0; background: url('./../images/main-menu-left-corner.jpg') left top no-repeat; }
			#main-menu span#mm-right-corner { right: 0; background: url('./../images/main-menu-right-corner.jpg') left top no-repeat; }
			
	/* linki */
	#shortcut-links { _z-index: -1; .z-index: -1; position: absolute; left: 660px; top: 194px; width: 310px; height: 28px; padding-top: 10px; background: url('./../images/menu-shadow-right.jpg') 0 0 no-repeat; }
		#shortcut-links li { position: relative; float: left; }
		#shortcut-links li#homepage-link { background: url('./../images/homepage-icon.jpg') 0 2px no-repeat; }
		#shortcut-links li#sitemap-link { background: url('./../images/sitemap-icon.jpg') 0 2px no-repeat; }
			#shortcut-links li a { display: block; float: left; padding-left: 17px; margin-right: 15px; _margin-right: 10px; color: #f3f8af; text-decoration: none; }
			#shortcut-links li a:hover { text-decoration: underline; }

/* ---------------
	breadcrumb
------------------ */
#breadcrumb { margin: 0 auto; width: 950px; min-height: 20px; _height: 20px; padding: 10px; text-align: left; background: url('./../images/menu-shadow-left.jpg') 56px 0 no-repeat;  }
	#breadcrumb ul { position: relative; width: 600px; }
		#breadcrumb ul li { white-space: nowrap; display: block; float: left; height: 20px; line-height: 20px; padding: 0 8px 0 10px; background: url('./../images/list-pointer.jpg') 0 50% no-repeat; }
		#breadcrumb ul li.first { background: none; padding-left: 0; }
			#breadcrumb ul li a { color: #f3f8af; }
			#breadcrumb ul li.last a { font-weight: bold; }			

/* -----------------------------------
	content: 
		left-column: tresc strony
		right-column: reklamy
-------------------------------------- */
#content { _z-index: 1; .z-index: 1; position: relative; width: 970px; margin: 0 auto; background: url('./../images/content-left-top-corner.jpg') 0px 0px no-repeat; }

	/* left-column */
	#left-column { position: relative; float: right; width: 590px; min-height: 525px; _height: 525px; padding: 30px 20px 30px 20px; background: #fff url('./../images/content-left-bottom-corner.jpg') left bottom no-repeat; text-align: left; }
		#left-column span { position: absolute; }
		#left-column span#content-left-top-corner { right: 0; top: 0; width: 10px; height: 10px; background: url('./../images/content-right-top-corner.jpg') left top no-repeat; }
	
	/* right-column */
	#right-column { position: relative; float: left; width: 300px; min-height: 520px; _height: 520px; padding: 20px 20px 20px 20px; background: #fff url('./../images/content-right-bg.jpg') left top repeat-y;  }
		#right-column div.advertise { margin: 0 0 10px 0; }
		#right-column span { position: absolute; }
		#right-column span#content-right-top-corner { left: 0; top: 0px; width: 10px; height: 10px; background: url('./../images/content-left-top-corner.jpg') left top no-repeat; }		
		#right-column span#content-right-bottom-corner { left: 0; bottom: 0px; _bottom: -5px; width: 10px; height: 10px; background: url('./../images/content-left-bottom-corner.jpg') left top no-repeat; }
		#right-column span#content-right-shadow { left: 25px; bottom: -24px; _bottom: -25px; width: 295px; height: 24px; background: url('./../images/menu-shadow-left.jpg') left top no-repeat; }

/* ------------------------------------------------
	small banners (kazda strona, procz glownej)
--------------------------------------------------- */
.btm-banners { 
	text-align: left;
	width: 970px;	
	margin: 0 auto;	 
}

.btm-banners #small-banners { 
	margin-left: 340px;
	width: 630px;
	background: url('../images/banners-btm-bg.jpg') left top no-repeat;	
}
		
/* ------------------------------------------------
	footer: dolna reklama, menu dolne, logo dolne
--------------------------------------------------- */
#footer { position: relative; width: 970px; height: 265px; margin: 0 auto; text-align: left; }

	/* bottom-advertise */ 
	#bottom-advertise { height: 75px; padding: 25px; text-align: right; }
	
	/* bottom-menu */
	#bottom-menu { float: right; position: relative; width: 610px; height: 48px; padding: 18px 0 0 20px; background: #fff url('./../images/bottom-menu-left-corner.jpg') left top no-repeat; }
		#bottom-menu ul { }
			#bottom-menu ul li { position: relative; float: left; }
				#bottom-menu ul li a { display: block; float: left; padding: 0 10px 0 11px; background: url('./../images/bottom-menu-list-separator.jpg') 0 2px no-repeat; color: #89af29; font-weight: bold; text-decoration: none; }
				#bottom-menu ul li.first a { padding-left: 0; background: none; }
				#bottom-menu ul li a:hover { text-decoration: underline; }
		#bottom-menu p { margin-top: 2px; }
		#bottom-menu span { position: absolute; }
		#bottom-menu span#bm-right-corner { right: 0; top: 0; width: 10px; height: 66px; background: url('./../images/bottom-menu-right-corner.jpg') 0 0 no-repeat;  }
		#bottom-menu span#bm-decoration { right: 28px; top: -27px; width: 80px; height: 93px; background: url('./../images/bottom-menu-decoration.jpg') 0 0 no-repeat;  }
		#bottom-menu span#bm-shadow { left: 65px; top: 66px; width: 267px; height: 22px; background: url('./../images/bottom-menu-shadow.jpg') 0 0 no-repeat;  }
		
	/* bottom-logo */
	/*#footer h1 { position: absolute; left: 750px; top: 125px; }*/
	#footer h1 { position: absolute; left: 105px; top: 125px; }
		#footer h1 a { display: block; width: 186px; height: 66px; font-size: 11px; }
		#footer h1 a:hover { cursor: pointer; }		
			#footer h1 a span { position: absolute; width: 100%; height: 100%; background: url('./../images/bottom-logo.jpg') left top no-repeat; }
			
	/* design by */
	#design-by { position: absolute; right: 20px; bottom: 50px; color: #fff; }