/* ============================ layout ============================== */

#holder{ 
	width: 780px;
	margin: 0 auto;
	text-align: left;
}

#main-content{ 
	position: relative;
	clear: both;
	min-height: 455px; height: auto !important; height: 455px;
	background: transparent url(img/bg-content.jpg) no-repeat 0 0;
}

#main-footer{
	position: relative;
	clear: both;
	min-height: 101px; height: auto !important; height: 101px;
	background: transparent url(img/bg-footer.gif) no-repeat 0 0;
}

#content{ 
	position: relative;
	clear: both;
	min-height: 300px; height: auto !important; height: 300px;
	background: transparent url(img/bg-content-text.gif) no-repeat 0 109px;
}

#footer{
	position: relative;
	clear: both;
	min-height: 101px; height: auto !important; height: 101px;
	margin-top: 2em;
	background: transparent url(img/bg-footer.gif) no-repeat 0 0;
	border-top: 1px solid #446838;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

/* ---------- main-nav ------------ */

#main-nav{ 
	width: 100%; height: 50px;
	list-style: none;
}
#main-nav li{
	float: left;
	height: 50px;
}
#main-nav li a{
	float: left;
	height: 50px;
	overflow: hidden;
	text-indent: -777em;
}
#main-nav li a.info{ 
	width: 132px;
	background: transparent url(img/main-nav-info.gif) no-repeat 0 0; 
}
#main-nav li a.aktualnosci{ 
	width: 89px;
	background: transparent url(img/main-nav-aktualnosci.gif) no-repeat 0 0; 
}
#main-nav li a.mapa{ 
	width: 53px;
	background: transparent url(img/main-nav-mapa.gif) no-repeat 0 0; 
}
#main-nav li a.od-kuchni{ 
	width: 112px;
	background: transparent url(img/main-nav-od-kuchni.gif) no-repeat 0 0; 
}
#main-nav li a.dydaktyka{ 
	width: 85px;
	background: transparent url(img/main-nav-dydaktyka.gif) no-repeat 0 0; 
}
#main-nav li a.atrakcje{ 
	width: 71px;
	background: transparent url(img/main-nav-atrakcje.gif) no-repeat 0 0; 
}
#main-nav li a.przyjaciele{ 
	width: 84px;
	background: transparent url(img/main-nav-przyjaciele.gif) no-repeat 0 0; 
}
#main-nav li a.prezenty{ 
	width: 73px;
	background: transparent url(img/main-nav-prezenty.gif) no-repeat 0 0; 
}
#main-nav li a.przetargi{ 
	width: 81px;
	background: transparent url(img/main-nav-przetargi.gif) no-repeat 0 0; 
}
#main-nav li a:hover{ background-position: 0 100%; }

a.en{ 
	float: right;
	width: 28px; height: 21px;
	margin-right: 42px;
	background: transparent url(img/en.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
	display: inline; /* ie */
}

/* ========================== header end ============================ */

/* ========================== main content ========================== */

#main-content h1{ 
	float: right;
	margin-right: 18px;
	display: inline; /* ie */
}

#main-content p.text{
	clear: both;
	float: right;
	width: 296px; min-height: 252px; height: auto !important; height: 252px;
	margin: 15px 18px 0 0;
	padding-left: 15px;
	line-height: 1.5em;
	display: inline; /* ie */
}
#main-content p.text a.more{
	display: block;
	width: 66px; height: 28px;
	margin: 15px 0 25px 180px;
	background: transparent url(img/more.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}

#main-content a.collection{
	position: relative;
	top: 260px; left: 81px;
	display: block;
	width: 71px; height: 61px;
	background: transparent url(img/kolekcja.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}

#info{
	clear: both;
	width: 100%;
	padding-bottom: 10px;
	background: transparent url(img/bg-info.gif) no-repeat 0 100%;
	list-style: none;
}
#info li{ 
	float: left;
	display: inline /* ie */
}
#info li p{ 
	padding: 10px 23px;
	line-height: 1.5em;
}
#info li a{ 
	color: #9a3a01; 
	padding-left: 10px;
}
#info li a.see-more{
	margin-left: 23px;
	padding-left: 15px;
	background: transparent url(img/see-more.gif) no-repeat 0 0;
	font-weight: bold;
}
#info li.hours{ 
	width: 250px;
	margin-left: 6px;
}
#info li.hours h2{ 
	width: 250px; height: 39px;
	background: transparent url(img/h2-hours.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}
#info li.maps{ 
	width: 251px;
	margin-left: 8px;
}
#info li.maps h2{ 
	width: 251px; height: 39px;
	background: transparent url(img/h2-maps.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}
#info li.contact{ 
	width: 251px;
	margin-left: 8px;
}
#info li.contact h2{ 
	width: 251px; height: 39px;
	background: transparent url(img/h2-contact.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}

/* ======================== main content end ======================== */

/* ============================ content ============================= */

#content h1{ 
	clear: both;
	width: 100%; height: 95px;
	padding-top: 14px;
	background: transparent url(img/h1-bg.jpg) no-repeat 100% 0;
}
#content h1 a{ float: left; }
#content h1 img{ margin-left: 20px }

/* menu pionowe */
#side-nav{
	float: right;
	width: 180px;
	margin: 2em 0px 2em 10px; padding: 0 26px;
	border-left: 1px solid #446838;
	list-style: none;
	display: inline /* ie */
}
#side-nav li{ 
	padding: 6px 5px 8px 5px; 
	background: transparent url(img/bg-side-nav.gif) repeat-x 0 100%;
	display: block;
}
* html #side-nav li{ padding: 6px 5px 8px 0px; }
#side-nav li a{
	padding-left: 15px;
	display: block;
	background: transparent url(img/side-nav-arrow.gif) no-repeat 0 0;
}
* html #side-nav li a{ padding-left: 5px; }
	
		#side-nav li a:hover { display: block; color: #FFF; text-decoration: none; /*font-weight: bold;*/ }
		#side-nav li.active a { font-weight: bold; }
		
		#side-nav li.level2 { }
		#side-nav li.level2 a {	color: #80C47D;	padding-left: 20px; background: none; }
		#side-nav li.level2 a:hover { background: none; color: #FFF; }
		#side-nav li.level2Active, #side-nav li.level2Active { }
		#side-nav li.level2Active a, #side-nav li.level2Active a:hover { color: #80C47D; padding-left: 20px; text-decoration: none; font-weight: bold; background: none; }
			
		#side-nav li.level3 {  }
		#side-nav li.level3 a { color: #80C47D; text-decoration: none; padding-left: 25px; background: none; }
		#side-nav li.level3 a:hover { color: #FFF; text-decoration: none; background: none; }
		#side-nav li.level3Active {  }
		#side-nav li.level3Active a, #side-nav li.level3Active a:hover { color: #80C47D; padding-left: 25px; text-decoration: none; font-weight: bold; background: none; }
			
		#side-nav li.level4 { }
		#side-nav li.level4 a { color: #80C47D; text-decoration: none; padding-left: 30px; background: none; }
		#side-nav li.level4 a:hover { color: #FFF; text-decoration: none; background: none; }
		#side-nav li.level4Active, #side-nav li.level4Active { }
		#side-nav li.level4Active a, #side-nav li.level4Active a:hover { padding-left: 30px; text-decoration: none; font-weight: bold; color: #80C47D; background: none; }

#content p{ 
	padding: 26px 26px 0 26px;
	line-height: 1.5em;
}
#content div.trescArtykulu p, #content div.trescKategoriiArtykulow p, #content div.trescNewsa p, #content div.trescKategoriiNewsow p, #content div.trescProduktu p, #content div.trescKategoriiProduktow p, #content div.trescGalerii p
{ padding: 0; line-height: 1.5em; }
#content p.narrow{ float: left; width: 500px; }

#content div.trescArtykulu ol, #content div.trescKategoriiArtykulow ol, #content div.trescNewsa ol, #content div.trescKategoriiNewsow ol, #content div.trescProduktu ol, #content div.trescKategoriiProduktow ol, #content div.trescGalerii ol
{ padding: 10px 0 10px 20px; }

#content div.trescArtykulu ul, #content div.trescKategoriiArtykulow ul, #content div.trescProduktu ul, #content div.trescKategoriiProduktow ul, #content div.trescGalerii ul
{ padding: 10px 0 10px 20px; list-style: none; }
#content div.trescNewsa ul, #content div.trescKategoriiNewsow ul { padding: 0px 0 10px 0; list-style: none; }

#news {
}

#news li{ 
	clear: both;
	float: left;
	width: 100%;
	padding: 1em 0;
	border-bottom: 1px solid #37552D;
}
#news li img{ 
	float: left;
	border: 5px solid #446838;
	margin-right: 15px;
}
.news{
	float: left;
	padding-left: 14px;
	/*border-left: 1px solid #446838;*/
}
.news .date{
	font-size: 0.9em; color: #ffc617;
}
.news h3{
	color: #FFF;
	font-size: 1.1em; font-weight: bold;
}
.news p{ margin: 5px 0 0 0; }
.news a.more{ padding-right: 8px; font-size: 0.9em; }

#newsbox { clear: both; width: 100%; }
#newsbox img{ float: left; border: 5px solid #446838; margin: 0 15px 15px 0; }
#newsbox p.newsText{ float: right; text-align: left; padding-left: 15px; }
p.back { margin-top: 10px; }

#mapa { padding: 15px 0 0 0; }

/* ========================== content end =========================== */

/* ============================= footer ============================= */

#prices { float: left; margin: 13px 0 0 15px; display: inline /* ie */ }
#prices h2{
	float: left;
	width: 115px; height: 20px;
	background: transparent url(img/h2-prices.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}
#prices p{ padding-top: 2px; }

ul.links{
	float: right;
	margin-top: 15px;
	list-style: none;
}
ul.links li{ 
	float: left; 
	padding-right: 15px;
	display: inline /* ie */
}
ul.links li a{
	padding-left: 15px;
	background: transparent url(img/arrow.gif) no-repeat 0 0;
}

#footer a.collection{
	float: right;
	width: 215px; height: 49px;
	background: transparent url(img/kolekcja-bottom.gif) no-repeat 0 -2px;
	overflow: hidden;
	text-indent: -777em;
}

#copyright{
	clear: both;
	float: left;
	width: 300px;
	margin: 20px 0 0 15px;
	color: #568644;
	font-size: 0.9em;
	line-height: 1.2em;
	display: inline /* ie */
}
#footer #copyright{ margin-top: 5px; }
*html #copyright{ margin-top: 3px; }
#copyright a{ color: #568644; text-decoration: none; }
#copyright a:hover, #copyright a:active{ color: #97c287; text-decoration: underline; }

#gdansk{
	position: absolute;
	top: 19px; left: 50%;
	width: 171px; height: 145px;
	margin-left: -85px;
	background: transparent url(img/gdansk.gif) no-repeat 0 0;
	overflow: hidden;
	text-indent: -777em;
}

#bottom-nav{
	float: right;
	margin-top: 32px;
	list-style: none;
}
#footer #bottom-nav{ margin-top: 17px; }
#bottom-nav li{ 
	float: left;
	padding: 0 15px;
	border-right: 1px solid #97c287;
}
#bottom-nav li.last{ border: none; }
#bottom-nav li a{ color: #97c287; }

/* =========================== footer end =========================== */


/*print*/

#printBox {
	display: block;
	text-align: right;
	padding: 0 0 8px 0;
	font-size: 10px;
}
	#printBox a {
		font-size: 10px;
	}
	#printBox a:hover, #printBox a:active {
		text-decoration: none;
	}
	#printBox a img, #printBox img{
		border: 0;
	}
	#printBox span.pbSpacer {
		width: 10px;
		background: url(img/spacer_pb.gif) no-repeat 50% 50%;
		float: left;
	}