html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, div, abbr, dfn, acronym,
table, tr, th, td,
input, select, option, textarea {
    margin: 0;
    padding: 0;
    font: 12px 'Arial', 'Verdana', 'Tahoma', 'Trebuchet MS';
    text-align: left;
}
h1, h2, h3, h4, h5, h6, p, pre, samp, span,
blockquote, ul, li, ol, dl, dd, dt, address, abbr, dfn, acronym {
    cursor: text;
}
.clearfix:after {
    content: '.'; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block }

*:active, object:focus, embed:focus, a { outline: none }
input::-moz-focus-inner { border: 0 }
*.pointer, label { cursor: pointer }
fieldset { border: none }
input, select, option, textarea {
    font-size: 100%;
    outline-style: none;
}
textarea { resize: none; }

.bug { border: 1px solid red }

body {
    color: #696969;
    line-height: 16px;
	background-color: #bdc8ce;
	font-size: 13px;
}

/*
** divs
**/
div#container {
	background: transparent url(/gfx/bg_top_img.gif) no-repeat center 0;
	min-height: 400px;
	padding-top: 39px;
}
div#content {
	width: 980px;
	margin: 0 auto;
}
div.data {
	width: 920px;
	padding: 0 30px;
	float: left;
	background-color: #fff;
    position: relative
}
div.home {
	width: 557px;
	float: left;
	padding-bottom: 10px;
}
div.footernavi {
	width: 920px;
	margin: 0 auto;
	background: #e4eaee url(/gfx/bg_footernavi.gif) no-repeat bottom right;
	padding: 15px 30px;
	float: left;
	color: #000;
}
div.footernavi div {
	float: left;
}
div.footer {
	background-color: #000;
	padding: 15px 30px;
	width: 920px;
	float: left;
	color: #fff;
	line-height: 20px;
}
div.footer div {
	float: right;
	text-align: right;
	line-height: 20px;
}
div.submenu {
	float: left;
	padding: 77px 0 10px 0;
	width: 166px;
}
div.text {
	width: 535px;
	float: left;
	padding: 5px 20px 20px 20px;
}
div.form {
	width: 530px;
	background-color: #e4eaee;
	padding: 10px 0;
	float: left;
}
div.form label {
	display: block;
	float: left;
	width: 95px;
	text-align: right;
	padding-right: 10px;
	cursor: pointer;
	height: 22px;
	margin-bottom: 10px;
	font-size: 13px;
	padding-top: 8px;
	clear: left;
}
div.form input {
	float: left;
	background: transparent url(/gfx/bg_input.gif) no-repeat 0 0;
	width: 310px;
	padding: 8px 5px;
	font-size: 13px;
	clear: right;
	border: 0;
}
div.form textarea {
	float: left;
	background: transparent url(/gfx/bg_textarea.gif) no-repeat 0 0;
	width: 390px;
	height: 90px;
	padding: 5px;
	font-size: 13px;
	clear: right;
	border: 0;
	overflow: auto;
	margin-bottom: 10px;
}
div.form input.error,
div.form textarea.error,
h2.error {
	color: #bb0000;
}
div.news_pic {
	width: 155px;
	height: 110px;
	background: transparent url(/gfx/bg_news_pic.gif) no-repeat 0 0;
	padding: 10px 0 0 10px;
	position: relative;
	margin-bottom: 20px;
}
div.submenu div.news_pic span {
	display: block;
	width: 80px;
	height: 20px;
	background-color: #000;
	z-index: 100;
	position: absolute;
	top: 10px;
	right: 1px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
}
div.newsitem {
	width: 540px;
	height: 120px;
	margin-top: 20px;
}
/*
** pager
**/
div.pager {
	float: left;
	clear: both;
	border-top: 1px solid #e4eaee;
	text-align: right;
	width: 520px;
	height: 25px;
	padding: 15px 20px 0 0;
	margin-top: 30px;
}
div.pager a {
	font-size: 13px;
	margin-right: 13px;
	text-decoration: none;
}
div.pager a:hover {
	text-decoration: underline;
}
div.pager strong {
	margin-right: 13px;
	font-size: 13px;
	font-weight: normal;
}
div.pager a.nm {
	margin-right: 0;
}
/*
** html
**/
div.html img {
	border: 0;
}
/*
** headers
**/
h1 {
	color: #0078ba;
	font-size: 23px;
	padding: 10px 20px 5px 20px;
	background-color: #e4eaee;
	margin-top: 10px;
}
div.home h1 {
	color: #0078ba;
	font-size: 23px;
	padding: 20px 0 5px 0;
	margin: 0;
	background-color: transparent;
}
h2 {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e4eaee;
	color: #000;
	margin-top: 20px;
}
/*
** links
**/
a#hu,
a#en
{
/*  height: 25px;
    width: 60px;
    display: block;
    position: absolute;
    text-indent: -10000px;
    right: 30px;
    top: 0;*/  
}

.lang {
	position: absolute;
	right: 44px;
    top: 10px;
}

.lang a {
	float: left;
	font-family: "Trebuchet MS", arial, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}

.lang a:hover {
	color: #289ad9;
	text-decoration: none;
}

.lang a.active {
	color: #289ad9;
}

.lang .sep {
	padding: 0 5px;
}
/*
a#hu {
    right: 95px;
    width: 55px;
}

a#ro {

}*/

a {
    color: #0078ba;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
div.footernavi div a {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
div.footernavi div a:hover {
	text-decoration: underline;
}
div.footer a {
	color: #fff;
	text-decoration: none;
}
div.footer a:hover {
	text-decoration: underline;
}
div.submenu a {
	display: block;
	width: 126px;
	border-bottom: 1px solid #e4eaee;
	padding: 15px 20px;
	color: #0078ba;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}
div.submenu a:hover,
div.submenu a.active {
	border-bottom: 1px solid #e4eaee;
	background-color: #000;
	color: #fff;
}
div.submenu a.first {
	border-top: 1px solid #e4eaee;
}
div.submenu br {
	line-height: 0;
}
h2 a {
	color: #000;
}
h2 a:hover {
	text-decoration: none;
}
a.more {
	background: transparent url(/gfx/bg_li.gif) no-repeat 100% 4px;
	padding-right: 14px;
	text-decoration: none;
}
a.more:hover {
	text-decoration: underline;
}
a.back,
a.top {
	background: transparent url(/gfx/bg_back.gif) no-repeat 0 5px;
	padding-left: 14px;
	float: right;
}
a.top {
	background: transparent url(/gfx/bg_top.gif) no-repeat 0 5px;
}
div.submenu div.news_pic a {
	display: inline;
	width: auto;
	border: 0;
	padding: 0;
	color: #0078ba;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	position: absolute;
}
div.submenu div.news_pic div.submenu a:hover {
	border: 0;
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
div.submenu div.news_pic div.submenu a:hover img {
	border: 0;
	outline: none;
}
/*
** table
**/
table.prices  {
	width: 300px;
}
table.prices th,
table.prices td {
	padding: 5px;
	text-align: center;
}
table.prices th {
	background-color: #E4EAEE;
}
table.prices td {
	border-bottom: 1px solid #E4EAEE;
}
/*
** lists
**/
ul,
ol {
    padding: 0 10px 10px 10px;
    margin: 0;
	clear: both;
}
ul {
	list-style-type: none;
}
ol {
	padding: 0 28px 10px 28px;
}
ul li,
ol li {
    padding: 0 0 0 16px;
    margin: 0;
    background: transparent url(/gfx/bg_li.gif) no-repeat 0 6px;
	line-height: 20px;
}
ol li {
	background: none;
	padding: 0;
}
div.footernavi ul {
	padding: 10px 0;
}
div.footernavi ul li {
	line-height: 16px;
	padding-bottom: 5px;
	background-position: 0 4px;
}
/*
** paragraph, formats
**/
p {
	font-size: 13px;
	padding: 10px 0;
	line-height: 18px;
}

/*
** additional
**/
.marked { font-weight: bold; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.mt10 { margin-top: 10px }

/*
** layer
**/
div.layer {
	width: 448px;
	height: 488px;
	background: transparent url(/gfx/hu/warning.jpg) no-repeat left top;
}
div.layer img {
	float: right;
}
#popupdiv{
	display: none;
}
div#fancybox-wrap{
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%,-50%);
}
div#fancybox-wrap {
	width: 60% !important;
	max-width: 80% !important;
	height: 80% !important;
	max-height: 80% !important;
}
div#fancybox-wrap #popupdiv{
	display: block;
}
#fancybox-inner {
	width:90% !important;
	max-width: 90% !important;
	display: contents;
}
#fancybox-outer{
	height: auto !important;
	padding: 30px;
	left: 50% !important;
	top: -120% !important;
	transform: translate(-50%,50%);
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Copyright (c) 20010 Janis Skarnelis
 * Examples and documentation at: http://fancybox.net
 *
 * Version: 1.3.0 (02/02/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/gfx/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 25px;
	height: 25px;
	background: url('/gfx/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
    font: 13px "Georgia";
	color: #000;
	z-index: 1100;
}

.fancybox-title-inside {
    height: 34px;
	padding: 20px 0 0 0;
	text-align: center;
    font: 13px "Georgia";
	color: #000;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('/gfx/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('/gfx/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('/gfx/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('/gfx/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/gfx/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0;
}

#fancybox-right {
	right: 0;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	bottom: 1px;
	width: 110px;
	height: 52px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
    left: 1px;
	background: transparent url('/gfx/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
    right: 1px;
	background: transparent url('/gfx/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 1px;
}

#fancybox-right:hover span {
	right: 1px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('/gfx/fancybox/fancy_shadow_nw.png') no-repeat;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
/*
** menu
**/
ul.menu {
	width: 920px;
	height: 66px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(/gfx/en/menu.gif) no-repeat 0 0;
	float: left;
}
ul.menu li {
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	text-indent: -9999px;	
	overflow: hidden;
	background: none;
}
ul.menu li a {
	height: 66px;						
	border: 0;
	display: block;
}
ul.menu li a:hover,
ul.menu li a.active {
	background: transparent url(/gfx/en/menu_hover.gif) no-repeat 0 0;
	background-position: 0 0;
}
ul.menu li#fooldal a {
	width: 285px;
}
ul.menu li#fooldal a:hover,
ul.menu li#fooldal a.active {
	background-position: 0 0;
}
ul.menu li#innight_vilaga a {
	width: 118px;
}
ul.menu li#innight_vilaga a:hover,
ul.menu li#innight_vilaga a.active {
	background-position: -285px 0;
}
ul.menu li#szolgaltatasok a {
	width: 78px;
}
ul.menu li#szolgaltatasok a:hover,
ul.menu li#szolgaltatasok a.active {
	background-position: -403px 0;
}
ul.menu li#partnereinknek {
	width: 123px;
}
ul.menu li#partnereinknek a:hover,
ul.menu li#partnereinknek a.active {
	background-position: -481px 0;
}
ul.menu li#veszelyes_aru {
	width: 258px;
}
ul.menu li#veszelyes_aru a {
    height: 40px;
    margin-top: 26px;
}
ul.menu li#veszelyes_aru a:hover,
ul.menu li#veszelyes_aru a.active {
	background-position: -604px -26px;
}
/*ul.menu li#karrier {
	width: 69px;
}
ul.menu li#karrier a:hover,
ul.menu li#karrier a.active {
	background-position: -790px 0;
}*/
ul.menu li#hirek {
	width: 58px;
}
ul.menu li#hirek a {
    height: 40px;
    margin-top: 26px;
}
ul.menu li#hirek a:hover,
ul.menu li#hirek a.active {
	background-position: -862px -26px;
}/*
a#hu,
a#en {
	background: transparent url('/gfx/en/menu.gif') no-repeat 100% 0;
}
a#hu {
	background: transparent url('/gfx/en/menu.gif') no-repeat -800px 0;
}
a#hu:hover,
a#hu.active,
a#en:hover,
a#en.active {
	background-image: url('/gfx/en/menu_hover.gif');
}*/
div.box1,
div.box2 {
	background: transparent url(/gfx/en/bg_box1.gif) no-repeat 0 0;
	width: 156px;
	height: 85px;
	float: left;
	margin-top: 19px;
	padding: 150px 20px 0 10px;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}
div.box2 {
	background: transparent url(/gfx/en/bg_box2.gif) no-repeat 0 0;
	width: 157px;
	height: 85px;
	padding: 150px 10px 0 10px;
}
div.form input.submit {
	width: 120px;
	height: 35px;
	background: transparent url(/gfx/en/bg_submit.gif) no-repeat 0 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border: 0;
}