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

   HD CSS Framework 1.1 by Hutchington (hdesign.cc)

----------------------------------------------------------------------- */


/*--------------------------------IMPORTS-------------------------------*/
@import url("reset.css");
@import url("typography.css");
/*--------------------------------GLOBAL--------------------------------*/

body, body * {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}

#main {width: 100%;}

.b_left {display: block; float: left;}
.b_right {display: block; float: right;}

/*--------------------------------------HEADER--------------------------------*/

#header_container {
	width: 100%;
	height: 107px;
	background: url(../i/bg_header.png) repeat-x;
}
	#header {
		width: 960px;
		height: 107px;
		left: 50%;
		margin-left: -480px;
		position: relative;
	}
	
		#header h1 {
			width: 171px;
			height: 107px;
			margin: 0;
			background: url(../i/logo.png) no-repeat center;
			text-indent: -9999px;
		}
			#header h1 a {
				display: block;
				float: left;
				width: 171px;
				height: 107px;
			}
		
		#header .topSearch{
			height: 25px;
			padding-top: 5px;
		} 
			.topSearch .text{
				width:125px;
				height: 15px;
				background: url(../i/search_field.png) no-repeat;
				border: 0;
				margin: 0;
				padding: 3px;
				padding-top: 5px;
				font-size: 11px;
			}
			
			.topSearch .submit{
				width:22px;
				height: 22px;
				border: 0;
				margin: 0;
				margin-left: 2px; 
				background: url(../i/search_button.png) no-repeat;
				color: #FFF;
				font-size: 11px;
			}
		
		#header .topLang {
			height: 25px;
			padding-top: 6px;
		}
		
			#header .topLang a {
				display: block;
				width: 61px;
				height: 17px;
				margin-left: 10px;
				padding-top: 3px;
				background: url(../i/lang_button.png);
				text-align: center;
				color: #fff;
				text-decoration: none;
			}

/*--------------------------------------CANVAS--------------------------------*/

#canvas_container {
	width: 100%;
	height:140px;
	background: url(../i/bg_canvas.png) repeat-x;
}

	#canvas {
		width: 960px;
		height: 140px;
		left: 50%;
		margin-left: -480px;
		position: relative;
		/*background: url(../i/canvas_alkhosting.png) no-repeat right;*/
	}

/*--------------------------------------MENU--------------------------------*/

#menu_container {
	display: block;
	float: left;
	width: 100%;
	/*height: 78px;*/
	background: url(../i/bg_menu.png) repeat-x #434343;
}

	#menu {
		display: block;
		float: left;
		width: 962px;
		height: 40px;
		left: 50%;
		margin-left: -481px;
		position: relative;
	}
	
		#menu ul {
			width: 962px;
			height: 40px;
			/*border-right: 1px solid #C0C0C0;*/
			background: url(../i/topmenu_separator.png) center right no-repeat;
		}

			#menu ul li {
				display:block;
				float: left;
			}
			
		#menu ul li a {
			display: block;
			height: 25px;
			width: 187px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 14px;
			text-decoration: none;
			color: #4f4f4f;
			padding: 15px 0 0 5px;
		}
		
		#menu ul li a.whitsub {background: url(../i/topmenu_whitsub.png) no-repeat;}
			
			#menu ul li a.whitsub_select {background: url(../i/topmenu_whitsub_select.png) no-repeat; color: #0380a0;}
		
		#menu ul li a.whitoutsub {background: url(../i/topmenu_whitoutsub.png) no-repeat;}
			
			#menu ul li a.whitoutsub_select {background: url(../i/topmenu_whitoutsub_select.png) no-repeat;}
		
			#menu ul li a.whitsub:hover, #menu ul li a.whitoutsub:hover {color: #0380a0;}
			
		
	#submenu {
		display: block;
		float: left;
		width: 100%;
		height: 38px;
		background: url(../i/bg_content.png) repeat-y center;
	}
	
		#submenu ul{
			display: block;
			float: left;
			width: 961px;
			height: 38px;
			background: url(../i/bg_submenu.png) repeat-x;
			left: 50%;
			margin-left: -480px; /*ie6 ie7 bugfix -> ie6.css ie7.css*/
			position: relative; /*ie6 bugfix -> ie6.css*/
		}
		
			#submenu ul li{
				display: block;
				float: left;				
			}
			
		#submenu ul li a {
			display: block;
			float: left;
			height: 16px;
			padding: 10px;
			padding-top: 12px;
			border-right: 1px solid  #FFF;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight: bold;
			color: #FFF;
			text-decoration: none;
		}
			#submenu ul li a:hover {text-decoration: underline;}
		
		#submenu ul li a.select {background: url(../i/submenu_select.png) no-repeat bottom center;}
/*--------------------------------------CONTENT--------------------------------*/

#content_container {
	display: block;
	float: left;
	width: 100%;
	background: #434343;
}

	#content {
		display: block;
		float: left;
		width: 940px;
		left: 50%;
		margin-left: -491px; /*ie6 ie7 bugfix -> ie6.css ie7.css*/
		position: relative;
		overflow: auto;
		clear: both;
		padding: 20px;
		padding-top: 0px;
		background: url(../i/bg_content.png) repeat-y;
	}

/*--------------------------------------#BreadCrumb----------------------------*/
#content #BreadCrumb {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	/*border-bottom: 1px solid #CCC;*/
}

#content #BreadCrumb li {
	display: block;
	float: left;
	margin: 3px;
}

#content #BreadCrumb a {
	color: #0a819f;
	text-decoration: underline;
}


#content #BreadCrumb a:hover {
	text-decoration: none;
}

/*------------------------------------paginator-------------------------------*/
#content .pager {
	color: #0a819f;
}

#content .pager a {
	color: #0a819f;
	text-decoration: underline;
}
/*--------------------------------------.index_box----------------------------*/

#content .index_box {
	display: block;
	float: left;
	width: 411px;
	height: 160px;
	background: url(../i/index_box.png) no-repeat bottom;
	padding-left: 10px;
	margin: 20px 0 0 30px;
}

	#content .index_box h2 {
		display: block;
		float: left;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #f34c1f;
	}
	
	#content .index_box img {
		display: block;
		float: left;
		margin: 8px 10px 0 0;
		border: 1px solid #EBEBEB;
	}
	
	#content .index_box p {
		display: block;
		float: left;
		width: 275px;
		line-height: 16px;
	}
	
	#content .index_box .foot {
		display: block;
		float: left;
		width: 400px;
		line-height: 16px;
	}
	
		#content .index_box .foot img {
			border: 0;
			padding-left: 20px;
		}
		
		#content .index_box .foot a {
			float: right;
			font-weight: bold;
			color: #0a819f;
			text-decoration: none;
			padding-top: 15px;
		}
		
			#content .index_box .foot a:hover {text-decoration: underline;}


/*--------------------------------------FOOTER--------------------------------*/

#footer_container {
	display: block;
	float: left;
	width: 100%;
	height: 170px;
	background: #434343 url(../i/bg_footer.png) repeat-x bottom;
}

#footer {
	display: block;
	float: left;
	width: 980px;
	height: 170px;
	left: 50%;
	margin-left: -491px;
	position: relative;
	background: url(../i/bg_footer_overflow.png) no-repeat top;
}

	#footer .postit_hu, #footer .postit_en {
		display: block;
		float: left;
		width:228px;
		height:171px;
		margin-left: 70px;
		background: url(../i/footer_postit.png) no-repeat;
	}
	
	#footer .postit_en {background: url(../i/footer_postit_en.png) no-repeat;}
		
		#footer .postit_hu a, #footer .postit_en a {
			display: block;
			float: left;
			text-indent: -9999px;
		}
		
		#footer .postit_hu a.jogi, #footer .postit_en a.jogi {
			margin-top: 20px;
			margin-left: 2px;
			width:170px;
			height: 22px;
		}

		#footer .postit_hu a.sitemap, #footer .postit_en a.sitemap {
			margin-top: 10px;
			margin-left: 5px;
			width:130px;
			height: 22px;
		}
		
		#footer .postit_hu a.allas, #footer .postit_en a.allas {
			margin-top: 10px;
			margin-left: 7px;
			width:140px;
			height: 22px;
		}
		
		#footer .postit_hu a.impress, #footer .postit_en a.impress {
			margin-top: 10px;
			margin-left: 10px;
			width:145px;
			height: 22px;
		}

	#footer .partners_hu, #footer .partners_en {
		display: block;
		float: right;
		/*width: 536px;*/
		width: 467px;
		padding-left: 69px;
		height: 81px;
		margin: 84px 15px 0 0;
		background: url(../i/footer_partners.png) no-repeat;
	}
	
	#footer .partners_en {background: url(../i/footer_partners_en.png) no-repeat;}
	
	.sap, .hp, .cisco, .oracle, .microsoft, .ventyx, .emc {
		display: block;
		float: left;
		height: 23px;
		text-indent: -9999px;
	}
	
	.sap { width: 45px; margin-right: 12px;}
	.hp { width: 35px; margin-right: 16px;}
	.cisco { width: 50px; margin-right: 16px;}
	.oracle { width: 69px; margin-right: 13px;}
	.microsoft { width: 69px; margin-right: 10px;}
	.ventyx { width: 66px; margin-right: 17px;}
	.emc { width: 48px;}