﻿
body {color:#f4ecde; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; background: #502212 url("../images/bg1.png") no-repeat top center}
	body, h1, h2, h3, h4, h5, h6, form, fieldset, label, p, span, input, img {margin:0; padding:0px; border:0px; outline: 0;}
	a {text-decoration:none; outline: 0; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer; color:#f4ecde;}
	a:hover {text-decoration:underline}
	ul, ul li {padding:0; margin:0; list-style:none}

#wrapper {width:951px; margin:0 auto}

	#header {float:left; clear:both; overflow:hidden; margin:0 0 12px 0; position:relative; width:951px; height:117px; background: url("../images/header.png") no-repeat}
		#header a {display:block; position:absolute; top:23px; left:39px; width:297px; height:72px;}

	#banner {float:left; clear:both; overflow:hidden; margin:0 0 13px 0; width:951px; height:700px}
	/* #banner {height:282px}*/

	.banner {float:left; clear:both; overflow:hidden; margin:0 0 14px 0; width:951px; height:287px}
	/* #banner {height:282px}*/

	#nav {float:left; padding:0 0 10px 0; width:951px}
		#nav ul {float:left; padding:0 0 0 89px; width:862px}
		#nav ul li {float:left; padding:0 15px 0 0}
		#nav a {float:left; padding:0 0 0 20px; height:45px}
		#nav a span {float:left; padding:15px 20px 0 0; height:30px}
		#nav a:hover, #nav a.active {background:url("../images/nav-left.png") no-repeat top left}
		#nav a:hover span, #nav a.active span {background:url("../images/nav-right.png") no-repeat top right}
		#nav img {float:left}

	#main {float:left; clear:both; overflow:hidden; width:951px; padding:0 0 10px 0}

		#left {float:left; width:228px;}
		
			#left h2 {display:block; padding:0 0 17px 0; font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}

			.menu {float:left; margin:0 0 20px 0; width:228px; height:246px; background:url("../images/menu.jpg") no-repeat; clear:both; overflow:hidden}
			.menu ul {float:left; padding:5px 0 0 0; width:228px}
			.menu ul li {float:left; padding:20px 0 20px 26px; width:202px; clear:both; overflow:hidden; background:url("../images/sep224.png") no-repeat bottom center}
			.menu ul li.m4 {background:none}
			.menu img {float:left}
			.menu ul li a {float:left; padding:0; height:18px; text-indent:-9999em}
			
			.menu ul li.m1 a {width:89px; background:url("../images/menu/m_1.png") no-repeat}
			.menu ul li.m2 a {width:55px; background:url("../images/menu/m_2.png") no-repeat}
			.menu ul li.m3 a {width:150px; background:url("../images/menu/m_3.png") no-repeat}
			.menu ul li.m4 a {width:128px; background:url("../images/menu/m_4.png") no-repeat}

			.menu ul li.m1 a:hover, .menu ul li.m1 a.active {background:url("../images/menu/m_1on.png") no-repeat}
			.menu ul li.m2 a:hover, .menu ul li.m2 a.active {background:url("../images/menu/m_2on.png") no-repeat}
			.menu ul li.m3 a:hover, .menu ul li.m3 a.active {background:url("../images/menu/m_3on.png") no-repeat}
			.menu ul li.m4 a:hover, .menu ul li.m4 a.active {background:url("../images/menu/m_4on.png") no-repeat}

		#left div.box {float:right; width:228px; padding:0 0 13px 0; margin:0 0 20px 0; background: #841B20 url("../images/bottom228.jpg") no-repeat bottom left; }
			#left div.box div.inner {float:left; width:198px; padding:15px 15px 0 15px; margin:0; background:url("../images/top228.jpg") no-repeat top left}
			#left div.box p {display:block; padding:0; clear:both; overflow:hidden; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}	
			#left div.box span {color:#e62447}
			#left div.box a {padding:0; margin:0 0 5px 0;font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}
			#left div.box a.active {color:#e62447}

			#left div.box ul {float:left; padding:0; margin:0; width:198px}
			#left div.box ul li {loat:left; padding:0 0 5px 15px; margin:0px; clear:both; width:183px; color:#f4ecde; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; list-style:none; background:url("../images/list.png") no-repeat 0 6px} 
			#left div.box ul li ul {width:175px; padding:5px 0 0 15px}
			#left div.box ul li ul li { background:none; padding:0 0 5px 0; width:175px; list-style: disc !important; clear:none; font-size:11px}


		div.outter {float:right; width:704px; padding:0 0 7px 0; margin:0; background: #492213 url("../images/bottom704.jpg") no-repeat bottom left; }
			div.outter div.inner {float:left; width:704px; padding:25px 0 0 0; margin:0; min-height:300px; background:url("../images/top704.jpg") no-repeat top left}

		#content {float:left; padding:0 40px 0 38px; width:626px; clear:both; overflow:hidden}

			#main a.btn, #main #content a.btn {display:block; padding:0 0 0 17px; margin:0 0 10px 0; height:28px; color:#f4ecde; font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url("../images/btn-left.png") no-repeat top left}
			#main a.btn span, #main #content a.btn span {float:left; padding:5px 17px 0 0; margin:0; height:23px; font:bold 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url("../images/btn-right.png") no-repeat top right}

			#main a.ask {float:left; padding:7px 20px 20px 15px; margin:0 0 0 25px; height:28px; width:140px; color:#f4ecde; font:bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url("../images/btn-ask.png") no-repeat; text-transform:uppercase; text-align:center}

			#content h1 {display:block; padding:0 0 25px 0; font:22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ecd6ba}
			#content h2 {display:block; padding:0 0 10px 0; font:18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}
			#content h3 {display:block; padding:0 0 10px 0; font:16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}
			#content h4 {display:block; padding:0 0 10px 0; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}
			#content h5 {display:block; padding:0 0 10px 0; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}
			#content p {display:block; padding:0 0 15px 0; vertical-align: text-top; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}	
			#content p img {display:inline; border:0; padding:0; border:2px solid #C7BDA7;}
			#content img {border:2px solid #C7BDA7;}
			
			#content a:hover {text-decoration:underline}

			#content ul {display:block; padding:0 0 10px 0; margin:0}
			#content ul li {padding:0 0 3px 20px; margin:0px; color:#f4ecde; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; list-style:none; background:url("../images/list.png") no-repeat 4px 7px} 
			#content ol {display:block; padding:0 0 10px 0; margin:0 0 0 20px}
			#content ol li {padding:0 0 3px 0; margin:0px; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde} 

			* html #content ul {margin:0 0 0 5px}
			* html #content ol {margin:0 0 0 25px}

/*			#content table {width: 100%; padding:0px; margin: 0 0 15px 0; border-color:#3E1D11; border-collapse:collapse; clear:both; background:#F1E3D1; text-align:left}
				#content table tbody {border-style:none}
				#content table tr {border:0px; border-collapse:collapse;}
				#content table th {border-color:#3E1D11; border-collapse:collapse; color:#3E1D11; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#F1E3D1; padding:5px 10px}
				#content table td {border-color:#3E1D11; border-collapse:collapse; color:#3E1D11; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#F1E3D1; padding:5px 10px}
*/

			#content table {width: 100%; padding:0px; margin: 0 0 15px 0; border-color:#F4ECDE; border-collapse:collapse; clear:both; background:none; text-align:left}
				#content table tbody {border-style:none}
				#content table tr {border:0px; border-collapse:collapse;}
				#content table th {border-color:#F4ECDE; border-collapse:collapse; color:#F4ECDE; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:none; padding:5px 10px}
				#content table td {border-color:#F4ECDE; border-collapse:collapse; color:#F4ECDE; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background:none; padding:5px 10px}


			form.newsletter {display:block; padding:10px 0 0 0; clear:both; overflow:hidden; width:460px}
				form.newsletter div {float:left; padding:0 0 28px 0; clear:both; overflow:hidden; width:460px}
				form.newsletter label {float:left; padding:1px 10px 0 0; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde; width:130px}
				form.newsletter input {float:left; padding:1px 5px 2px 5px; width:300px; height:18px; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background:#F1E4D3; border:1px solid #000000}
				form.newsletter a {float:right; color:#f4ecde; font-weight:bold; padding:5px 0 0 0; margin:0 10px 0 0}
				form.newsletter a.btn {float:left; margin:0 0 0 300px !important}

			#main form.ask {float:left; padding:0; clear:both; overflow:hidden; width:480px}
				#main form.ask ul {float:left; width:480px; padding:0}
				#main form.ask ul li {float:left; padding:0 0 8px 0; width:480px; clear:both; overflow:hidden; border:0; background:none}
				#main form.ask label {float:left; padding:1px 10px 0 0; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde; width:130px}
				#main form.ask div {float:left; width:312px;}
				#main form.ask em {float:left; padding:0 0 0 5px; margin:0; font:20px/20px arial; color:#f4ecde; clear:none; overflow:visible; width:auto !important}
				#main form.ask input {float:left; padding:1px 5px 2px 5px; width:300px; height:18px; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background:#F1E4D3; border:1px solid #000000} 
				#main form.ask textarea {float:left; padding:2px 5px 3px 5px; width:300px; height:90px; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background:#F1E4D3; border:1px solid #000000; overflow:auto} 
				#main form.ask .small textarea {height:50px}
				#main form.ask .agree div {padding:0 0 0 140px; width:340px}
				#main form.ask .agree input {float:left; background:none; border:0; margin:2px 5px 0 0; padding:0; width:15px; height:15px}
				#main form.ask .agree p {float:left; font-size:12px; width:320px; clear:none}
				#main form.ask a.btn {float:right; font-weight:normal !important; margin:0 !important}
				#main form.ask a.btn span {font-weight:normal !important}
				#main form.ask div.file {padding:8px 0 8px 140px; width:312px; position:relative}
				#main form.ask div.file input {margin:0 8px 0 0 !important; float:none; width:203px !important}
				#main form.ask div.file div {top:8px; right:0; padding:0}
				#main form.ask div.file div input {width:89px !important}
				#main form.ask p {clear:both; padding:0}

				#main form.ekspert, #main form.ekspert ul, #main form.ekspert ul li {width:500px}
				#main form.ekspert label {width:145px}
				#main form.ekspert .agree div {padding:0 0 0 155px}

			#main form label.error {float:none; display:block; clear:both; overflow:hidden; padding:0; margin:0; font:italic 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c82734; width:auto}
				#main form.ask label.error {padding:0 0 0 3px !important}
				#main form.newsletter label.error {padding:0 0 0 143px !important}
				#main form.ekspert label.error {padding:0 0 0 3px !important}

				#main form input.error, #main form textarea.error { background:#A72B35}

			#main .przepis {}
				#main .przepis .left {float:left; padding:10px 0 0 0; width:350px}
				#main .przepis img {float:right; border:1px solid #C7BDA7; margin:0 0 15px 0}
				#main .przepis h4 {font-weight:bold; padding:0; clear:both; overflow:hidden}
				#main .przepis p {clear:both; overflow:hidden}
				#main .przepis ul {padding:0; margin:0}
				#main .przepis ul li {padding:0; margin:0; background:none}

			#main .list {padding:0; width:704px}
				#main .list h1 {padding:0 0 5px 38px}
				#main .list ul {float:left; width:704px; padding:0; margin:0}
				#main .list ul li {float:left; padding:20px 40px 25px 38px; width:626px; clear:both; overflow:hidden; list-style:none; border-bottom:3px solid #512414; background:none}
				#main .list ul li.last {border:0; padding-bottom:20px}
				#main .list ul div {float:left; width:440px}
				#main .list ul a.more {float:right}
				#main .list img {float:right; border:2px solid #C7BDA7; margin:0}

			#main .news {}
				#main .news .left {float:left; padding:10px 0 0 0; width:350px}
				#main .news img {border:2px solid #C7BDA7; margin-top:5px; margin-left:20px}
				#main .news h4 {font-weight:bold; padding:0; clear:both; overflow:hidden}
				#main .news span {display:block; padding:0; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#f4ecde}	
				#main .news div {display:block; vertical-align: text-top;}

			#main .gallery {float:left; padding:10px 0 20px 0; width:626px; clear:both; overflow:hidden}
				#main .gallery h4 {padding:0 0 10px 0; clear:both; overflow:hidden; font-weight:normal}
				#main .gallery ul {float:left; width:626px; clear:both; overflow:hidden}
				#main .gallery ul li {float:left; padding:0 13px 18px 5px; margin:0; border:0; background:none; clear:none; width:auto}
				#main .gallery img {float:left; padding:0; margin:0; border:2px solid #C7BDA7;}

				#main .news .pages {width:626px; padding:0 0 20px 0}
				#main .news .pages ul {width:636px; float:left !important; margin:0 0 0 -10px}
				#main .news .pages li {padding:0 10px; border:0; float:left !important; background:url("../images/sep1_12.jpg") no-repeat 0 3px}
				#main .news .pages a:hover {text-decoration:underline; color:#f4ecde}
				#main .news .pages li.print {float:right !important; background:none; padding:0}

		#main .tools {display:block; padding:0 35px 10px 0; clear:both; overflow:hidden}
			#main .tools ul {float:right; margin:0; padding:0}
			#main .tools ul li {float:left; padding:0 5px 0 5px; margin:0; list-style:none; width:auto !important; height:auto !important; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif}
			#main .tools ul {padding:0 0 10px 0}

		#main .pages {float:left; text-align:center; width:704px; padding:0 0 15px 0; clear:both; overflow:hidden}
			#main .pages ul {display:inline-block; padding:0; margin:0; float:none;}
			#main .pages ul li {float:none; display:inline; padding:0 10px 0 9px; margin:0; list-style:none; font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; background:none; color:#f4ecde; border:0; width:auto; background:url("../images/sep1_12.jpg") no-repeat right 3px}
			#main .pages ul li.last {background:none; padding-bottom:0}
			#main .pages ul a:hover, #main .pages ul a.active {color:#ae102c}
			* html #main .pages ul a {padding:relative}





	#footer {padding:0; clear:both; overflow:hidden; width:951px; height:57px; background:url("../images/footer.png") no-repeat bottom left}
		#footer ul {float:left; width:951px; padding:9px 0 0 0; background:url("../images/line2.jpg") repeat-x top left}
		#footer ul li {float:left; padding:0 20px 0 0; color:#ffffff; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
		#footer ul li.gfx {float:right; text-align:right; padding:0}
		#footer a {color:#ffffff; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		
		
