/*
 *	Reset - trochę lepiej, niż * { margin:0; padding:0;}
 *	By Eric Meyer
 */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html, body {
	width:100%;
	height:100%;
	min-width:980px;
}
body {
	background: white;
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/* remove possible quote marks (") from <q> & <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearfix:after {
	content:"";
	clear:both;	
	display:block;
	height:0;
}
	/* ie 6 */
	.ie.clearfix {
		height:1%;
}
	* + html .clearfix {
		height:1%;
}

.wai {
	position:absolute;
	left:-999em;	
}
/*
 *	Typografia.
 */

body {
	font:normal 1em/1 Arial, sans-serif;	
}
	/* block-level */
	
	small {
		font-size:80%;
	}
/*
 *  Nawigacja
 */
 
.navbar {
	
}
	.navbar li {
		position:relative;
	}

	.navbar li ul {
		position:absolute;
		display:none;
		left:0;
		z-index:10;
	}
	.navbar li:hover ul, 
	.navbar li.hover ul {
		display:block
	}
		.navbar li ul {
			z-index: 9999;
		}

		.navbar li li {
			position:static;
	}
	.horizontal {
		
}
	.horizontal li {
		float:left;
		display:inline;
}
		.horizontal li ul {
			top:1em;
	}
		.horizontal li li {
			float:none;
			display:block;
	}
	.vertical li:hover ul,
	.vertical li.hover ul {
		left: 100px;
	}
/*
 *	Siatka
 */

#mainWrapper {
	/*width:1000px;*/
	/*margin:0 auto;	*/
	min-width:980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -52px;
	overflow:hidden;
}
.home #mainWrapper {
	height:auto;
	min-height:0;
	margin-bottom:0;
}

.col {
	float:left;
	display:inline;
}
.col-25 {
	width:24.9%;
}
.col-30 {
	width:29.8%;
}
.col-40 {
	width: 39.8%;
}
.col-50 {
	width: 49.8%;
}
.col-60 {
	width: 59.8%;
}
.col-75 {
	width: 74.8%;
}


/*
 *  Wygląd
 */
 body {
 	background:url(../img/sub_bg.jpg) 0 0 no-repeat;
}
	html {
		background:url(../img/bg_gradient.jpg) 0 0 repeat-x;
	}
	body.home {
		background:url(../img/home_bg.jpg) 0 0 no-repeat;
	}
	
	#content a {
		color:#45363a;
		border-bottom:1px solid #ddd;
		text-decoration:none;
	}
		#content a:hover {
			border-bottom:1px solid #bbb;
		}
		#content a.lightbox { border:none; }
	
	#header {
		background:url(../img/nav_bg3.png) 100% 100% repeat-x;
		height:55px;
		width:100%;
		position:absolute;
		left:0; 
		top:80px;
	}
		#logo {
			background:url(../img/logo.png) 50% 50% no-repeat;
			position:absolute;
			top:-13px;
			left:50%;
			margin-left:-490px;
			width:165px;
			height:100px;
		}
		#logo a {
			display:block;
			width:100%;
			height:100%;
			overflow:hidden;
			text-indent:-999px;
		}
		.navbar {
			height:52px;
			padding-left:150px;
			width:700px;
			margin:0 auto;
		}
			.navbar li {
				border-right:1px solid #dfdbc3;
			}
			.navbar li.current {
				background:url(../img/nav_current.png) 0 50% no-repeat;
			}
			.navbar li a {
				display:inline-block;
				border-right:1px solid #ebe8db;
				font:17px Georgia, sans-serif;
				color:#847b6e;
				height:56px;
				line-height:58px;
				text-decoration:none;
				padding:0 15px;
			}
			.navbar li a:hover {
				color:#5d4d41;
			}
			.navbar li.current a {
				color:#fff;
			}
	#content {
		padding-top:140px;
		margin:0 auto;
	}
	.mid {
		width:980px;
		margin:0 auto;
	}
	.sub #content {
		font:12px/1.6 Georgia, sans-serif;
		color:#717171;
		padding:220px 0 50px 0;
		width:980px;
	}
	.sub #content h2 {
		font:bold 18px/1.5 Georgia, sans-serif;
		color:#4e3d2f;
		margin-bottom:15px;
	}
		.sub #content .produkty h2 {
			font-size:14px;
			margin:10px;
		}
	.sub #content h3 {
		font:bold 12px/1.5 Georgia, sans-serif;
		margin-top:20px;
	}
	.sub #content p {
		margin:10px 0;
	}
		.sub #content .produkty img {
			margin:0;
		}
		.sub #content .produkty p {
			margin:10px;
		}
		.sub #content .produkty .opak {
			display:block;
			background:#f2f1e8;
			margin:0 10px;
			padding:5px 0;
			font:bold 11px Arial, sans-serif;
			text-align:center;
			color:#423328;
		}
	.sub #content strong {
		font-weight:bold;
	}
	.sub #content ul {
		list-style:disc;
		padding-left:10px;
		margin-left:10px; 
	}
	#content .przepis {
		margin-bottom:30px;
	}
		#content .photo {
			float:right;
			margin:0 0 15px 25px;
		}
	#home-copy {
		height:220px;
	}
		#home-copy img {
			margin-top:80px;
		}
	.homephoto-wrapper {
		position:relative;
		width:1180px;
		overflow:visible;
	}
	#home-photo {
		background:url(../img/home_chlopak.png) 100% 0 no-repeat;
		height:539px;
		width:506px;
		position:absolute;
		z-index:9;
		left:100%;
		margin-left:-510px;
		top:-539px;
	}
	#home-links {
		background:url(../img/home-links-bg.jpg) 60% 100% repeat-x;
		color:#8e847c;
		font:11px Arial, sans-serif;
		height:210px;
		padding-left:90px;
		min-width:1152px;
	}
		#home-links .col {
			float:left;
			padding-top:60px;
			width:280px;
			min-height:100px;
			_height:100px;
		}
		#home-links .col h2 {
			font:normal 17px Georgia, sans-serif;
			color:#cac38c;
		}
		#home-links .col p {
			padding:10px 0;
			width:190px;
		}
		#home-links .col a.more {
			background:url(../img/amore.gif) 0 50% no-repeat;
			color:#e3dbb5;
			display:block;
			padding:5px 0 5px 28px;
			text-decoration:none;
			border-bottom:none;
		}
		#home-links .produkty {
			background:url(../img/home-produkty.png) 100% 0 no-repeat;
		}
		#home-links .przepisy {
			background:url(../img/home-przepisy.png) 100% 0 no-repeat;
			padding-left:15px;
			width:260px;
		}
#footer {
	font-size:11px;
	background-color:#ece9c6;
	color:#403327;
	height:40px;
	line-height:25px;
	padding:20px 0 30px 0;
	border-bottom:1px solid #d9d5ac;
	border-top:1px solid #d9d5ac;
}
	#footer p {
		text-align:right;
		width:890px;
		margin:0 auto;
	}
	#footer p span {
		float:left;
	}	
.home #footer {
	background:#ece9c6 url(../img/home-footer-bg.png) 0 0 repeat-x;
	border-top:none;
}