/* main */
html,body { 
	margin: 0 auto; 
	padding: 0; 
	height: 100%; 
	font: 12px "Trebuchet MS", verdana, Arial, Sans-Serif; 
	background: #676b70 url('/gfx/bg_body.png'); 
	color: #000; 
}

/* tags */
h1,h2,h3,h4,h5,h6 { color: red; margin: 5px 0px 5px 0px; padding: 0px; }

h1,h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4,h5,h6 { font-size: 16px; }
h3 a { text-decoration: none; }

a { color: red; }
a img { border: none; }

p,ol,ul { padding: 5px 0px 5px 0px; margin: 0px; }

form { margin: 0px; padding: 0px; }
input { font: 12px "Trebuchet MS", verdana, Arial, Sans-Serif; }

/* ID - main */
#wrapper {
	background: url('/gfx/bg_wrapper.png') top left repeat-x;
	width: 100%;
	height: 100%;
}

/* strona glowna */
#container_main {
	background: transparent url('/gfx/bg_container_main.png') top center repeat-y;
	width: 760px;
	padding: 0px 29px 50px 29px; 
	margin: 0 auto;
}

		#container_main #content_left_box { float: left; width: 380px; }
		#container_main #content_left_box #content_left {
			background: url('/gfx/bg_1stpageimg.png') bottom right no-repeat;
			width: 210px;
			min-height: 330px;
			margin: 20px 0px 0px 0px;
			padding: 0px 170px 50px 0px;
		}
		
		#container_main  #content_right {
			float: right;
			background: #f6f6f6;
			width: 320px;
			padding: 0px 10px 50px 0px;
		}

/* strony z trescia */
#container_page {
	background: transparent url('/gfx/bg_container_page.png') top center repeat-y;
	width: 760px;
	padding: 0px 29px 50px 29px; 
	margin: 0 auto;
}
		#container_page #content_left_box { float: left; width: 190px; }
		#container_page #content_left_box #content_left {
			width: 190px;
			margin: 20px 0px 0px 0px; 
		}
		
		#container_page #content_right {
			float: right;
			background: #f6f6f6;
			width: 520px;
			padding: 0px 10px 50px 0px; 
		}

/** menu **/
/* left */
#menu_left {
	width: 190px;
	text-align: right;
}
	ul#ul_foodcategory { }
	ul#ul_pages { }	
		
		ul#ul_foodcategory li { list-style: none; margin: 10px 0px 10px 0px; }
		ul#ul_pages li { list-style: none; margin: 7px 0px 7px 0px; }
		ul#ul_foodcategory li a,ul#ul_pages li a { text-decoration: none; color: #9b9b9b; font-size: 15px; font-weight: bold; }
		ul#ul_foodcategory li a:hover, ul#ul_pages li a:hover { color: #fff; }
		 
/* top */
ul#menu_top { width: 100%; text-align: right; }
	ul#menu_top li { display: inline; margin: 0px 0px 0px 20px; } 
	ul#menu_top li a { color: #9b9b9b; font-weight: bold; text-decoration: none; } 
	ul#menu_top li a:hover, ul#menu_top li a:visited { color: #555; } 
	
/** food presentation **/
/* category page */
.breadcrumb_container ul#breadcrumb_lvl1 { margin: 10px; padding: 0px; }
.breadcrumb_container ul#breadcrumb_lvl2 { margin: 10px 10px 10px 35px; padding: 0px; }
ul#breadcrumb_lvl1 li { list-style: none; display: inline; }
ul#breadcrumb_lvl2 li { list-style: none; }	
	ul#breadcrumb_lvl1 li a, #breadcrumb_lvl2 li a, #breadcrumb_lvl3 li a { text-decoration: none; color: #9b9b9b; font-weight: bold; }	
	ul#breadcrumb_lvl1 li a:hover, #breadcrumb_lvl2 li a:hover, #breadcrumb_lvl3 li a:hover { text-decoration: none; color: #555; font-weight: bold; }	
	ul#breadcrumb_lvl1 li a:visited, #breadcrumb_lvl3 li a:visited { font-style: italic; }
	ul#breadcrumb_lvl2 li a:visited { font-style: italic; }
	ul#breadcrumb_lvl1 li a { font-size: 16px; }	
	ul#breadcrumb_lvl2 li a, ul#breadcrumb_lvl3 li a { font-size: 12px; }	
	ul#breadcrumb_lvl1 li a.current, #breadcrumb_lvl2 li a.current, #breadcrumb_lvl3 li a.current { color: red; }		
	
.white_content_box { width: 520px; margin: 15px 0px 15px 0px; }
		.white_content_top { width: 520px; height: 9px; background: url('/gfx/bg_white_top.png') top center no-repeat; }
		.white_content_middle { width: 520px; padding: 0px 20px 0px 20px; background: url('/gfx/bg_white_middle.png') top left repeat-y; }
		.white_content_bottom { width: 520px; height: 9px; background: url('/gfx/bg_white_bottom.png') top center no-repeat; }

.food_type { color: #555; font-size: 14px; font-weight: bold; }		
.food_subtype { color: #9b9b9b; font-size: 12px; }		

.food_pic_container { float: left; width: 150px; margin: 0px 20px 0px 0px; }
	.food_pic {}
	.food_desc { width: 130px; padding: 0px 0px 0px 20px; font-size: 11px; }
	
#food_presentation_left { float: left; width: 150px; text-align: center; }
#food_presentation_right { float: left; width: 320px; }

#food_table { width: 480px; border-collapse: collapse; font-size: 11px; margin: 5px 0px 15px 0px; }
	#food_table th, #food_table td { border: 1px solid #c0c0c0; }
	#food_table tbody td { text-align: center; padding: 5px; }
	
.a_print { display: block; background: url('/gfx/bg_a_print.png') top left no-repeat; width: 160px; height: 26px; text-align: center; padding: 8px 5px 5px 5px; color: #fff; font-weight: bold; font-size: 16px; text-decoration: none; }
.a_print:hover { background-position: 0px -40px; }

/* footer */	
#footer {
	background: url('/gfx/bg_footer.png') top center no-repeat;
	color: #fff;
	width: 760px;
	padding: 30px 29px 30px 29px;
	margin: 0 auto;
}
		#footer a { color: #fff; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer p { margin: 0px; padding: 0px; }
	
/* ID - content dependent */
#faq { }
	#faq ul { margin: 5px 0px 0px 10px; }
		#faq ul li { list-style: circle; padding: 5px 0px 5px 0px; }
			#faq ul li a { color: red; text-decoration: none; }
			#faq ul li a:hover { text-decoration: underline; }
			#faq ul li a.current { font-weight: bold; text-decoration: underline; }

#page_content_box {
	width: 100%;
	margin: 50px 0px 0px 0px;
}
	#page_content_box ul { margin: 5px 5px 5px 30px; }

#newsletter {
	width: 95%;
	border: 2px solid #484848;
	background: #717171 url('/gfx/bg_newsletter.png') bottom left no-repeat;
	margin: 20px 0px 0px 0px; 
	padding: 5px 5px 5px 8px;
	text-align: center;

}
	#newsletter h5 { color: #c0c0c0; margin: 5px; padding: 0px; }
	.input_text_newsletter { border: 1px solid #484848; padding: 3px; width: 65%; }
	.input_submit_newsletter { border: none; background: transparent; padding: 0px; width: 25%; color: #fff; font-weight: bold; }
		.input_submit_newsletter:hover { color: orange; }
	.newsletter_info { color: #fff; font-weight: bold; padding: 5px 0px 5px 0px; }

ul#food_desc { margin: 10px 0px 10px 30px; }

#pictogram_box { text-align: center; width: 480px; }
	#pictogram_box img { margin: 10px; }
	#pictogram_box a { color: #fff; }

#pictogram_details_box { text-align: left; width: 460px; height: 60px; padding: 10px; border: 1px solid #e0e0e0; }
	
#google_map { width: 250px; height: 200px; float: right; border: 2px solid #c0c0c0; }
	
/* classes */
.float_l { float: left; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.spacer { background: transparent; width: 100%; height: 20px; }

.txt_bold, .bold { font-weight: bold; }
.txt_white { color: #fff; }
.txt_tiny { font-size: 10px; }
.txt_small { font-size: 11px; }
.txt_big { font-size: 13px; }
.txt_bigger { font-size: 14px; }
.txt_large { font-size: 15px; }

.ta_center { text-align: center; }
.ta_right { text-align: right; }
.ta_left { text-align: left; }

.darkgray { color: #888; }

.width_100 { width: 100%; }

.margin_10px_bottom { margin-bottom: 10px; }
.margin_15px_bottom { margin-bottom: 15px; }
.margin_20px_bottom { margin-bottom: 20px; }

.heart_link { background: url('/gfx/bg_heart.png') center left no-repeat; padding: 0px 0px 0px 15px; }
.display_none { display: none; }

/* tables */

/* forms */
.input_desc { float: left; height: 30px; width: 200px; }
.input_box { float: left; }
.input_txt { width: 200px; font-family: "Trebuchet MS", "verdana", "Arial", "Sans-Serif"; border: 1px solid #c0c0c0; }
.textarea { width: 300px; height: 100px; font-size: 12px; font-family: "Trebuchet MS", "verdana", "Arial", "Sans-Serif"; border: 1px solid #c0c0c0; }
.input_submit { border: 2px solid #c0c0c0; background: #fff; margin: 10px 0px 0px 0px; padding: 5px; width: 100px; font-weight: bold; }
.input_submit:hover { background: #f3f3f3; }
