﻿body, input, textarea, fieldset, form, p, h1, h2, h3, div, ul, ol, li, table, td, tr, img {margin: 0;padding: 0;}
body {overflow: auto; font-family:Tahoma, Verdana, Arial, sans-serif;}
p{font-size: 10px;line-height: 14px;color: #222;margin-top: 7px; margin-bottom: 7px;}
p.date{font-size: 10px;margin:0px;}
p.more{text-align: right;}
a{font-size: 12px;text-decoration: none;color: #d38b00;}
a:hover{border-bottom: 1px dashed #d38b00;}
h1 {font-size: 18px; font-weight: bold; line-height: 18px; padding: 12px 21px 12px 12px; text-transform:uppercase; color: #222; /*border-bottom: 1px dashed #222;*/}
h2 {text-transform:uppercase; font-size: 14px; line-height: 14px; margin-top: 6px; margin-bottom: 4px;}
h3 {font-size: 12px; line-height: 12px;}
fieldset {border: 0px; padding: 6px 12px 6px 12px;}
fieldset.submit {border: 0px; padding: 12px; position: relative; float: right;}
label {font-size: 12px; font-weight: bold;}
input {padding: 3px; border: 1px solid #b4cae2; background: #fff; color: #222; font-weight: bold; }
input.button {margin-right: 12px; position: relative; float: right; padding: 3px; border: 1px solid #74aae2; background: #fff; color: #222; font-weight: bold; }
input.button:hover {border: 1px solid #d38b00;}
textarea {padding: 3px; border: 1px solid #b4cae2; background: #fff; color: #222; font-weight: bold; font-size: 10x;}
#left{position: absolute;top: 0px;left: 0px;width: 144px;height: 487px;display: block;background: url(img/left.jpg) no-repeat; padding-top: 370px;padding-left: 7px;}
#logo{position: absolute;top: 0px;left: 144px; width: 212px;height: 139px;display: block;}
	#logo img{border: 0px;}
#head{position: absolute;top: 0px;left: 360px; width: 558px;height: 140px;display: block; background: url(img/head.jpg) no-repeat; }
#menu{position: relative;top: 81px; left: 0px;height: 34px;}
	#menu ul {list-style: none; margin: 8px 0px 8px 0px;}
	#menu li{display: inline; padding: 0px;}
	#menu a {color: #000; font-weight: bold; line-height: 12px; font-size: 12px; padding: 10px 12px 10px 12px; }
	#menu a:hover{background: url(img/menu_hover.png) repeat-x; border: none;}
#main{position: absolute; top: 145px; left:150px; width: 780px; height: 100%;}
	#main_left{position: relative; float: left; width: 180px; display: block; background: #cee9fb; padding: 0px;}
		#main_left h1{background: #b4cae2;}
		#main_left h2{padding: 12px 12px 0px 12px;}
		#main_left h3{padding: 0px 12px 0px 12px;}
		#main_left p{padding: 0px 12px 0px 12px;}
		#main_left ul {list-style:none; line-height: 16px; padding: 0px 12px 12px 12px;}	
		#main_left ul li{width: 90%; background: url(img/button-3.gif) no-repeat; background-position: top left; padding: 0px 0px 0px 12px;}				
		#main_left a.uppercase {text-transform: uppercase;}	
	#navigation{position: relative; float: left; width: 210px; display: block;}
		#navigation h2{padding: 0px 12px 0px 12px;}		
		#navigation h2.inline{padding: 12px 12px 0px 12px;}		
		#navigation h2.top{padding: 0px 12px 0px 12px; margin: 0px;}
		#navigation ul {list-style:none; line-height: 16px; padding: 0px 12px 12px 12px;}		
		#navigation ul li{width: 90%; background: url(img/button-3.gif) no-repeat; background-position: top left; padding: 0px 0px 0px 12px;}		
		#navigation a.active{font-weight: bold; color: #fff; background: #d38b00; padding: 3px;}
		#navigation a.uppercase {text-transform: uppercase;}	
		#navigation a.uppercase-active {font-weight: bold; color: #fff; background: #d38b00; padding: 2px; text-transform: uppercase; }	
	#content{position: relative; float: left; width: 375px; display: block;background: #f0f8ff;  padding-bottom: 12px; }
		#content h1{background: #b4cae2;}
		#content h2{padding: 12px 12px 12px 12px; clear: both;}
		#content h2.top{padding: 12px 12px 12px 12px; clear: both;}
		#content h2.inline{ margin: 0px; padding: 12px 12px 12px 12px; background:#c4daf2; }
		#content h3{padding: 12px 0px 12px 12px;}
		#content h3.inline{clear: both; padding: 12px 0px 12px 12px; margin: 0px; border-top: 1px dashed #c8d4ee; }
		#content p{font-size: 12px; line-height: 16px; margin: 0px 12px 12px 12px; }
		#content p.termekmenu{margin-bottom: 48px;}
		#content p.alert{color: red;}
		#content ul.kepek {list-style: none; margin-left: 0; }
		#content ul.kepek li{display: inline; }
		#content ul.kepek img{border: 5px solid #ddd; margin: 6px;}
		#content ul.termek {list-style: square; line-height: 16px; margin: 12px 0px 0px 30px;}					
		#content ul{list-style: square; line-height: 16px; font-size: 0.8em; margin: 0px 12px 0px 30px;}
		#content table{padding: 0px; background: #ddd; width: 100%;}
		#content td{font-size: 12px; padding: 3px;vertical-align: top;}
		#content a.kapcsolat {position: relative; float: right; padding:6px; background: #d38b00; color: #fff;}
		#content a.kapcsolat:hover{background: #e09000; border:0;}
		#content .jellemzonev{text-align: left; width: 80%;}		
		#content .ertek{text-align: right; width: 20%;}
		#content img.product_image{position: relative; float: left; margin: 10px; border: 1px solid #eee; width: 320px;}
		#content img.illustration{position: relative; float: right; border: 0px ; padding: 12px; }
	#contact{position: absolute; top: 0px; left: 690px; width: 210px; padding: 5px; height: 60px; }
		#contact p{color: #fff; font-size: 11px; text-align: right; line-height: 12px;padding: 1px;margin: 0px;}	
#push {height: 60px;}
#error{z-index: 30; position: absolute; top: 0px; left: 0px; width: 100%; background: red; padding: 12px;}
	#error p{color: #fff; font-weight: bold; font-size: 16px;}
span.article-title{font-weight: bold;}
span.family-name{text-transform:uppercase;}
#munkatarsak li p{line-height: 12px; padding: 0px; margin: 6px 0px 6px 0px;}
#munkatarsak li h3{padding-top: 9px;line-height: 12px;padding: 12px 0px 0px 0px; margin:0px;}