/************************************************************************************
	MENU DI PRIMO LIVELLO 
**/

div#up aside nav.sidenav {}

div#up aside nav.sidenav ul,
div#up aside nav.sidenav ul li {
	list-style: none;
	padding:0;
	margin:0;
	border: none;
	z-index: 10000;
}

div#up aside nav.sidenav ul li a,
div#up aside nav.sidenav ul li a:link,
div#up aside nav.sidenav ul li a:visited {
	display: inline-block;
	color:#F39200;
	color:#555;
	text-decoration: none;
	width: 100%;
	padding: 0 2rem;	
	height: 4rem;
	line-height: 4rem;	
	cursor: pointer;
	font-size: 1rem;
	border-bottom: solid 1px #eee;
	text-transform: uppercase;	
	z-index: 10000;
	white-space: nowrap;
}


div#up aside nav.sidenav ul li a:after,
div#up aside nav.sidenav a:after {
	color:#F39200;
	color:#555;
}

div#up aside nav.sidenav ul li a:hover,
div#up aside nav.sidenav ul li a:active {
	color:white;
	background: #ccc;
}

div#up aside nav.sidenav ul li:last-child a {
	border:none;
}

.dropdown.menu.vertical>li.opens-right>a:after,
.dropdown.menu.vertical .opens-right a:after {
	border-color: transparent transparent transparent #F39200;
	border-color: transparent transparent transparent #555;
}

.dropdown.menu.vertical>li.opens-left>a:after,
.dropdown.menu.vertical .opens-left a:after {
	border-color: transparent #F39200 transparent transparent;
	border-color: transparent #555 transparent transparent;
}

div#up aside nav.sidenav > ul > li > a:hover {
	background-color: #666;
}

div#up aside nav.sidenav ul {
	border:none;
	background:white;
}

div#up aside nav.sidenav ul ul {
	border-top: solid 1px #eee;
	margin-top: -1px;
	background:#fefefe;
}

div#up aside nav.sidenav ul ul ul {
	border-top: solid 1px #ccc;
	margin-top: -1px;
	background:#fcfcfc;
}

div#up aside nav.sidenav ul ul ul ul {
	border-top: solid 1px #aaa;
	margin-top: -1px;
	background:#f9f9f9;
}

/**
	@todo mistero!
*/
div#up aside nav.sidenav ul.submenu,
div#up aside nav.sidenav ul li.is-submenu-item {
	min-width: 25rem;
}

div#up aside nav.sidenav ul.submenu {
	box-shadow: 0 1px 3px rgba(0,0,0,0.75), 0 1px 2px rgba(0,0,0,0.25);
}

/************************************************************************************ 
	MENU CON I LOGHI 
**/

div#up aside nav.logos {
	padding:0;
	margin: 0;
}

div#up aside nav.logos h1 {
	font-size:0.9rem;
	font-weight: bold;
	text-transform: uppercase;
	color:#666;
	/*margin-bottom: 2rem;*/
	margin:0;
	padding-left:2rem;
	position: relative;
	cursor: pointer;
	height: 4rem;
	line-height: 4rem;
}

div#up aside nav.logos h1:hover, 
div#up aside nav.logos h1:hover:after {
	color:#888;
}

div#up aside nav.logos ul,
div#up aside nav.logos ul li {
	list-style: none;
	padding:0;
	margin:0;
	border: none;
}

div#up aside nav.logos ul li a {
	display: inline-block;
	padding:0 2rem 1rem 2rem;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
}

div#up aside nav.logos ul li a:hover,
div#up aside nav.logos ul li a:active {
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	-webkit-transition: all .5s ease-in-out;
}

div#up aside nav.logos.open {}
div#up aside nav.logos.open h1:after {
	content: "\f0d8";
	font-family: FontAwesome;
	position: absolute;
	right:1rem;
}
div#up aside nav.logos.open ul {
	display: block;
}

div#up aside nav.logos.close {}
div#up aside nav.logos.close h1:after {
	content: "\f0d7";
	font-family: FontAwesome;
	position: absolute;
	right:1rem;
}
div#up aside nav.logos.close ul {
	display: none;
}

div#up aside nav.logos ul li.side_logo_bandito {
	margin-left: -3px;
}
div#up aside nav.logos ul li.side_logo_giovannisaben {
	margin-left: -2px;
}
div#up aside nav.logos ul li.side_logo_crava {
	margin-left: -6px;
}
div#up aside nav.logos ul li.side_logo_benevagienna {
	margin-left: -1px;
}
div#up aside nav.logos ul li.side_logo_bossea {
	margin-left: -6px;
}

/**
	FORM RICERCA SIDE
*/

div#up aside nav.logos.side-search form {
	padding: 0 30px 15px 30px;
	margin: 0;
}

div#up aside nav.logos.side-search form input {
	border: solid 1px #ee9400;
	height: 2rem;
	line-height: 2rem;
	width: calc( 100% - 2.5rem);
	display: inline-block;
	margin: 0;
	padding: 0 6px;
	vertical-align: top;
}

div#up aside nav.logos.side-search form i.fa {
	height: 2rem;
	width: 2rem;
	background: #ee9400;
	line-height: 2rem;
	text-align: center;
	font-size: 1rem;
	color:white;
	font-weight: bold;
	display: inline-block;
	cursor: pointer;
}

div#up aside nav.logos.side-search form i.fa:hover {
	opacity: 0.8;
}