/*
    dropdown-menu.css
	m.dinamico.bike | 04/02/2020 | CSS
    (c) Copyright 2020 web-communication.eu
*/

#main-menu {
    position: 				absolute;
	left: 				340px;
	top: 					31px;
	z-index:				999;

}

#navigation {
	/*right:					0;*/
    padding: 				0;
    /*clear:					both;*/
   /* height:					65px;*/

	/*float: 					right;*/
}








/*nav-main*/
ul.nav-main,
ul.nav-main li {
    list-style: 			none;
    margin: 				0 5px;
    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: 			8px solid #FF0000;
	/* border-radius:             15px;
    -moz-border-radius:        15px;
    -webkit-border-radius:     15px;*/
	/*background-color: #333333;*/
}

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

ul.nav-main li {
    float:					left;
    display:				block;
    /*height: 				65px;*/
    color: 					#000000;
	/*font-family: 			'Michroma', sans-serif;*/
	/*font-family: 			'Michroma', sans-serif;*/
	font-family: 			'Roboto', sans-serif;

	font-size:				16px;
}

ul.nav-main li a {
    display:				block;
    padding: 				10px 15px;
	height: 32px;
    color: 					#000000;
    /*font-family: 			'Michroma', sans-serif;*/
	font-family: 			'Roboto', sans-serif;
	letter-spacing: 0.055em;
	font-size:				16px;
    text-decoration:		none;
	font-weight: bold;
}














/*nav-up*/
ul.nav-up,
ul.nav-up li {
    list-style: 			none;
    margin: 				0 5px;
    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: 					#000000;
	border-bottom: 			8px solid #FF0000;
	/* border-radius:             15px;
    -moz-border-radius:        15px;
    -webkit-border-radius:     15px;*/
	/*background-color: #DDDDDD;*/
}

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

ul.nav-up li {
    float:					left;
    display:				block;
    /*height: 				65px;*/
    color: 					#DDDDDD;
	/*font-family: 			'Michroma', sans-serif;*/
	/*font-family: 			'Michroma', sans-serif;*/
	font-family: 			'Roboto', sans-serif;

	font-size:				16px;
}

ul.nav-up li a {
    display:				block;
    padding: 				10px 15px;
	height: 32px;
    color: 					#DDDDDD;
    /*font-family: 			'Michroma', sans-serif;*/
	font-family: 			'Roboto', sans-serif;
	letter-spacing: 0.055em;
	font-size:				16px;
    text-decoration:		none;
	font-weight: bold;

}













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


}


ul.nav-sub li:hover > ul .box2 {
    display: 				block;

}

ul.nav-sub .box {
    position: 				relative;
    padding:				10px;
    top: 					1px;
	background: 			#cccccc;/*rgba(204,204,204,.9);*//*rgba(0,180,255, 0.9);*/
	display: 				none;


}

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

	/*standard*/
		transition-duration: .4s;

		/*Safari e Chrome */
		-webkit-transition-duration: .4s;

		/*Opera*/
		-o-transition-duration: .4s;

		/*Firefox*/
		-moz-transition-duration: .4s;
}

ul.nav-sub .box li a {
    list-style:				none;
    display:				block;
    /*padding: 				10px 5px;	*/
    float: 					none;
    width:					300px;
	color: 					#333333;/*#CCCCCC;*/
    background: 			none;
    font-family: 			'Michroma', sans-serif;
	/*font-family: 			'Roboto', sans-serif;*/
	font-size:				12px;

}

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;
}



















ul.nav-sub2 {
    visibility: 			hidden;
    position: 				absolute;
    top: 					-2px;
    left: 					220px;
    z-index: 				598;


}


ul.nav-sub2 .box2 {
    position: 				relative;
    padding:				10px;
    top: 					1px;
	background: 			#DDDDDD;/*rgba(204,204,204,.9);*//*rgba(0,180,255, 0.9);*/
	display: 				none;


}

ul.nav-sub2 .box2 li {
    list-style:				none;
    display:				block;
    padding: 				0;
    height: 				45px;
    float: 					none;
    width: 					220px;
    background: 			none;

	/*standard*/
		transition-duration: .4s;

		/*Safari e Chrome */
		-webkit-transition-duration: .4s;

		/*Opera*/
		-o-transition-duration: .4s;

		/*Firefox*/
		-moz-transition-duration: .4s;
}

ul.nav-sub2 .box2 li a {
    list-style:				none;
    display:				block;
    /*padding: 				10px 5px;	*/
    float: 					none;
    width:					300px;
	color: 					#333333;/*#CCCCCC;*/
    background: 			none;
    font-family: 			'Michroma', sans-serif;
	/*font-family: 			'Roboto', sans-serif;*/
	font-size:				12px;

}

ul.nav-sub2 .box2 li.hover,
ul.nav-sub2 .box2 li:hover {

    background: 			rgba(255,255,255,.8);
	border: 				none;

}

ul.nav-sub2 .box2 li:hover > a {
    color: 					#000;
}



/* responsive */
@media only screen and (max-width: 1135px) {

}
