* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
}
body {
	background-color: #000;
	color: #000;
	font-family: 'Open Sans', Verdana, sans-serif;
	font-weight: 400;
	font-style: normal;
	xoverflow-x: hidden;
}
section, header, footer, nav, article {
	display: block;
}
.clear {
	clear: both;
}
#maincontainer {
	width: 100%;
	font-size: 100%;
}
#mainheader {
	background-color: #fff;
}
/* more complex, but does not flicker */
#logocontainer {
	position: relative;
	background-color: #fff;
}
#logocontainer a img {
	display: block;
	position: absolute;
	border: none;
	height: 100%;
}
/*#logocontainer {
	float: left;
	width: 50%;
}
#logocontainer a img {
	display: block;
	border: none;
	width: 100%;
	height: auto;
}*/
#topmenu {
	position: relative;
	xwidth: 50%;
	xfloat: right;
	xtext-align: right;
}
#topmenu ul {
	list-style-type: none;
	xpadding: 5% 3% 5% 0px;
}
#topmenu ul li {
	display: inline-block;
	padding: 0px 1ex 0px 1ex;
}
#topmenu ul li a {
	text-decoration: none;
	font-weight: 600;
	x-font-size: 114.2%;
	font-size: 100%;
	color: #808080;
}
#topmenu ul li a:hover {
	text-decoration: underline;
}
#topmenu ul li.selected a {
	color: #000;
}
#language {
	display: inline-block;
	text-align: center;
	font-size: 85.7%;
	text-decoration: none;
	color: #000;
	position: absolute;
}
#fblike {
	position: absolute;
}
#language span.selected {
	font-weight: bold;
	text-shadow: 0px 0px 1px #000;
}
#language img {
	width: 20%;
	border: none;
}
.topborder, .topborder1 {
	background-color: #000;
	xpadding-top: 1.5625%;
}
.topborder1 {
	padding-top: 1px;
}
#mainmenu {
}
#mainmenu ul {
	list-style-type: none;
	background-color: #ffcd00;
}
#mainmenu ul li {
	position: relative;
	float: left;
	xwidth: 16.66%;
	xpadding-bottom: 5.446875%;
}
#slogan {
	color: #908080;
	font-size: 100%;
}
#slogan div {
	height: 0px;
	line-height: 0px;
	border-top: 1px solid #000;
	margin-bottom: 1em;
}
#slogan strong {
	color: #4d4d4d;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
	font-weight: 400;
	font-size: 110%;
}
#mainmenu ul li a {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
	font-weight: normal;
	x-font-size: 128.57%;
	font-size: 110%;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #ffcd00;
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}
#mainmenu li a.border {
	border-left: 1px solid #000;
}
/*#mainmenu ul li a:hover {
	background-color: #000;
}*/
#mainmenu ul li.selected a {
	background-color: #000;
}
#mainmenu ul li a span {
	display: block;
	height: 33%;
	line-height: 0px;
	vertical-align: middle;
	margin-top: 16.5%;
}

.bgwb {
}
.bgbg {
}
.bggreen {
	background-color: #ffcd00;
}

.colx3 {
}
.colx2 {
}
.colx1 {
}
.subcolx1 {
	float: left;
	width: 33%;
}
.subcolx1 img {
	width: 100%;
}
.subcolx2 {
	float: right;
	width: 67%;
}
img.half {
	width: 100%;
	height: auto;
	display: block;
}
img.overlay {
	position: absolute;
}
.halfcontent {
	padding: 5% 10% 5% 5%;
	background-color: #fff;
}
.halfcontent2 {
	padding: 5% 10% 1% 5%;
	background-color: #fff;
}
.halfcontentgray {
	padding: 5% 10% 5% 5%;
	background-color: #e6e6e6;
}
.halfcontentgreen {
	padding: 5% 10% 5% 5%;
	background-color: #ffcd00;
}
.halfcontent h1, .halfcontent h2, .halfcontent h3, .halfcontent h4, .titleunder {
	border-bottom: 1px solid #000;
	padding-bottom: 0.75%;
	margin-bottom: 0.5em;
}
.halfcontent h1 span, .halfcontent h2 span, .halfcontent h3 span, .halfcontent h4 span, .titleunder span {
	display: block;
	border-bottom: 1px solid #000;
	padding-bottom: 0.4em;
}
.halfcontentgray h2 {
	border-bottom: 2px solid #808080;
	padding-bottom: 2%;
	margin-bottom: 0.6em;
}
div.refcontent p {
	x-font-size: 85.71%;
	color: #4d4d4d;
	line-height: 1.8em !important;
}
div.refcontent p a {
  color: #000;
}
.padmenu {
	xmargin-bottom: 4%;
}
.submenu {
	xwidth: 50%;
	xmargin-left: 50%;
	xmargin-top: -4%;
	xposition: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	xposition: relative;
}

#submenu ul {
	list-style-type: none;
	background-color: #ffcd00;
	xposition: relative;
}
#submenu ul li {
	position: relative;
	float: left;
	width: 20%;
	padding-bottom: 8%;
}
#submenu ul li a {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
	font-weight: normal;
	font-size: 100%;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top: 1px solid #000;
	background-color: #ffcd00;
	border-right: 1px solid #000;
}
#submenu li a.border {
	xborder-left: 1px solid #000;
}
/*.submenu ul li a:hover {
	background-color: #000;
}*/
#submenu ul li.selected a {
	background-color: #000;
}
#submenu ul li a span {
	display: block;
	height: 33%;
	line-height: 0px;
	vertical-align: middle;
	margin-top: 20%;
}

#contentcontainer h1 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
	font-size: 342%;
	font-weight: normal;
}
#contentcontainer h2 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
	font-size: 257%;
	font-weight: normal;
}
#contentcontainer h3 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
	x-font-size: 171%;
	font-size: 200%;
	font-weight: normal;
}
#contentcontainer h4 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
	x-font-size: 120%;
	font-size: 160%;
	font-weight: normal;
}
#contentcontainer h6 {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
	font-size: 160%;
	font-weight: normal;
}
#contentcontainer p {
	line-height: 1.5em;
}

.content ul, .content ol {
	padding-left: 1.1em;
}
.content a {
	color: #000;
}

#contactlefttop {
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
	padding-bottom: 1em;
}
#contactleftbottom {
	border-top: 1px solid #000;
	padding-top: 1em;
}
#contactlefttop ul {
	list-style-type: square;
	padding: 2ex 2ex 2ex 3ex;
}
#contactlefttop ul, #contactlefttop p, #contactleftbottom p, #kapcsolatblock p {
	font-size: 85.71%;
}
#contactlefttop a, #contactleftbottom a, #kapcsolatblock a {
	color: #000;
}
#footer {
	color: #fff;
	padding: 0.5em 0px 0.5em 0px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#productsub {
	background-color: #000;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 257%;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 0.4em 0px 0.4em 0px;
}
#productsub {
	background-color: #000;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 257%;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 0.4em 0px 0.4em 0px;
}
.blacktitle, .blacktitle2 {
	background-color: #000;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 150% !important;
	font-weight: normal;
	text-align: center;
	color: #fff;
	padding: 0.4em 0px 0.4em 0px;
}
.blacktitle2 {
	font-size: 180% !important;
}

.referencepreview {
	xcolor: #fff;
	xborder-top: 1px solid #000;
}
.referencepreview ul {
	list-style-type: none;
}
.referencepreview ul li {
	position: relative;
	overflow: hidden;
	float: left;
	background-size: cover;
}
.referencepreview ul li img {
	display: block;
	position: absolute;
	height: 100%;
	width: auto;
	transform: translate(-25%,0%);
	cursor: pointer;
}
.referencepreview ul li div, .referencepreview ul li a {
	cursor: pointer;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
}
.referencepreview ul li div.dark {
	background-color: #000;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
}
.referencepreview ul li div.inactive {
}
.referencepreview ul li:hover div {
	xdisplay: block;
}
.referencepreview ul li:hover {
	xopacity: 1 !important;
}
.referencepreview ul li span {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translate(0%,-50%);
	visibility: hidden;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	line-height: 0px;
	x-margin-top: 35%;
	text-shadow: 0px 0px 2px #000;
	color: #fff;
}
.referencepreview ul li:hover span {
	x-display: block;
}
li.bg0 {
	background-color: #808080;
}
li.bg1 {
	background-color: #e6e6e6;
}
li.bg2 {
	background-color: #999999;
}
li.bg3 {
	background-color: #b3b3b3;
}
li.bg4 {
	background-color: #b3b3b3;
}
img.closeme, img.closeme2 {
	cursor: pointer;
	width: 7.708%;
	height: auto;
	border: none;
	float: right;
}
img.closeme2 {
  display: none;
}
img.closeme3 {
	cursor: pointer;
	width: 14%;
	height: auto;
	border: none;
	float: right;
}
.imagepager {
	margin-top: 2em;
}
.imagepager img {
	border: none;
	cursor: pointer;
}
.imagepager img.dot {
	margin: 0px 0.4% 0px 0.4%;
	width: 1.6667%;
	height: auto;
}
.imagepager img.al {
	margin: 0px 0.4% 0px 0px;
	width: 3.125%;
	height: auto;
}
.imagepager img.ar {
	margin: 0px 0px 0px 0.4%;
	width: 3.125%;
	height: auto;
}
div.kontakttitulus {
	font-size: 120%;
	font-style: oblique;
	padding-top: 0.8em;
}
div.kontakttelefon {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 150%;
	padding: 1.6em 0px 1.6em 0px;
	margin-bottom: 1.6em;
	border-bottom: 2px solid #cccccc;
}

#contactmenucontainer {
	position: relative;
}
#contactmenucontainer div img {
	float: right;
	height: auto;
}
img.kontaktin {
	height: auto;
}

#btnajanlatkeres, #btnjelentkezes, #btnjelentkezesbn, #btnjelentkezespdf {
	display: inline-block;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 130%;
	padding: 1ex 2ex 1ex 2ex;
}
#btntallozas, #btntallozasj {
	display: inline-block;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 100%;
	padding: 3% 1ex 3% 1ex;
}
#btnajanlatkuldes, #btnjelentkezes, #btnjelentkezesbn {
	display: inline-block;
	background-color: #ffcd00;
	color: #fff;
	text-decoration: none;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 130%;
	padding: 1ex 2ex 1ex 2ex;
}

#contactalternatecontainer {
	position: relative;
	height: 0px;
	padding-bottom: 36%;
	margin-top: -36%;
	background-color: #fff;
}
#contactalternatecontainer div.contactalternatecontainerinner {
	position: absolute;
	height: 100%;
	width: 100%;
}
#contactalternatecontainer div.contactalternatecontainerinner div.contactalternatecontainerinner2 {
	padding: 3% 5% 5% 5%;
}
#contactalternatecontainer div.contactalternatecontainerinner div.contactalternatecontainerinner2 h2 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif !important;
	font-size: 150%;
	padding-bottom: 3%;
	margin-bottom: 3%;
	border-bottom: 1px solid #808080;
}
img.kontaktinalt {
	float: right;
	width: 7%;
	height: auto;
}
img.kontaktqralt {
	float: right;
	width: 15%;
	height: auto;
	border-left: 1px solid #000;
	padding-left: 2%;
	margin-left: 2%;
	display: none;
}
div.kontaktnevalt {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif !important;
	font-size: 142%;
	border-bottom: 1px solid #000;
	padding-bottom: 1%;
	margin-bottom: 1%;
}
div.kontakttitulusalt {
	color: #666666;
	font-size: 90%;
}
div.kontakttelefonalt {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	font-size: 100%;
	padding-top: 1%;
}
div.kontaktemailalt {
	color: #666666;
}
.contactcontent h2 {
	border-color: #8f8f8f;
}
.contactcontent h2 span {
	border-color: #8f8f8f;
}
label.dagi {
	font-weight: 600;
}
#contatformtable td span, #jelformtable td span {
	color: #f00;
}
#contatformtable input.text {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 100%;
	width: 97%;
	margin: 1% 0% 1% 1ex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background-color: #d2d2d2;
	height: 2em;
	padding: 1%;
}
#contatformtable input.text2 {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 100%;
	width: 97%;
	margin: 1% 0% 1% 1ex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background-color: #d2d2d2;
	height: 2em;
	padding: 1%;
}
#contatformtable input.text5, #jelformtable input.text5 {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 100%;
	width: 99%;
	margin: 1% 0% 1% 1ex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background-color: #d2d2d2;
	height: 2em;
	padding: 1%;
}
#contatformtable textarea.text5 {
	font-family: 'Open Sans', Verdana, sans-serif;
	font-size: 100%;
	width: 99%;
	margin: 1% 0% 1% 1ex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	background-color: #d2d2d2;
	height: 6em;
	padding: 1%;
}
#contatformtable td {
	white-space: nowrap;
}

#ajanlatupload, #jelentkezesupload {
	position: absolute;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

label.cblabel {
	cursor: pointer;
}
:not(#foo) input[type='checkbox'] {
	opacity: 0;
	position: absolute;
	left: 0px;
}
:not(#foo) input[type='checkbox'] + div {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 0px;
	padding-bottom: 2em;
	background-color: #f2f2f2;
	cursor: pointer;
	margin-top: 18%;
}
:not(#foo) input[type='checkbox'] + div img {
	position: absolute;
	width: 100%;
	height: 100%;
}
:not(#foo) input[type='checkbox'] + div img.off {
	display: block;
}
:not(#foo) input[type='checkbox'] + div img.on {
	display: none;
}
:not(#foo) input[type='checkbox']:checked + div img.on {
	display: block;
}
:not(#foo) input[type='checkbox']:checked + div img.off {
	display: none;
}
#reffilterclose {
	display: block;
	float: right;
}
#reffilterclose img {
	display: block;
	border: none;
	width: 100%;
	height: auto;
}
h3.slogan {
	border-top: 1px solid #000;
}
h3.slogan span {
	text-align: justify;
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif !important;
	display: block;
	text-align: center;
	background-color: #ffcd00;
	color: #000;
	padding: 2ex;
	font-weight: normal;
	font-size: 70%;
}
h2.loadmore {
}
h2.loadmore a {
	color: #000;
	text-decoration: none;
}
h2.loadmore a:hover {
	text-decoration: underline;
}
h2.loadmore span {
	text-align: justify;
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif !important;
	display: block;
	text-align: center;
	background-color: #ffcd00;
	color: #000;
	padding: 2ex;
	font-weight: normal;
	font-size: 70%;
}
.hiddenref {
  display: none;
}
#contactrightbox2 {
	overflow: hidden;
}
#contactrightbox2 table {
	x-display: inline-block;
	width: 100%;
}
div.kontakttelefonalt a {
	color: #000;
}
#footerblock ul {
	line-height: 2em;
}
/*#referencedetails section {
    display:none;
}*/

#steppercontainer {
	position: absolute;
}
a.imgstepper {
	display: inline-block;
	position: absolute;
	background-color: #949494;
/*	-webkit-box-shadow: 0px 0px 6px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(255, 255, 255, 0.75);
	box-shadow:         0px 0px 6px rgba(255, 255, 255, 0.75);*/
	outline: none;
	border-radius: 50%;
}
a.imgstepper.active, a.imgstepper:hover {
	background-color: #fff;
}
img.kor {
  width: 20%;
  vertical-align: middle;
}
img.korsep {
  width: 6%;
  vertical-align: middle;
}
a.sztorik {
  background-color: #a6a6a6;
  color: #000;
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif !important;
  font-size: 250%;
  display: block;
  text-decoration: none;
  text-align: center;
  line-height: 200%;
}
a.sztorik:hover, a.sztorik.active {
  color: #fff;
  background-color: #000;
}
#refoverlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.77);
	z-index: 10000;
	overflow: auto;
	display: none;
}
#refdata {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#refdata h1 {
	font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
	font-size: 200%;
	text-transform: uppercase;
	x-border-bottom: 1px solid #000;
	padding-bottom: 1em;
	margin-bottom: 1em;
	margin-top: 0px;
  border-bottom: none;
  text-align: center;
	x-text-align: left;
}
#refcontent a img {
  width: 100%;
}
#refcontent a.stepbk, #refcontent a.stepfw {
  width: 7.5%;
  margin-top: -4%;
}
#refcontent a.stepbk {
  float: left;
  margin-left: -5%;
}
#refcontent a.stepfw {
  float: right;
  margin-right: -5%;
}
#refcontent img {
	font-size: 100%;
  display: block;
  width: 100%;
  margin-top: 1em;
  border: none;
}
#refhead {
	text-align: center;
	background-color: #000;
	line-height: 0px;
}
#refhead > img {
  border: none;
}
#refhead a {
	display: block;
	float: right;
}
#refclose img {
	width: 100%;
}
div.padded {
	padding: 10%;
}
body.popup {
	overflow-y: hidden;
	position: absolute;
}
a.mkor {
  display: block;
}
a.mkor img {
  display: block;
  width: 100%;
}

div.historytoggle {
	vertical-align: middle;
}
div.historytoggle a {
  font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2.8em;
  font-size: 60%;
}
div.historytoggle a.selected {
  font-family: 'ITCAvantGardeStd-Bold', Verdana, sans-serif;
  font-size: 80%;
}
div.historytoggle img {
  width: 1.2em;
}

div.steppercontainer2 {
  background-color: #000;
  color: #fff;
  float: right;
  margin-top: -2em;
  z-index: 1;
  position: relative;
  height: 2em;
  line-height: 2em;
}
div.steppercontainer2 a {
  color: #fff;
  text-decoration: none;
  padding: 0px 1ex;
}
div.steppercontainer2 img {
  width: 1.2em;
}
a[href^="tel"] {
	text-decoration: none;
}

#deptmenu {
	padding: 1em 0;
}
#deptmenu ul {
	font-family: 'ITCAvantGardeStd-Bk', Verdana, sans-serif;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
}
#deptmenu ul li {
	display: inline;
	margin: 0;
	padding: 0 2em;
}
#deptmenu ul li.selected {
	font-family: 'ITCAvantGardeStd-Demi', Verdana, sans-serif;
}
#deptmenu ul li a {
	font-size: 120%;
	color: #fff;
	text-decoration: none;
}
#deptmenu ul li.selected a {
	font-size: 133%;
}
#deptmenu ul li.selected:nth-of-type(1) a, #deptmenu ul li:nth-of-type(1) a:hover {
	color: #f14a4f;
}
#deptmenu ul li.selected:nth-of-type(2) a, #deptmenu ul li:nth-of-type(2) a:hover {
	color: #ffcd00;
}
#deptmenu ul li.selected:nth-of-type(3) a, #deptmenu ul li:nth-of-type(3) a:hover {
	color: #993395;
}
#deptmenu ul li.selected:nth-of-type(4) a, #deptmenu ul li:nth-of-type(4) a:hover {
	color: #2dccd3;
}