#top-menu{
height:37px;
margin:0 197px 0 0;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

#top-menu > span{
display:none;
text-align:center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
color:#FFFFFF;
cursor:pointer;
font-size:4px;
height:37px;
line-height:37px;
}

#top-menu > ul{
display:table;
width:100%;
border-collapse:collapse;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

/* Level 1 */

#top-menu > ul > li{
display:table-cell;
height:37px;
vertical-align:middle;
text-align:center;
border-left:1px solid #b9b9b9;
width:10%;
}

#top-menu > ul > li:first-child{
border:none;
}

#top-menu > ul > li:first-child > a{
position:relative;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}

#top-menu > ul > li.last{
border-right:none;
}

#top-menu > ul > li.last > a{
position:relative;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
}

#top-menu > ul > li > a{
color:#fff;
font-size:15px;
text-decoration:none;
display:block;
height:37px;
line-height:37px;
}

#top-menu > ul > li.last:hover{padding-right:0;}

#top-menu > ul > li.active > a, 
#top-menu > ul > li.hover > a, 
#top-menu > ul > li > a:hover{
color:#fff;
background-color: #798397;
}


/* Level 2 Dropdown */
#top-menu > ul li{
margin:0;
}

#top-menu ul ul li.active > a{
font-weight:bold;
text-decoration:none!important;
}


#top-menu > ul > li div.sub a{
text-decoration:none;
color:#333!important;
display:block;
}

#top-menu > ul > li div.sub a:hover{
text-decoration:underline;
}

#top-menu > ul > li div.sub{
background:#DDDDDD;
position:absolute;
width:200px;
display:none;
top:37px;
text-align:left;

-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;

-moz-box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.80);
-webkit-box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.80);
box-shadow:0 2px 5px -2px rgba(0, 0, 0, 0.80);
}

#top-menu > ul > li div.sub > ul{
padding:10px 10px 10px 20px;
}

#top-menu > ul > li div.sub > ul > li{
position:relative;
margin:0;
padding:0;
}

#top-menu > ul > li div.sub > ul > li > a{
color:#333!important;
padding:5px 0;
}

#top-menu > ul > li div.sub > ul > li > a:hover{
text-decoration:underline;
}


/* Level >= 3 Dropdown */

#top-menu ul ul ul{
padding:0 0 0 35px;
}

#top-menu ul ul ul li a{
color:#494949 !important;
font-size:11px;
padding:3px 0;
}


/* Level  SUBCATALOG */
#top-menu > ul > li div.sub.subcatalog{
width:100%;
padding:20px 20px 0 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#top-menu .subcatalog > ul{
display:inline-block;
vertical-align:top;
width:33%;
padding:0 0 0 20px;
margin:0 0 20px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#top-menu .subcatalog > ul > a{
font-weight:bold;
}

#top-menu .subcatalog > ul ul{
padding:5px 0 0;
}

#top-menu .subcatalog > ul ul li{
display:inline-block;
padding:0 8px 0 0;
}


#top-menu td.active a,
#top-menu td a:hover {
background: rgb(105, 105, 105);
}

#top-menu > *{
background: #6b6b6b;
background: -moz-linear-gradient(top,  #6b6b6b 0%, #494949 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#494949));
background: -webkit-linear-gradient(top,  #6b6b6b 0%,#494949 100%);
background: -o-linear-gradient(top,  #6b6b6b 0%,#494949 100%);
background: -ms-linear-gradient(top,  #6b6b6b 0%,#494949 100%);
background: linear-gradient(to bottom,  #6b6b6b 0%,#494949 100%);
}

#top-menu li > a{
color:#fff;
}
/* END TOP-MENU */
/* meny mob */
#top-menu > ul > li.root-item_contact{
display:none;
height:100%;
}

#top-menu > ul > li.root-item_contact > div{
background: #dfdbdb;
padding: 4px 4px 4px 10px;
}
/* END meny mob */

@media (max-width:560px){
	#top-menu > span{
	color:#fff;
	height:37px;
	line-height:37px;
	display:block;
	font-size:14px;
	cursor:pointer;
	}
	
	#top-menu{
		text-align:center;
		height:auto;
	}
	
	#top-menu span{
		display:block;
	}
	
	#top-menu > ul{
		padding:3px 0 0;
		display:none;
		left:0;
		position:absolute;
		-webkit-border-radius:0 0 3px 3px;
		-moz-border-radius:0 0 3px 3px;
		border-radius:0 0 3px 3px;
		top:34px;
		z-index:-1;
	}
	
	#top-menu > ul > li{
		display:block;
		width:100%;
		border:none;
	}
	
	#top-menu > ul > li a{
		background:none!important;
		font-size:14px;
	}
	
	#top-menu > ul > li a:hover{
		text-decoration:underline;
	}
	
	#top-menu > ul > li > div{
		display:none!important;
	}
	
	@media (max-width:460px){
    #top-menu > ul > li.root-item_contact{
    display:block;
    }

    #top-menu > ul > li.root-item_contact > div{
    display:block!important;
    }
    }
}