#block_navigation {
  width: 200px;
  position: relative;
  top: 0px;
  left: 0px;
}

#block_navigation  ul   {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

#block_navigation  ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  list-style: none;
  width: 100%;
  -webkit-transition: background 0.2s linear;
  -moz-transition:background 0.2s linear;
  -ms-transition:background 0.2s linear;
  -o-transition:background 0.2s linear;
  transition:background 0.2s linear;
}

#block_navigation ul li a {
  width: 100%;
  font-weight: bold;
  text-decoration: none;
  display: block;
  line-height: 30px;
  color: #000000;
  font-size: 14px;
}

#block_navigation ul li a:hover {
  text-decoration: underline;
  color: #00008B;
  font-size: 14px;
  display: block;
  line-height: 30px;
  width: 100%;
}

#block_navigation  li a:active  {
  color: #888;
}

#block_navigation ul li:first-child {
  border-top-right-radius: 11px;
  border-top-left-radius: 11px;
}

#block_navigation ul li:last-child {
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

#block_navigation i {
  margin-left: 20px;
  font-size: 17px;
  margin-right: 7px;
}

#block_navigation  span.main_links_span {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 16px;
}

#block_navigation ul li ul  {
  z-index: 1;
  opacity:0;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 190px;
  display: block;
  border-radius: none;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

#block_navigation ul li ul li   {
  position: relative;
  display: block;
  float: none;
  background: #fff;
  -webkit-transition:background 0.2s linear;
  -moz-transition:background 0.2s linear;
  -ms-transition:background 0.2s linear;
  -o-transition:background 0.2s linear;
  transition:background 0.2s linear;
  width: 225px;
}

#block_navigation ul ul li:last-child, #block_navigation ul ul li:first-child {
  border-radius: 0;
}

#block_navigation ul ul li:first-child  {
  border-top-right-radius: 7px;
}

#block_navigation ul ul li:last-child {
  border-bottom:solid 1px #e7e7e7;
}

#block_navigation ul ul  ul li:last-child {
  border-bottom-left-radius: 7px;
}

#block_navigation ul ul  ul ul li:last-child {
  border-bottom-right-radius: 7px;
}

#block_navigation ul ul li a {
  color: #454545;
  line-height: 30px;
  padding-left: 5px;
  width: 100%;
  font-weight: normal;
}

#block_navigation ul ul li:hover {
  background: #f3f3f3;
}

#block_navigation ul li:hover > ul   {
  z-index: 1;
  opacity: 1;
  visibility: visible;
}

#block_navigation span.span_level_1, span.span_level_2  {
  position: absolute;
  top:0;
  right:10px;
  font-size:16px;
}