@charset "utf-8";
/* reset */
html, body, p, h1, h2, h3, ul, li, form, table, tr, td, th, span, div, hr { margin: 0; padding: 0; font-weight: normal; border: none; background: transparent; } body { line-height: 1.2; } ol, ul { list-style: none; } a img { border: none; } a:hover { outline: none; } 
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } 
h1, h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; } :focus { outline: none; }
a { text-decoration: none; }


/* formatting */
body { background: url('design/pattern4.jpg'); color: #E4A563; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; }
#container { width: 800px; margin: 0 auto; text-align: left; }

#head { position: relative; height: 290px; background: url('design/bg.head.png') no-repeat center top; }
	#headimages { position: absolute; top: 15px; width: 800px; height: 300px; z-index: 0; background: url('design/bg.headimages.png') no-repeat center center; overflow: hidden; }
	#headimages img { width: 800px; height: 300px; }
	#menu { position: absolute; top: 170px; left: 0; width: 800px; height: 190px; background: url('design/bg.menu.png') no-repeat center top; text-align: center; padding-top: 31px; z-index: 1; }
		#menu a { font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 16px; font-style: italic; display: block; width: 200px; margin: 5px auto; padding-top: 6px; }
		#menu a:hover { color: #BC5627; }
		#more { overflow: hidden; padding: 5px; display: none; }
		#more a { display: inline; padding: 0 0.5em; font-size: 12px; }
	#logo { position: absolute; top: 16px; left: 0; width: 800px; height: 107px; background: url('design/bg.logo.png') no-repeat center top; overflow: hidden; }
	
#body { width: 740px; background: #3C2F20 url('design/bg.body.jpg') repeat-x 0 0; margin-left: 20px; padding: 50px 10px 10px 10px; overflow: hidden; }
#left { width: 190px; float: left; text-align: center; margin-top: 10px; }
	#left h1#heading-katalogusok { text-indent: -500px; background: url('design/img.katalogusok.png') no-repeat center center; overflow: hidden; height: 100px; }
	#left ul li { margin: 10px 0; }
	#left ul li a { color: #BC5627 } #left ul li a:hover { color: #fff; }
#center { width: 545px; float: left; border-left: 2px dotted #6D5F40; }
	.box { width: 530px; margin: 20px 0 0 15px; }
	.box p { margin: 10px 0 10px 20px; }
	.box h2 { color: #BC5627; font-style: italic; margin-bottom: 10px; }
	.box a { color: #BC5627; text-decoration: none; }
	.box a:hover { text-decoration: underline; }
	table { width: 100%; } td { text-align: center; vertical-align: center; }
#foot { width: 740px; height: 62px; overflow: hidden; background: url('design/bg.foot.png') no-repeat 0 0; margin-left: 20px; padding: 10px; text-align: center; color: #000; font-size: 10px; }

a.button { display: block; width: 95px; height: 12px; float: left; margin-right: 5px; margin-bottom: 10px; background-image: url('design/buttons-bg.png'); padding: 10px 0; text-align: center; background-position: 0 0; font-weight: bold; }
a.button { color: #D5C2AC; }
a.button.off { background-position: 0 32px; color: #675136; }
a.button:hover { text-decoration: none;  background-position: 0 0; color: #95744D; }