@import url("reset.css");
/************************** font *********************************/

@import url(http://fonts.googleapis.com/css?family=Exo:400&subset=latin,latin-ext);

/*****************************************************/
body {
	
	font-family: 'Exo', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	color: #232157;
}

a {
	color: inherit;
	text-decoration: none;
}

h1, h2, h3, h5 { font-weight: normal }

h3 { margin-bottom: 10px }
h4 { margin-bottom: 6px; font-weight:bold; }

.clearfloat {
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
	fontsize: 0;
	display: block;
	clear: both;
}

.nobr {white-space: nowrap;}
/*****************************************************/

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: none;
}

/********************MENU***********************/
#main_nav {
	width: 960px;
	min-height: 120px;
	font-size: 16px;
	background: none;
	margin-top: 20px;
}
#main_nav ul li {
	list-style:none;
	position: relative;
}

#main_nav > ul ul {
	position: absolute;
	margin-top: 4px;
	background: #fff;
	z-index: 999;
	border: #232157 solid 1px;
}

#main_nav > ul ul li {
	font-size: 16px;
	padding: 10px;
	width: 200px;
	text-align:left;
}


#main_nav > ul ul li:hover{
	background: #232157;
	color: #fff;
}

/***** TOP LEVEL **********/

#main_nav > ul > li{
	float: left;
	padding-bottom: 10px;
	width: 142px;
	text-align:center;
}
#main_nav > ul > li:last-child {
	width: 85px;
	float: right;
}

#main_nav > ul > li > a{
	line-height: 24px;
}
#main_nav ul li a span{
	display: inline-block;
	width: 68px;
	height: 68px;
}

/************************/
#main_nav a{ 
}

#main_nav a:hover{
}

#main_nav .active_menu{
}
/**************SUBMENU*************/
#main_nav ul ul {
	display: none;	
}

#main_nav li:hover > ul {
	display: block;	
}



/****IKONOK*****/
#m_bemutatkozunk span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: 0px -200px;
}
#m_tevekenysegunk span{	
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px -200px;
}
#m_szakmai_muhelyeink span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px -200px;
}
#m_hirek span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -0px -300px;
}
#m_karrier span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px -300px;
}
#m_kapcsolat span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px -300px;
}

/** HOVER **/
#main_nav ul li:hover #m_bemutatkozunk span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#main_nav ul li:hover #m_tevekenysegunk span{	
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px 0px;
}
#main_nav ul li:hover #m_szakmai_muhelyeink span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px 0px;
}
#main_nav ul li:hover #m_hirek span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -0px -100px;
}
#main_nav ul li:hover #m_karrier span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px -100px;
}
#main_nav ul li:hover #m_kapcsolat span{
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px -100px;
}

/** ACTIVE **/
#main_nav ul li #m_bemutatkozunk .m_active {
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#main_nav ul li #m_tevekenysegunk .m_active {	
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px 0px;
}
#main_nav ul li #m_szakmai_muhelyeink .m_active {
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px 0px;
}
#main_nav ul li #m_hirek .m_active {
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -0px -100px;
}
#main_nav ul li #m_karrier .m_active {
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -100px -100px;
}
#main_nav ul li #m_kapcsolat .m_active {
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -200px -100px;
}

/** NOKLIK **/
.noklik {
	pointer-events: none;	
}


/**MARK logo**/

#m_logo {
	display: block;
	height: 85px;
	width: 85px;
	margin-top: -12px;
	margin-bottom: 4px;
	background-image: url(mark_sprite.png);
	background-repeat:no-repeat;
	background-position: -300px 0px;
}

	/****SIDE NAV****/
	#sec_nav {
		float: none;
		font-size: 16px;
	}
	
	#sec_nav div{
		width: 64px;
		margin: 0 auto;	
	}
	#m_lang {
		display: inline-block;
	}
	#m_search {
		display: inline-block;
		height: 15px;
		width: 15px;
		margin-left: 15px;
		background-image: url(mark_sprite.png);
		background-repeat:no-repeat;
		background-position: -300px -100px;
	}
	/*******/


/************/


/************SUB NAV**********************/

#sub_nav { 
	margin-bottom: 30px;
	height: 72px;
}
	#sub_nav li {
		list-style:none;	
	}
	#sub_nav h1 { 
		font-size: 26px; 
		float: left;
	}
	#sub_nav_plusz {
		content: url('plusz.png'); float: left; margin: 10px 10px 10px 15px;	
	}
	
	/********* MENU**********/
	#sub_nav > ul > li { 
		font-size: 17px; 
		float:left;
		padding: 2px 13px;
		margin-top: 6px;
		height: 45px;
		border-right: solid 1px #232157; 
	}
		#sub_nav > ul > li:last-child{ 
		border-right: none;
		}
	#sub_nav ul li:hover{
		background: #232157;
		color: #fff;
	}
		#sub_nav ul li ul {
			position: absolute;
			margin-top: 6px;
			margin-left: -14px;
			background: #fff;
			z-index: 999;
			border: #232157 solid 1px;
			display: none;
			color: #232157;
		}
		#sub_nav ul > li:hover > ul { 
			display: block; 
		}
		#sub_nav ul li ul li {
			font-size: 16px;
			padding: 10px;
			width: 200px;
			text-align:left;
		}



/************************* TARTALOM *********************/

aside {
	float: left;
}

	.s_project {
		width: 230px;
		height: auto;
		border: #232157 solid 1px;
		font-size: 13px;	
	}
	
		.p_title {
			padding: 10px;
		}
		
			.p_title span {
				display: block;
				padding-bottom: 2px;
				font-size: 32px;
			}
		
		.s_project img {width: 230px;}
		
		.p_desc {
			background: #232157;
			color: #fff;
			padding: 10px;
		}
			.p_desc span {
				display: block;
				padding-bottom: 6px;
				font-size: 21px;
			}
	
		
			.p_tovabb {
				position: relative;
				font-size: 15px;
				text-align: right;
				right: 0;
				margin:15px 6px 0 0;
			}
/***************/
section {
	float:right;
	width: 680px;	
}
	
	section h1 {font-size: 52px; margin-bottom: 20px;}
	section h2 {font-size: 24px; margin-bottom: 20px;}
	
/**********/
.s_box { float: none; clear:both; margin-bottom: 50px; overflow: hidden; min-height: 50px;}
.s_box date {font-size: 12px;}
.s_box .thumb {float: left; width: 350px; height: 250px; overflow: hidden;}
.s_box .thumb img {width: 380px;}
.s_box p { 
	margin-bottom: 15px; 
	font-size: 15px; 
	text-align: justify; 
	display:block;
	hyphens: auto; 
}
.side_text {
	float: left;
	width: 300px;
	padding: 0 0 0 24px;
}
.full_text a{color: #7772D9;}

.s_tovabb {
	position: relative;
	font-size: 15px;
	text-align: right;
	right: 0;
	margin:8px 6px 0 0;
}
.s_tovabb a {color: #232157;}
.s_tovabb a:hover {color: #7772D9;}


/**********HIREK**********/

.hir_text {margin-top: -30px;}
.hir_text p {font-size:14px;}


/***********JOGI**********/

.jogi_text {}
.jogi_text p {font-size:14px;}
.jogi_text>ul>li{margin-bottom:32px;}

.small_text {font-size:14px;}
.small_text li{margin-top: 5px}

/***********GYIK***********/

.gyik_plus {
	list-style: none;
	font-size: 18px;
}
.gyik_plus li {
	background: url('plusz_32px.png') no-repeat left top;
	padding:8px 0 8px 45px;
	margin: 10px 0;
	overflow:visible;
	cursor: pointer;
}
.gyik_plus li:hover {
	background: url('plusz_inv_32px.png') no-repeat left top;
}


/****/
.item-data {
	display: none;
	padding-left: 45px;	
}

	
/********LIST NOBULLET**********/
.nobullet {
	list-style:none;
	line-height: 1.5;
	font-size: 15px;
}
.nobullet li {
	margin: 0 0 3px 0px;
	list-style:none;
}
.forceBullet li{
	list-style:disc !important;
	margin: 0 0 3px 20px;
}

/********LIST PLuS*************/
.list_plus {
	list-style: none;
	font-size: 15px;
}
.list_plus li {
	background: url('plusz.png') no-repeat left top;
	padding:6px 0 6px 65px;
	min-height: 36px;
	overflow:visible;
}
.list_plus li:hover {
	background: url('plusz_inv.png') no-repeat left top;
}


/*********LiNK PLUS************/
.link_plus {
	background: url('plusz.png') no-repeat left top;
	padding:6px 0 6px 65px;
	min-height: 36px;
	overflow:visible;
}

.link_plus:hover {
	background: url('plusz_inv.png') no-repeat left top;
}



/********** a MARK irányítása ********/
	.portfolio {}
	.portfolio .portrait {
		float: left; 
		width: 180px; 
		height: 180px; 
		overflow: hidden;
		border-radius: 110px;
	}
	.portfolio .portrait img {width: 180px}
	.portfolio h3 { 
		float: left;
		padding: 0 0 0 24px;
		margin-bottom: 15px; 
		font-size: 25px; 
		display:block; 
	}
	.portfolio p { 
		width: 450px; 
		float: left;
		padding: 0 0 0 24px;
	}

/********** Állás ajánlat**********/
.allas_ajanlat h4{ margin-bottom: 5px; font-size: 18px;}
.allas_ajanlat ul{ margin-bottom: 30px;}
/*.allas_ajanlat*/section li{ margin: 0 0 3px 20px;}


/************************* FOOTER *********************/

footer {
	height: 300px;
	margin-bottom: 88px;	
}
#foot_nav {
	width: 100%;
	margin: 20px 0 30px;
	height: 185px;
	background: #232157;
	color: #fff;
	font-size: 18px;
}
	#foot_nav h2 {
		font-size: 26px;
		margin
	}
	#foot_nav h2:before {
		position: relative; top: 6px;
		margin: 0 10px;
		content: url(plusz_w.png);
	}
	#foot_nav ul {
		padding: 0 30px 0 50px;	 margin-top: 40px; float:left;
	}
	#foot_nav ul li{
		padding: 2px;
	}
		#foot_nav ul li:hover{
			color: #7772D9;
		}

	#fm_kiemelt, #fm_azoldalrol {
		margin: 15px;
		height: 165px;
	}
	#fm_kiemelt {width: 640px; float: left;} #fm_azoldalrol {width: 240px; float: right;}

.copyright {float: left; position: relative; bottom: -96px; font-size: 13px;}	
#foot_logo {float: right; position: relative; bottom: -14px;}