@charset "utf-8";
/* CSS Document */

/* BASE */

body {background:url(images/bg.png); background-repeat:repeat-x; margin:0; padding:0; font: normal 12px Arial; color:#48302f;}
tr, td {font: normal 12px Arial; color:#333;}
h1{color:#ec920b; font-weight:bolder; font-size:19px; padding:0; margin:53px 8px 0 0;}
h2{color:#48302f; font-weight:bold; font-size:15px; padding:0; margin:0 0 15px 0;}
h3{color:#ec920b; font-weight:bolder; font-size:14px; padding:0; margin:0 0 24px 0; text-decoration:underline;}
h4{color:#48302f; font-weight:normal; font-size:13px; padding:0; margin:0 0 15px 0;}
h5{color:#ec920b; font-weight:normal; font-size:18px; padding:0; margin:0 0 20px 0; text-decoration:underline; float:left;}
h6{color:#ec920b; font-weight:bold; font-size:16px; padding:0; margin:0 0 20px 0;}
p{ margin-top:0; margin-bottom:1em;}
form{padding:0; margin:0;}

a {color:#d8860c;}
a:hover {color:#D50000;}

hr{margin:0 0 16px 0;}

.normal{color:#48302f;}
.nounder{text-decoration:none;}
.halfunder{text-decoration:none;}
.halfunder:hover {text-decoration:underline;}
.strong{ font-weight:bold;}

.darklinks a{
	color:#48302f;
}
.darklinks a:hover{
	color:#D50000;
}

#top-left {
	width:460px;
	float:left;
}
#top-right {
	width:515px;
	float:left;
	text-align:right;
	padding-top:6px;
	color:#FFFFFF;
}
#top-right a{
	color:#FFFFFF;
	text-decoration:none;
}
#top-right a:hover{
	color:#FFCC99;
}
#top-logo{
	height:62px;
	color:#874500;
	text-align:right;
	padding-top:40px;
	vertical-align:middle;
	font-weight:bold;
}
.top-text{
	font: 11px Arial;
	padding:1px 3px 1px 3px;
	color:#8b6a4a;
	width:130px;
	margin:1px;
	border:solid 1px #c59557;
}

#topmenu {
	color:#fff;
	font-weight:bold;
	
}
#topmenu ul {
	margin:0;
	padding:0 0 0 2px;
	list-style:none;
	}
#topmenu li {
	display:inline;
	margin:0;
	padding:0;
	}
#topmenu a {
	float:left;
	background:url("/images/topmenu-left1.png") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	margin-right:4px;
	text-decoration:none;
	}
#topmenu a span {
	float:left;
	display:block;
	background:url("/images/topmenu-bg1.png") no-repeat right top;
	padding:4px 16px 8px 6px;
	
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {float:none;}
/* End IE5-Mac hack */
#topmenu a:hover span {color:#FFFFFF;}
#topmenu a:hover {background:url("/images/topmenu-left2.png") no-repeat left top;}
#topmenu a:hover span {background:url("/images/topmenu-bg2.png") no-repeat right top;}


#leftbar {
	float:left;
	width:221px;
	padding:5px 24px 0px 25px;
}

.menugroup {height:28px; font-weight:bold; color:white; padding-left:20px; line-height:24px; background-image:url(/images/menugroup-brown.png);}


.leftmenu{
	padding: 5px 15px 15px 15px;
}
.leftmenu ul {list-style-type: none; margin:0; padding:0;}
.leftmenu ul li {display:block; padding:5px 0px 5px 0px; background: url(/images/menu-spacer.png) no-repeat bottom;}
.leftmenu ul a {color:#48302f; text-decoration:none;padding-left:16px; background: url(images/menu-arrow.png) no-repeat 0px 5px;}
.leftmenu ul a:hover {color:#D50000;}

#content {
	float:left;
	width:705px;
	padding-top:2px;
	overflow:hidden;
}

.footer-clear {
	height:0px;
	overflow:hidden;
	clear:both;
}
#footer {
	width:100%;
	height:24px;
	margin-top:20px;
	color:#fff;
	line-height:24px;
	font-size:12px;
	text-align:center;
	background-color:#4f3e3d;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}


/* Top banner */
#topbanner{line-height:45px; font-size:17px; padding-left:70px; color:#201717; background-image:url(images/candles.png); background-repeat:no-repeat; background-position:870px 0px}


/* FŐKATEGÓRIÁK */

.fokat-line{
	background-image:url(images/bg-fokat2.png);
	background-position: 0 100%;
	float:left;
	margin-bottom:10px;
}
.fokat-container{
	width:317px;
	padding:0 28px 15px 7px;
	margin-bottom:10px;
	float:left;
}
.fokat-nev{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:18px;
	color:#48302f;
}
.fokat-kep{
	width:100px;
	height:100px;
	padding:5px;
	border:1px solid #a7a7a7;
	float:left;
}
.fokat-linkek{
	width:195px;
	padding-left:10px;
	float:left;
}

.fokat-linkek ul{list-style-type:none; padding:0px;margin:0;}
.fokat-linkek ul li{display:block; padding:0px 0px 0px 8px; margin:0; background: url(images/listimage.gif) no-repeat 0px 4px;}
.fokat-linkek ul a{text-decoration:none; color:#48302f;}
.fokat-linkek ul a:hover{text-decoration:underline; color:#D50000;}

/* TERMÉKLISTA */

.kat-leiras{
	margin-bottom:16px;
}
.lista-container{
	height:120px;
	margin-bottom:16px;
	background:url(images/line-spacer.png) bottom repeat-x;
}
.lista-kep{
	width:120px;
	height:90px;
	padding:5px;
	border:1px solid #a7a7a7;
	margin-right:16px;
	float:left;
}
.lista-kep-display td{
	width:120px;
	height:90px;
	background-color:#ededed;
	font-size:11px;
	color:#666666;
}
.adatlap-kep{
	width:200px;
	height:150px;
	padding:5px;
	border:1px solid #a7a7a7;
	margin-right:15px;
	margin-bottom:17px;
	float:left;
}
.adatlap-kep-display td{
	width:200px;
	height:150px;
	background-color:#ededed;
	font-size:11px;
	color:#666666;
}
.lista-csillag{
	width:35px;
	margin-right:5px;
	margin-left:5px;
	height:24px;
	line-height:18px;
	margin-bottom:2px;
	color:#fff;
	font-size:9px;
	text-align:center;
	background-repeat:no-repeat;
	float:left;
}
.lista-tetelnev{
	height:24px;
	margin-bottom:2px;
	padding-left:1px;
	font-weight:bold;
	text-decoration:underline;
	float:left;
}
.lista-tetelnev a{
	color:#48302f;
}
.lista-leiras{
	width:555px;
	height:47px;
	padding-left:1px;
	overflow:hidden;
	margin-bottom:10px;
	float:left;
}
.lista-button{
	width:58px;
	height:18px;
	line-height:17px;
	text-align:center;
	color:#fff;
	font-weight:bolder;
	background-image:url(images/bg-button-adatlap.gif);
	background-repeat:no-repeat;
	float:left;
}
.lista-button a{
	color:#fff;
	text-decoration:none;
}
.lista-ar{
	line-height:17px;
	float:right;
	text-decoration:underline;
}
.lista-datum{
	height:18px;
	line-height:18px;
	font-style:italic;
	float:left;
}
.line-spacer{
	height:1px;
	overflow:hidden;
	background-image:url(images/line-spacer.png);
	margin-bottom:18px;
	margin-top:5px;
}
.adatlap-rovid{
	margin-bottom:17px;
	font-weight:bold;
}
.adatlap-leiras{
	margin-bottom:17px;
}
.adatlap-ar{
	font-weight:bold;
	font-size:13px;
	text-decoration:underline;
	color:#c42020;
}
.adatlap-arajanlat{
	width:110px;
	height:22px;
	line-height:21px;
	text-align:center;
	color:#fff;
	font-weight:bolder;
	background-image:url(images/bg-button-arajanlat.gif);
	background-repeat:no-repeat;
}
.adatlap-arajanlat a{
	color:#fff;
	text-decoration:none;
}
.minilista-linkek{
	padding-left:10px;
	margin-bottom:17px;
	line-height:16px;

}

.minilista-linkek ul{list-style-type:none; padding:0px;margin:0;}
.minilista-linkek ul li{display:block; padding:0px 0px 0px 10px; margin:0; background: url(images/listimage.gif) no-repeat 0px 5px;}
.minilista-linkek ul a{text-decoration:none; color:#48302f;}
.minilista-linkek ul a:hover{text-decoration:underline; color:#D50000;}

/* PANEL DESIGN */

.panel-top{
	height:12px;
	background-image:url(images/bg-panel-top.png);
	padding:0 25px 0 25px;
}
.panel-title{
	font-size:13px;
	font-weight:bold;
	color:#d58000;
	height:26px;
	background-image:url(images/bg-panel-title.png);
	padding:9px 25px 0 25px;
}
.panel-content{
	background-image:url(images/bg-panel-content.png);
	padding:15px 25px 5px 25px;
}
.panel-icon{
	background-image:url(images/icon-ok.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:45px;
	display:table;
	padding-left:75px;
 }
.panel-footer{
	height:35px;
	background-image:url(images/bg-panel-footer.png);
	background-position:bottom;
	margin-bottom:10px;
}
.panel-form{
	background-image:url(images/bg-panel-content.png);
	padding:15px 20px 15px 20px;
	line-height:28px;
}
.panel-form label {display:inline-block; text-align:right; width:170px; vertical-align:middle; margin-right:8px;}
.panel-form .text {width:300px; margin-right:5px; vertical-align:middle; font-family:Arial; font-size:12px; color:#333}
.panel-form .submitform {margin-left:177px; margin-right:8px; margin-top:10px; font-family:Arial; font-size:12px; color:#333;}

/* BUTTONS */

.button {
	height:34px;
	line-height:34px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:26px;
}
.button ul {list-style-type:none; margin:0; padding:0;}
.button ul li {float:right; margin-top:2px; display:block; line-height:25px; background: url(images/bg-button1.gif) no-repeat;}
.button ul a {display:block;  padding-left:20px; padding-right:18px; color:#fff; font-weight:bold; text-decoration:none; background: url(images/bg-button1-right.gif) no-repeat top right;}
.button ul a:hover {color:#FF9; }

.button.bt-orange ul li{ background: url(images/bg-button2.gif) no-repeat }
.button.bt-orange ul a{ background: url(images/bg-button2-right.gif) no-repeat top right; padding-left:20px; padding-right:36px;}

.button.bt-red ul li{ background: url(images/bg-button3.gif) no-repeat;}
.button.bt-red ul a{ background: url(images/bg-button3-right.gif) no-repeat top right;}

.button-label {
	height:28px;
	position:absolute;
}
.button-label a{
	color:#333;
	text-decoration:none;
}
.button-label a:hover{
	color:#D50000;
}


