﻿/* Net-System alap CSS */
body { font: .8em Arial, Helvetica, sans-serif; padding: 0; margin: 0; background: #000;position:relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
form { padding: 0; margin: 0; }
input, select, textarea {font:1em Arial, Helvetica, sans-serif;border:1px solid;border-color:#999 #ccc #ccc #999;padding:5px;}

button { 
    font: 1em Arial, Helvetica, sans-serif; 
    cursor: pointer; 
    padding: 4px; 
    border: 1px solid #bbb; 
    border-radius: 3px;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
}
button:hover {}
button:focus { outline: none; }
button::-moz-focus-inner { border: 0; }
button:active { background-color: #9c3; color: #fff; }

a { color: #09c; }
a:hover { color: #c30; }
a img { border: none; }
.fltrt{float:right;margin-left:10px;}
.fltlft{float:left;margin-right:10px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.clean{border:none;background:none;padding:0;margin:0;}
.hiba{color:#d00;}
label.error{width: auto; display: inline; color: #d00; font-style: italic; padding-left: 5px;}
input.error{border: 1px solid #f00;border-color: #d00 #f99 #f99 #d00;background: #fff4f4;}
textarea.error{ border-color: #966 #c99 #c99 #966; }
input.captcha { width: 170px; text-align: center; font-weight: bold; color: crimson; }
/* Start of "Micro clearfix" */    
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */
.ar {text-align:right;}
.ac {text-align:center;}
.al {text-align:left;}
#left_navmenu > li:first-child > a{
	font-size:16px;
	color: yellow;
}
#left_navmenu > li:first-child > a:hover{
	color: white;
}

#left_navmenu > li:nth-child(2) > a{
    font-size:16px;
    color: yellow;
}
#left_navmenu > li:nth-child(2) > a:hover{
    color: white;
}

/*
---------------------------------------------------------*/
#container {width:970px;margin:0 auto;}
#off-car{ color: darkred; }
/*
---------------------------------------------------------*/
#header {	
	height: 327px;
	float:left;
	/*background: url(/images/header_bg.png);*/
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin-top:-30px;
}
#header h1 { padding: 0; margin: 0 0 0 -5000px; }
#header_top {height:39px;width:970px;background: url(/images/header_top_bg.png);}
/*
---------------------------------------------------------*/
#menu {
	float: left;
	width: 263px;
	background: rgba(0, 0, 0, 0.5);
	margin-left: 11px;
	margin-top: -342px;
	position:relative;
	z-index: 10;
}
#menu_top_logo {background: url(/images/menu_logo_top.png); width:240px;height:55px;margin-top:16px;}
#menu_top_logo a {display: block; width:240px;height:55px;}
#menu blockquote {
	padding: 13px;
	margin: 0;	
}
#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.banner {margin: 4px 0;}
.banner_white {background: rgba(255, 255, 255, 0.9);padding: 20px 0;}
#changelang {
	text-align: center;
	margin: 1em 0 !important; 
}
#changelang li {
	display: inline;
	padding: 0 2px;
}
#changelang li:first-child {
	border-left: none;
}
/*
---------------------------------------------------------*/
#content {
	float: left;
	width: 696px;	
	font-size:12px;
	margin-bottom: 5px;
}
#content blockquote {
	padding: 0 33px 33px 33px;
	margin: 5px 0 0 4px;
    line-height:1.5;
	background: rgba(255, 255, 255, 0.9);
}
#content h1 {
	padding: 33px 0;
	margin:  0;
	color:#e62c25;
	font-size: 2em;
	text-transform: uppercase;
}
#content hr {
	border: 1px solid #FFF;
	border-top: 1px solid #DDD;
	margin: 1em 0;
}

#content fieldset {
	margin:10px;
	padding:10px;
	border:1px solid #ccc;
}
#content legend {
	font-weight: bolder;
}

#content .regisztracios_form p label {
	font-weight: bold;
}
#content .regisztracios_form p input {
}
#content .regisztracios_form p span.kotelezo {
	color: #d00;
	font-weight: bolder;
}
#content .regisztracios_form p input.kotelezo {
}
#content .regisztracios_hiba {
	border: 1px solid #d00;
	background: #fed;	
	color: #d00;
	font-weight: bolder;
	padding: 1em;
	margin: 1em;
}
#content .sikeres_regisztracio {
	border: 1px solid #6c6;
	background: #efe;
	color: #060;
	font-weight: bolder;
	padding: 1em;
	margin: 1em;
}

#content .kotelezo {
	color: #c30;
	font-size: larger;
}
#kuld{
	background:lightgreen;
	color:darkred;
	font-weight: bold;
}
.data-tbl {width:100%}
.data-tbl th {width:20%;text-align:left;}
/* Hírek, fórum, blog
---------------------------------------------------------*/
.article { }
.article_title { margin: 0; }
.article_title a { text-decoration: none; }
.article_datas { color: #666; }
.article_lead { }
.article_lead p { margin: 0; }

.article_details {}
.article_details .article_datas { margin-bottom: 1em; }
.article_details .article_lead { font-weight: bold; }
/*
---------------------------------------------------------*/
.tleiras {}
.tmegj { font-style: italic; margin-top: 1em; }

/* Fórum, blog
---------------------------------------------------------*/
.comment_form { background: #ddd; padding: 1em; margin: 1em 0; border-top: 1px solid #ccc; }
.comment_form h3 { margin: 0; }
.comment_form label { font-weight: bold; }
.comment_form textarea { width: 99%; height: 5em; }

.comments { }
.comments h4 { }
.comment { }
.comment hr { }
.comment_content { background: #ddd; padding: 1em; }
.comment_data { font-weight: bold; padding: .5em 1em; margin-bottom: 1em;
                background: url(/images/comment_bubble_corner.png) no-repeat 2em 0; }
/*
---------------------------------------------------------*/
#footer {
    clear: both;
	float:left;
    background: rgba(157, 44, 46, 0.85);
    position: relative;
	color:#fefefe;
	padding: 11px 0;
}
#footer blockquote {
    padding: 11px;
    margin: 0;    
    text-align: center;
	border-top:2px groove #ccc;
}
/* #footer_left {width:274px;float:left;text-align:center;padding-top:66px;} */
#footer_left {width:274px;float:left;}
#footer_middle {width: 452px;float:left;line-height: 1.5;}
#footer_right {width:244px;float:left;}
/* Naptár
---------------------------------------------------------*/
#eventcalendar {
    margin:10px 0;
}
.calendar {
	border: 1px solid #444;
    border-collapse: collapse;
	margin: auto;
    /*font: 13px/1 Tahoma, Arial, sans-serif*/;
}
.calendar td {
    padding: 0;
	border: 1px solid #ccc;
    text-align: center;
    width: 30px;
    line-height: 25px;
}
.calendar a {
	text-decoration: none;
	display: block;
}
.calendar thead td {
    background: #333;
    font-weight: bold;
    color: #fff;
    text-shadow:1px 1px #000;
	border: 1px solid #222;
}
.calendar thead td a {
    color: #9c3;
}
.calendar tbody td {
    background: #eee;
    text-shadow:1px 1px #fff;
}
.calendar tbody td a {
    color: #000;
}
.today a {color: #f00 !important; font-weight:bold; text-decoration:underline;}
.sunday a {background-color:#ddd; color: #333 !important; font-weight:bold;}
.event a {background-color:#9cf !important; font-weight:bold;}

/* Galéria
---------------------------------------------------------*/
.gnev {}
.gleiras {}
.egykep {float:left;position:relative;border:1px solid #ccc;padding:5px;margin:5px;}
.egykep .kep {width:180px;height:180px;overflow:hidden;}
.egykep .kep a {text-decoration:none;}
.egykep .kepleiras {font-size:smaller;width:180px;height:40px;overflow:auto;}

/*
---------------------------------------------------------*/
#veletlen_termekek {
	margin: 0 auto;
}
#veletlen_termekek .egy_random_termek {
	width: 140px;
	height: 140px;
	overflow: hidden;
	float: left;
	margin: 10px 18px;
	border: 1px solid #3377CC;
	position: relative;
	background: #DEE9FF;
}
#veletlen_termekek hr {
	border: 1px solid #FFF;
	border-top: 1px solid #DDD;
	margin: .5em 0;
}
#veletlen_termekek .random_termek_nev {
	width: 100%;
	text-align: center;
	font-size: 10px;
}
#veletlen_termekek .random_termek_nev a {
    color: #000;
	text-decoration: none;
}
#veletlen_termekek .random_termek_kep{
	text-align: center;
}
#veletlen_termekek .random_termek_ar{
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #DEE9FF;
	text-align: center;
	font-weight: bold;
}




/*
netsystem.menu
*/
/* Net-System menü CSS */
ul#left_navmenu,
ul#left_navmenu li,
ul#left_navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 236px; /*KHTML*/
  list-style: none;
}
ul#left_navmenu li {
  *display: inline; /* IE */
  height:1%;
  position: relative;
}
/* 1. szint */
ul#left_navmenu a {
  border-bottom: 1px solid #fff;
  padding: 5px 5px 5px 5px;
  margin: 0;
  display: block;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  height: auto !important;
  font-weight: bold;
  font-size: .9em;
  height: 1%; /*For IE*/
}
/* 1. szint hover */
ul#left_navmenu a:hover {
  color: #fbed24;
}
/* 2. szint */
ul#left_navmenu li:hover li a,
ul#left_navmenu li.iehover li a {
	background: rgba(0, 0, 0, 0.7);
}
/* 2. szint hover */
ul#left_navmenu li:hover li a:hover,
ul#left_navmenu li:hover li:hover a,
ul#left_navmenu li.iehover li a:hover,
ul#left_navmenu li.iehover li.iehover a {
}
/* 3. szint */
ul#left_navmenu li:hover li:hover li a,
ul#left_navmenu li.iehover li.iehover li a {
}
/* 3. szint hover */
ul#left_navmenu li:hover li:hover li a:hover,
ul#left_navmenu li:hover li:hover li:hover a,
ul#left_navmenu li.iehover li.iehover li a:hover,
ul#left_navmenu li.iehover li.iehover li.iehover a {
}
/* 4. szint */
ul#left_navmenu li:hover li:hover li:hover li a,
ul#left_navmenu li.iehover li.iehover li.iehover li a {
}
/* 4. szint hover */
ul#left_navmenu li:hover li:hover li:hover li a:hover,
ul#left_navmenu li.iehover li.iehover li.iehover li a:hover {
}
ul#left_navmenu ul,
ul#left_navmenu ul ul,
ul#left_navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 236px;
  z-index: 9999;
}
/* Ne tedd máshová - display:block előtt kell jönnie (Gecko) */
ul#left_navmenu li:hover ul ul,
ul#left_navmenu li:hover ul ul ul,
ul#left_navmenu li.iehover ul ul,
ul#left_navmenu li.iehover ul ul ul {
  display: none;
}
ul#left_navmenu li:hover ul,
ul#left_navmenu ul li:hover ul,
ul#left_navmenu ul ul li:hover ul,
ul#left_navmenu li.iehover ul,
ul#left_navmenu ul li.iehover ul,
ul#left_navmenu ul ul li.iehover ul {
  display: block;
}




/*
netsystem.menu.bottom
*/
/* Net-System menü CSS */
#menu_bottom { margin: 1em 0;}
#bottom_navmenu { margin: 0; padding: 0; border: none; list-style: none; }
#bottom_navmenu li { display: inline; }
#bottom_navmenu li a { padding: 0 .5em;	color: #FFF; text-decoration: none;	border-left: 1px solid #3AF; }
#bottom_navmenu li:first-child a { border: none; }
#bottom_navmenu li a:hover { }




/*
netsystem.e_comm_menu
*/
/* Áruház menü CSS */
#aruhaz_menu_header {
    padding:5px;
    margin:10px 0 0 0;
    font-weight:bold;
    color:#fff;
    background:#333;
    border-bottom:1px solid #000;
}
ul#aruhaz_menu,
ul#aruhaz_menu li,
ul#aruhaz_menu ul {
    margin:0;
    padding: 0;
    border:none;
    width: 230px; /*KHTML*/
    list-style: none;
}
ul#aruhaz_menu li {
    *display: inline; /* IE */
    height:1%;
    position: relative;
}
/* 1 szint */
ul#aruhaz_menu a {
    border-bottom: 1px solid #fff;
    padding: 5px 5px 5px 5px;
    margin: 0;
    display: block;
    background: #800;
    color: #FFD50E;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    font-weight: bold;
}
/* 1 szint hover */
ul#aruhaz_menu a:hover, ul#aruhaz_menu li:hover a, ul#aruhaz_menu li.iehover a {
    background: #9c3;
    color: #333;
}

/* 2. szint */
ul#aruhaz_menu li:hover li a,
ul#aruhaz_menu li.iehover li a {
}
/* 2. szint hover */
ul#aruhaz_menu li:hover li a:hover,
ul#aruhaz_menu li:hover li:hover a,
ul#aruhaz_menu li.iehover li a:hover,
ul#aruhaz_menu li.iehover li.iehover a {
}

/* 3. szint */
ul#aruhaz_menu li:hover li:hover li a,
ul#aruhaz_menu li.iehover li.iehover li a {
}
/* 3. szint hover */
ul#aruhaz_menu li:hover li:hover li a:hover,
ul#aruhaz_menu li:hover li:hover li:hover a,
ul#aruhaz_menu li.iehover li.iehover li a:hover,
ul#aruhaz_menu li.iehover li.iehover li.iehover a {
}

/* 4. szint */
ul#aruhaz_menu li:hover li:hover li:hover li a,
ul#aruhaz_menu li.iehover li.iehover li.iehover li a {
}
/* 4. szint hover */
ul#aruhaz_menu li:hover li:hover li:hover li a:hover,
ul#aruhaz_menu li.iehover li.iehover li.iehover li a:hover {
}

ul#aruhaz_menu ul,
ul#aruhaz_menu ul ul,
ul#aruhaz_menu ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 230px;
    z-index: 9999;
}

/* Ne tedd máshová - display:block előtt kell jönnie (Gecko) */
ul#aruhaz_menu li:hover ul ul,
ul#aruhaz_menu li:hover ul ul ul,
ul#aruhaz_menu li.iehover ul ul,
ul#aruhaz_menu li.iehover ul ul ul {
    display: none;
}
ul#aruhaz_menu li:hover ul,
ul#aruhaz_menu ul li:hover ul,
ul#aruhaz_menu ul ul li:hover ul,
ul#aruhaz_menu li.iehover ul,
ul#aruhaz_menu ul li.iehover ul,
ul#aruhaz_menu ul ul li.iehover ul {
    display: block;
}




/*
netsystem.e_comm_kosar
*/
.cart_gomb {
    color: #fff;
    border: 1px solid #690;
    border-radius: 3px;
    background: #99cc33;
    background: -moz-linear-gradient(top, #99cc33 0%, #669900 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#669900));
    background: -webkit-linear-gradient(top, #99cc33 0%,#669900 100%);
    background: -o-linear-gradient(top, #99cc33 0%,#669900 100%);
    background: -ms-linear-gradient(top, #99cc33 0%,#669900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#669900',GradientType=0 );
    background: linear-gradient(top, #99cc33 0%,#669900 100%);
}
.db_input {text-align:right;font-weight:bold;}
.termek_select {
    background:#def;
    border:1px solid #fff;
    border-left-color:#000;
    border-top-color:#000;
    padding:2px;
    font-size:.85em;
    font-weight:bold;
}
/* A menü kosár
---------------------------------------------------------*/
#minikosar_header {
    padding:5px;
    font-weight:bold;
    border:1px solid #000;
    background:#333;
    color:#fff;
}
#minikosar {
    margin-bottom:10px;
	padding:5px;
    border:1px solid #000;
	background:#eee;
    border-top:none;
	font-size:.85em;
}
#minikosar table {border-collapse:collapse;width:100%;}
#minikosar table td {padding:4px 2px;border-bottom:1px solid #ccc;}
.megrendelem {text-align:right;font-weight:bold;}
#menu_kosar_ossz {padding:5px 0;}
/* Kosár form
---------------------------------------------------------*/
#megrendelo_form {}
.termekek_tbl {border-collapse: collapse;width:100%;}
.termekek_tbl th,
.termekek_tbl td {border:1px solid #000;padding:5px;}
.termekek_tbl th {background:#333;color:#fff;}
.termekek_tbl .sor1 td {background: #eee;}
.termekek_tbl .sor2 td {background: #ddd;}





/********* aMenu required ***********/
#top_navmenu {
	margin:0px;
	padding: 0px;
	position: absolute !important;
	z-index: 999;
}
#top_navmenu li {
	display: block;
	margin:0px;
	padding: 0px;
	position: relative !important;
	float: left;
	vertical-align: bottom;
}
* html #top_navmenu li {
	width: 1px;
}
#top_navmenu li a:link, 
#top_navmenu li a:visited, 
#top_navmenu li a:hover{
	display: block;
	margin:0px;
	padding: 0px;
	white-space: nowrap;
}
#top_navmenu ul {
	display: none;
	margin:0px;
	padding: 0px;
	position: absolute !important;
	height: auto;
}
#top_navmenu ul li {
	float: none;
	margin:0px;
	padding: 0px;
}
/******** aMenu look *******/
#menu_top {
	height: 40px;
	background-color: #3e4550;
}

#top_navmenu li {
	height: 40px;
}
#top_navmenu li.parent > a {
	background: url(/images/down_arrow.gif) no-repeat 92% 50%;
}
#top_navmenu li a:link, #top_navmenu li a:visited {
	height: 40px;
	line-height: 40px;
	text-decoration: none;
    background-color: #48505b;
	color: #FFF;
    font-weight:bold;
	padding: 0px 25px 0px 20px;
	border-left: 2px solid #48505b;
	border-right: 1px solid #FFF;
}
#top_navmenu li a:hover, #top_navmenu li a.active {
	color: #fff;
	background-color: #9C3;
	border-left: 2px solid #9C3;
}

#top_navmenu ul {
	border-left: 1px solid #FFF;
}
#top_navmenu ul li {
	height: 30px;
	background-color: #48505b;
	/*border-top: 1px solid #444444;*/
	border-bottom: 1px solid #FFF;
}
#top_navmenu ul li.parent > a {
	background: url(/images/right_arrow.gif) no-repeat 95% 50%;
}
#top_navmenu ul li a:link, #top_navmenu ul li a:visited {
	height: 30px;
	line-height: 30px;
	padding: 0px 40px 0px 20px;
	border-left: none;
	background-color: #15A;
    font-weight:normal;
}
#top_navmenu ul li a:hover, #top_navmenu ul li a.active {
	background-color: #D40;
	color: #fff;
}
input[type=number] {
    -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Removes leftover margin */
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: textfield;
}

/* GY */

.epulet_bejel_form tr td .fill_form
{
    width: 100%;
}