@charset "utf-8";
/* CSS Document */
body, html {
	background-color:#598401;
	background-image:url(../images/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#304805;
}
body {
	/*overflow-y: scroll;*/
}

#content {
	width:987px;
	height:auto;
	margin:0px auto 20px auto;
	
}
#content #header {
	position:relative;
	overflow:hidden;
	width:987px;
	height:190px;
	margin:0px;
	background-image:url(../images/header_hu.jpg);
	background-position:top center;
}
		#header #main_url {
			position:absolute;
			width:140px;
			height:170px;
			left:-285px;
			
		}
		#main_url a {
			display:block;
		    width:100%;
		    height:100%;
		    text-decoration:none;
			background-color:#030;
		}
		#header #logo {
			position:absolute;
			width:133px;
			height:157px;
			left:25px;
			top:18px;
			z-index:10;
		}
		#header #flags {
			position:absolute;
			top:-39px;
			left:860px;
			background-image:url(../images/flags_bg.png);
			background-repeat:no-repeat;
			width:50px;
			height:83px;
			z-index:10;
			padding-top:2px;
		}
				#flags img {
					margin-left:10px;
					border:0px;
				}
		#header #akcio {
			position:absolute;
			width:339px;
			height:124px;
			background-image:url(../images/akcio_bg.png);
			background-repeat:no-repeat;
			left:510px;
			top:-124px;
		}
				#akcio #akcio_swf {
					width:300px;
					height:20px;
					margin:30px 29px auto 10px;
					text-align:center;
					overflow:hidden;
					font-weight:bold;
					color:#C00;
					font-size:18px;
					letter-spacing:3px;
				}
				#akcio #akcio_txt {
					text-align:center;
					width:300px;
					height:45px;
					margin:0px 29px auto 10px;
					color:#e00000;
				}
				#akcio #akcio_reszletek {
	width:140px;
	height:15px;
	margin:13px auto auto 180px;
	text-align:right;
				}		
				#akcio_reszletek a {
					text-decoration:none;
					color:#ffdd9e;
					font-size:12px;
					font-weight:bold;			
					text-shadow: #7a4f00 1px 1px;	
				}
				#akcio_reszletek a:hover {
					padding-left:5px;
				}	
		#header #kapcsolat {
			position:absolute;
			font-size:12px;
			width:300px;
			top:125px;
			left:600px;
			color:#d9ef70;
			text-align:left;
			border-left:3px #a1c83b dotted;
			padding-left: 5px;
			text-shadow: #608419 1px 1px;	
		}
		#header #magyar_termek {
			float:left;
			width:66px;
			height:78px;
			background-image:url(../images/magyar_termek.png);
			background-repeat:no-repeat;
			position:absolute;
			top:7px;
			left:920px;
		}
		
#content #middle {
	background-image:url(../images/c1_bg.png);
	background-repeat:repeat-y;
	background-position:top left;
	overflow:hidden;
}
#content #middle_bg2 {
	background-image:url(../images/c4_bg.png);
	background-repeat:repeat-y;
	background-position:top right;
	overflow:hidden;
}
		#container_right {
			background-image:url(../images/c3_r3_bg.jpg);
			background-position:right;
			background-repeat:repeat-y;
			position:relative;
			right:15px;
		}
		#container_right_bg2 {
			background-image:url(../images/c3_r4.jpg);
			background-position:bottom right;
			background-repeat:no-repeat;
		}
		#container_left {
			background-image: url(../images/c2_r3_bg.jpg);
			background-position:right;
			background-repeat:repeat-y;
			position:relative;
			right:716px;
		}
		#container_left_bg2 {
			background-image:url(../images/c2_r4.jpg);
			background-position:bottom right;
			background-repeat:no-repeat;
		}
		#container_lr {
			margin:0px 0px 0px 743px;
			width:1000px;
		}
		
#content_left {
	float:left;
	width:244px;
	min-height:582px;
	height:582px;
	margin:0px 0px 0px 0px;
}

		#content_left #menu {
			height:257px;
			width:244px;
			margin:0px;
			padding:0px;
		}
					a.menu {
						background-image:url(../images/menu_bg_h37_2.jpg);
						background-repeat:no-repeat;
						background-position:0px 0px;						
						font: bold 18px Arial, Helvetica, sans-serif;
						text-shadow: #b7dd7f 1px 1px;
						text-decoration:none;
						color:#345503;
						width:244px;
						height:32px;
						display:block;
						padding:6px 0px 0px 10px;
						overflow:hidden;
						cursor:pointer;
					}
					a.menu:hover {
						background-position:0px -32px;
						padding:6px 0px 0px 15px;
					}
					/*régi menü
					a.bemutatkozas, a.termekek, a.galeria, a.referenciak, a.kapcsolat, a.ajanlatkeres, a.partnerek, a.dokumentumok {
						background-image:url(../images/menu_bg_h37.jpg);
						background-repeat:no-repeat;
						background-position:0px 0px;						
						font: bold 18px Arial, Helvetica, sans-serif;
						text-shadow: #b7dd7f 1px 1px;
						text-decoration:none;
						color:#345503;
						width:244px;
						height:32px;
						display:block;
						padding:6px 0px 0px 10px;
						overflow:hidden;
						cursor:pointer;
					}
					
					a.bemutatkozas:hover {
						background-position:0px -34px;
						padding:6px 0px 0px 15px;
					}
					a.termekek:hover {
						background-position:0px -66px;
						padding:6px 0px 0px 15px;
					}
					a.galeria:hover {
						background-position:0px -98px;
						padding:6px 0px 0px 15px;
					}
					a.referenciak:hover {
						background-position:0px -129px;
						padding:6px 0px 0px 15px;
					}
					a.kapcsolat:hover {
						background-position:0px -161px;
						padding:6px 0px 0px 15px;
					}
					a.ajanlatkeres:hover {
						background-position:0px -192px;
						padding:6px 0px 0px 15px;
					}
					a.partnerek:hover {
						background-position:0px -224px;
						padding:6px 0px 0px 15px;
					}
					a.dokumentumok:hover {
						background-position:0px -255px;
						padding:6px 0px 0px 15px;
					}*/
					#menu ul{
						width:244px;
						height:32px;
						display:block;
						list-style-type: none;
						padding:0px;
						margin:0px;
					}
					
					#menu ul li {
						display: block;
						width:244px;
						height:32px;
						display:block;
						text-decoration: none;				
					}
					.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
						margin:0px 0px 0px -10px;
						padding: 0;
						position: absolute;
						background-color:#e1e1e1;
						left: 0;
						top: 0;
						list-style-type: none;
						visibility: hidden;
						z-index: 100;
						cursor:pointer;
					}
					
					.ddsubmenustyle li a{
						font: 14px Arial, Helvetica, sans-serif;
						text-shadow: #b7dd7f 1px 1px;	
						color:#345503;
						display: block;
						width: 160px; /*width of menu (not including side paddings)*/
						text-decoration: none;
						background-color:#ebebeb;
						border-bottom:#e6f7bf 1px solid;
						padding: 4px 5px;
						margin:2px;
					}
					
					* html .ddsubmenustyle li{ /*IE6 CSS hack*/
						display: inline-block;
						width: 170px; /*width of menu (include side paddings of LI A*/
					}
					
					.ddsubmenustyle li a:hover{
						background-color:#ffda7d;
					}
		
		#content_left #left_bottom {
			background-image:url(../images/c2_r2.jpg);
			background-repeat:no-repeat;
			margin:0px;
			padding:0px;
			height:320px;
			width:244px;
			position:relative;
		}
	
#content_right {
	float:left;
	width:716px;
	margin:0px 0px 0px 0px;
}
		#content_right #slideshow {
			width:716px;
			height:257px;
			background-image:url(../images/c3_r1_A.jpg);
			background-repeat:no-repeat;
		}
			
					/*--Main Container-- SLIDESHOW STYLE ********************************** */
					.main_view {
						float: left;
						position: relative;
					}
					/*--Window/Masking Styles--*/
					.window {
						height:257px;	width: 716px;
						overflow: hidden; /*--Hides anything outside of the set width/height--*/
						position: relative;
					}
					.image_reel {
						position: absolute;
						top: 0; left: 0;
					}
					.image_reel img {float: left;}
					
					/*--Paging Styles--*/
					.paging {
						position: absolute;
						bottom: 0px; right: 10px;
						z-index: 100; /*--Assures the paging stays on the top layer--*/
						text-align: center;
						line-height: 40px;
						display: none; /*--Hidden by default, will be later shown with jQuery--*/
					}
					.paging a {
						padding: 5px;
						text-decoration: none;
						color: #e9f3d6;
						background: #79a41f;
						border: 1px solid #4c6d08;
						-moz-border-radius: 3px;
						-khtml-border-radius: 3px;
						-webkit-border-radius: 3px;
					}
					.paging a.active {
						font-weight: bold;
						background: #e9f3d6;
						color: #79a41f;
						border: 1px solid #4c6d08;
						-moz-border-radius: 3px;
						-khtml-border-radius: 3px;
						-webkit-border-radius: 3px;
					}
					.paging a:hover {font-weight: bold;}
					/* SLIDESHOW STYLE ********************************** */
	
		#content_right #right_title {
			width:716px;
			height:68px;
			background-image:url(../images/c3_r1_B2.jpg);
			background-repeat:no-repeat;
		}
		
				#right_title h2 {
					width:500px;
					font: bold 30px Arial, Helvetica, sans-serif;
					text-shadow: #487006 1px 1px, -1px -1px #7bb023;				
					color:#e5f9bb;
					margin:18px auto auto 75px;
					position:absolute;
				}
		
		#content_right #right_title_sub {
			width:716px;
			height:62px;
			background-image:url(../images/c3_r2.jpg);
			background-repeat:no-repeat;
			margin-bottom:-60px;
		}
	
.clear {
	clear:both;
}
#content #footer {
	width:987px;
	height:28px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	color:#88be1f;
	text-shadow:#45630a 1px 1px;
}
		#footer a {
			color:#a2ca55;
			text-decoration:none;
		}
		#footer #left {
			margin:20px auto auto 20px;
			float:left;
		}
			 #fb {
				 width:25px;
				 height:25px;
				 margin:15px auto auto 10px;
				 float:left;
				 display:block;
			 }
			 #fb a:link, #fb a:visited {
				 background:url(../images/fb.png) no-repeat;
				 width:25px;
				 height:25px;
				 display:block;
			 }
			 #fb a:hover {
				 background-position:0px -25px;
			 }
		#footer #right {
			margin:20px 20px auto auto;
			float:right;
		}