@charset "iso-8859-2";
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #000;
}
.felsoMenu {
	width: 100%;
	height: 39px;
	position: relative;
	background-color: #BCA058;
	background-image: url(images/hatter_felso_menu.gif);
	padding: 31px 0px 5px 0px;
}
.felsoMenu .felsoMenuKozep {
	width: 800px;
	height: 39px;
	position: relative;
	margin: 0px auto 0px auto;
	text-align: center;
}
.felsoMenu .felsoMenuKozep img {
	border:none;
}
.felsoMenu .felsoMenuKozep a {
	margin: 0px 5px 0px 5px;
}
.userMenu {
	width: 792px;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 4px;
	color: #C1AE7E;
}
/*.userMenu ul li {
	position:relative;
	float:left;
	list-style:none;
	padding: 3px;
}*/
.hatter {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background-image: url(images/hatter_noise.gif);
	padding-bottom: 20px;
}
.hatter .keret {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	background-image: url(images/hatter.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.hatter .keret .tartalom {
	width: 800px;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
}
.hatter .keret .tartalom .logoEsCimke {
	float: left;
	height: 72px;
	width: 400px;
	position: relative;
	padding: 188px 0px 0px 400px;
}
.hatter .keret .tartalom .termekEsCimke {
	float: left;
	height: 260px;
	width: 400px;
	position: relative;
	padding: 0px 0px 0px 400px;
}
.hatter .keret .tartalom .dobozFej {
	width: 800px;
	height: 20px;
	position: relative;
	float: left;
	background-image: url(images/doboz_fej.gif);
}
.hatter .keret .tartalom .dobozLab {
	width: 800px;
	height: 22px;
	position: relative;
	float: left;
	background-image: url(images/doboz_lab.gif);
}
.hatter .keret .tartalom .dobozTorzs {
	width: 778px;
	height: auto;
	position: relative;
	float: left;
	padding: 0px 10px 0px 10px;
	background-image: url(images/doboz_hatterminta.gif);
	border-left: solid #372f1a 1px;
	border-right: solid #372f1a 1px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #151515;
	font-size: 12px;
	color: #99846e;
}
.lab {
	width: 100%;
	height: 65px;
	background-image: url(images/lab_hatter.gif);
	position: relative;
	float: left;
	padding-top: 20px;
}
.hatter .keret .tartalom .dobozTorzs .termekDoboz {
	position: relative;
	width: 148px;
	height: auto;
	float: left;
	padding: 0px 2px 0px 2px;
}
.hatter .keret .tartalom .dobozTorzs .termekDoboz .termekKisKep {
	height: 138px;
	width: auto;
}
.hatter .keret .tartalom .dobozTorzs .termekDoboz .termekKisKep img {
	border:none;
}
.hatter .keret .tartalom .dobozTorzs .termekLeiras {
	float: left;
	width: 350px;
	position: relative;
	padding-right: 10px;
	border-right: solid #372f1a 1px;
}
.hatter .keret .tartalom .dobozTorzs .termekAdatok {
	float: left;
	width: 390px;
	position: relative;
	padding-left: 10px;
}
.hatter .keret .tartalom .dobozTorzs .termekAdatok .ta_1 {
	position: relative;
	height: auto;
	width: 160px;
	clear: left;
	float: left;
	padding-bottom: 10px;
}
.hatter .keret .tartalom .dobozTorzs .termekAdatok .ta_2 {
	position: relative;
	height: auto;
	width: 220px;
	float: left;
	padding-bottom: 10px;
}
.hatter .keret .tartalom .dobozTorzs .termekLista {
	float: left;
	width: 777px;
	position: relative;
	height: auto;
	border-bottom: solid #372f1a 1px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.ablaktarto {
	width:100%;
	height:auto;
	position:absolute;
	text-align:center;
	z-index:100;
	top: 20px;
}
.ablakkeret {
	width:774px;
	height:415px;
	position:relative;
	margin: 0px auto;
	background-image: url(images/ablakkeret.gif);
	padding:4px;
	background-position: center center;
}
.ablak {
	width:774px;
	height:415px;
	position:relative;
	font-size: 12px;
	color: #D7C700;
	background-color: #261815;
	/*border: solid #372f1a 4px;*/
	border-color: #7D672D;
}
.ablak p {
	text-align:right;
	padding: 10px;
	margin: 0px;
	color: #C1AE7E;
}
.ablak a {
	color: #993;
	font-weight: bold;
}
.ablak h1 {
	font-size:26px;
}