body {
	background-color: #ffffff;
}

.clearfix:after, del {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
.hideover { /* hack / workaround */
	overflow: hidden;
}

pre {
	position: fixed;
	bottom: 10px;
	left: 10px;
	color: #ffffff;
	background: #333333;
	padding: 5px;
	margin: 0;
}

@font-face {
	font-family: TwCenMT; src: url('media/TwCenMT.woff');
}
@font-face {
	font-family: TwCenMT; font-weight: bold; src: url('media/TwCenMTBold.woff');
}
@-ms-viewport { width: device-width; }
html {
	height: 100%;
}
body.new-body {
	height: 100%;
	background: #000000;
	font-family: "TwCenMT";
	margin: 0;
}
.new-body .holder {
	min-height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: #eeeeee;
	color: #111111;
	width: 1024px;
}
.new-body .header {
	height: auto;
	width: 1024px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.new-body .header.sticked {
	position: fixed;
	top: -370px
}
.new-body .logo-holder {
	position: fixed;
	top: 0;
	z-index: 1;
}
.new-body .logo-holder.scrollout {
	top: auto;
	position: absolute;
	bottom: 187px;
}
.new-body .logo {
	left: 445px;
	width: 500px;
	height: auto;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
}
.new-body .logo img {
	width: 100%;
	height: 100%;
	display: block;
}
.new-body .header-img {
	width: 100%;
	display: block;
	position: absolute;
}
.new-body .header-img img {
	width: 100%;
}
.new-body .header-img-height img {
	width: 100%;
	display: block;
	visibility: hidden;
}
.new-body .menu {
	width: 100%;
	background: rgba(0, 119, 0, 0.8);
	height: 40px;
	/*margin-top: -40px;
	position: relative;*/
	bottom: 0;
	position: absolute;
}
.new-body .menu-item {
	color: #ffffff;
	display: inline-block;
	font-size: 130%;
	padding: 8px 15px;
	cursor: pointer;
	text-transform: uppercase;
	transition: padding 0.1s ease 0s;
}
.new-body .menu-item:hover {
	background: #00bb33;
}
.new-body .menu-separator {
	color: #ffffff;
	display: inline-block;
	font-size: 130%;
}
.new-body .menu-active {
	font-weight: bold;
}
.new-body div.menu-active {
	cursor: auto;
}
.new-body .body {
	padding-top: 410px;
	padding-bottom: 32px;
}
.new-body .footer {
	background-color: #116611;
	bottom: 0;
	height: 32px;
	position: fixed;
	width: 1024px;
	color: #ffffff;
	text-align: center;
}
.new-body .footer-item {
	display: inline-block;
	padding-top: 6px;
}
.new-body .footer-item a {
	color: #ffffff;
}
.new-body .footer-separator {
	width: 20px;
	display: inline-block;
}
@media (max-width: 1024px) {
	.new-body .holder {
		width: 100%;
	}
	.new-body .header {
		height: auto;
		width: 100%;
		position: relative;
	}
	.new-body .header.sticked {
		position: inherit;
		top: inherit;
	}
	.new-body .logo-holder {
		position: relative;
		top: auto;
	}
	.new-body .logo {
		left: 43.5%;
		width: 48.8%;
		height: auto;
	}
	.new-body .menu {
		height: auto;
	}
	.new-body .header.sticked .menu {
		top: 0;
		position: fixed;
		height: 4vw;
		background: rgba(0, 119, 0, 1);
	}
	.new-body .menu-item {
		font-size: 2vw;
		padding: 8px 1%;
	}
	.new-body .menu-separator {
		font-size: 2vw;
	}
	.new-body .body {
		padding-top: 0;
		padding-bottom: 0;
	}
	.new-body .footer {
		font-size: 80%;
		line-height: 200%;
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.new-body .footer-item {
		padding-top: 2px;
	}
}
@media (max-width: 500px) {
	.new-body .header {
	}
	.new-body .logo-holder.scrollout {
		position: relative;
		top: auto;
		bottom: auto;
	}
	.new-body .header .header-img {
		display: none;
	}
	.new-body .header .header-img-height {
		display: none;
	}
	.new-body .logo {
		border: none;
		left: 0;
		position: relative;
		width: 100%;
	}
	.new-body .menu {
		margin-top: 0;
		position: relative;
	}
	.new-body .header.sticked .menu {
		top: auto;
		position: relative;
		height: auto;
	}
	.new-body .menu-item {
		border-top: 1px solid white;
		display: block;
		font-size: 80%;
	}
	.new-body .menu-separator {
		display: none;
	}
}

.szoveg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	padding: 0 30px 0 30px;
	text-align: justify;
	margin-bottom: 30px;
}
@media (max-width: 500px) {
	.szoveg {
		padding: 0 10px 0 10px;
	}	
}
.szoveg.serif {
	font-family: inherit;
}
.new_elerhet_email {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
}

.new_menu {
	float: left;
	margin-right: 1em;
	padding-right: 1em;
	width: 14em;
}

.new_menu.fixed {
	position: fixed;
}

.new_menu * {
	font-weight: normal;
}
.new_menu * * {
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 10px 2px 0;
	text-align: left;
	font-family: Georgia, serif;
	background: url(images/mi.png) no-repeat right top;
	font-style: normal;
}

.new_menu * * * {
	margin-left: 0.5em;
}

.new_menu .mainlink img {
	width: 10em;
	margin: auto;
	border-width: 0;
}

.new_menu .mainlink,
.new_menu .mainlink img,
.new_menu .cat {
	background: none;
	padding: 0;
}

.new_menu .menutree {
	margin: 2em auto;
}

.new_menu .selected {
	font-weight: bold;
	background-image: url(images/mia_gre.png);
}

.new_menu .ancestor {
	font-weight: bold;
	background-image: url(images/mia_yel.png);
}

.new_menu a:hover {
	background-image: url(images/mia_red.png);
	text-decoration: underline;
	color: red;
}

.navbar {
	font-size: smaller;
	font-weight: lighter;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: gray;
	margin-left: 20em;
}

.new-body .navbar {
	margin-left: 0;
}

.navbar a {
	color: gray;
	text-decoration: none;
}

.navbar a:hover {
	color: black;
	text-decoration: underline;
}

.bemutato {
	font-family: Georgia, serif;

	padding: 10px;
	border: 1px solid black;
	float: right;
	box-sizing: border-box;
	width: 100%;
/*
	margin-left: 16em;
*/
}

.bemutato .right {
	float: right;
}

.bemutato .fixwidth {
	width: 12em;
}

.yellow {
	background: #ffffcc;
}

.bemutato div span {
	font-weight: bold;
	font-style: italic;
}

.bemutato .highlight {
	text-transform: uppercase;
	font-weight: bold;
	font-style: italic;
}

.bemutato .warning {
	margin: 6px 0 12px 0;
	text-align: center;
	font-style: normal;
	color: #ff0000;
	font-variant: small-caps;
	font-size: larger;
	font-weight: bold;
}

.tnev {
	margin: 1em auto;
	text-align: center;
	font-size: xx-large;
	font-family: Arial, sans-serif;
}

a.new_letolt {
	font-family: Arial, sans-serif;
	color: black;
	text-decoration: none;
	float: right;
	background: url(images/mia_yel.png) no-repeat 0;
	font-size: 100%;
/*
	padding: 3px;
	border: 1px solid black;
*/
	padding-left: 16px;
}

a.new_letolt:hover {
	color: red;
	background-image: url(images/mia_red.png);
	text-decoration: underline;
}

.indexpage {
	width: 56em;
	margin: auto;
	font-family: Georgia, serif;
}
.indexpage .focim {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bolder;
	color: #000066;
	text-align: center;
	margin-top: 19px;
	margin-bottom: 4px;
}

.indexpage .address {
	text-align: center;
	color: #000000;
	font-size: 16px;
	margin-bottom: 34px;
}

.indexpage .address .key {
	padding-left: 20px;
}

.indexpage .mainlink {
	display: block;
	width: 10em;
}

.indexpage .mainlink img {
	width: 10em;
}

.indexpage .menu {
	margin: 2em auto;
	font-size: 18px;
}

.indexpage .menutree {
}

.indexpage .menutree > a {
	margin: 0 7px;
}
.indexpage .menutree > a:first-child {
	margin-left: 0;
}
.indexpage .menutree > a:last-child {
	margin-right: 0;
}

.new_main {
	width: 56em;
	margin: auto;
	position: relative;
	padding-left: 8em;
	left: -8em;
}

.new_contents {
	margin-left: 16em;
}

.new_elerhet {
	margin-top: 3em;
/*
	background: url(images/mi.png) repeat-y right;
	position: absolute;
	bottom: 0;
*/
}

.new_elerhet * {
	background: none;
}

.new_elerhet_cat {
	font-weight: bold;
}

.new_elerhet_data {
	padding-left: 6px;
}

a.new_elerhet_data {
	letter-spacing: -1px;
}

a.new_elerhet_data:hover {
	background: none;
}

a:visited {
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* termékek table */
.products {
	border: 0;
	text-align: center;
	border-collapse: collapse;
	empty-cells: hide;
	padding: 3px;
	width: 100%;
	max-width: 100%;
}
.products .theader {
	width: 50%;
	font-weight: bold;
	font-size: larger;
	padding-bottom: 10px;
}
.products .separator {
	height: 6pt;
}
.products .empty {
	background: #ffffff;
}
.products .subheader {
	font-weight: bold;
	padding: 15px 0 5px 0;
}

.products .footer-info {
	text-align: left;
	font-size: smaller;
	padding: 4px 0 0 0;
}

.products .toclink, .toclink-category {
	font-size: smaller;
}
.products .toclink {
	border: solid gray;
	border-width: 0 1px;
	padding: 2px 6px;
}
.products .tcl-top {
	border-top-width: 1px;
}
.products .tcl-bottom {
	border-bottom-width: 1px;
}
.products .toclink-odd {
	background: #ffffdd;
}
.products .toclink-even {
	background: #ffffaa;
}
.products .toclink-blue {
	background: #ddffff;
}
.products .toclink-category {
	background: #ffffff;
	font-weight: bold;
}

.products .toclink a {
	padding: 0;
	display: inline-block;
	color: #000000;
}
.products .toclink a:visited {
	color: #000000;
}
.products .toclink a:hover {
	color: #ff0000;
}

/* reference */
.reference {
	border: 1px solid #000000;
	background: #ffffcc;
	margin: 30px 0 50px 0;
}
.reference .title {
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #000000;
}
.reference .content {
	display: table;
	width: 100%;
}
.reference .content .content-image,
.reference .content .content-text {
	display: table-cell;
	vertical-align: middle;
	padding: 8px;
	font-size: 90%;
	text-align: left;
}
.reference .content .content-image {
	width: 180px;
	text-align: center;
}
.reference .content .content-image a {
	display: inline-block;
	vertical-align: middle;
}
.reference .content .content-image img {
	display: block;
}
.reference .content .content-text {
	max-width: 100%;
	border-left: 1px solid #000000;
}
.reference .content .content-text ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 1.2em;
}

.mapcontent {
	height: 400px;
}

/* text */
.txt {
}
.txt h2 {
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}
.txt p {
	margin: 30px 0;
}
.txt .m-y-s {
	margin-top: 16px;
	margin-bottom: 16px;
}
.txt .indent {
	text-indent: 1em;
}
.txt .b {
    font-weight: bold;
}

.txt .left {
	text-align: left;
}
.txt .right {
	text-align: right;
}
.txt .center {
	text-align: center;
}
.txt .justify {
	text-align: justify;
}
.txt .xs {
	font-size: 82%;
}
.txt .s {
	font-size: 92%;
}
.txt .xl {
	font-size: 20px;
}
.txt .xxl {
	font-size: 24px;
}
.txt .image {
	display: inline-block;
	padding: 0 10px 0 10px;
}
.txt .image.border {
	border: 1px dashed lightgray;
	background: #f8f8f8;
	text-align: center;
	padding: 6px 6px 3px 6px;
	font-size: small;
	margin: 2px 16px 14px 16px;
}
.txt .image.left {
	float: left;
	margin-left: 0;
}
.txt .image.right {
	float: right;
	margin-right: 0;
}
.txt .image.center {
	margin: 0 auto;
}
.txt .image > a {
	display: block;
}
.txt .image img {
	display: block;
	max-width: 100%;
}

.txt .style1 {
	color: #666666;
}
.txt .style3 {
	font-size: 24px;
}
.txt .style5 {
	font-size: 16px;
}
.txt .style7 {
	color: #cc0000;
	font-weight: bold;
}

.txt ul.vendors {
}
.txt ul.vendors > li {
	margin-bottom: 20px;
}
.txt ul.vendors.hl {
	font-size: 36px;
	list-style: none;
}
.txt ul.vendors.hl > li > a {
	color: #000000;
}
.txt ul.vendors.hl > li > a:hover {
	color: #cc0000;
}
.txt ul.vendors > li > ul {
	font-size: 18px;
}
.txt ul.vendors > li.distributor {
	color: #009999;
	font-size: 24px;
}
.txt ul.vendors > li.distributor li.retail {
	color: #000000;
}
.txt ul.vendors > li.retail {
	font-size: 24px;
}

.txt ul.vendors .distributor .info-retail {
	padding-left: 10px;
	font-size: 20px;
}

.txt ol {
	list-style-type: none;
	counter-reset: item;
	margin: 0;
	padding: 0;
}

.txt ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

.txt ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

.txt li ol > li {
	margin: 0;
}

.txt li ol > li:before {
	content: counters(item, ".") " ";
}

.txt .infotable {
	width: 100%;
	border-collapse: collapse;
}
.txt .infotable ul {
	margin: 0;
}

.txt .infotable.table-product tbody tr td {
	text-align: center;
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
}

.txt .infotable tbody tr td.left {
	text-align: left;
}

.txt .infotable tbody tr.doubleborder {
}

.txt .infotable tbody tr.doubleborder.head td {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

.txt .infotable tbody tr.doubleborder td:first-child {
	border-left: double #000000;
}
.txt .infotable tbody tr.doubleborder td:last-child {
	border-right: double #000000;
}

.txt .infotable tbody tr.doubleborder.top {
	border-top: double #000000;
}

.txt .infotable tbody tr.doubleborder.bottom {
	border-bottom: double #000000;
}

.txt .infotable tbody tr.doubleborder.bottom + tr td {
	padding-top: 18px;
	padding-bottom: 4px;
}

.txt .infotable.table-product tbody tr td { border: 1px solid #000000; }
.txt .infotable.table-product tbody tr td { vertical-align: middle; }
.txt .infotable.table-product tbody tr td:first-child { border-left: double #000000; border-right: 2px solid #000000; text-align: left; }
.txt .infotable.table-product tbody tr td:last-child { border-right: double #000000; }
.txt .infotable.table-product tbody tr td.borderfix { border: 1px solid #000000; text-align: center; }
.txt .infotable.table-product tbody tr:first-child td { border-top: double #000000; border-bottom: double #000000; text-align: center; }
.txt .infotable.table-product tbody tr:last-child td { border-bottom: double #000000; }

.txt .infotable tr.padbottom td { padding-bottom: 20px; }
.txt .infotable tr td.sum { border-top: 1px solid #000000; }
.txt .infotable td.width1p { width: 1%; }

.txt .infotable.border tbody tr td,
.txt .infotable.border thead tr th {
	border: 2px solid #000000;
	padding: 1px 6px;
}

.txt .infotable.table-appendix {
	text-align: left;
}

.txt .infotable.table-appendix tbody tr td {
	width: 100%;
}

.txt .infotable.table-appendix tbody tr td:first-child {
	width: 30%;
}

.txt .pager {
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: smaller;
}

.txt .pager .left {
	max-width: 48%;
}

.txt .pager .right {
	max-width: 48%;
	float: right;
}

.txt .downloads {
	display: block;
	margin: 15px 0;
	font-size: 0;
}

.txt .downloads .download-description,
.txt .downloads .download-msds {
	display: inline-block;
	width: 112px;
	height: 112px;
	margin-right: 16px;
}
.txt .downloads .download-description {
	background-image: url(media/ico-download-description.png);
}
.txt .downloads .download-msds {
	background-image: url(media/ico-download-msds.png);
}

.txt .dont-paint {
    background-color: #bbbbbb;
}

.p-l-md {
  padding-left: 15px !important;
}

.infobox-warn {
	background: #db7; /* barna */
	color: #161; /* sotetzold */
	font-size: 130%;
	padding: 5px;
	text-align: center;
	font-weight: bold; 
}

.infobox-warn-icon {
	animation: blink-animation 2s steps(10, start) infinite;
	background: #161; /* sotetzold */
	border-radius: 50%; /* kor */
	color: white;
	display: inline-block;
	height: 17px;
	margin: -5px 10px;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-right: 4px;
	width: 17px;
	vertical-align: middle;
}

.infobox-warn p {
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 10px 0;
}

.infobox-warn p:first-of-type {
	margin-top: 0;
}
.infobox-warn p:last-of-type {
	margin-bottom: 0;
}

@keyframes blink-animation { 0%{opacity:1;} 50%{opacity:0.5;} 100%{opacity:1;} }