/* CSS Document */


#menu li {    display: table; width: 100%;   } 
   #menu li a.active {
  background-color: #CD8F00;
  text-shadow: 1px 1px 2px #333;
}
   
   
#menu {
  position: fixed;
  top: 0;
}


.body #menu ul.mainmenu {
  background-color: #4b3c1b;
  background-image: none;
  display: block;
  height: 100vh;   left: 100%;

  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2147483647;
}

.body.shownmenu  #menu ul.mainmenu{  left: 0; }

.menuicon {
  display: table;
  float: right;
  margin: -31px 0 0;
  position: absolute;
  right: 0;
}

.body.shownmenu .line2 {  
	margin: 5px 0 0 !important;  
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.body.shownmenu .line3 {
  margin: -5px 0 0 !important;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.body.shownmenu .line1 {
  opacity: 0;
}



#menu ul li ,  #menu ul li ul li  {
 
  margin: 0;
  padding: 0;
} 
.body #menu li a {
    background-image: url("../images/navtop_02.jpg");
}
.body #menu ul li ul li a {
  width: 96%;   padding: 5px 2%  !important; background-image:none; 
  margin: 0;   text-align: center;
}

.body #menu ul li a {
  line-height: normal;
  padding: 11px 2% !important;
  text-align: center;
  width: 96%;
}

.body .menuicon {
  cursor: pointer;
  margin: 0;
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 2147483647;
}

.body #menu li.liinactive,.body #menu li.liinactive:hover, .body #menu li.liinactive:hover ul, .body #menu li.liactive:hover ul {
  display: inherit; background-repeat: no-repeat !important;
}
 /*/
.mainmenu li:last-child {
  margin: 0 0 250px !important;
} /*/