﻿
a,
a:hover,
a:active { text-decoration: none; }

a {
/*  color: #008DE7;
  font-style: italic;
  font-weight: 700;*/
}

a:hover {  }
.sidebar-menu {
  position: relative;
  float: left;
  width: 105%;
  top: 0;
  right: 0;
  bottom: 0;
 /* color: #aaabae;*/
/*  font-family: "Segoe UI";*/
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
  width:100%
}

#menu li {
  position: relative;
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid rgba(69, 74, 84, 0.7);
  padding: 0;
  width:100%
}

#menu li:hover
{
  background-color: #f1f8fe;	
}

#menu .level2 li:hover{
	background-color: #618fcd;

}

#menu .level2 li a:hover
{
	
color: white !important;
}
  
#menu li ul {
  opacity: 0;
  height: 0px;
}

#menu li a {
/*  font-style: normal;*/
  /*font-weight: 400;*/
  position: relative;
  display: block;
  padding: 10px 20px;
 /*color:#000;*/
  white-space: nowrap;
  z-index: 2;
  padding: 3px 30px 3px 0;
 /* font-weight: bold;*/

}

#menu li a:hover {
  color: #3c6da8 !important;

  /**transition: color 250ms ease-in-out, background-color 250ms ease-in-out;**/
}


#menu ul li { 

background-color: #fff;
border:1px solid #3d6caa;

}

#menu ul li:hover { 

background-color: #fff;

}

#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li ul {
  position: absolute;
  visibility: hidden;
  right: 100%;
  top: -1px;
  /*background-color: #2b303a;*/
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;

/*  border-top: 1px solid rgba(69, 74, 84, 0.7);*/
  
}

#menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}

#menu li li ul {
  right: 100%;
  visibility: hidden;
  top: -1px;
  opacity: 0;

}

#menu li li:hover ul {
  visibility: visible;
  opacity: 1;
}
.level2 li
{
	background-image:none !important;
}


