html,body { padding:0; margin:0; width: 100%; height: 100%; }
body {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:8pt;
	line-height: 1.3em;
	background: #8E725F url(../img/bg.png) top repeat-x; 
}

h1, h2, ul, p { margin:0; padding:0; }
h1, h2, #header #menu li a { font: bold 20px Garamond, "Times New Roman", serif;  }

.bold { font-weight:bold; }
.italic { font-style: italic; }


#header, #footer, #wrapper { width: 976px; margin: 0 auto; }
#footer { background: url(../img/page-bottom.png) center top no-repeat; height: 15px; padding: 15px 20px 0 10px; text-align:right; color: #aaa; }
	#footer a { color: #ddd; text-decoration: none; padding: 0 3px; }
	#footer a:hover { color: #fff; text-decoration: underline;}

#header { background: url(../img/header.png) center top no-repeat; height: 171px; }
	#header #menu { margin: 142px 0 0 30px; float:left; list-style:none }
	#header #menu li { float:left; }
	#header #menu li span,
	#header #menu li a { float:left; text-decoration:none; margin: 0 80px 0 10px; text-shadow: 0 0 2px #000;	color: #fff; }
	#header #menu li a:hover { color: #8E7436; }

#wrapper { background: url(../img/page-middle.png) center top repeat-y; }
	#wrapper .page { background: url(../img/bg-page.png) left top repeat-x; width: 973px; margin: 0 1px; border-collapse: collapse;}
	#wrapper .page td { vertical-align:top; padding: 15px 20px; }
	
	#wrapper .page .submenu { width:178px; padding-right: 0; padding-left: 15px; }
	#wrapper .submenu h1 { background: url(../img/box-top.png) left top no-repeat; height: 24px; padding: 4px 0 0; text-align:center; font-size: 16px; color: #fff;  }
	#wrapper .submenu .submenu-bottom{ background: url(../img/box-bottom.png) left top no-repeat; height: 12px; }
	#wrapper .submenu .submenu-middle{ background: url(../img/box-middle.png) left top repeat-y; }
	#wrapper .submenu .submenu-middle ul { list-style: none; padding: 5px; }	
	#wrapper .submenu .submenu-middle ul li a { display: block; padding: 5px 10px; text-decoration: none; color: #8E7436; font-size: 12px; font-weight: bold;  }	
	#wrapper .submenu .submenu-middle ul li a:hover { text-decoration: underline; }	
	#wrapper .submenu .submenu-middle ul ul { background: none; list-style: disc; padding: 0 0 5px 25px; }	
	#wrapper .submenu .submenu-middle ul ul li a { padding: 2px 1px; font-weight: normal; border: 1px solid #FEF9E8; }	
	
	#wrapper .page .content h1, 
	#wrapper .page .content h2,
	#wrapper .page .content h3 { color: #2C1900; padding: 0 0 10px 0; }
	#wrapper .page .content h2 { font-size: 17px; margin-top: 30px; }
	#wrapper .page .content h3 { font-size: 15px; margin: 10px 0 0; padding: 0; }
	
	#wrapper .page .content a { color: #8E7436; text-decoration:none; font-weight:bold;  }
	#wrapper .page .content a:hover { color: #2C1900; text-decoration:underline;  }
	#wrapper .page .content ol { padding: 0 0 0 20px;}
	#wrapper .page .content ul { margin-left: 15px; list-style: disc; }
	#wrapper .page .content li, #wrapper .page .content p,
	#wrapper .page .content dt, #wrapper .page .content dd { color: #222; font-size: 13px; margin: 0 0 10px 0; line-height: 1.2em;  }	
	#wrapper .page .content dt { font-weight: bold; }
	#wrapper .page .content p { line-height: 1.6em; }
	#wrapper .page .content ul li p { margin-top: 15px; }
	#wrapper .page .content ul ol, #wrapper .page .content ol ol { list-style: lower-alpha; padding: 0 0 0 20px;}
	

	#wrapper .page table { width: 100%; border: 1px solid #333; margin: 20px 0;  background:#fff; }
	#wrapper .page table td { padding: 5px; vertical-align: top; cursor: default; background:#fff; }
	#wrapper .page table tr.even td{ background:#F7EBC1; }
	#wrapper .page table .table-header td { background: #2C1900; padding: 10px; color: #fff; font-weight: bold; font-size: 14px; }
	#wrapper .page table tr:hover td{ background:#FDEAA4; }
	#wrapper .page table tr.table-header:hover td { background:#2C1900; }
	
	
	#wrapper .page .przyklad { font-style: italic; padding: 10px; border: 1px solid #333; background: #F7EBC1; }
	 
	#wrapper .page .kontakt { table-layout:fixed; border-collapse: collapse; margin-top: 10px; border: none; } 
	#wrapper .page .kontakt tr:hover td { background: none; } 
	#wrapper .page .kontakt td { vertical-align: top; padding:0; }
	#wrapper .page .kontakt td h2 { margin: 0;}
	#wrapper .page .kontakt td p { margin: 0; }
	#wrapper .page .kontakt td img { border: 1px solid #333; margin-top: 10px;}
	#wrapper .page .kontakt td.form { width: 500px; padding-left: 20px; border-left: 1px solid #333; }
	
	#wrapper .page .kontakt td.form .frow { clear:both; display:inline-block; padding: 3px 0;}
	#wrapper .page .kontakt td.form label { width: 150px; float:left; clear:left; padding: 3px 0 6px; font-size: 13px; }
	#wrapper .page .kontakt td.form input,
	#wrapper .page .kontakt td.form select,
	#wrapper .page .kontakt td.form textarea { width: 330px; float:left; clear:right; margin: 0; font-size: 13px; font-family: inherit; 
		border: 1px solid #999; padding: 3px; }
	#wrapper .page .kontakt td.form select { width: 338px; padding: 1px;}
	#wrapper .page .kontakt td.form textarea { height: 120px; }

	#wrapper .page .kontakt td.form input:focus,
	#wrapper .page .kontakt td.form select:focus,
	#wrapper .page .kontakt td.form textarea:focus { border: 1px solid #333; } 

	#wrapper .page .kontakt td.form .submit { margin: 10px 0 0 150px; width: 160px; float:left; }
	
	#wrapper .page .content #faq { font-size: 13px; }
	#wrapper .page .content #faq a, #wrapper .page .content #faq .answer { line-height: 1.6em; } 
	
	#wrapper .page .content #faq a { display:block; font-weight: normal; padding: 0 0 0 22px; background: url(../img/plus.gif) left 1px no-repeat; margin:0 0 5px;}
	#wrapper .page .content #faq a.open { background: url(../img/minus.gif) left top no-repeat; }
	#wrapper .page .content #faq .answer { background: #FEF9E8; margin: 0 10px 20px 22px; padding: 10px; border: 1px solid #2C1900; display:none; }
	#wrapper .page .content #faq .answer table { margin: 0; }
	#wrapper .page .content .faq-controls { float:right;margin-top:-30px }