.main-menu {
	text-align:center;
	
	/*background-color:#FAF0E6;*/
}
.main-menu ul {
	padding:0px 0px 0px 0px;
	margin:0;
	line-height:1.2em;
}
.main-menu li {
 /* border-left:8px solid #F6DDCA;*/
 border-bottom:1px solid var(--hcolor);
 border-bottom:1px solid #E5E5E5;
}

.main-menu li:hover {

  
}
.main-menu a {
	text-decoration: none;
	color:black;
	display: block;
    
   /* border-right:1px solid #FF6600;*/
   
    padding:12px;
	 border-radius:6px;
}
.main-menu a:hover {
  background-color: #F5FFF1	;
  background-color: #FFF6F0;
  background-color: #F6F1EB;
  
}

.main-menu a.active {
  background-color: #F6DDCA;
  background-color: #FFEADB;
  background-color: #D6C5BB;
  background-color: #B0A295;
  
  
  color:#AB4400;
  color:var(--hcolor);
  color:#fff;
  font-weight:bold;
  /*border:1px solid var(--hcolor);
  border:1px solid #fff;*/
 
  
}
.main-menu .caption  {	
	
	
}
.main-menu .expanded  {	
	text-align:left;
	font-weight:bold;
	/*padding-bottom:10px;*/
	
}
.main-menu .submenu  {	
	display:none;
	
	text-align:left;
	padding-left:2em;
	border-width:0 0 0 0;
}
.main-menu .visible  {	
	display:block;		
}
.main-menu .submenu  li{		
	border-width:0 0 0 0;
}
.main-menu .submenu a {
	text-decoration: none;
	color:black;
	display: block;
    
   /* border-right:1px solid #FF6600;*/   
    padding:8px;
	
}
div#main-menu-user div.main-menu{
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background:#fff;
	padding:10px 10px 10px 10px;
}