html {
	min-height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body{width: 100%;background-color: #fff;font-size: 14px;font-family: Tahoma;margin: 0;color: #434445;}

.clear {clear: both;}
a {text-decoration: none;}
.zold {color:#00a651;}
.piros {color: #ed1c24;}
.sarga {color: #fa9930;}
img {max-width: 100%;}
iframe {border:0;}
.row {display: flex;flex-wrap: wrap;justify-content: center;}
.rowb {display: flex;flex-wrap: wrap;justify-content: left;}
.wrapper {width: 100%;max-width: 1200px;margin: auto;}
.elvalasztopiros {width: 100%;height: 10px;margin: 5px 0; background-color: rgba(237,28,36,0.1);}
#header {
	position: relative;
	background-image: -o-linear-gradient(right bottom, #ed1c24 40%, #fff 58%, #00b849 75%);
	background-image: -moz-linear-gradient(right bottom, #ed1c24 40%, #fff 58%, #00b849 75%);
	background-image: -webkit-linear-gradient(right bottom, #ed1c24 40%, #fff 58%, #00b849 75%);
	background-image: -ms-linear-gradient(right bottom, #ed1c24 40%, #fff 58%, #00b849 75%);
	background-image: linear-gradient(to right bottom, #ed1c24 40%, #fff 58%, #00b849 75%);
	padding: 5px;
}
#header .slogen {position: absolute;font-weight: bold;color: #FFF; font-size: 30px;top: 10px;text-shadow: 1px 1px #006f0e;font-style: italic;left: 45%;transform: translateX(-50%);}
#header .kontakt {position: absolute;right: 20px;bottom: 15px;color: #FFFFFF;font-weight: bold;font-size: 20px;}
#header .kontakt a.tel {color: #fff;background-image: url(img/phone-32.png);background-repeat: no-repeat;background-position: left center;padding-left: 35px;}
#header .kontakt a.mail {color: #fff;background-image: url(img/mail-24.png);background-repeat: no-repeat;background-position: left center;padding-left: 35px;font-size: 15px;margin-top: 5px;display: inline-block;}
#header .kontakt a.mail:hover {color: #eaf8ec;}

#fomenusav {position: relative;padding: 8px 15px;background-color: #fff;line-height: 19px;text-align: justify;}
#fomenusav ul {padding:0;margin:0;list-style: none;}
#fomenusav ul li {display: inline-block;}
#fomenusav a {color: #ed1c24;text-decoration: none;font-size: 12px;font-weight: normal;text-transform: uppercase; padding: 5px 20px;}
#fomenusav a:hover {color: #50b849;}
#fomenusav a.aktiv {color: #fff;border-radius: 5px; background-color: #ed1c24;}
#menu-icon {display: none;}
.fbikon {position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}

#sav {position: relative;background-color: #00a651;}
#sav .kategoriak {display: inline-block;width: 80%;padding: 5px;}
#sav .kategoriak a {display: inline-block;margin: 5px; padding: 5px 10px;color: #fff;text-decoration: none;font-size: 15px;border: 1px solid #fff;border-radius: 8px;background-color: #50b849;}
#sav a:hover {background-color: #ed1c24;}
#sav a.aktiv {background-color: #ed1c24;}

#sav .kereso {display: inline-block;width: 20%;text-align: center;border-right: 1px dotted #50b849;margin: 5px 0;}
#sav .kereso .urlapmezo {width: 95%;margin: 5px 0;height: 25px;border-radius: 5px;border: 1px solid #ed1c24;font-size: 15px;padding: 2px 5px;}
#sav .kereso .urlapgomb {border-radius: 5px;border: 1px solid #ed1c24;padding: 5px 10px;background-color: #50b849;color: #fff;font-size: 14px;}
#sav .kereso .urlapgomb:hover {background: #ed1c24;}


.contentbar {position: relative;background-color: #FFFFFF;width: 74%;display: inline-block;width: 74%;padding: 0 15px;
	background-image: -o-linear-gradient(left, #fff 0%, rgba(80,184,73,0.1) 50%);
	background-image: -moz-linear-gradient(left, #fff 0%, rgba(80,184,73,0.1) 50%);
	background-image: -webkit-linear-gradient(left, #fff 0%, rgba(80,184,73,0.1) 50%);
	background-image: -ms-linear-gradient(left, #fff 0%, rgba(80,184,73,0.1) 50%);
	background-image: linear-gradient(to left, #fff 0%, rgba(80,184,73,0.1) 50%);
}

#jobbsav {display: inline-block;width: 26%;background-color: rgba(80,184,73,0.1);border-left: 1px dotted #00a651;}
.fbkeret {padding-left: 5px;border-top: 1px dotted #00a651;padding-top: 20px;}
h1 {color: #01a752;}
h2 {font-size: 20px;}
.tb-message {position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: rgba(255,255,255,0.85);z-index: 5;transform: scale(0);transition: all 0.35s ease 0.1s;}
.tb-message p {position: relative;top: 40%;transform: tranlateY(-50%);text-align: center;font-size: 18px;color: #01a752;}

#kosarlista {width: 100%;}
#kosarlista table.kosar {width: 100%; border-collapse: collapse;}
#kosarlista table.kosar th {border-bottom: 2px solid black;padding: 5px;font-weight: bold;}
#kosarlista table.kosar td a {color: #343534;}
#kosarlista table.kosar .mennyiseg {border-bottom: 1px solid black;padding: 5px;width: 100px;}
#kosarlista table.kosar .cikkszam {border-bottom: 1px solid black;padding: 5px;}
#kosarlista table.kosar .adatok {width: 45%;border-bottom: 1px solid black;padding: 5px;}
#kosarlista table.kosar .arak {text-align: right;border-bottom: 1px solid black;padding: 5px 10px 5px 0;}
#kosarlista table.kosar .osszarak {text-align: right;border-top: 4px solid black;padding: 5px 10px 5px 0;}
#kosarlista table.kosar .osszesen {padding: 5px;font-weight: bold;border-top: 4px solid black;}
#kosarlista table.kosar .postaktgnev {padding: 5px;border-top: 1px solid black;}
#kosarlista table.kosar .postaktg {padding: 5px 10px 5px 0;text-align: right;border-top: 1px solid black;}
#kosarlista table.kosar .fizetendo {padding: 6px;font-size: 20px;font-weight: bold;text-align: right;}
#kosarlista table.kosar .mindosszesen {border: 3px solid #343434;font-size: 24px;text-align: center;font-weight: bold;padding: 6px;}
#kosarlista table.kosar td.terkoz {height: 30px;}
#kosarlista .gomb a {border-radius: 10px;padding: 10px;color: #ffffff;font-size: 15px;font-weight: bold;}
#kosarlista .gomb a.narancs {background-color: #fa9930;}
#kosarlista .gomb a.zold {background-color: #01a752;}
#kosarlista .gomb a:hover {box-shadow: 1px 1px 3px #454545;}

#vevoadatok {display: none;}
#vevoadatok .fizetesinfo {padding-left: 25px;margin-top: -10px;}

#termeklista {clear: both;position: relative;}
#termeklista .rendez {position: absolute;top: 5px; right: 15px;}
.lapozo {text-align: center;}
.lapozo a {display: inline-block;background-color: #50b849;color: #fff;padding: 5px 10px;border-radius: 5px;font-size: 15px;}

.termekdoboz {position: relative;display: inline-block;width: 23%;margin: 5px 1%;padding: 10px 10px 50px 10px;
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #fef5e1)
	);
	background-image: -o-linear-gradient(right bottom, #fff 0%, rgba(237,28,36,0.1) 100%);
	background-image: -moz-linear-gradient(right bottom, #fff 0%, rgba(237,28,36,0.1) 100%);
	background-image: -webkit-linear-gradient(right bottom, #fff 0%, rgba(237,28,36,0.1) 100%);
	background-image: -ms-linear-gradient(right bottom, #fff 0%, rgba(237,28,36,0.1) 100%);
	background-image: linear-gradient(to right bottom, #fff 0%, rgba(237,28,36,0.1) 100%);
	border: 1px dotted #ed1c24;
	-moz-box-shadow: 1px 1px 2px #989898;
	-webkit-box-shadow: 1px 1px 2px #989898;
	box-shadow: 1px 1px 2px #989898;
}
.termekdoboz:hover {background-color: #fff;background-image: none;}
.tnev a {font-size: 16px;font-weight: bold;color: #ed1c24;}
.utolso {position: relative;margin-right:-10px;margin-top: 5px;margin-left: 40%;font-size: 11px;color: #fff;background-color: #ed1c24;padding: 0 5px;text-align: right;}
.termekdoboz .kep {display: block;max-height: 120px;max-width: 80%;margin: auto;}

.ar {position:relative;margin: 10px 0;color: #00a651;padding: 5px 10px;font-size: 18px;text-align: center;font-weight: bold;}
.akciosar {color: #ed1c24;}
.regi {font-size: 13px;text-decoration: line-through;color: #ababab;text-align:right;margin-bottom: -15px;margin-top: 15px;}
.gongyoleg {display: block;margin-top: -10px;text-align: center;}

.kosarba {position: absolute;right: 5px;bottom: 5px;font-size: 14px;color: #767778;text-align: right;}
.db {width: 35px;height: 29px;border-radius: 5px;border: 2px solid #00a651;font-size: 15px;}
.kosargomb {background-image: url(img/kosar-add.png);background-repeat: no-repeat;background-position: 6px 7px;height: 30px;border-radius: 5px;padding: 5px 5px 5px 25px;background-color: #00a651;color: #fff;font-size: 15px;border: 2px solid #00a651;}
.kosargomb:hover {background-color: #fff;color: #00a651;}

a.kedvenc {position: relative;display: block; background-repeat: no-repeat; background-position: 0 center;background-image: url(img/kiemelt.png);padding-left: 20px;text-decoration: none;color:#767778;font-size: 12px;margin: 10px 0;padding-top: 4px;padding-bottom: 2px;}
a.kedvencdel {position: absolute;left: 10px;bottom: 5px;background-repeat: no-repeat; background-position: 0 center;background-image: url(img/kiemelt0.png);display: block; float: left;padding-left: 20px;padding-top: 6px;text-decoration: none;color:#767778;}

.b3 {width: 32%;margin: 5px 0;}
.b3c {margin: 5px 2%;}
.box {display: inline-block;background-color: rgba(0,166,81,0.1);box-shadow: 0 0 2px #50b849;font-size: 14px;padding: 0 10px;}
.box h3 {color: #00a651;}
.box p {color: #00a651;}
.tobbinfo {display: none;}

.jobbkep {float: right;margin-left: 10px;}
.balkep {float: left;margin-right: 10px;}

.ikonsav {position: relative;margin-top: 10px; margin-bottom: 10px;}
.share {float: right; margin-right: 8px;}

.hirdoboz {position: relative;margin-bottom: 10px;width: 100%;padding: 10px;
	background-image: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #fef5e1)
	);
	background-image: -o-linear-gradient(right bottom, #ffffff 0%, #fef5e1 100%);
	background-image: -moz-linear-gradient(right bottom, #FFFFFF 0%, #fef5e1 100%);
	background-image: -webkit-linear-gradient(right bottom, #ffffff 0%, #fef5e1 100%);
	background-image: -ms-linear-gradient(right bottom, #ffffff 0%, #fef5e1 100%);
	background-image: linear-gradient(to right bottom, #ffffff 0%, #fef5e1 100%);
	border: 1px solid #ABABAB;
	border-top-left-radius: 10px;
	-moz-box-shadow: 1px 1px 2px #989898;
	-webkit-box-shadow: 1px 1px 2px #989898;
	box-shadow: 1px 1px 2px #989898;
}
.hirdoboz:hover {background: #ffffff;}
.hirdoboz .kep {float: right;margin: 0 10px;}
.hirdoboz .kep img {border-radius: 10px;}
.hirdoboz a.cim {color: #01a752; font-size: 22px;}
.hirdoboz p.lead {font-size: 16px;}
.hirdoboz p.tovabb {position: absolute;bottom: 5px;left: 10px;margin: 0;}
.hirdoboz p.tovabb a {color: #01a752;}

.alkategoriak {width: 100%;border-bottom: 1px dotted #01a752;}
.alkategoriak h2 {font-size: 20px;font-weight: normal;color: #00a651;margin: 0;padding-top: 10px;}
a.alkatgomb {display: inline-block;margin-right: 5px;margin-bottom: 5px;font-size: 16px;color: #01a752;padding: 5px;background-color: #fff; border: 1px solid #01a752;border-radius: 5px;}
a.alkatgomb:hover {background-color: #01a752;color: #fff;}
a.alkataktiv {background-color: #01a752;color: #fff;}


#jobbhasab {display: inline-block;width: 26%;background-color: rgba(80,184,73,0.1);height: 300px;border-left: 1px dotted #00a651;}

#loginbox {width: 100%;padding: 20px 15px 10px 15px;}
#loginbox .cim {font-size: 20px;color: #00a651;text-shadow: 1px 1px #c0c0c0;background-image: url(img/login-32.png);background-repeat: no-repeat;padding-left: 40px;min-height: 32px;padding-top: 5px;margin-bottom: 10px;}
.loginfooldal {height: 110px;}
#loginmenu {padding: 0 15px 10px 15px;overflow: auto;}
#loginmenu ul {list-style: none;margin:0;padding: 0;}
#loginmenu .urlap {width: 45%;margin-right: 10px;height: 30px;border-radius: 5px;border: 2px solid #00a651;font-size: 15px; margin-bottom: 10px;padding: 5px;}
#loginmenu .belep {height: 30px;border-radius: 5px;padding: 6px 8px;background-color: #00a651;color: #fff;font-size: 15px;margin-right: 10px;transition:200ms background-color;}
#loginmenu .reg {height: 30px;border-radius: 5px;padding: 6px 8px;background-color: rgba(237,28,36,0.5);color: #fff;font-size: 15px;transition:200ms background-color;}
#loginmenu .belep:hover {background: #ed1c24;}
#loginmenu .reg:hover {background: #ed1c24;}
#loginmenu a {color: #444546; line-height: 22px;}
#loginmenu a.amenu {color: #ed1c24;}
#loginmenu a:hover {color: #00a651;font-weight: bold;}
#loginmenu a.amikon {margin: 0;}

#kosarbox {position: relative;border-top: 1px dotted #00a651;padding: 20px 15px 10px 15px;transition:200ms background-color;}
#kosarbox .cim {position: relative;font-size: 20px;color: #01a752;text-shadow: 1px 1px #c0c0c0;background-image: url(img/kosar-32.png);background-repeat: no-repeat;padding-left: 40px;min-height: 32px;padding-top: 5px;margin-bottom: 10px;}
#kosarbox a {color: #01a752;}
#kosarbox a.cimlink {position:absolute;width: 100%;height:100%;left:0;top:0;display: block;}

#kosarban {position: relative;padding: 0 15px 10px 15px;}
#kosarban .kosar {position: absolute;background-color: #eaf8ec;z-index: 20;width: 100%;left: -1px;padding: 10px 15px;opacity: 0;visibility: hidden;transition: all 0.35s ease 0.1s;transform: scale(0);border-left: 1px dotted #00a651;border-bottom: 1px dotted #00a651;border-bottom-left-radius: 15px;transform: translate(0,-50px);}
#kosarban:hover .kosar {opacity: 1;visibility: visible;transform: scale(1);transform: translate(0,0);}
#kosarban ul {list-style: none;padding: 0;margin: 0;color: #01a752;}
#kosarban li {position: relative;border-bottom: 1px dotted #a0a0a0;padding: 8px 3px 5px 3px;background-color: #ffffff;}
#kosarban li:hover {background-image: -o-linear-gradient(right bottom, #d8d0c4 0%, #fef5e1 100%);
	background-image: -moz-linear-gradient(right bottom, #d8d0c4 0%, #fef5e1 100%);
	background-image: -webkit-linear-gradient(right bottom, #d8d0c4 0%, #fef5e1 100%);
	background-image: -ms-linear-gradient(right bottom, #d8d0c4 0%, #fef5e1 100%);
	background-image: linear-gradient(to right bottom, #d8d0c4 0%, #fef5e1 100%);}
#kosarban a {color: #01a752;}
#kosarban .osszesen {border-top: 2px solid #a0a0a0;text-align: right;color: #01a752;font-weight: bold;font-size: 16px;margin-top: -10px;margin-bottom: 10px;padding-top:10px;background-color: #FFFFFF;}
#kosarban .gomb {text-align: center;margin: 20px 0 10px;}
#kosarban .gomb a {border-radius: 10px;padding: 10px;background-color: #fa9930;color: #ffffff;font-size: 15px;font-weight: bold;}
#kosarban .gomb a:hover {background: #01a752;}
#kosarban a.ktorol {position: absolute; right: 5px;bottom: 5px;}

#kedvencbox {position: relative;border-top: 1px dotted #01a752;padding: 10px 15px 0 15px;transition:200ms background-color}
#kedvencbox .cim {font-size: 20px;color: #01a752;text-shadow: 1px 1px #c0c0c0;font-weight: bold;background-image: url(img/favorite-32.png);background-repeat: no-repeat;padding-left: 40px;min-height: 32px;padding-top: 5px;margin-bottom: 10px;}
#kedvencbox a {color: #01a752;}
#kedvencek {position: relative;padding: 0 15px 10px 15px;}
#kedvencek .kedvenc {position: absolute;background-color: #eaf8ec;z-index: 20;width: 100%;left: -1px;padding: 10px 15px;opacity: 0;visibility: hidden;transition: all 0.35s ease 0.1s;transform: scale(0);border-left: 1px dotted #00a651;border-bottom: 1px dotted #00a651;border-bottom-left-radius: 15px;transform: translate(0,-50px);}
#kedvencek:hover .kedvenc {opacity: 1;visibility: visible;transform: scale(1);transform: translate(0,0);}
#kedvencek ul {padding: 0;list-style: none;}
#kedvencek li {position: relative;background-image: url(img/pipa.png);background-repeat: no-repeat;padding-left: 30px;border-bottom: 1px dotted #a0a0a0;margin-bottom: 10px;padding-bottom: 5px;background-color: #ffffff;}
#kedvencek a {color: #01a752;}
#kedvencek a.ktorol {position: absolute; right: 5px;bottom: 5px;}

#hirsav {display: inline-block;width: 74%;height: 300px;background-color: #FFF;}
#slider {width: 100%;height: 300px;overflow: hidden;list-style: none;margin:0;padding:0;}
#slider li {background-size: cover;width: 100%;height: 100%;}

#kategoriak {width: 100%;background-color: rgba(237,28,36,0.1);padding-bottom: 10px;margin: 5px 0;}
#kategoriak .box {position: relative;float: left; width: 23%;min-width: 180px; margin-top: 15px;margin-left: 1%;margin-right: 1%; height: 200px; overflow: hidden;padding: 10px;border-radius: 10px;box-shadow: 0 0 2px #01a752; text-align: center;background-color: #FFFFFF;background-repeat: no-repeat;background-position: center;}
#kategoriak .box:hover img {transform: scale(1.2);}
#kategoriak .box:hover .info {opacity: 1;visibility: visible;transform: scale(1);}
#kategoriak .box:hover a.kat {background-color: rgba(210,230,220,0.8);font-weight: bold;}
#kategoriak .box img {transition: all 0.35s ease 0s;max-width: 95%;}
#kategoriak a.kep {display: block;position:relative;top: 55%; transform: translateY(-55%);-webkit-transform: translateY(-55%);  -ms-transform: translateY(-55%);}
#kategoriak a.kat {position: absolute;top:0;left:0;width: 100%;padding:6px;text-align: center;text-decoration: none;color: #01a752; font-size: 17px;background-color: rgba(210,230,220,0.7);z-index: 10;}
#kategoriak .info {opacity: 0;visibility: hidden;width: 100%;background-color: rgba(210,230,220,0.8);font-size: 12px;transition: all 0.35s ease 0.1s;position: absolute;transform: scale(0.5);bottom: 0;left:0;padding: 10px;color: #353637;}

#kategoriak .kisbox {position: relative;float: left; width: 23%; min-width: 180px;height: 50px; overflow: hidden; margin-top: 15px;margin-left: 1%;margin-right: 1%; padding: 5px;border-radius: 10px;box-shadow: 0 0 2px #01a752; text-align: center;}
#kategoriak a.kiskat {position: absolute;top:0;left:0;width: 100%;height: 100%;text-decoration: none;color: #01a752; font-size: 17px;background-color: rgba(210,230,220,0.7);text-align: center;}
#kategoriak a.kiskat .igazit {display: table-cell;height: 50px;vertical-align: middle;width: 100%;}
#kategoriak a.kiskat:hover {background-color: #fff;}

#kategoriakhasab {width: 100%;padding-bottom: 10px;padding: 10px 15px;border-top: 1px dotted #01a752;}
#kategoriakhasab .cim {font-size: 20px;color: #01a752;text-shadow: 1px 1px #c0c0c0;font-weight: bold;background-image: url(img/like-32.png);background-repeat: no-repeat;padding-left: 40px;min-height: 32px;padding-top: 5px;margin-bottom: 10px;}
#ajanlatlista .box {position: relative;margin-top: 10px;margin-left: 5%;margin-right: 5%; height: 200px; overflow: hidden;padding: 10px;border-radius: 10px;box-shadow: 0 0 2px #01a752; text-align: center;background-color: #FFFFFF;background-repeat: no-repeat;background-position: center;}
#ajanlatlista .box:hover img {transform: scale(1.2);}
#ajanlatlista .box:hover .info {opacity: 1;visibility: visible;transform: scale(1);}
#ajanlatlista .box:hover a.kat {background-color: rgba(210,230,220,0.8);font-weight: bold;}
#ajanlatlista .box img {transition: all 0.35s ease 0s;max-width: 95%;}
#ajanlatlista a.kep {display: block;position:relative;top: 55%; transform: translateY(-55%);-webkit-transform: translateY(-55%);  -ms-transform: translateY(-55%);}
#ajanlatlista a.kat {position: absolute;top:0;left:0;width: 100%;padding:6px;text-align: center;text-decoration: none;color: #01a752; font-size: 17px;background-color: rgba(210,230,220,0.7);z-index: 10;}
#ajanlatlista .info {opacity: 0;visibility: hidden;width: 100%;background-color: rgba(210,230,220,0.8);font-size: 12px;transition: all 0.35s ease 0.1s;position: absolute;transform: scale(0.5);bottom: 0;left:0;padding: 10px;color: #353637;}

fieldset {border-color: #01a651;max-width: 700px;margin:auto;margin-bottom: 10px;}
legend {font-size: 16px;background-color: #01a651;color: #fff;border-radius: 5px;padding: 5px;}
fieldset input[type='text'], fieldset input[type='password'] {width: 100%;max-width: 400px;border: 1px solid #00a651;border-radius: 5px;padding: 5px 10px;}
fieldset textarea {width: 100%;max-width: 400px;border: 1px solid #00a651;border-radius: 5px;padding: 5px 10px;}
fieldset.elerhetoseg input {width: 100%;}
fieldset.adatok input.urlapirsz {width: 80px;}
fieldset.adatok input.urlaptelepules {width: 60%;}
fieldset.adatok input.urlapcim {width: 100%;}
fieldset.adatok textarea.uzenet {width: 60%;}
fieldset.adatok textarea.mezo {width: 60%;}
fieldset input.kotelezo {border-left: 5px solid #00a651;}
.szallitas {width: 100%;max-width: 400px;border: 1px solid #00a651;border-radius: 5px;padding: 5px 10px;background-color: #00a651;color: #fff;}

#reggomb {max-width: 700px;margin:auto;}
#reggomb .button {float: none;margin:auto;}

.dobozrejtve {display: none;}

@media only screen and (max-width: 860px) {
	#header .slogen {width: 50%;top: 15px;font-size: 20px;}
	#fomenusav a {font-size: 13px;}
}

@media only screen and (max-width: 800px) {
	#menu-icon {display: block;background-image: url(img/ikon-menu.png);background-repeat: no-repeat; margin-left: 5px;padding-left: 30px;color: #00a651;font-size: 16px;	}
	#fomenusav ul {display: none;position: absolute;top: 37px;left: 0px;z-index: 10;background: rgba(255,255,255,0.89);border-bottom-right-radius: 10px;}
	#fomenusav ul li {display: block;width: 100%;padding: 5px}
	#fomenusav a {display: block;font-size: 14px;font-weight: normal;color: #01a752;}
	
	#sav .kereso {padding: 5px 10px;}
	#sav .kereso .urlapmezo {width: 60%;font-size: 15px;}
	#sav .kereso .urlapgomb {padding: 5px;}
	#sav .katalogus {padding: 5px 10px;}
	#sav .kerdes {padding: 5px 10px;}
	
	#loginbox .urlap {width: 95%;margin-right: 0;margin-bottom: 5px;}
	#loginbox .belep {padding: 5px;font-size: 14px;margin-right: 10px;}
	#loginbox .reg {padding: 5px;font-size: 14px;}
	#kosarbox {z-index: 15;}
	#kosarbox .gomb a {font-size: 14px;font-weight: normal;padding: 4px;}
	#kosarban {display: none;z-index: 15;}
	#kedvencek {display: none;}
}
@media only screen and (max-width: 650px) {
	#header .logo {margin-left: 5px;font-size: 14px;text-align: left;}
	#header .logo img {max-width: 30%;max-height: 60px;}
	#header img.haccp {max-height: 50px;}
	#header .slogen {top: 3px;font-size: 14px;line-height: 14px;width: 100%;text-align: center;left:0;transform: none;}
	#header .kontakt {bottom: 3px;font-size: 18px;right: 5px;text-align: right;}
	#header .kontakt a.tel {font-size:16px;background-size: contain;}
	#header .kontakt a.mail {font-size:13px;margin-top: 2px;background-size: contain;}
	
	#sav .kereso {width: 100%;padding: 5px 10px;}
	#sav .kereso .urlap {text-align: left;}
	#sav .kereso .urlapmezo {width: 60%;}
	#sav .katalogus {width: 100%;padding: 5px 10px;}
	#sav .kerdes {width: 100%;padding: 5px 10px;}
	
	#jobbhasab {width: 0;height: 0;}
	#jobbsav {width: 100%;}
	#hirsav {width: 100%;height: auto;}
	#sav .kategoriak {width: 100%;border-top: 1px dotted #fff;}
	
	#loginbox {position: absolute;top: 55px;left: 110px;width: auto;}
	#loginbox:hover {background-color: transparent;}
	#loginbox .cim {font-size:0;background-size: 25px;margin-bottom:0;padding: 0 0 0 35px;background-position: 0 4px;}
	#loginmenu {display: none;position: absolute;top: 95px;left:0;width: 250px;z-index: 10;background: rgba(255,255,255,0.89);border-bottom-right-radius: 10px;padding: 5px;margin-top: 3px;}
	#loginmenu li {padding: 5px;}
	.loginfooldal {height: auto;}
	
	#kosarbox {position: absolute;top: 55px;left: 155px;width: auto;border: none;}
	#kosarbox:hover {background-color: transparent;border-left: none;}
	#kosarbox .kosar {padding: 5px;}
	#kosarbox .cim {font-size:0;background-size: 25px;margin-bottom:0;padding: 0 0 0 35px;background-position: 0 4px;}
	#kosarbox a.cimlink {display: none;}
	#kosarban {display: none;position: absolute;top: 95px;left: 0;width: 250px;z-index: 10;background: rgba(255,255,255,0.89);border-bottom-right-radius: 10px;padding: 5px;margin-top: 3px;}
	#kosarban p {margin: 6px 0;}
	#kosarban .kosar {opacity: 1;visibility: visible;transform: scale(1);transform: translate(0,0);}
	
	.dobozrejtve {display: block;}
	
	#kedvencbox {position: absolute;top: 65px;left: 195px;width: auto;border: none;}
	#kedvencbox:hover {background-color: transparent;border-left: none;}
	#kedvencbox .cim {font-size:0;background-size: 25px;margin-bottom:0;padding: 0 0 0 35px;background-position: 0 4px;}
	#kedvencek {display: none;position: absolute;top: 95px;left: 0;width: 250px;z-index: 10;background: rgba(255,255,255,0.89);border-bottom-right-radius: 10px;padding: 5px;margin-top: 3px;}
	#kedvencek p {margin: 6px 0;}
	#kedvencek .kedvenc {opacity: 1;visibility: visible;transform: scale(1);transform: translate(0,0);}
	
	#kategoriakhasab {position: absolute;top: 53px;left: 235px;width: auto;border: none;}
	#kategoriakhasab .cim {font-size:0;background-size: 25px;margin-bottom:0;padding: 0 0 0 35px;background-position: 0 5px;}
	#ajanlatlista {display: none;position: absolute;top: 95px;left: 0;width: 250px;z-index: 10;background: rgba(255,255,255,0.89);border-bottom-right-radius: 10px;padding: 5px;margin-top: 3px;}
	
	#kategoriak .box {width: 48%;}
	#kategoriak .kisbox {width: 48%;}
	fieldset.adatok textarea.uzenet {width: 90%;}
	fieldset.adatok textarea.mezo {width: 90%;}
	
	.contentbar {width: 100%;}
	.termekdoboz {width: 48%;}
	.b3 {width: 100%;margin: 5px;}
	.b3c {margin: 5px;}
}

@media only screen and (max-width: 450px) {
	#kategoriak .box {width: 98%;}
	#kategoriak .kisbox {width: 98%;}
}

#footer {width: 100%;padding: 10px 15px;text-align: center;color:#EFEFEF;font-style: italic;
	background-image: -o-linear-gradient(bottom, #00a651 0%, #50b849 50%, #00a651 100%);
	background-image: -moz-linear-gradient(bottom, #00a651 0%, #50b849 50%, #00a651 100%);
	background-image: -webkit-linear-gradient(bottom, #00a651 0%, #50b849 50%, #00a651 100%);
	background-image: -ms-linear-gradient(bottom, #00a651 0%, #50b849 50%, #00a651 100%);
	background-image: linear-gradient(to bottom, #00a651 0%, #50b849 50%, #00a651 100%);
}
#footer a {color: #fff;display: inline-block;margin-top: 5px;border-bottom: 1px dotted #fff;}
p.tipp {
	display: inline-block;
	background-image: url(img/ready.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
	margin: 5px 0;
}

p.tipp a {color: #01a752;}

.button {
	float: left;
	margin-right: 10px;
	display: block;
	font-size: 18px;
	color: #1c75a9;
	padding: 5px 10px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	box-shadow: 2px 2px 6px #ccc;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#ccc',direction='120',strength='3');
}

.button:hover {
}

.adminbutton {
	float: left;
	margin-right: 5px;
	display: block;
	font-size: 16px;
	color: #1c75a9;
	padding: 5px;
	border-radius: 10px;
	-moz-box-shadow: 2px 2px 6px #000000;
	-webkit-box-shadow: 2px 2px 6px #000000;
	box-shadow: 2px 2px 6px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='3');
}

.adminbutton:hover {
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='3');
}

.buttonok {background-color: #01a752;color: #FFFFFF;border: 1px solid #01a752;}
a.buttonok:hover {color: #FFFFFF;}

.buttonmegse {color: #d77e14;background-color: #ecd688;}
a.buttonmegse:hover {color: #d77e14;}

.finfo {position: fixed;width: 100%;height: 100%;background-color: rgba(237,28,36,0.8);color: #50b849;z-index: 100;}
.finfo .szovegmezo {position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: center;width: 100%;max-width: 860px;background-color: #fff;padding: 15px;max-height: 80%;overflow: auto;}
.finfo .becsuko {display: block;position: absolute;width: 100%;height: 100%;top:0;left:0;}

p.error {
	display: inline-block;
	background-image: url(img/error.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	background-color: #ffe4e2;
	border: 2px solid #FF0000;
	padding: 6px;
	padding-left: 30px;
}

p.warning {
	display: inline-block;
	background-image: url(img/warning.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}

p.ok {
	display: inline-block;
	background-image: url(img/ok.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #109e21;
	background-color: #d2e3d4;
	padding: 6px;
	padding-left: 30px;
}

.tipp {
	display: inline-block;
	background-image: url(img/ready.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	border: 2px solid #ffe396;
	background-color: #fff7e2;
	padding: 6px;
	padding-left: 30px;
}