@charset "utf-8";
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/*===========================================================================*/

html, body { height:101%; }

body {
	background-color:#fefdde;
	background-image:url(../images/bg_fill.png);
	background-attachment:scroll;
	background-repeat:repeat-x;

	margin:0; 
	padding:0; 
}

#outter-container {
	position:relative;
	margin: 0px auto;

	width:822px;
}

#left-wallnut {	width:300px; height:566px; position:absolute; background-image:url(../images/bg_nuts.jpg); top:0; left:-294px; }
#right-wallnut { width:300px; height:566px; position:absolute; background-image:url(../images/bg_nuts.jpg); top:0; right:-294px; }
#left-nuts { width:303px; height:93px; z-index:1; position:absolute; background-image:url(../images/nuts_down_left.png); bottom:0; left:-297px; }
#right-nuts { width:303px; height:93px; z-index:1; position:absolute; background-image:url(../images/nuts_down_right.png); bottom:0; right:-297px; }
#main-container { background-color:transaprent; background-image:url(../images/main_container_fill.png); background-attachment:scroll; background-repeat:repeat-y; position:relative; width:822px; 	z-index:3;
/*	
	min-height:400px;
	height:auto !important;
	height:400px;
*/	
}

#header { background-color:#ffa800; background-image:url(../images/under_images_fill.png); background-attachment:scroll; background-repeat:repeat-x; position:relative; margin: 0px auto 0px auto; width:810px; height:304px; }
	#top-image { width:810px; height:271px; position:absolute; left:0px; bottom:36px; z-index:2; }
	#wave { background-color:transparent; background-image:url(../images/falka.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; top:0; left:0; width:810px; height:174px; z-index:3; }
	#menu-top-shadow { background-color:transparent; background-image:url(../images/shadow_over_top_menu_1000x12.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; top:0; left:0; width:810px; height:10px; }
	#menu-top { background-color:transparent; position:absolute; bottom:0; left:0; width:1000px; height:46px; z-index:3; }

		#menu-top .menu-top-buttons-holder { background-color:transparent; background-image:url(../images/top_menu_buttons.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; bottom:0; left:0; display:block; width:810px; height:36px; }

		#menu-top .menu-top-buttons-holder ul, 
		#menu-top .menu-top-buttons-holder li { list-style:none; list-style-type:none; list-style-position:inside; margin:0; padding:0; }
		
			#menu-top .menu-top-buttons-holder li { background:red; height:36px; float:left; width:auto; }
			
				#menu-top .menu-top-buttons-holder li a { background-image:url(../images/top_menu_buttons.png); background-attachment:scroll;	background-repeat:no-repeat; background-color:green; display:block; height:36px; text-indent: -100000em; }

					#menu-top .menu-top-buttons-holder li a.btn-01 { background-position:0px 0px; width:103px; }
					#menu-top .menu-top-buttons-holder li a.btn-01-act { background-position:0px -72px; width:103px; }
					#menu-top .menu-top-buttons-holder li a.btn-01:hover { background-position:0px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-02 { background-position:-103px 0px; width:86px; }
					#menu-top .menu-top-buttons-holder li a.btn-02-act { background-position:-103px -72px; width:86px; }
					#menu-top .menu-top-buttons-holder li a.btn-02:hover { background-position:-103px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-03 { background-position:-189px 0px; width:151px; }
					#menu-top .menu-top-buttons-holder li a.btn-03-act { background-position:-189px -72px; width:151px; }
					#menu-top .menu-top-buttons-holder li a.btn-03:hover { background-position:-189px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-04 { background-position:-340px 0px; width:158px; }
					#menu-top .menu-top-buttons-holder li a.btn-04-act { background-position:-340px -72px; width:158px; }
					#menu-top .menu-top-buttons-holder li a.btn-04:hover { background-position:-340px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-05 { background-position:-498px 0px; width:145px; }
					#menu-top .menu-top-buttons-holder li a.btn-05-act { background-position:-498px -72px; width:145px; }
					#menu-top .menu-top-buttons-holder li a.btn-05:hover { background-position:-498px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-06 { background-position:-643px 0px; width:76px; }
					#menu-top .menu-top-buttons-holder li a.btn-06-act { background-position:-643px -72px; width:76px; }				
					#menu-top .menu-top-buttons-holder li a.btn-06:hover { background-position:-643px -36px; }
					
					#menu-top .menu-top-buttons-holder li a.btn-07 { background-position:-719px 0px; width:91px; }
					#menu-top .menu-top-buttons-holder li a.btn-07-act { background-position:-719px -72px; width:91px; }				
					#menu-top .menu-top-buttons-holder li a.btn-07:hover { background-position:-719px -36px; }

#middle { z-index:2; position:relative; padding:0 12px; }
/*** BOXS ***/
	.front-box { width:256px; height:310px; position:relative; z-index:10; margin:20px 5px 10px 5px; float:left; display:inline; }
		.front-box p { margin-bottom:5px; }
		.front-box p.first-letter:first-letter { font-size:18px; }
		.front-box-head { background-color:transparent; background-image:url(../images/produkty_box_top.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; top:0px; left:0px; width:256px; height:75px; text-indent: -100000em; padding:0; }
		.front-box-middle { background-color:transparent; background-image:url(../images/front_box_fill.png); background-attachment:scroll; background-repeat:repeat-y; overflow:visible; position:absolute; top:75px; left:0px; padding:0px 12px; width:232px; height:210px; }
	
			.front-box-middle p, .front-box-middle h2 { position:relative; z-index:6; }
			.front-box-bottom-image { background-color:transparent; background-image:url(../images/produkty_box_bottom_image.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; bottom:-33px; left:0px; width:253px; height:119px; z-index:5; }

		.front-box-foot { background-color:transparent; background-image:url(../images/front_box_bottom.png); background-attachment:scroll; background-repeat:no-repeat; position:absolute; top:285px; left:0px; width:256px; height:34px; }

		.nowosci .front-box-head { background-image:url(../images/nowosci_box_top.png); }
		.nowosci .front-box-bottom-image { background-image:url(../images/nowosci_box_bottom_image.png); height:62px; }
		
		.zdrowa-dieta .front-box-head { background-image:url(../images/zdrowa-dieta_top.png); }
		.zdrowa-dieta .front-box-bottom-image { background-image:url(../images/zdrowa-dieta_bottom_image.png); width:76px; height:235px; }
		.zdrowa-dieta .front-box-foot { background-image:url(../images/zdrowa-dieta_bottom.png); }
		
		.bakaliowe-mapy .front-box-head { background-image:url(../images/bakaliowe-mapy_top.png); }
		.bakaliowe-mapy .front-box-bottom-image { background-image:url(../images/bakaliowe-mapy_bottom_image.png); height:109px; }
		
		.konkursy .front-box-head { background-image:url(../images/konkursy_box_top.png); }
/*		.konkursy .front-box-bottom-image { background-image:url(../images/konkursy_box_bottom_image.png); height:130px; }*/
		.konkursy .front-box-bottom-image { background-image:none; height:0px; }
		
		.przepisy .front-box-head { background-image:url(../images/przepisy_box_top.png); }
		.przepisy .front-box-bottom-image { background-image:url(../images/przepisy_box_bottom_image.png); left:auto; right:-25px; bottom:-58px; width:221px; height:113px; }
	
/*** END_BOXS ***/

#left-big-box { width:524px; position:relative; margin:20px 0px 0px 5px; float:left;  display:inline; clear:none; overflow:visible; }
	#left-big-box .head { background-color:transparent; background-image:url(../images/white_bigbox_top.png); background-attachment:scroll; background-repeat:no-repeat; width:524px; height:35px; }
	.novelties #left-big-box .head { background-color:transparent; background-image:url(../images/nowosci_top.png); background-attachment:scroll; background-repeat:no-repeat; width:524px; height:73px; }
	
	#left-big-box .middle { background-color:transparent; background-image:url(../images/white_bigbox_fil.png); background-attachment:scroll;  background-repeat:repeat-y;  padding:0px 15px 0px 15px; width:494px; }
	.novelties #left-big-box .middle { padding-top:15px; }

	#left-big-box .notepad	{ background-color:transparent; background-image:url(../images/notepad_bg.png); background-position:0px 2px; margin-left:-11px; padding:0px 20px 5px 35px; width:481px; }

	#left-big-box .notepad .component-body .article-body * { font-size:14px; line-height:21px; }
		
		
		#left-big-box .notepad .light-fill { background-color:#f9ffe6; }

		#left-big-box .notepad img {
			margin-top:5px;
		}
		
		#left-big-box .notepad .component-body {
			background-image:url(../images/notepad_lines.png);
			background-repeat:repeat;
			background-attachment:scroll;
			background-position:0px 10px;
		}
		
	#left-big-box .foot { background-color:transparent; background-image:url(../images/white_bigbox_bottom.png); background-attachment:scroll;  background-repeat:no-repeat;  width:524px; height:37px; }

.small-box { width:256px; position:relative; margin:20px 5px 0px 5px; float:left; display:inline; clear:none; overflow:visible; }
	.small-box .head { background-color:transparent; background-image:url(../images/small-box2-head.png); background-attachment:scroll; background-repeat:no-repeat; width:256px; height:37px; }
	.small-box .middle-outter {
		background-color:transparent; 
		background-image:url(../images/small-box2-fill.png); 
		background-attachment:scroll;  
		background-repeat:repeat-y;  
		width:256px;	
		min-height:250px;
		max-height:250px;
		height:250px;
		overflow:visible;
	}

	.small-box .middle-inner { 
		padding:0px 11px 0px 15px; 
		width:226px;	
	}

	.small-box .middle-inner * { z-index:10; position:relative; }
	
	.small-box .foot { position:relative; background-color:transparent; background-image:url(../images/small-box2-foot.png); background-attachment:scroll;  background-repeat:no-repeat;  width:256px; height:37px; }
	.small-box .foot img { position:absolute; bottom:6px; left:0px; z-index:9; width:auto; height:auto; }

#right-column { width:256px; position:relative; margin:20px 5px 0px 0px; float:right; display:inline; clear:none; }
	#right-column .head { background-color:transparent;  background-image:url(../images/nowosci_box_top.png); background-attachment:scroll; background-repeat:no-repeat; width:256px; height:75px; text-indent: -100000em; }
	.novelties #right-column .head { background-image:url(../images/yellow-box_top.png); height:36px; }
	
	#right-column .middle { background-color:transparent; background-image:url(../images/left_column_white_fill.png); background-attachment:scroll; background-repeat:repeat-y; }
	#right-column .separator { background-color:transparent; background-image:url(../images/left_column_separator.png); background-attachment:scroll; background-repeat:no-repeat; width:253px; height:63px; z-index:99; }
	#right-column .yellow-box { background-color:#fed605; background-image:url(../images/left_column_yellow_fill.png); background-attachment:scroll; background-repeat:repeat-x; width:223px; padding:0px 15px 1px 15px; }
	#right-column .foot { background-color:transparent; background-image:url(../images/left_columnt_bottom.png); background-attachment:scroll; background-repeat:no-repeat; width:256px; height:33px; }
	
#search-box { background-color:transparent; background-image:url(../images/search_edit_bg.png); background-attachment:scroll; background-repeat:no-repeat; width:192px; height:28px; }
	#search-box .text { border:0; background-color:transparent; font-size:11px; color:#a7a7a7; text-align:center; width:120px; margin:3px 0px 0px 3px; float:left; }
	#search-box button { background-color:transparent; background-image:url(../images/yellow_button.png); background-attachment:scroll; background-repeat:no-repeat; border:0; width:36px; height:23px; float:right; }

#breadcrumb { margin-right:220px; font-size:11px; color:#1e0000; }

#account-box { background-color:transparent;  background-image:url(../images/moje_konto_bg.png); background-attachment:scroll; background-repeat:no-repeat; width:220px; height:28px; }
	#account-box .login { border:0; background-color:transparent; font-size:11px; color:#a7a7a7; text-align:center; width:66px; margin:3px 0px 0px 3px; float:left; }
	#account-box .password { border:0; background-color:transparent; font-size:11px; color:#a7a7a7; text-align:center; width:52px; margin:3px 0px 0px 32px; float:left; }
	#account-box button { background-color:transparent; background-image:url(../images/orange_button.png); background-attachment:scroll; background-repeat:no-repeat; border:0; width:37px; height:23px; float:right; }

#newsletter-box { background-color:transparent; background-image:url(../images/newsletter-bg.png); background-attachment:scroll; background-repeat:no-repeat; width:220px; height:28px; }
	#newsletter-box .email { border:0; background-color:transparent; font-size:11px; color:#a7a7a7; text-align:center; width:144px; margin:3px 0px 0px 3px; float:left; }
	#newsletter-box button { background-color:transparent;  background-image:url(../images/orange_button.png); background-attachment:scroll;  background-repeat:no-repeat; border:0; width:37px; height:23px; float:right; }

/*** PRODUKTY ***/

.products-catalogue {}
	.products-catalogue .item { margin:10px 5px 10px 5px; float:left; width:150px; height:145px; display:inline; }
		.products-catalogue .item a { position:relative; display:block; text-indent: -100000em;	background-color:transparent; background-attachment:scroll; background-repeat:no-repeat; width:150px; height:145px; }
		.products-catalogue .item a:hover { background-image:url(../images/item_hover_bg.png); }
			.products-catalogue .item a img { position:absolute; top:0px; left:0px; width:150px; }
			
.products-container { min-height:670px; height:auto !important; height:670px; }
.novelties .products-container { min-height:305px; height:auto !important; height:305px; }

.product {
	margin-bottom:20px;
}

/* T */	.products-catalogue .product-body { min-height:325px; height:auto !important; height:325px; font-size:11pt; margin-top:20px; }
	.products-catalogue .product-separator-01 { background-color:transparent; background-image:url(../images/product-separator01.png); background-position:top left; background-attachment:scroll; background-repeat:no-repeat; width:520px; height:30px; margin:0px 0px 0px -15px; }
	.products-catalogue .product-gda { background-color:#216978; background-image:url(../images/gda-box-fill.png); background-attachment:scroll; background-repeat:repeat-x; min-height:217px; height:auto !important; height:217px; text-align:center; padding-top:10px; margin:0px -11px 0px -15px; }

.products-catalogue .product-gda img {
	width:480px;
}

.products-catalogue .product-separator-02 {
	background-color:transparent; 
	background-image:url(../images/product-separator02.png);
	background-position:top left;
	background-attachment:scroll; 
	background-repeat:no-repeat; 
	
	width:520px;
	height:30px;
	margin:0px 0px 0px -15px;
}

/*** END_PRODUKT ***/

#right-column .yellow-box .widget, #right-column .yellow-box .widget-container-outter {
	background-color:transparent; 
	background-image:url(../images/yellow-box-separator.png);
	background-position:bottom center;
	background-attachment:scroll; 
	background-repeat:no-repeat; 
	
	padding-bottom:15px;
	margin-bottom:5px;
}

#right-column .yellow-box .widget h1.title, #right-column .yellow-box .widget-title {
	color:#1e0000;
	font-size:20px;
	line-height:1em;
	padding-bottom:5px;
	padding-top:10px;
	font-weight:normal;
}

#right-column .yellow-box .widget ul.menu li {
}

#right-column .yellow-box .menu-widget {

}

#right-column .yellow-box .widget ul.menu a, #right-column .yellow-box .menu-widget ul li a {
	font-weight:bold;
	background-color:transparent; 
	padding-left:10px;
	font-size:14px;
	line-height:1.5em;
}

#right-column .yellow-box .widget ul.menu a, #right-column .yellow-box .menu-widget ul li ul li a {
	font-weight:normal;
	padding-left:17px;
	font-size:12px;
}

#right-column .yellow-box .widget ul.menu a:hover, #right-column .yellow-box .menu-widget ul a:hover {
	background-image:url(../images/arrow01.png);
	background-position:0px 3px;
	background-attachment:scroll; 
	background-repeat:no-repeat; 
	text-decoration:none;
}

#right-column .yellow-box .widget ul.menu a:hover, #right-column .yellow-box .menu-widget ul a.act {
	text-decoration:underline;
}

#down-widgets {
	margin-top:15px;
	padding:0 12px;	
}

#down-widgets .front-box {
	height:auto;
}

#down-widgets td {
	padding:0px 10px 0px 10px;
	vertical-align:top;
}

#down-widgets div.widget {
	margin-bottom:10px;
}

#down-widgets h1.title {
	font-size:15pt;
	font-weight:normal;
	color:#fff;
	line-height:1.5em;
	text-align:left;
}

#down-widgets div.content {
	color:#fff;
}

#down-widgets div.content p {
	margin-bottom:5px;
}

#down-widgets div.content a {
	color:#fff;
	font-weight:bold;
}

#down-widgets button {
	background-color:transparent; 
	background-image:url(../images/yellow_button.png);
	background-attachment:scroll; 
	background-repeat:no-repeat; 
	border:0;
	width:36px;
	height:23px;
	float:right;
}

#footer {
	margin:10px auto 0px auto;
	width:789px;
	position:relative;
}

#footer .foot-top {
	background-color:transparent; 
	background-image:url(../images/footer1_head.png);
	background-attachment:scroll; 
	background-repeat:no-repeat; 
	width:789px;
	height:36px;
}

#footer .foot-content {
	background-color:#718e09; 
	width:749px;
	height:44px;
	overflow:visible;
	font-family:Tahoma; 
	font-size:8pt; 
	color:#dee8ba;
	padding:0px 20px;
}

#footer-menu {
	margin-top:-7px;
}

#footer-menu, #footer-menu li { list-style:none; list-style-type:none; list-style-position:inside; margin:0; padding:0; height:20px; }
#footer-menu li { float:left; width:auto; margin-right:3px; }
#footer-menu li a { font-family:Tahoma; font-size:8pt; color:#dee8ba; text-decoration:none; }
#footer-menu li a:hover { text-decoration:underline; }

#copy {
	margin-top:5px;
}

#bottom-logos {
	position:absolute;
	top:30px;
	right:15px;
}

#bottom-logos a {
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin-left:10px;
}

.more {
	font-weight:bold;
}

.align_right {
	text-align:right;
}

.quotation {
	padding:0px 10px; margin:10px 0px;
}

.article-separator {
	background-image:url(../images/separator.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	width:482px;
	height:1px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0;
}