.site-menu {
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	color: #fff;
	width: 100%;
}

.site-menu.mobile {
	display: none;
}

.site-menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	margin: 0px;
    max-width: 1240px;
    width: 100%;
    height: 100px;
    background-color: #99cc33;
}

.site-menu li {
	display:inline-block;
	float: left;
    width: 33.3%;
	height: 100px;
}

.site-menu li a {
	color: #fff;
	display:block;
	height: 49px;
	text-align: center;
	letter-spacing: .01em;
	background: transparent;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 23px;
	border-right: 2px solid;
	border-right-color: #669900;
	background-repeat: no-repeat;
	margin-top: 15px;
	background-position: 20% 10px;
}

.site-menu li a:hover {
	color: #669900;
}

.site-menu li.active {
	background-color: #659800;
}

.site-menu li a.active {

}

.site-menu li a.activeRight  {
	border-right: 0px;
}

.site-menu li a.gyik {
	background-image: url('images/menu_icon_gyik.png');
    padding-left: 35px;
    background-position: 119px 10px;
}

.site-menu li a.palyazati_utmutato {
	background-image: url('images/menu_icon_palyazati_utmutato.png');
	padding-left: 68px;
	/*
	background-position: 45px 10px;
	*/
}

.site-menu li a.kalkulatorok {
	background-image: url('images/menu_icon_kalkulatorok.png');
	padding-left: 22px;
	/*
	background-position: 63px 10px;
	*/
}

.site-menu li a.gyik:hover {
	background-image: url('images/menu_icon_gyik_hover.png');
}

.site-menu li a.palyazati_utmutato:hover {
	background-image: url('images/menu_icon_palyazati_utmutato_hover.png');
}

.site-menu li a.kalkulatorok:hover {
	background-image: url('images/menu_icon_kalkulatorok_hover.png');
}

@media screen and (max-width : 1175px){
	.site-menu li a.gyik {
	    padding-left: 35px;
	    background-position: 26% 10px;
	}

	.site-menu li a.palyazati_utmutato {
		padding-left: 87px;
		background-position: 45px 10px;
	}

	.site-menu li a.kalkulatorok {
	    padding-left: 76px;
	    background-position: 46px 10px;
	}

	.bhWrapper {
		top: -280px;
	}
	.buttonHolder a.contentButton { 
		width: 13em;
		height: 13em;
	}
}

.site-menu ul .last-child a {
	border-style: none;
}

.site-menu .only_mobile  {
	display: none;
}

/*Hover state for top level links*/
.site-menu li:hover a {

}

/*Style for dropdown links*/
.site-menu li:hover ul a {

}

/*Hover state for dropdown links*/
.site-menu li:hover ul a:hover {

}

/*Hide dropdown links until they are needed*/
.site-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.site-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.site-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	text-align: left;
}


/*Display the dropdown on hover*/


.site-menu ul li a:hover + .hidden, .site-menu .hidden:hover {
	display: block;
}


/*Style 'show menu' label button and hide it by default*/
.site-menu .show-menu {
	background-image: url('images/menu_mobile_off.png');
 	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: contain;
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
    height: 80px;
    z-index: 2000;
}

.site-menu .show-menu span {
	display: none;
}

/*Hide checkbox*/
.site-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/

.site-menu input[type=checkbox]:checked ~ .menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){

	.site-menu.mobile {
		display: block;
	}

	.site-menu.desktop {
		display: none;
	}

	#pageHead {
		background-position: 15px 50%;
		background-size: 190px;
		height: 80px;
	}

	/*Make dropdown links appear inline*/
	.site-menu ul {
		position: static;
		display: none;
		height: 210px;
		font-size: 1em;
	}
	/*Create vertical spacing*/
	.site-menu li {
		margin-bottom: 0px;
		display: list-item;
		height: 70px;
	}
	/*Make all menu links full width*/
	.site-menu ul li {
		width: 100%;
	}

	.site-menu li a {
    	 text-align: left;
    	 border-right: 0px;
    	 margin-top: 0px;
    	 padding-top: 22px;
    	 border-top: 2px solid;
    	 border-top-color: #669900;
    	 /*
		background-size: 2.2em;
		*/
	}

	.site-menu ul .last-child a {
    	 border-top: 2px solid;
    	 border-top-color: #669900;
	}

	.site-menu li a.gyik {
		padding-left: 88px;
		background-position: 15px 8px;
	}

	.site-menu li a.palyazati_utmutato {
		padding-left: 88px;
		background-position: 15px 5px;
	}

	.site-menu li a.kalkulatorok {
		padding-left: 88px;
		background-position: 15px 8px;
	}

	/*Display 'show menu' link*/
	.site-menu .show-menu {
		display:block;
	}

	/* switch off menu on mobiles */
	/*
	.site-menu .show-menu {
		display:none;
	}
	*/
}


/* switch off menu */

/*
.site-menu ul li a:hover + .hidden, .hidden:hover {
	display: none;
}
.site-menu li:hover a {
	background: transparent;
	color: #2f3036;
}
*/

