body {
	margin: 0px;
	font: 11px/14px Verdana;
	color: #000000;
	background: url('../images/bg.jpg') repeat;
}

h1, h2 { margin: -3px 0px 30px; font: bold 20px/24px "Arial Black", Arial; color: #939393; text-align: center; }
h2 { font: bold 16px/20px "Arial Black", Arial; }
h3 { margin: 30px 0px 20px; font: bold 14px/18px "Arial Black", Arial; color: #939393; text-align: center; }
h4 { margin: 11px 8px 14px; font: bold 16px/20px "Arial Black", Arial; color: #939393; }

a, a:link, a:active, a:visited { color: #e3001b; text-decoration: underline; }
a:hover { color: #e3001b; text-decoration: none; }

a.function { float: right; margin-left: 5px; }

a.download { float: right; display: block; width: 60px; height: 17px; text-indent: -9999px; background: url('../images/download.gif') no-repeat; }
a.download:hover { background: url('../images/download-hover.gif') no-repeat; }

input, select, textarea { padding: 2px 3px; font-size: 12px; border: 1px solid #cecece; }
input:hover, input:focus, textarea:hover, textarea:focus { border: 1px solid #b1b1b1; }
select { padding: 0px; }
input.button { padding: 0px; background: #cde123; }

iframe { border: 1px solid #c1c1c1; }

.clear { clear: both; }

.align-center { text-align: center; margin-bottom: 20px; }

.float-left { float: left; margin: 0px 20px 10px 0px; }
.float-right { float: right; margin: 0px 0px 10px 20px; }

#page {
	width: 900px;
	margin: 0px auto; padding: 0px 10px;
	behavior: url('template/hu/css/iepngfix.htc');
	background: url('../images/page-bg.png') repeat-y top center;
}

#header {
	position: relative;
	height: 260px;
	background: url('../images/header-bg.jpg') repeat-x bottom center;
	}
	
	#header img {
		float: none;
		margin: 0px -10px;
	}
	
	#flags {
		position: absolute;
		top: 20px; right: 10px;
		}
		#flags a img {
			float: right;
			display: inline;
			margin: 0px 0px 0px 7px;
			border: 1px solid #efefef;
		}
	
	ul#menu {
		margin: 0px; padding: 0px;
		list-style-type: none;
		}
		ul#menu li {
			float: left;
			display: inline;
			margin: 0px;
			}
			ul#menu li a {
				float: left;
				display: block;
				height: 20px;
				padding: 0px 10px;
				font: bold 11px/20px Verdana;
				text-decoration: none;
				color: #545454;
				}
				ul#menu li a:hover, ul#menu li.active a {
					color: #fff;
					background: #e3001b;
				}
				
	#nav {
		clear: both;
		height: 20px; line-height: 20px;
		margin-left: 10px;
		font-size: 10px;
		color: #c21303;
		}
		#nav a {
			font-size: 10px;
			color: #c21303;
			text-decoration: underline;
			}
			#nav a:hover { text-decoration: none; }
			
			
#middle {
	position: relative;
	background: url('../images/center-bg.jpg') repeat-y center 40px;
	}
	
	#sidebar {
		float: left;
		display: inline;
		width: 245px;
		padding: 0px 0px 20px;
		background: url('../images/sidebar-top.jpg') no-repeat top center;
		}
		#sidebar ul {
			margin: 0px 0px 15px; padding: 0px;
			list-style-type: none;
			}
			#sidebar ul li {
				display: block;
				margin: 0px; padding: 0px 0px 14px 10px;
				font: bold 11px/14px Verdana;
				color: #545454;
				vertical-align: top;
				background: url('../images/submenu-bg.png') no-repeat bottom left;
				}
				#sidebar ul li.main {
					padding-bottom: 0px;
					background: none;
				}
				#sidebar ul li.active { background: url('../images/submenu-bg_active.png') no-repeat bottom left; }
				#sidebar ul li a {
					font: bold 11px/11px Verdana;
					color: #545454;
					text-decoration: none;
					vertical-align: top;
					}
					#sidebar ul li.highlight a { color: #bf011d; }
					#sidebar ul li a:hover, #sidebar ul li.active a { color: #bf011d; }
					
				#sidebar ul li ul {
					margin: 7px 0px 0px -10px; padding-top: 10px;
					list-style-type: square;
					background: url('../images/submenu-bg.png') no-repeat top left;
					}
					#sidebar ul li ul li {
						padding-left: 20px;
						}
						#sidebar ul li ul li a {
							font-weight: normal;
						}
				
		#sidebar select {
			width: 220px;
			margin: 0px 0px 0px 10px;
		}
	
	
	#content {
		position: relative;
		float: left;
		width: 610px;
		padding: 13px 20px 40px;
		text-align: justify;
		}
		
		#content table {
			width: 100%;
			margin: 0px 0px 20px 0px;
			border-collapse: separate;
			border-spacing: 1px;
			}
			#content table thead th {
				padding: 4px 5px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				color: #000;
				background: #dedede;
				border: none;
			}
			#content table td {
				padding: 4px 5px;
				text-align: left;
				vertical-align: top;
				background: #eee;
			}
			
		#content table.hidden {
			width: auto;
			border-collapse: collapse;
			}
			#content table.hidden td {
				padding: 2px 5px;
				border: none;
			}
			
			
		#content ul {
			margin: 0px 0px 25px 25px;
			list-style: square outside;
		}
		
		#content ul.ordered {
			list-style: none outside;
			margin: 0px 0px 30px 0px;
			}
			#content ul.ordered li {
				display: block;
				margin-bottom: 15px;
			}
			#content ul.ordered ul {
				margin: 10px 0px 10px 15px;
			}
			
		#content ul#sitemap {
			margin: 0px; padding: 0px;
			list-style-type: none;
			}
			#content ul#sitemap li { margin-bottom: 1px; }
			#content ul#sitemap li a {
				display: block;
				padding: 2px 5px;
				text-decoration: none;
				color: #000;
				background: #e1e1e1;
				}
				#content ul#sitemap li ul {
					margin: 5px 0px 15px 5px;
					list-style-type: none;
					}
					#content ul#sitemap li ul li a {
						display: inline;
						padding: 0px;
						text-decoration: underline;
						color: #e3001b;
						font-weight: bold;
						background: none;
						}
						#content ul#sitemap li ul li ul {
							margin: 0px 0px 15px 25px;
							list-style-type: disc;
							}
							#content ul#sitemap li ul li ul li a { font-weight: normal; }
							
							
		#content ul#file-cont {
			float: right;
			width: 65px;
			margin: 0px;
			list-style-type: none;
			}
			#content ul#file-cont li {
				position: relative;
				z-index: 99;
				}
				#content ul#file-cont li ul {
					position: absolute;
					top: 15px; right: 0px;
					display: none;
					width: auto;
					list-style-type: none;
					border-top: 1px solid #e1e1e1;
					border-left: 1px solid #e1e1e1;
					border-right: 1px solid #e1e1e1;
					background: #efefef;
					z-index: 99;
					}
					#content ul#file-cont li ul li {
						display: block;
						width: auto;
						margin: 0px; padding: 0px;
						}
						#content ul#file-cont li ul li a {
							display: block;
							margin: 0px; padding: 3px 10px;
							text-decoration: none;
							white-space: nowrap;
							color: #000;
							border-bottom: 1px solid #e1e1e1;
							}
							#content ul#file-cont li ul li a:hover { background: #e1e1e1; }
							
							
		#content form table {
			margin: 0px 0px 10px;
			}
			#content form table td {
				padding: 4px 5px;
				background: none;
				border-bottom: 1px dotted #cecece;
			}
			
		#content form div.title {
			margin-bottom: 10px;
			padding: 0px 5px 5px;
			font-weight: bold;
			color: #565656;
		}
			
		p img {
			margin-bottom: 10px;
		}
		
		.employee {
			margin-bottom: 20px;
			padding-top: 5px;
			}
			.employee img {
				float: left;
				display: inline;
				margin: -5px 10px 0px 0px;
				padding: 1px;
				border: 1px solid #c1c1c1;
			}
			
			
		#content .block {
			margin-bottom: 1px;
			border: 1px solid #bbb;
			}
			#content .block div {
				padding-top: 5px;
				background: #efefef;
			}
			#content .block .title {
				margin: 0px; padding: 2px 3px 2px 5px;
				font: bold 12px Arial;
				color: #000;
				background: #ccc;
				}
				#content .block .title span { float: right; }
				#content .block .title span a {
					float: left;
					width: 15px;
					margin-left: 3px;
					text-align: center;
					color: #000;
					text-decoration: none;
					background: #efefef;
				}
				
			#content .block iframe {
				width: 100%;
				border: none;
			}
			
		.product {
			float: left;
			display: inline;
			width: 273px; height: 155px;
			margin: 0px 10px 10px 0px; padding: 5px 10px 10px;
			border: 1px solid #dedede;
			}
			.product div.name {
				margin-bottom: 10px; padding-bottom: 3px;
				border-bottom: 1px solid #dedede;
				}
				.product div.name a {
					color: #565656;
					text-decoration: none;
					font-weight: bold;
				}
				
			.product a img {
				float: right;
				display: inline;
				margin: 0px 0px 5px 10px; padding: 1px;
				border: 1px solid #dedede;
			}
			.product p {
				margin: 0px;
				text-align: left;
			}
			
			
		.gallery-album {
			position: relative;
			float: left;
			display: inline;
			width: 106px; height: 135px;
			margin: 0px 8px 10px;
			overflow: hidden;
			background: #fff;
			}
			.gallery-album a, .gallery-album a:visited {
				position: absolute;
				top: 0px; left: 0px;
				width: 106px;
				padding: 105px 0px 5px;
				font-weight: normal;
				color: #000;
				text-decoration: none;
				text-align: center;
				background: url('../images/folder.jpg') no-repeat top center;
				}
				.gallery-album a:hover {
					color: #000;
					text-decoration: underline;
				}
			
		.gallery-image {
			position: relative;
			float: left;
			display: inline;
			width: 106px; height: 135px;
			margin: 0px 8px 10px;
			overflow: hidden;
			background: #fff;
			}
			
			.gallery-image a, .gallery-image a:visited {
				display: block;
				width: 106px;
				font-weight: normal;
				color: #000;
				text-decoration: none;
				text-align: center;
				}
				.gallery-image a:hover {
					color: #000;
					text-decoration: underline;
				}
				
				.gallery-image p {
					height: 100px;
					line-height: 100px;
					margin-bottom: 5px;
					cursor: pointer;
					vertical-align: middle;
					text-align: center;
					}
					.gallery-image img {
						padding: 1px;
						border: 1px solid #d1d1d1;
						cursor: pointer;
					}
					
			.gallery-image .functions {
				position: absolute;
				top: 0px; left: 0px;
				width: 106px;
				visibility: hidden;
				background: #fff;
				z-index: 999;
				opacity: 0.7;
				filter: aplha(opacity=70);
				}
				.gallery-image .functions a {
					position: static;
					font-size: 9px;
					font-weight: bold;
					width: auto;
				}
			
			
#footer {
	width: 880px;
	margin: 0px auto; padding: 10px 20px;
	font-size: 9px;
	color: #fff;
	behavior: url('template/hu/css/iepngfix.htc');
	background: url('../images/footer-bg.png') no-repeat top center;
	}
	
	#footer a img {
		float: left;
		margin-right: 10px; padding: 3px 0px 20px;
	}
	
	#footer p { margin-bottom: 10px; }
	
	#footer a#top {
		float: right;
		margin-left: 20px;
		font-size: 10px;
		color: #fff;
		text-decoration: none;
		}
		#footer a:hover { text-decoration: underline; }