/*
    dropdown-menu.css
	web-communication.eu | 31/12/2017
    Copyright 2017 web-communication.eu
*/

#main-menu {
    position: 				relative;
}


#navigation {
	right:					50%;
	top: 30px;
    padding: 				0;
    clear:					both;
    height:					54px;
	float: 					right;
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
}












/*nav-main*/
ul.nav-main,
ul.nav-main li {	
    list-style: 			none;
    margin: 				0;
    padding: 				0;
}

ul.nav-main {
    position: 				relative;
    z-index: 				597;
}

ul.nav-main li:hover > ul {
    visibility: 			visible;
}

ul.nav-main li:hover > ul .box {
    display: 				block;
}

ul.nav-main li.hover,
ul.nav-main li:hover {
    position: 				relative;
    z-index: 				599;
    cursor: 				pointer;
    color: 					#000000; 
	border-bottom: 			10px solid rgba(0,0,0,.8);
}

ul.nav-main li:hover > a {
    color: 					#000000;
}

ul.nav-main li {
    float:					left;
    display:				block;
    height: 				54px;
    color: 					#000000;
	font-family: 			'Michroma', sans-serif;
	font-size:				16px;
}

ul.nav-main li a {
    display:				block;
    padding: 				15px 16px;
    color: 					#000000;
    font-family: 			'Michroma', sans-serif;
	font-size:				16px;
    text-decoration:		none;
}












/*
ul.nav-sub {
    visibility: 			hidden;
    position: 				absolute;
    padding:				10px;
    top: 					54px;
    left: 					0;
    z-index: 				598;
}


ul.nav-sub li {
    list-style:				none;
    display:				block;
    padding: 				0;
    height: 				45px;
    float: 					none;
    width: 					250px;
    background: 			none;
}

ul.nav-sub li a {
    list-style:				none;
    display:				block;
    padding: 				15px 5px 0 5px;	
    float: 					none;
    width:					250px;
	color: 					#CCCCCC;
    background: 			none;
    font-family: 			'Michroma', sans-serif;
	font-size:				16px;
}

ul.nav-sub li.hover,
ul.nav-sub li:hover {
    
    background: 			rgba(255,255,255,.8);
	border: 				none;
 
}

ul.nav-sub li:hover > a {
    color: 					#000; 
}
*/












/*nav-up*/
ul.nav-up,
ul.nav-up li {
    list-style: 			none;
    margin: 				0;
    padding: 				0;
}

ul.nav-up {
    position: 				relative;
    z-index: 				597;
}

ul.nav-up li:hover > ul {
    visibility: 			visible;
}

ul.nav-up li:hover > ul .box {
    display: 				block;
}

ul.nav-up li.hover,
ul.nav-up li:hover {
    position: 				relative;
    z-index: 				599;
    cursor: 				pointer;
    color: 					#FFFFFF; 
	border-bottom: 			10px solid #ccc;
}

ul.nav-up li:hover > a {
    color: 					#FFFFFF;
}

ul.nav-up li {
    float:					left;
    display:				block;
    height: 				54px;
    color: 					#FFFFFF;
	font-family: 			'Michroma', sans-serif;
	font-size:				16px;
}

ul.nav-up li a {
    display:				block;
    padding: 				15px 16px;
    color: 					#FFFFFF;
    font-family: 			'Michroma', sans-serif;
	font-size:				16px;
    text-decoration:		none;
}













ul.nav-sub {
    visibility: 			hidden;
    position: 				absolute;
    top: 					54px;
    left: 					0;
    z-index: 				598;
}


ul.nav-sub .box {
    position: 				relative;
    padding:				10px;
    top: 					1px;
	background: 			rgba(0,0,0,.8);
	display: 				none;
}

ul.nav-sub .box li {
    list-style:				none;
    display:				block;
    padding: 				0;
    height: 				45px;
    float: 					none;
    width: 					250px;
    background: 			none;
}

ul.nav-sub .box li a {
    list-style:				none;
    display:				block;
    padding: 				10px 5px 0 5px;	
    float: 					none;
    width:					250px;
	color: 					#CCCCCC;
    background: 			none;
    font-family: 			'Michroma', sans-serif;
	font-size:				16px;
}

ul.nav-sub .box li.hover,
ul.nav-sub .box li:hover {
    
    background: 			rgba(255,255,255,.8);
	border: 				none;
 
}

ul.nav-sub .box li:hover > a {
    color: 					#000; 
}







/* responsive */
@media only screen and (min-width: 1441px)  {
	
}