@charset "utf-8";
/* CSS Document */

html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

body{
	margin:0;
	font-size:12px;
	background:url(../cssimgs/body-bg.jpg) repeat-x top left;
	background-color:#eeeeee;
}

a{
	text-decoration:none;
}

li{
	list-style:none;
}

h1{
	color:#010101;
	font-size:18px;
	margin:15px 0 15px 0px;
}

h2{
	color:#eeeeee;
	font-size:18px;
	margin:0;
	text-align:center;
	font-weight:normal;
}

h2 span{
	top:8px;
	position:relative;
}

a img{
	border:none;
}

p{
	color:#333333;
}

p span{
	color:#286bbb;
}

.main{
	position:relative;
	width:963px;
	height:auto;
	margin:10px auto 0 auto;
}

#logo{
	position:relative;
	float:left;
	margin-right:510px;
}

.lang-bar{
	position:relative;
	width:135px;
	height:21px;
	float:left;
	margin:10px 0 0 0;
}

.lang-bar img{
	position:relative;
	float:left;
	margin-left:9px;
}

.header-top{
	position:relative;
	height:52px;
	width:963px;
	float:left;
	display:none;
}

.header{
	position:relative;
	width:963px;
	height:253px;
	float:left;
	z-index:999;
}

#menu{
	position:relative;
	width:963px;
	height:41px;
	margin:0;
	padding:0;
	display:block;
	background:url(../cssimgs/menu-bg.jpg) no-repeat left top;
}

#menu li{
	position:relative;
	top:0px;
	left:10px;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}

#menu li a{
	position:relative;
	top:1px;
	height:40px;
	font-size:14px;
	color:#fefefe;
	display:block;
	width:auto;
	padding:0px 20px 0 16px;
	z-index:999;
}

#menu li a span{
	position:relative;
	top:10px;
}

#menu li a:hover{
	background:url(../cssimgs/list-bg.jpg) repeat-x top left;
}




#menu li ul{
	position:absolute;
	top:40px;
	left:0px;
	padding:0;
	margin:0;
	display: block!important;
	visibility: hidden;
	}



ul#menu li:hover ul {
	visibility: visible!important;
}



#menu li ul li{
	position:relative;
	top:0;
	left:0;
	height:27px;
	margin:0;
	z-index:999!important;
/*	padding:2px 0 2px 6px;*/
	display:block;
}

#menu li ul li a{
	position:relative;
	width:150px;
	height:27px;
	font-size:12px;
	z-index:999!important;
	color:#383838!important;
	z-index:5;
	background:url(../cssimgs/submenu-li-bg2.jpg) repeat-x left top;
}

#menu li ul li a span{
	position:relative;
	top:5px;
}

#menu li ul li a:hover{
	background:url(../cssimgs/submenu-li-bg.jpg) repeat-x left top;
}

.sub{
	/*border:none!important;*/
}

#first{
	top:0px!important;
	left:-10px;
	height:40px!important;
	width:62px!important;
}

#first span{
	top:12px!important;
	left:10px;
}

#first:hover{
	background:url(../cssimgs/first-bg.jpg) no-repeat top left!important;
}

#last{
	position:relative;
	float:right;
	top:0px!important;
	left:2px!important;
	height:40px!important;
	width:102px!important;
}

#last:hover{
	background:url(../cssimgs/last-bg.jpg) no-repeat top right!important;
}

.cycler{
	position:relative;
	width:963px;
	float:left;
	height:212px;
	background:url(../cssimgs/cycler-bg.jpg) repeat-y top left;
	z-index:1;
	display:block;
}

#cycler-inner{
	position:absolute;
	width:961px;
	height:211px;
	margin:0 auto;
  	overflow:hidden;
	z-index:1!important;
}

.content{
	position:relative;
	width:963px;
	height:auto;
	float:left;
}

.content-top{
	position:relative;
	width:962px!important;
	height:185px!important;
	float:left;
	background:url(../cssimgs/cycler-bg.jpg) repeat-y top left;
}

.porgos li .termek-blokk{
	position:relative;
	width:319px;
	height:185px;
	margin:0;
	float:left;
	left:0px;
}

.termek-blokk-cim{
	position:relative;
	width:319px;
	height:38px;
	margin:0;
	background:url(../cssimgs/termek-blokk-cim.jpg) no-repeat left top;
}

.termek-blokk-kep{
	position:relative;
	width:322px;
	height:147px;
}

.porgos{
	position:relative;
	width:967px;
	height:185px!important;
	float:left;
	margin:0;
	padding:0;
	/*left:-5px!important;*/
}

.porgos li{
	position:relative;
	width:319px;
	height:185px;
	margin:0;
	padding:0;
	float:left;
	left:6px;
}

#navigation-left{
	position:absolute;
	/*left:-2px;*/
	left:0px;
	width:42px;
	height:38px;
	z-index:999;
}

#navigation-right{
	position:absolute;
	/*right:-2px;*/
	right:1px;
	bottom:147px;
	width:42px;
	height:38px;
	z-index:999;
}

#content {
    width: 963px;
    margin-top: 28px;
    float:left;
}


#content-top {
	position:relative;
	float:left;
	margin-top:30px;
    background: url('../cssimgs/content-top.png') no-repeat;
    width: 963px;
    height: 13px;
}

#content-bottom {
    background: url('../cssimgs/content-bottom.png') no-repeat;
    width: 963px;
    height: 13px;
	position:relative;
	float:left;
}

#content-middle {
	position:relative;
	float:left;
	background: url('../cssimgs/content-middle.gif') repeat-y;
    width: 963px;
	height:auto;
}

#menu-left {
    width: 280px;
    float: left;
    margin: 10px;
    margin-left: 20px;
}

#menu-left-home {
    width: 280px;
    float: left;
    margin: 10px;
    margin-left: 20px;
}

#menu-left-home #menu-left-content li{
	position:relative;
	left:30px;
}

#menu-left-header {
    width: 268px;
    height: 24px;
    background: url('../cssimgs/lmenuheader.gif') repeat-x;
    color: #000000;
    font-size: 13pt;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    margin: 0px;
}

#menu-left-content {
    background: #e5e5e5 url('../cssimgs/lmenubg.png') top repeat-x;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

#menu-left-content ul {
    margin: 0px;
}
#menu-left-content li {
    list-style-image: url('../cssimgs/bullet.png');
    padding: 5px;
}

#menu-left-content a, #menu-left-content a:link, #menu-left-content a:hover, #menu-left-content a:active {
    color: #286bbb;
}

#main-content {
    width: 600px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: 10px;
    color: #333333;
}

.blue {
    color: #286bbb;
}

.cleaner {
    clear: both;
}

#footer {
    width: 963px;
    height: 88px;
    margin-top: 28px;
    float:left;
	margin-bottom:20px;
}

#footer-left {
    background: url('../cssimgs/footer-left.png') no-repeat;
    width: 21px;
    height: 88px;
    float: left;
}

#footer-right {
    background: url('../cssimgs/footer-right.png') no-repeat;
    width: 21px;
    height: 88px;
    float: left;
}

#footer-center {
    background: url('../cssimgs/footer-center.png') repeat-x;
    width: 921px;
    height: 88px;
    float: left;
}

#footer-center-top {
    text-align: center;
    color: #cbcbcb;
    padding: 5px;
    margin-top: 10px;
}

#footer-center-bottom {
    color: #286bbb;
    padding: 5px;
    margin-top: 20px;
}

.left {
    float: left;
    text-align: left;
}

.right {
    float: right;
    text-align: right;
}

#home-pic{
	position:relative;
	width:600px;
	margin:0 auto;
	display:block;
}

#about_us_txt, #kontakt_txt{
	width:800px;
	position:relative;
	margin:0 auto;
}

#kontakt_txt{
	width:250px;
}

.picture{
	border:1px solid #333333;
	margin:0 0 20px 0;
}

table{
	position:relative;
	float:left;
	width:100%;
}

table tr{
	height:24px;
}

table td{
	text-align:left;
}

#menu-left-products{
	position:relative;
	width: 284px;
    float: left;
    margin: 10px;
    margin-left: 20px;
}

#menu-left-header-products{
	width: 272px;
    height: 24px;
    background: url('../cssimgs/lmenuheader.gif') repeat-x;
    color: #ffffff;
    font-size: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 12px;
    margin: 0px;	
}

#menu-left-content-products{
	background: #e5e5e5 url('../cssimgs/lmenubg.png') top repeat-x;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
	position:relative;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
/*	border:1px solid red;*/
}

#menu-left-content-products ul{
	position:relative;
	top:0px;
	width:280px;
	margin:0;
	padding:0;
/*	border:1px solid red;*/
}

#menu-left-content-products li {
	position:relative;
	width:282px;
	height:70px;
    padding: 0px;
	text-align:center;
	background:url(../cssimgs/menu-products-bg.jpg) repeat-x top left;
}

#menu-left-content-products li a span{
	position:relative;
	top:23px;
	left:60px;
	font-size:14px;
}

.profucts-menu-img{
	position:absolute;
	top:5px;
	left:20px;
}

#menu-left-content-products a, #menu-left-content-products a:link, #menu-left-content-products a:hover, #menu-left-content-products a:active {
    color: #286bbb;
}

/* GALERIA START */

.carousellite{
position:relative;
margin:0 auto;
}

#nyilak-bal{
position:absolute;
width:42px;
height:90px;
left:1px;
/*left:-96px;
top:-40px;*/
border:none;
float:left;
}

#nyilak-jobb{
position:absolute;
right:0;
bottom:0px;
border:none;
float:right;
}

#galeria{
	position:relative;
	width:620px;
/*	border:1px solid red;*/
}

#galeria h1{
	margin:0;
	height:38px;
	background:url(../cssimgs/product-h1-bg.jpg) repeat-x top left;
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
}

#galeria h1 span{
	top:3px;
	left:25px;
	position:relative;
}

.galleria_container{
	width:620px;
	height:356px;
}

/* GALERIA END */

.warning{
	color:#CC0000;
}

.error{
	display:none;
}

.szamozos li{
	list-style:decimal;
}

#formular-top{
	position:relative;
	width:595px;
	height:18px;
	background:url(../cssimgs/formular-top-bg.jpg) no-repeat top left;
}

#formular-middle{
	position:relative;
	width:595px;
	height:auto;
	background:url(../cssimgs/formular-middle-bg.jpg) repeat-y top left;
}

#formular-bottom{
	position:relative;
	width:595px;
	height:18px;
	background:url(../cssimgs/formular-bottom-bg.jpg) no-repeat top left;
}

.elem, .check-elem{
	position:relative;
	width:595px;
	height:25px;
	padding-left:50px;
}

.check-elem{
	height:100px;
}

.elem input{
	width:300px;
}

#textbox{
	position:relative;
	margin-left:120px;
	width:300px;
	float:left;
}

.text-elem, .text-elem-cont{
	position:relative;
	width:595px;
	height:200px;
	padding-left:50px;
}

.text-elem-cont{
	position:relative;
	width:595px;
	height:100px;
	padding-left:50px;
}

.text-elem label, .text-elem-cont label{
	position:absolute;
	top:0;
	left:50px;
}

.text-elem-cont label{
	position:absolute;
	left:50px;
}

.check-elem input{
	position:relative;
	margin-left:60px;
}

.btn, .btn2{
	position:relative;
	top:-50px;
	float:right;
	z-index:999;
	background:#1c56aa;
	color:#FFFFFF;
	padding:5px;
	margin-right:125px;
	border:none;
}

.btn2{
	top:-25px;
	left:122px;
}

.btn:hover, .btn2:hover{
	cursor:pointer;
}

.bezp{
	position:relative;
	top:-20px;
	margin-left:50px;
	float:left;
}

.aspam2{
	margin-left:20px;
}

.formular-wrapper{
	position:relative;
	margin:0 auto;
}

#kontakt-wrapper{
	position:relative;
	width:150px;
	float:left;
	display:block;
}

.kont_form{
	position:relative;
	float:left;
	margin-top:-53px;
}

#main-content-kontakt{
	width: 400px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    margin-top: 10px;
    color: #333333;
}

.download-wrapper{
	position:relative;
	width:400px;
	height:35px;
	margin-top:15px;
}

.letoltes-icon{
	position:relative;
	float:left;
	width:20px;
	height:20px;
	margin:0px 0 10px 10px;
}

.letoltes-detail{
	position:relative;
	width:200px;
	margin:0px 0 0 50px;
}

.letoltes-detail span{
	position:relative;
	font-size:12px;
	top:8px;
}

p.underc{
margin:25px;
text-align:center;
}

span.menu-inq{
font-weight:bold;
left:0!important;
position:relative!important;
top:27px!important;
}

.gallery-menu-img {
left:20px;
position:absolute;
top:10px;
}

table.download-table{
border:0 none;
}

table.download-table td{
font-size:11px;
text-align:center;
}
table.download-table tr.first{
background:#2463B3;
color:white;
}

span.pdf-lang{
bottom:5px;
position:relative;
}

p.text-indent{
text-indent:15px;
}

.news-img{
margin-bottom:10px;
margin-left:9px;
margin-top:10px;
margin-right:10px;
}

.anyClass{
width:962px!important;
}

td.cennik-name{
width:250px!important;
}


#download-page table.download-table td {
  font-size: 11px;
  text-align: center;
     width: 110px;
}


#download-page table.download-table {
  border: 0 none;
  box-shadow: 0 0 3px #888888;
  -moz-box-shadow: 0 0 3px #888888;
  -webkit-box-shadow: 0 0 3px #888888;
  margin-bottom: 40px;
}


#download-page table.download-table:hover {
    background-color: #EEEEEE;
    }

#download-page table.download-table a{
    font-size: 14px;
    }
    
.left-big-a{
font-weight:bold;
font-size:18px;
}

p.kek{
color:#286BBB;
}


table.ham-radio{
margin-top:15px;
margin-bottom:15px;
}

table.ham-radio strong{color:red;}

span.red{
color: red;
display: inline-block;
font-size: 22px;
padding: 10px 0;
text-align: center;
}


#menu-left-content p {
  margin: 10px;
  text-align: justify;
}

#menu-left-content h2 {
color: black;
}


.kkk{
display: block;
height: 25px;
}

#download-page{
padding: 0 40px;
}