@import url('https://fonts.googleapis.com/css2?family=Pragati+Narrow:wght@400;700&display=swap');

html {
	width: 100%;
	height: 100%;
	margin: 0;
}

body {
	font: .82em/1.5 Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;
	margin: 0px;
	background-color: #E6E6E6;
	color: #696969;
	background-position: top;
	margin-top: 18px;
}

.hozzaszolastabla {
	border-radius: 5px;
	background-color: #F9F9F9;
	padding: 8px;
	margin-bottom: 15px;
}

.hozzaszolasSzoveg {
	border-radius: 5px;
	padding: 6px;
	margin-bottom: 20px;
	background-color: #EFEFEF;
}

.hozzaszolasValaszSzoveg {
	border-radius: 5px;
	padding: 6px;
	background-color: #666666;
	color: #FFF;
}

.speech-bubble {
	position: relative;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #666666;
	border-top: 0;
	border-left: 0;
	margin-left: -10px;
	margin-top: -10px;
}

.hozzaszolasNev {
	font-weight: bold;
	margin-bottom: 4px;
}

.noselect {
	/* úgy tűnik már müxik formon belül ok */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

header,
section,
footer,
aside,
nav,
article,
figure {
	display: block;
}

div,
input,
label,
footer,
textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

.fejtovabbisorok {
	line-height: 1.1em;
}

/* gombok */
input[type=button],
input[type=submit] {
	border: 0;
	cursor: pointer;
	padding: 9px;
	padding-left: 14px;
	padding-right: 14px;
	font-size: 13px;
	font-weight: 400;
	text-transform: none
		/* uppercase */
	;
	transition: all ease 0.6s;
	background-color: #228B9E
		/* kek szin 00A5E6 */
	;
	color: #FFFFFF;
	border-radius: 5px;
}

input[type=button].kicsi,
input[type=submit].kicsi {
	padding: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 4px;
}

input[type=button]:disabled {
	background-color: #dddddd;
	pointer-events: none;
}

input[type=button]:hover,
input[type=submit]:hover {
	background-color: #34BCD3;
	color: #FFFFFF;
}

input[type=button]:active,
input[type=submit]:active {
	background-color: #228B9E;
	color: #FFFFFF;
}



form,
h1,
h2,
h3,
h4,
h5,
h6,
nav {
	margin: 0;
	padding: 0;
}

.unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

input,
textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", tahoma, sans-serif;
	font-size: 12px;
	outline: none;
	resize: none;
	outline-style: none;
	border-radius: 3px;
}

input:focus,
textarea:focus {
	/*safari ne szorakozzon*/
	outline: none;
}

label:hover {
	text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

h1 {
	font-size: 18px;
	margin-bottom: 1em;
	margin-top: 0;
}

h2 {
	font-size: 16px;
	margin-bottom: 9px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: .8em;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 1.4em;
	margin-bottom: .8em;
}

.fejlec {
	margin: auto;
	width: 1305px;
	background-color: #FFF;
	padding: 15px;
	padding-bottom: 1px;

	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECECE;
	background-color: #FFF;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CECECE;
	border-left-color: #CECECE;
}

.kontener {
	margin: auto;
	width: 1305px;
	background-color: #FFF;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CECECE;
	border-left-color: #CECECE;
}

.menu {
	width: 280px;
	background-color: #FFF;
	float: left;
	padding: 8px;
	padding-top: 14px;
}

.tartalomFull {
	width: 1020px;
	float: left;
	padding: 14px;
	padding-bottom: 3em;
}

.tartalom {
	width: 740px;
	float: left;
	padding: 14px;
	padding-bottom: 3em;
}

.tartalom p,
.tartalom td,
.tartalom span {
	line-height: 1.5em;
	margin-top: 0em;
	margin-bottom: 0.6em;
}

.oldalsav {
	width: 280px;
	background-color: #FFF;
	float: left;
	padding: 8px;
	padding-top: 14px;
}

.lablec {
	margin: auto;
	width: 1305px;
	padding: 10px;
	background-color: #FFF;
	text-align: center;

	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CECECE;
	border-left-color: #CECECE;
}

.lableclinkek a {
	padding: 10px;
}

.katnev {
	padding: 7px;
	font-size: 14px;
}

.megszuntar {
	color: #CC0000;
}

a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #228B9E;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.letoltesGmbLnk a:link,
.letoltesGmbLnk a:visited {
	background-color: #228B9E;
	color: #FFF;
	text-decoration: none;
	padding: .6em;
	border-radius: 4px;
	margin: 3px;
}

.letoltesGmbLnk a:hover {
	background-color: #000;
	color: #FFF;
}

.szurkeRollOver:hover td {
	background-color: rgb(232, 232, 232);
}

.dobozfejlec {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}

.uzenet {
	BORDER-RIGHT: 1px solid #000000;
	PADDING-RIGHT: 5px;
	BORDER-TOP: 1px solid #96965e;
	MARGIN-TOP: 12px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 12px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: 1px solid #96965E;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: 1px solid #000000;
	BACKGROUND-COLOR: #ffffcc
}

.dobozhatter {}

.cimsor {
	font-size: 24px;
	color: #848484;
	font-family: Arial, Helvetica, Verdana, Geneva, "sans serif";
	font-weight: normal;
	line-height: 1.3em;
}

.regiar {
	text-decoration: line-through;
}

.ar {
	font-size: 16px;
	font-weight: bold;
	color: #CB2F16;
}

input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.termeknev {
	font-family: Arial, Helvetica, Verdana, Geneva, "sans serif";
	font-size: 16px;
	font-weight: bold;
	color: #848484;
}

.termeknev a:link,
.termeknev a:visited {
	color: #696969;
	text-decoration: none;
}

.termeknev a:hover {
	color: #000;
	text-decoration: none;
}

.fokat {
	font-family: 'Pragati Narrow', sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #000;
	margin-left: 5px;
	margin-top: 6px;
	text-decoration: none;
	border-left-style: solid;
	border-left-width: 11px;
	border-left-color: #FFEC00;
	padding: 2px;
	padding-left: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
}

.fokat a:link,
.fokat a:visited {
	color: #000;
	text-decoration: none;
	display: block;
}

.fokat a:hover {
	text-decoration: none;
}

div.alkat {
	margin-left: 22px;
}

.alkat {
	font-family: 'Pragati Narrow', sans-serif;
	font-weight: 400;
	padding: 2px;
	font-size: 16px;
	color: #606066;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	padding-bottom: 3px;
}

.alkat a:link,
.alkat a:visited {
	color: #84848D;
	margin-left: 1px;
	text-decoration: none;
}

.alkat a:hover {
	text-decoration: none;
	color: #000;
}

.jobbfeher {
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.alja {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.keresokiemeles {
	font-weight: normal;
	color: #CC0000;
	background-color: #FFFF99;
}

.feketekeret {
	border: 1px solid #999999;

}

form {
	margin: 2px;
}

.oldalsav {
	padding-left: 10px;
}

.menuhatter {
	padding-right: 10px;
}

.tarthatter {}

.keresohatter {
	margin-top: 20px;
}

.keresohatterMobile {
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 20px;
}

.vonalTermekala {
	background-image: url(_s/vonal.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.zoldgomb {
	color: #000;
	background-color: #FFEC00;
	border: 1px solid #CECECE;
}

.nodeco a {
	text-decoration: none;
}


/*laprabontas*/
.n {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: bold;
}

a.ns {
	border: 1px solid #999;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	text-decoration: none;
	color: #999;
}

a.ns:hover {
	border: 1px solid;
	text-decoration: none;
	background-color: #999;
	color: #FFF;
	border: 1px solid #999;
}

.nsAkt {
	border: 1px solid #333;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #333;
}

.nsTop {
	font-size: 11px;
	float: right;
	padding: 8px;
	float: right;
}

.szabadsag {
	color: #C00;
}

.clearboth {
	clear: both;
}

.katnavigacio {
	font-size: 10px;
	margin-bottom: 15px;
	color: #333;
}

.katnavigacio a:link,
.katnavigacio a:visited {
	text-decoration: none;
}

.scrollup {
	width: 100px;
	height: 100px;
	/*opacity:0.3;*/
	position: fixed;
	bottom: 20px;
	right: 100px;
	display: none;
	text-indent: -9999px;
	background: url('/css/image/laptetejere_piros_kor.png') no-repeat;
	z-index: 99;
}

.formelemek input[type=text],
.formelemek input[type=number],
.formelemek input[type=password] {
	padding: 8px;
	padding-left: 8px;
	border: 1px solid #D8D8D8;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;
}

.formelemek textarea {
	padding: 8px;
	padding-left: 8px;
	border: 1px solid #D8D8D8;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 13px;

}

.formelemek select {
	width: 100%;
	max-width: 450px;
	padding: 5px;
	border: 1px solid #D8D8D8;
	font-size: 13px;
	color: #999;
	/*height:35px;*/
}

.formelemek select option {
	padding: 3px;
	padding-left: 5px;
	color: #666666;
}

.formelemek input[type=text],
.formelemek input[type=password],
.formelemek textarea {
	width: 450px;
}

.justmobile {
	display: none;
}

.flexslider {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0px;
	float: left;
}

.flexslider .tabs .tab img {
	width: 100%;
	height: auto;
}

.flex-direction-nav a {
	height: 50px !important;
	top: 45% !important;
	line-height: normal !important;
}

.tabs {
	max-height: 257px;
	overflow: hidden;
}

.flexsliderloading {
	opacity: 0;
}

.flexslider {
	width: 818px;
}

.fejblokk {
	float: left;
	width: 425px;
	height: 257px;
	text-align: center;
	padding: 20px;
	padding-left: 25px;
	border: 1px solid #CCC;
	margin-left: 20px;
}

.fejblokk p {
	margin: 7px
}

.fejblokkMobile {
	display: none;
}

.kozepre,
.center {
	text-align: center !important;
}

input[type=text].kosarbaDB {
	width: 2.8em !important;
	text-align: center;
}

@media screen and (max-width:1120px) {

	.kontener,
	.fejlec,
	.lablec {
		width: 872px;
	}

	.tartalom {
		width: 640px;
	}

	.menu {
		width: 230px;
	}

	.oldalsav {
		display: block;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}

	#logo {
		float: none;
		margin: auto;
		text-align: center;
	}

	.fokat {
		margin-left: 5px;
		margin-right: 5px;
	}

	div.alkat {
		margin-left: 5px;
	}

	.alkat {
		margin-left: 5px;
		margin-right: 5px;
	}

	.flexslider {
		width: 100%;
		float: none;
	}

	.slider img {
		width: 100%;
		height: auto;
	}

	.fejblokk {
		width: 100%;
		padding: 0;
		border: none;
		margin: 0;
		float: none;
		margin-top: 6px;
		margin-bottom: -6px;
		height: auto;
		text-align: center;
	}

	.fejtovabbisorok {
		display: none;
	}
}

@media screen and (max-width:880px) {
	body {
		margin: 0;
	}

	.menu {
		display: none;
		float: none;
		width: 100%;
	}

	.kontener,
	.fejlec,
	.lablec,
	.tartalom,
	.tartalomFull {
		width: 100%;
		border-right-width: 0px;
		border-left-width: 0px;
		border-top-width: 0px;
		float: none;
	}

	.respTable>tbody>tr>td {
		display: block;
		vertical-align: top;
		width: 100%;
	}

	.respTable>tbody>tr>td:nth-child(1) {
		width: 100%;
		text-align: left;
	}

	.respTableCenter>tbody>tr>td {
		display: block;
		vertical-align: top;
		width: 100%;
		text-align: center;
	}

	.respTableCenter>tbody>tr>td:nth-child(1) {
		width: 100%;
		text-align: center;
	}

	.respKep img {
		width: auto;
		height: auto !important;
		max-width: 100%;
	}

	.formelemek input[type=text],
	.formelemek textarea {
		width: 100%;
	}

	.nemuszoKep {
		/* float */
		text-align: center;
		display: block;
		float: none !important;
		margin: auto !important;
		margin-left: 50%;
		margin-right: -50%;
	}

	/* kategoria aoldal termekek része */
	.n {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}

	.orderBox {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
		margin-left: 0;
	}

	.notablet {
		display: none;
	}

	.justtablet {
		display: block;
	}

	.fejblokkMobile {
		display: block;
		padding: 0;
		font-size: 22px;
		text-align: left;
		cursor: pointer;
	}
}

@media screen and (max-width:580px) {
	table {
		table-layout: fixed;
	}

	.fejblokk {
		display: none;
	}

	#logo {
		display: none;
	}

	.fejlinkek {
		display: none;
	}

	ul.nav {
		margin-left: 5px;
	}

	.ketoszlopos_elso {
		float: none;
		width: 100%;
	}

	.ketoszlopos_masodik {
		float: none;
		width: 100%;
	}

	.nomobile {
		display: none;
	}

	.justmobile {
		display: block;
	}

	#bbkeret {
		display: none;
	}

	/* .tartalom p, .tartalom td, .tartalom span {
		line-height: 1.4em;
		margin-bottom: 1em;
	} */
	form table,
	form table tr,
	form table tr td {
		padding: 0;
		margin: 0;
		border-collapse: separate;
		border-spacing: 0;
	}

	.lableclinkek a {
		display: block;
		text-align: center;
		padding: 1px;
	}

	img {
		border: 0;
		max-width: 100%;
	}

	iframe {
		border: 0;
		max-width: 100%;
	}

	.mobilonkozepre {
		text-align: center;
	}
}