@charset "utf-8";
/*
font-family: 'Nova Slim', cursive;
font-family: 'Tulpen One', cursive;
font-family: 'Ubuntu Condensed', sans-serif;
font-family: 'Marvel', sans-serif;
*/

body,td,th {
/*	font-family: Arial, Helvetica, sans-serif;*/ 
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 12px;
}
body {
	background-image: url(body-hatter.gif);
	background-repeat: repeat-x;
	background-color: #efefef;
	margin: 0px;
	font-size: 12px;
	color: #666;
	height: 100%;
}
html, body { height: 100%; }

#fejlec {
	background-image: url(fejlec-hatter.png);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	position: relative;
	width: 960px;
	height: 138px;
/*	border: solid 1px #F00;*/
}
#kozep {
	background-color: #efefef;
	margin: 0px auto 0px auto;
	position: relative;
	width: 960px;
	padding: 0px 0px 0px 0px;
}
.kozep_zaro {
	margin: 0px auto 0px auto;
	position: relative;
	width: 960px;
	height: 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}
#logo {
	position:absolute;
	width:253px;
	height:96px;
	z-index:30;
	left: 12px;
	top: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	color: #FFF;
}
#nyelvvalaszto {
	position:absolute;
	width:70px;
	height:20px;
	z-index:30;
	left: 888px;
	top: 25px;
	text-align: right;
}
#fooldalralink {
	position: absolute;
	width:100px;
	height:20px;
	z-index:35;
	left: 858px;
	top: 50px;
	text-align: right;
	font-weight: bold;
}
#fooldalralink a:link,
#fooldalralink a:visited,
#fooldalralink a {
	color:#FFF;
	text-decoration: none;
}
#fooldalralink a:hover {
	color: #FF9;

}
#emberek {
	position:absolute;
	width:415px;
	height:270px;
	z-index:20;
	left: 16px;
	top: 145px;
	font-size: 26px;
	color: #000;
	font-weight: bold;
	text-align: center;
}
#fejlecelerhetoseg {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 15px;
	position:absolute;
	width: 660px;
	height: 30px;
	z-index: 25;
	left: 295px;
	top: 30px;
}
#fejlecelerhetoseg P {
	margin: 0px 0px 0px 0px;
}
#fejlecelerhetoseg a:link,
#fejlecelerhetoseg a:visited,
#fejlecelerhetoseg a {
	color:#ffffff;
	text-decoration: none;
}
#fejlecelerhetoseg a:hover {
	color: #FF0;
}

#menu {
	position:absolute;
	width: 670px;
	height: 50px;
	z-index: 25;
	left: 290px;
	top: 80px;
}
#menu UL {
	font-family: 'Ubuntu Condensed', sans-serif;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	text-align: left;
}
#menu UL LI {
	margin: 0px;
	display:block;
	float: left;
}
#menu UL LI a:link,
#menu UL LI a:visited,
#menu UL LI a {
	color:#ffffff;
	text-decoration: none;
	font-size: 18px;
	margin: 0px;
	display:block;
	text-align: center;
	padding: 15px 10px 0px 10px;
	height: 40px;
}
#menu UL LI a:hover {
	background-repeat: no-repeat;
	background-position: right top;
	color: #FF0;
}


#also {
	background-image: url(also-hatter.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px auto 0px auto;
	position: relative;
	width: 100%;
	height: 130px;
/*	border: solid 1px #F00;*/
}
#also_kozep {
	margin: 0px auto 0px auto;
	position: relative;
	width: 960px;
	height: 130px;
}
#nyilfel {
	position: absolute;
	width: 30px;
	height: 42px;
	z-index: 60;
	left: 970px;
	top: 80px;
}
#alsologo {
	position: absolute;
	width: 302px;
	height: 131px;
	z-index: 60;
	left: 665px;
	top: -1px;
	line-height: 24px;
}
#alsoelerhetoseg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	position: absolute;
	width: 650px;
	height: 30px;
	z-index: 60;
	left: 12px;
	top: 27px;
	line-height: 15px;
	color: #e95c16;
}
#alsoelerhetoseg P {
	margin: 0px 0px 0px 0px;
}
#alsoelerhetoseg STRONG {
	font-weight: bold;
}
#alsoelerhetoseg a:link,
#alsoelerhetoseg a:visited,
#alsoelerhetoseg a {
	color:#e95c16;
	text-decoration: none;
}
#alsoelerhetoseg a:hover {
	color: #900;
}

#alsomenu {
	position:absolute;
	width: 660px;
	height: 50px;
	z-index: 25;
	left: 0px;
	top: 72px;
}
#alsomenu UL {
	font-family: 'Ubuntu Condensed', sans-serif;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	text-align: left;
}
#alsomenu UL LI {
	margin: 0px;
	display:block;
	float: left;
}
#alsomenu UL LI a:link,
#alsomenu UL LI a:visited,
#alsomenu UL LI a {
	color:#ffffff;
	text-decoration: none;
	font-size: 18px;
	margin: 0px;
	display:block;
	text-align: center;
	padding: 15px 12px 0px 12px;
	height: 40px;
}
#alsomenu UL LI a:hover {
	background-repeat: no-repeat;
	background-position: right top;
	color: #FF0;
}

/*  */
.hasznos {
	font-family: 'Ubuntu Condensed', sans-serif;
	padding: 20px 20px 0px 20px;
	margin: 0px;
	line-height: 1.7em;
	font-size: 15px;
	text-align: justify;
}
.hasznos TD {
	font-size: 15px;
	border-bottom: solid 1px #CCC;
}
.hasznos TD:last-child {
/*	border-bottom: none;*/
}
.hasznos TD P {
	margin: 0px 0px 0px 0px;
}

.hasznos H1 {
	font-family: 'Ubuntu Condensed', sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 1px #CCC;
}
.hasznos H2 {
	font-family: 'Ubuntu Condensed', sans-serif;
	margin: 10px 0px 5px 0px;
}

.hasznos P {
	margin: 5px 0px 0px 0px;
}

.hasznos .kep {
	margin: 10px 5px 10px 5px;
	padding: 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-image: -moz-linear-gradient(top, #d9e1e5, #f5f7f8);
background-image: -webkit-gradient(linear, center top, center bottom, from(#d9e1e5), to(#f5f7f8));
background-image: -o-linear-gradient(top, #d9e1e5, #f5f7f8);
background-image: linear-gradient(top, #d9e1e5, #f5f7f8);
}

/* HIREK */
.hirlista1, .hirlista2 {
	
}

.hirlista1 .hirblokk,
.hirlista2 .hirblokk {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #999999;
}
.hirlista1 .hirblokk .kiskep,
.hirlista2 .hirblokk .kiskep {
	margin-right:10px;
	width: 200px;
	float: left;
}
.hirlista2 .hirblokk .kiskep {
	width: 120px;
}
.hirlista1 .hirblokk .kishirszoveg,
.hirlista2 .hirblokk .kishirszoveg {
	text-align:justify;
	float: left;
	width: 600px;
}
.hirlista2 .hirblokk .kishirszoveg {
	text-align: left;
	width: 250px;
}
.hirlista1 .hirblokk .kishirszoveg H2,
.hirlista2 .hirblokk .kishirszoveg H2 {
	
}


#tartalom {
	width: 700px;
	margin: 20px 20px 20px 0px;
	float: right;
}

/* OLDAL PANEL DOLGOK */
#oldalsav {
	width: 200px;
	margin: 20px 0px 20px 20px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
}

.panel {
	background-color: #FFF;
	width: 200px;
	padding: 5px;
	margin: 0px 0px 20px 0px;
-moz-box-shadow: 0 0 10px #999;
-webkit-box-shadow: 0 0 10px #999;
box-shadow: 0 0 10px #999;
}
.panelcim {
	padding: 0px 0px 0px 5px;
	color:#f06721;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
}
.lista1 {
	margin: 0px 0px 0px 0px;
	display: block;
}
.lista1 ul, 
.lista1 li {
	font-size: 12px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.lista1 ul li a,
.lista1 ul li a:link,
.lista1 ul li a:visited {
	color: #000;
	text-decoration: none;
	display: block;
	cursor: pointer;
	margin: 0px;
	padding: 5px 6px 3px 4px;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
background-image: -moz-linear-gradient(top, #c3c3c3, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#c3c3c3), to(#ffffff));
background-image: -o-linear-gradient(top, #c3c3c3, #ffffff);
background-image: linear-gradient(top, #c3c3c3, #ffffff);
}
.lista1 ul li a:hover {
	color: #900;
	border-bottom: 1px solid #000;
background-image: -moz-linear-gradient(top, #b3c6c8, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#b3c6c8), to(#ffffff));
background-image: -o-linear-gradient(top, #b3c6c8, #ffffff);
background-image: linear-gradient(top, #b3c6c8, #ffffff);
}
.lista1 ul li ul {
	margin: 0px 0px 0px 0px;
}
.lista1 ul li ul li a,
.lista1 ul li ul li a:link,
.lista1 ul li ul li a:visited {
	color:#000;
	clear:both;
	display:block;
	font-size: 10px;
	cursor: pointer;
	margin: 0px;
	padding: 4px 4px 3px 8px;
	height: auto;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #000;
	background-image: none;
}
.lista1 ul li ul li a:hover {
	font-weight: bold;
	color: #900;
	border-bottom: 1px solid #F00;
}

/* panel */
.panel {
	background-color: #FFF;
	width: 200px;
	padding: 3px;
}
.hasznos .fooldal_blokk {
	background-image: url(fooldal_atmenet.png);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0px 0px 35px 0px;
}
.hasznos .fooldal_fo_szoveg {
	padding: 20px 0px 0px 20px;
	font-size: 12px;
	width: 430px;
	float: left;
}
.hasznos .fooldal_fo_szoveg .fooldal_bovebben {
	display:block;
/*	border: 1px solid #900;*/
	padding: 0px;
	text-align: left;
	font-weight: bold;
	color: #039;
}
.hasznos .fooldal_fo_szoveg .fooldal_bovebben:hover {
	color: #000;
}
.hasznos .fooldal_fo_szoveg H2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	font-weight: bold;
text-shadow: #666 0.1em 0.1em 0.2em;
margin: 0px 0px 5px 0px;
}
.hasznos .fooldal_fo_szoveg H3 {
	margin: 0px 0px 5px 0px;
}
.hasznos .fooldal_fo_kep {
	padding-top: 15px;
	width: 460px;
	float: right;
}

.hasznos .kep_jobb, 
.hasznos .kep_bal,
.hasznos .kep {
	padding: 5px;
	margin: 15px 20px 15px 20px;
-moz-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
box-shadow: 0px 0px 10px #000000;
}
.hasznos .kep_jobb {
	float: right;
	margin: 15px 0px 15px 20px;
}
.hasznos .kep_bal {
	float: left; 
	margin: 15px 20px 15px 0px;
}

/* termekhasznos */
.termekhasznos {
	background-image: url(termekhatter.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.termekhasznos H1 {
	font-size: 25px;
	color: #FFF;
	text-shadow: black 2px 2px 2px;
	padding: 0px 0px 8px 0px;
	border-bottom: solid 1px #999;
}
.termekhasznos H2 {
	color: #999;
}
.termekhasznos H3 {
	color: #F60;
	text-shadow: #ffffff 2px 2px 2px;
}
.termekhasznos H4 {
	color: #F60;
	text-align: center;
}
.termekhasznos .termektabla1 TD H4 {
	margin: 0px;
	padding: 0px;
}
.termekhasznos .termektabla1 {
	border-top: solid 1px #dedede;
	border-left: solid 1px #dedede;
}
.termekhasznos .termektabla1 TH {
	background-image: url(savcsik4.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	font-size: 15px;
	border-bottom: solid 1px #CCC;
	color: #ffffff;
	text-shadow: #666666 1px 1px 1px;
	border-right: solid 1px #cfd0d1;
	padding: 1px 5px 1px 5px;
	text-align: center;
}

.termekhasznos .termektabla1 TD {
	font-size: 15px;
	border-bottom: solid 1px #dedede;
	border-right: solid 1px #dedede;
	color: #666;
	background-image: url(savcsik5.gif);
	background-repeat: repeat-x;
}
.termekhasznos .termektabla1 TD.kepcella {
	background-image: none;
	background-color: #FFF;
}
.termekhasznos .termektabla1 TD STRONG {
/*	color: #000;*/
}
.termekhasznos .termektabla1 P {
	margin: 0px 0px 3px 0px;
}

#termek_galeria {
	position: relative;
	height: 230px;
	clear: both;
	background-image: url(termek-galeriaalap.png);
	background-position: left top;
	background-repeat: repeat-x;
}
#kiskepek_mozgatni_vissza {
	position: absolute;
	width: 31px;
	height: 30px;
	z-index: 10;
	left: 30px;
	top: 10px;
}
#kiskepek_mozgatni_tovabb {
	position:absolute;
	width: 31px;
	height: 30px;
	z-index: 20;
	left: 600px;
	top: 10px;
}
#galcim {
	position: absolute;
	width: 480px;
	height: 20px;
	z-index: 30;
	left: 90px;
	top: 10px;
	text-align:center;
	color:#F60;
/*	text-shadow: #000000 1px 1px 1px;*/
	font-size: 16px;
	font-weight: bold;
}
#kiskepek_kepek {
	position:absolute;
	width: 640px;
	height: 180px;
	z-index: 40;
	left: 10px;
	top: 50px;
	overflow: hidden;
}
#kiskepek_mozgatni {
	position: absolute;
}
.termekegykep {
	margin: 10px 10px 0px 10px;
	float: left;
}
.termekegykep IMG {
	border: solid 5px #FFFFFF;
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;
}
.termekegykep IMG:hover {
	border: solid 5px #FFC;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #000000;
box-shadow: 0px 0px 3px #000000;
}


/* AJANLATKERO OLDAL */
.ajanlatkerolink {
	padding: 5px 0px 5px 0px;
	background-color: #F4F4F4;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	text-align:center;
}
.ajanlatkerolink a:link,
.ajanlatkerolink a:visited,
.ajanlatkerolink a {
	color: #03C;
	text-decoration: none;
}
.ajanlatkerolink a:hover {
	color: #900;

}

/* HASZNOSBAN stilusok */
.kiemelt_1 {
	font-size: 15px;
	color: #F60;
}
.kiemelt_2 {
	font-size: 18px;
	color: #F60;
}
.kiemelt_3 {
	font-size: 20px;
	color: #F60;
	background-color: #CCC;
	padding: 5px;
}
.kiemelt_4 {
	font-size: 15px;
	color: #666;
}
.kiemelt_5 {
	font-size: 18px;
	color: #666;
}
.kiemelt_6 {
	font-size: 20px;
	color: #333;
	background-color: #F60;
	padding: 5px;
}
.kiemelt_6_feher {
	font-size: 18px;
	color: #ffffff;
	background-color: #F60;
	padding: 5px;
}
.kiemelt_keret_1 {
	text-align: center;
	font-size: 18px;
	color: #900;
	background-color: #CCC;
	padding: 10px;
	border: solid 2px #F60;
}

.ajanlatkerotabla {
	color: #666;
}
.ajanlatkerotabla TD {
	color: #666;
}

.adress {
	display: none;
}