@charset "UTF-8";
@import url('reset.css');
@import url('jScrollPane.css');
/*@import url('jScrollPane.css');*/
/*

zöld: #83b22a

*/
body {
	background-color: #fff; width: 100%; height: 100%;
}
h1 {
	font: bold 22px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #a1d146; margin: 10px 20px 10px 20px
}
p {
	text-align: left; font: italic 14px/20px Georgia, "Times New Roman", Times, serif; color: #222; margin: 10px 20px 0 20px;
}
p.lead {
	font: bold italic 18px/22px Georgia, "Times New Roman", Times, serif;
}
#menu2i ul {
	
}
#menu2i li {
	text-align: left; font: italic 14px/20px Georgia, "Times New Roman", Times, serif; color: #222; margin: 10px 20px 0 20px; padding-left: 20px; background: url("images/bullet.png") no-repeat 0px 4px;
	
}

a {
	text-decoration: none; color: #83b22a
}
a:hover {
	text-decoration: underline;
}
.clear {
	width: 100%; clear: both;
}

#container {
	width: 1024px; margin: auto auto; overflow: hidden; position: relative; border-bottom: 1px solid #0e0078; height: 768px;  height: 730px; 
}
#head {
	width: 100%; height: 145px; margin-top: 20px; position: relative;
}
#logo {
	width: 300px; height: 130px;  position: absolute; left: 362px;
}
#logo img {
	width: 100%; height: 100%;
}
#menuContainer {
	position: absolute; left: 0px; height: 440px; width: 1024px; 
	/* border-bottom: 1px solid #83b22a; border-top: 1px solid #83b22a; 
	background-color: #f0f0f0;*/
}
#menuContainer a {
	color: #fff; cursor: pointer;
}
#menuContainer a.tervezz {
	color: #000;
}
#menuContainer a:hover {
	text-decoration: none;
}
#menuContainer .close {
	position: absolute; right: -24px; top: 0; width: 24px; height: 21px; background-color: #e10; font: normal 14px/18px "Lucida Grande", Lucida, Verdana, sans-serif; color: #fff; text-align: center; padding-top: 2px; cursor: pointer;
}
#menu2 {
	position: absolute; top: 0; left: 90px; width: 210px; height: 440px; z-index: 2; background: url('images/bp1.jpg') no-repeat left top; opacity: 1;
}
#menu2h {
	position: absolute; top: 0; left: 90px; width: 210px; height: 440px; z-index: 1; background-color: #83b22a; opacity: 0;
}
#menu1 {
	position: absolute; top: 0; left: 301px; width: 210px; height: 440px; background: url('images/bp2.jpg') no-repeat left top; z-index: 2;
}
#menu1h {
	position: absolute; top: 0; left: 301px; width: 210px; height: 440px; background-color: #83b22a; display: none; opacity: 0; z-index: 1;
}
#menu1i, #menu2i, #menu3i, #menu4i {
	position: absolute; top: -165px; left: 301px; width: 657px; height: 605px; background-color: #fff; display: none; opacity: 0; z-index: 10;
}
#menu3 {
	position: absolute; top: 0; left: 512px; width: 210px; height: 440px; background-color: #83b22a; z-index: 2; background:  url('images/bp3.jpg') no-repeat left top;
}
#menu3h {
	position: absolute; top: 0; left: 512px; width: 210px; height: 440px; background-color: #83b22a; z-index: 1; opacity: 0;
}

#menu4 {
	position: absolute; top: 0; left: 723px; width: 210px; height: 440px; z-index: 2; background: url('images/bp4.jpg') no-repeat left top;
}
#menu4h {
	position: absolute; top: 0; left: 723px; width: 210px; height: 440px; z-index: 1; background-color: #83b22a; opacity: 0;
}
#menu2.hover, #menu3.hover, #menu4.hover {
	background-image: none; z-index: 1;
}
#menu1i {
	height: 440px; top: 0;
}
#menu2i {

}
#menu2i img {
	min-height: 296px; 
}
#menu3i {

}
#menu4i {
	height: 440px; top: 0;
}
#menu4i #contacts {
	position: absolute; bottom: 0;
}
#menu4i p.contact {
	margin-bottom: 0;	
}
#menu4i p.contact a {
	color: #222;
}
#menu4i p.contact a:hover {
	text-decoration: underline;
}
ul#ismerj_menu {
	position: absolute; top: 100px; left: 105px; z-index: 10; display: none; opacity: 0;
}
ul#ismerj_menu li {
	margin-bottom: 10px; border-bottom: 1px solid #a8c96a; padding-bottom: 10px; font: bold 13px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; display: block; width: 180px; color: #a1d146; cursor: pointer; text-align: right;
}
ul#ismerj_menu li:hover, ul#ismerj_menu li.active {
	color: #fff;
}
.menu h1 {
	text-align: right; position: absolute; top: 300px; right: 10px; font: normal 40px/50px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fff;
}
.menu h2 {
	text-align: right; position: absolute; top: 390px; right: 10px; font: normal 13px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fff;
}

#bottom {
	position: absolute; bottom: 20px; left: 90px; text-align: center; width: 843px; padding-top: 60px; background: url('images/ps.png') no-repeat center 10px; 
}

#scrollbar1 { width: 657px; margin: 0px 0 10px; }
#scrollbar1 .viewport { width: 630px; height: 305px; overflow: hidden; position: relative;
}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar1 .thumb { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#slider { height: 440px; overflow:hidden; }
#slider .viewport { float: left; width: 657px; height: 440px; overflow: hidden; position: relative; }
#slider .viewport h1 {
	position: absolute; top: 27px; left: 27px; color: #fff; z-index: 1;
}
#slider .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider .next { margin: 30px 0 0 10px;  }
#slider .disable { visibility: hidden; }
#slider .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#slider .overview li{ float: left; margin: 0; padding: 0; height: 405px; width: 1200px; position: relative;
}
#slider a.prev {
	width: 120px; height: 440px; background: url('images/btn_carousel_left.png') no-repeat left top; z-index: 1; position: absolute; top: 0; left: 0;
}
#slider a.next {
	width: 120px; height: 440px; background: url('images/btn_carousel_right.png') no-repeat left top; z-index: 1; position: absolute; top: 0; right: 0;
}