* {margin:0;padding:0;}

html {
font: 14px Arial, Helvetica, sans-serif;
color: #fff;
background: #554933 url(images/html_bg.jpg) repeat-x;
}

a { color: #fff;}
p {text-align:justify;}
img {border:none;}

.fl {float: left;}
.fr {float: right;}

.normal { font-weight: normal;}

span.h2 { font-size: 1.1em; font-weight: bold;}


#page {width:1005px; margin: 0 auto; background: url(images/body-bg.jpg) repeat-y;}

#langs {position:absolute; left:800px; width: 100px;}

#header { width: 993px; height: 246px; background: url(images/header_bg2.jpg) no-repeat;}
#header  h1 a {font-size: 1.8em; font-weight:bold; color: #F8FAD2; padding: 0 0 0 12px; width: 330px; float:left;}
#header h1 span {font-size: 0.4em; color:#FFFFFF; padding-left: 10px;}

#header #index {width: 335px; height:50px; margin:11px 0 0 0; display:block; float:left;}

#header ul {padding: 38px 0 0 8px; float: left;}
#header li {display: inline;}
#header li a {font-weight: bold;}
#header li a#fal {padding-left: 0px;}
#header li a#allvany {padding-left: 9px;}
#header li a#ulogarnitura {padding-left: 8px;color:#000000;}
#header li a#asztal {padding-left: 16px;}
#header li a#elektronika {padding-left: 18px;}
#header li a#egyeb {padding-left: 18px;}

#header a {text-decoration:none; font-weight: bold; font: 0.9em  Arial, Helvetica, sans-serif;}

#header select { width: 100px; margin: 34px 0 0 30px;}

#link {height:109px; background: url(images/link-bg-2.jpg) no-repeat}
#link a {height:97px; float: left; font-size: 0.9em; margin:0; padding: 2px 0 0 0; color:#A28772; font-weight:bold; text-decoration:none;}

#link #fal-link { width: 200px;}
#link #butor-link { width: 179px;}
#link #ulogarnitura-link {width:208px;}
#link #egyeb-link {width:198px;}
#link #asztal-link {width:209px;}

#link #fal-link span {padding: 0 0 0 15px;}
#link #butor-link span {padding: 0 0 0 2px;}
#link #ulogarnitura-link span {padding: 0 0 0 2px;}
#link #egyeb-link span {padding: 0 0 0 2px;}
#link #asztal-link span {padding: 0 0 0 2px;}


#menu {width: 200px; float:left; background: url(images/menu-bg.jpg) no-repeat;}
#menu li {list-style: none; padding: 0 0 0 20px;}
#menu a {text-decoration: none; font-weight: bold; font-size: 1.2em;display:block;}
#menu li#cegunk {padding-top: 13px;}
#menu li#termekek {padding-top: 22px;}
#menu li#szolgaltatasaink {padding-top: 22px;}
#menu li#viszontelado {padding-top: 22px;}
#menu li#hirek {padding-top: 22px;}
#menu li#elerhetosegek {padding-top: 22px;}
#menu li#hangrezonancia {margin: 12px 7px 2px 4px; padding: 12px 0 12px 15px; background-color:#E57300;}
#menu li#belepes, 	#menu li#adatok {padding-top: 15px;}

#tervezoprogram {margin: 30px 0 30px 20px;}
#tervezoprogram a {font-size: 1em;}
#tervezoprogram img {border:none; margin: 10px 0 10px 7px;}

#content {width: 575px; margin: 10px; float:left;}
#content h1 {font-size: 1.6em; border-bottom: 1px solid #705E46; margin-bottom: 20px;}
#content h2 {font-size: 1.3em;}
#content p {margin: 10px 0;}

#content #hirek, #content #bemutatoterem  {width: 275px; float: left; font-size:0.9em;}
#content #hirek img, #content #bemutatoterem img {margin: 5px;}
#content #hirek { margin-right: 10px; padding-right: 10px; border-right: 1px solid #fff;}


#content fieldset {border: 1px solid #705E46; padding: 10px; margin-bottom:20px;}
#content legend { padding: 0 10px; font-size: 1.1em; font-weight:bold; color: #705E46}
#content label {width: 150px; float: left;}
#content label.longlabel {width: 350px; float: left;}
#content input {width: 200px; margin:0 0 5px 0;}
#content .checkbox {margin:0; padding:0;width: 13px;}
#content .submit { width: 100px;}

#content table.termekek {width: 90%; margin:20px auto; border: 1px solid #53472F;}
#content table.termekek td {padding:2px; background-color:#6F6A61;}
#content table.termekek th {padding:2px; background-color:#432700;}
#content table.termekek .center {text-align:center;}
#content table.termekek .left {text-align:left;}
#content table.termekek .right {text-align:right;}
tbody th, tbody td {border-bottom: dotted 1px #53472F;}

h1.hely { margin-bottom: 10px;}

form#valaszto { margin:5px 0 20px 0; float: right;}
form#valaszto label, form#valaszto select { float: left; width: 150px; font-size: 0.8em;}
form#valaszto select { float: left; width: 130px; font-size: 0.8em; background-color:#3F2A10; border:#3F2A10; color:#FFFFFF;}
form#valaszto option { padding: 1px 2px;}
form#valaszto label { width: 60px; margin-left: 10px;}


.kategoriak {background: url(images/kategoria.jpg) no-repeat; width:278px; height:231px; float:left;}
.kategoriak h2 {margin: 10px 0 0 0; text-align: center; text-transform:capitalize}
.kategoriak img {margin: 5px 10px 5px 17px;}
.kategoriak a {text-decoration: none;}

div.termek {margin: 0 0 20px 0; clear:left;}
div.kep {}
div.kep p { width: 390px; margin: 0 10px 20px 0; float:left;}

div.termek .termek_nev {font-size: 1.2em; font-weight:bold;}
div.termek .termek_nev a{ text-decoration:none;}
div.termek .more { color: #E57300; }

div.termek p.cim {font-size:1.1em; font-weight:bold;}


div.termek img { margin:10px 10px 0 10px; padding:0;}
div.termek img.termek_kep { margin:50px 10px 0 10px; padding:0;}

div#minta {clear:left;}
div#minta img {margin: 5px;}


dl#elerhet {}
dl#elerhet dt {font-size:1.2em; font-weight:bold; margin:20px 0 0 0;}
dl#elerhet dd {}


#links {width: 200px; float: left; margin-top: 10px;}
#links a {}
#links img {border:none; margin: 10px 0 10px 20px;}



#login a, #login2 a{text-decoration: none;}

#login {background: url(images/login.jpg) no-repeat; width: 192px; height:162px;}
#login input {border: none;background-color:#fff;}
#login #email {margin: 36px 0 0 50px; width:125px; font-size:0.8em;}
#login #pass {margin: 16px 0 0 50px; width:100px; height:10px;}
#login #submit {margin: 0 0 0 3px; width: 25px; height: 19px; background-color: transparent;}
#login #jelszo {width: 80px; height:12px; margin:11px 0 0 17px; float:left; display:block;}
#login #regisztracio {width: 60px; height:12px; margin:11px 18px 0 0; display:block; float:right;}
#login #kosar {width: 174px; height:32px; margin:23px 0 0 7px; display:block; clear:right;}

#login2 {background: url(images/login2.jpg) no-repeat; width: 192px; height:108px;}
#login2 #adataim {width: 75px; height:13px; margin: 23px 0 0 12px; display:block; float:left;}
#login2 #kilepes {width: 75px; height:13px; margin: 23px 12px 0 0;  display:block; float:right;}
#login2 #kosar {width: 174px; height:32px; margin: 24px 0 0 7px; display:block; clear:right;}

#hirlevel_img { margin-left:4px;}
#hirlevel {background: url(images/hirlevel-form_1.jpg) no-repeat; width: 192px; height:96px; margin-left: 5px; display: none; }
#hirlevel input {border: none;background-color:#fff;}
#hirlevel #name {margin: 36px 0 0 50px; width:125px; font-size:0.8em;}
#hirlevel #emil {margin: 16px 0 0 50px; width:100px; font-size:0.8em;}
#hirlevel #submit {margin: 0 0 0 3px; width: 25px; height: 19px; background-color: transparent;}



#footer {clear: left; height:93px; background: url(images/footer-bg.jpg) no-repeat;}
#footer ul {padding:20px 0 0 30px;}
#footer li {display: inline; padding-left:20px;}
#footer li a {text-decoration:none; font-size:0.8em; font-weight: bold;}


strong {
	font-weight: normal;
	}
	

a.nlink, a.nlink:hover, a.nlink:active, a.nlink:link, a.nlink:visited {
	cursor:	text;
	color: #fff;
	text-decoration: none;
}



