/* @override http://systrend.hu/css/style_systrendx.css */

/* @override http://systrend.evas.hu/css/i_style.css */

body
	{
	background: url(../images/body_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-color: #FFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	}
a
	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	outline: none;
	text-decoration: none;
	color: #175cbb;
	}
:focus { outline-style: none; }
input	{ outline: none; }
input:focus, input:active	{ outline: none; outline-style: none; }
.kover, .kiemelt_szoveg { font-weight: bold; }
.systrend_kover			{ font-weight: bold; color: #175cbb; }
.clear { clear: both; height: 0px; }
.fl { float: left; }
.fr { float: right; }
.tr { text-align: right; }
.valaszto { border-bottom: 1px solid #990000; height: 1px; margin:0px; padding: 0px; }
.tarto { margin: 0px 5px 0px; }
h1, h2	{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; margin: 0px; float: left; width: 600px; border-right: solid 1px #ccc; color: #175cbb; }

table {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 20px;
}

#navigation
	{
	position: absolute;
	bottom: 10px;
	left: 262px;
	}

#page {
	position: relative;
	width: 970px; 
	margin: auto auto;	
}
#container {
	width: 100%;
	float: left;
}

#top, #middle, #bottom, #header { position: relative; width: 970px; margin: auto auto; }
#top
	{
	background: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 280px;
	}

#lang	{ position: absolute; right: 8px; top: 44px;}
#lang a, #lang span	{ background-image: url(../images/lang.jpg); background-repeat: no-repeat; width: 16px; height: 11px; display: block; margin: 0px 5px; text-indent: -10000px; float: left; }
.hun	{ background-position: 0px 0px; }
.eng	{ background-position: -16px 0px; }
.hun_aktiv	{ background-position: 0px -11px; }
.eng_aktiv	{ background-position: -16px -11px; }

#h_company_data {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	text-align: right; 
	color: #fff; 
	font-size: 10px; 
	padding: 13px 20px; 
	z-index: 100;
	height: 20px;
	width: 700px;
	}
#h_company_data span { 
	margin-right: 16px; 
}
#h_company_data a{ 
	color: #FFF; 
	font-size: 10px; 
}

#container div.sidebar.sidebar_left {
	width: 198px;	
	float:  left;
}

#logo
	{
	position: absolute;
	top: 0px;
	left: 34px;
	width: 246px;
	height: 50px;
	}
#logo a	{ position: absolute; top: 0px; left: 0px; display: block; width: 246px; height: 50px; text-indent: -10000px; z-index: 150; }

#middle
	{
	}
#bottom
	{
	height: 28px;
	line-height: 28px;
	color: #fff;
	}

#header_hu
	{
	background: url(../images/header_bg_hu.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 280px;
	width: 970px;
	}
#header_en
	{
	background: url(../images/header_bg_en.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 280px;
	width: 970px;
	}
#leftside_top
	{
	background: url(../images/leftside_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 198px;
	height: 12px !important;
	overflow: hidden;
	}
#leftside_bottom
	{
	background: url(../images/leftside_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 198px;
	height: 153px;
	}
#leftside_menu
	{
	background-color: #c7e5db;
	margin: 0px;
	padding: 0px;
	width: 198px;
	}
#header_menu
	{
	width: 190px;
	padding: 0px 4px 15px 4px;
	}
#header_menu a, #header_menu span
	{
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	color: #175cbb;
	padding: 0px 10px 0px 15px;
	}
#header_menu span { color: #000; cursor: default; }
.ures_menu { background: url(../images/hover.gif); background-repeat: no-repeat; background-position: 0px -22px; color: #175cbb !important; }
.ures_menu:hover { background: url(../images/hover.gif); background-repeat: no-repeat; background-position: 0px -44px; }
.kismenu { padding: 0px 0px 0px 30px !important; }
.kismenu:hover { background: url(../images/hover.gif); background-repeat: no-repeat; background-position: 0px -66px !important; color: #FFF !important; }
.kiskismenu, .kiskismenu_selected { padding: 0px 0px 0px 42px !important; }
.kismenu_selected { padding: 0px 0px 0px 30px !important; color: black; }
.kiskismenu:hover { background: url(../images/hover.gif); background-repeat: no-repeat; background-position: 0px -88px !important; color: #FFF !important; }
#header_menu a:hover { background: url(../images/hover.gif); background-repeat: no-repeat; background-position: 0px 0px; }

#header_menu ul li span.ures_menu a.noover {
	background: none;
	padding-left: 0px;
}
#header_menu ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; }
#header_menu li { list-style: none; margin: 0px; padding: 0px; }
#middle_side ul { list-style: none; margin: 0px 0px 0px 25px; padding: 0px; }
#middle_side li { }
#middle_side li a { display: block; }
#middle_side a { }
#middle_side li a:hover, #middle_side a:hover { color: #000; }

ul.menu_closed li { 	display: none;}
ul.menu_open li { 	display: block;}
/*li:hover ul.menu_closed li {	display: block;}*/


#content {
	width: 765px;
	float: left;
	padding-left: 7px;
}

div#news {
	height: auto;
	margin-top: 30px;
	padding-left: 44px;
	padding-right: 44px;
}

#middle_side, #left_side, #right_side { float: left; }
#middle_side { width: 765px; padding: 0px 0px 50px 7px; }

#main_top
	{
	background: url(../images/content_top.gif);
	height: 7px !important;
	overflow: hidden;
	width: 765px;
	}
#main_bottom
	{
	background: url(../images/content_bottom.gif);
	height: 7px !important;
	overflow: hidden;
	width: 765px;
	}

div#vert_separator_left {
	display: none;	
}
div#vert_separator_right {
	display: none;	
}
#main_index { background-color: #FFF; padding: 1px 8px; }

#index_kepvalto	{ position: relative width: 749px; height: 140px; margin-bottom: 10px; }

#main_iimglink	{  width: 749px; text-align: justify; position: relative; }
#main_iimglink span	{ text-indent: -10000px; color: #FFF; line-height: 8px; font-size: 8px; }
#main_iimglink img	{ width: auto; border: none; }
#main_ib	{ position: relative; background: url(../images/index_main_b_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 749px; height: 117px; }
#i_szerviz_button_hu	{ position: absolute; background: url(../images/szerviz_button_hu.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 273px; height: 44px; text-indent: -10000px; top: 29px; left: 397px; }
#i_szerviz_button_en	{ position: absolute; background: url(../images/szerviz_button_en.gif); background-repeat: no-repeat; background-position: 0px 0px; width: 273px; height: 44px; text-indent: -10000px; top: 29px; left: 397px; }
.ib_eu		{ height: 100px; width: 366px; text-align: center; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; }
.ib_eu img	{ outline: none; }
.ibeu_tarto	{ padding-top: 10px; }
.ibeu_tarto a {
	font-weight: normal;
	font-style: normal;
	color: black;
	text-align: center; 
	position: relative; 
	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 10px;
}
.ib_menu	{ height: 17px; width: 613px; text-align: right; position: relative; font-weight: bold; }
.ib_menu a, .ib_menu span	{ color: #7cd8ff; margin-left: 10px; }
.ib_menu a:hover			{ color: #FFF !important; }

#main		{ background-color: #FFF; padding: 1px 44px; }

#left_side { width: 198px; }

.left_side_box, .right_side_box
	{
	position: relative;
	width: 198px;
	margin: auto auto;
	padding: 15px 10px 15px 10px;
	}

#lms_logo { 
	text-align: center;
	position: relative; 
	top: 100px; 
	left: 120px; 
	width: 75px; 
	height: 45px;
}
#lms_logo a { display: block; width: 75px; height: 45px; text-indent: -10000px; }
#lms_logo a:hover { }

.cikk, #talallista
	{
	background-color: #d5d7b4;
	margin: 0px 0px 10px 18px;
	padding: 10px;
	border-bottom: dashed 1px #b2715d;
	text-align: justify;
	}
.cikk a { font-weight: bold; color: #d00c0d; text-decoration: underline; }
.cikk a:hover { color: #000000; text-decoration: none; }
.cikk_cimszoveg { display: block; font-weight: bold; font-size: 14px;}

.cikk_head, #cikktartalom { text-align: justify; color: #323232; display: block; }
.cikk_head { padding: 15px 0px 10px 0px; margin-bottom: 50px; border-bottom: solid 1px #ccc; }
#cikktartalom { padding: 25px 0px 25px 0px; margin-bottom: 50px;}
#cikktartalom h1, #cikktartalom h2	{ border: none; width: 100%;}
.cikkdatum { color: #bababa; padding: 2px 0px 0px 0px; text-align: right; }

.news_cikk_head, #news_cikktartalom { text-align: justify; color: #323232; display: block; }
.news_cikk_head { padding: 15px 0px 10px 0px; margin-bottom: 50px; border-bottom: solid 1px #ccc; }
#news_cikktartalom { padding: 25px 0px 25px 0px; margin-bottom: 50px;}
#news_cikktartalom h1, #news_cikktartalom h2	{ border: none; }
.news_cikkdatum { color: #bababa; padding: 2px 0px 0px 0px; text-align: right; }

.jobs_cikk_head, #jobs_cikktartalom { text-align: justify; color: #323232; display: block; }
.jobs_cikk_head { padding: 15px 0px 10px 0px; margin-bottom: 50px; border-bottom: solid 1px #ccc; }
#jobs_cikktartalom { padding: 25px 0px 25px 0px; margin-bottom: 50px;}
#jobs_cikktartalom h1, #jobs_cikktartalom h2	{ border: none; }
.jobs_cikkdatum { color: #bababa; padding: 2px 0px 0px 0px; text-align: right; display: none; }

.cikklead_s { font-weight: bold; padding: 10px 0px; }
.tovabb { text-align: right; }
.tovabb a, .button_hir_vissza { color: #00532e; }
.tovabb a:hover, .button_hir_vissza:hover { color: #000; }
.button_hir_vissza { display: block; padding-top: 20px; text-align: right; }
.balos_kep { float: left; margin: 5px 10px 5px 0px; }
.jobbos_kep { float: right; margin: 5px 0px 5px 10px; }
.kozepes_kep { position: relative; margin: auto auto; display: block; padding: 5px 0px; }
.cikk_hsz_tarto
	{
	margin: 15px 5px 0px 5px;
	padding-bottom: 15px;
	}
.talallistasorcim { font-weight: bold; margin: 15px 0px; }
.talallistasorszoveg a { padding-left: 15px; color: #00532E; }
.talallistasorszoveg a:hover { color: #000; }


.t_cimke { }
.t_cimke h1, .t_cimke h3, #kerkif { background: url(../images/t_cimke.gif); background-repeat: no-repeat; background-position: left bottom; font-size: 16px; margin: 0px 0px 10px 0px; padding: 4px 10px 10px 25px; cursor: default; font-weight: bold; }
#kerkif { color: #00532E; }
#kerkif span { color: #000; }
.t_cimke h2 { color: #00532e; margin: 0px; padding: 0px 0px 2px 0px; font-weight: bold; font-size: 12px; border-bottom: solid 1px #fff; }
.t_cimke h2 a { color: #00532e; margin: 0px; padding: 0px; font-weight: bold; font-size: 12px; }
.t_cimke h2 a:hover { color: #000; }

/* Header_box */

#search_place	{ position: absolute; bottom: 15px; left: 10px; width: 243px; padding: 0px 8px; height: 16px !important; overflow: hidden; }
#search_place input	{
	width: 145px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px;
	border: none !important;
	outline: none !important;
	background: none !important;
	font-size: 10px !important;
	height: 14px !important;
	line-height: 14px !important;
	}


.submit_button	{ width: 60px !important; border: none !important; padding: 0px !important; margin: 0px !important; height: 16px !important; line-height: 16px !important; color: #175cbb; font-weight: bold; background: none; font-size: 12px !important; cursor: pointer; }
.submit_button:hover	{ color: #000;  }

#news_place, #cart_place	{ border-top: solid 1px #c3d4d6; margin: 0px 25px; padding: 25px 0px; }

#kosar_szenzor
	{
	border-bottom:1px solid #187c85;
	color: #69bfc7;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}
#kosar_szenzor span	{ color: #b2d9dd; font-weight: bold; }


#news_place input
	{
	width: 146px;
	height: 14px;
	padding: 0px 10px;
	border: none;
	font-size: 10px;
	display: block;
	margin: 0px auto 5px auto;
	}
.news_button, .cart_button	{ background: none; border: none; font-size: 12px !important; cursor: pointer; font-weight: bold; width: 100% !important; margin: 0px !important; padding: 0px !important; color:#E6EEEF; }
.news_button:hover, .cart_button:hover	{ color:#66CDD6 !important; }


img.img_to_right {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
img.img_to_left { 
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}