/*../application/views/site/menu/menu.less*/
@import "/css/config.less";
#center_menu{
	ul{
	  li{
		display: block;
		height: 145px;
		background: @menu_bg;
		margin-top: 25px;

		a{
	      padding: 30px;
		  color: @color;
		  font-size: 18px;
		  text-align:center;

		  span{
			display: block;
			margin: 0 auto;
			margin-bottom: 10px;
			background-position: top;

			&.menu-4{
			  background: url(/img/menu/menu4.png);
			  width: 36px;
			  height: 96px/2;
			}
			&.menu-5{
			  background: url(/img/menu/menu5.png);
			  width: 45px;
			  height: 90px/2;
			}
			&.menu-6{
			  background: url(/img/menu/menu6.png);
			  width: 48px;
			  height: 96px/2;
			}
			&.menu-7{
			  background: url(/img/menu/menu7.png);
			  width: 48px;
			  height: 90px/2;
			}
			&.menu-8{
			  background: url(/img/menu/menu8.png);
			  width: 45px;
			  height: 90px/2;
			}
			&.menu-9{
			  background: url(/img/menu/menu9.png);
			  width: 48px;
			  height: 96px/2;
			}
		  }
		}
		&:hover{
		  .blueGradient();
		  a{
			color: @color-white;
			background: none;
			span{
			  background-position: bottom;
			}
		  }
		}
	  }
	}
}

.center_menu_subpage{
  .navbar{
	margin: 0;
	.navbar-inner{
	  margin: 0;
	  background: @background_color;
	  border:0;
	  box-shadow: none;
	  padding: 0;
	  .nav{
		li{
		  width: 70px;
		  height: 70px;
		  margin: 0;
		  border:0;
		  overflow: hidden;
		  a{
			width: 70px;
			height: 70px;
			padding :0;
			padding-top:20px;
			span{
			  display: block;
			  background-position: top center !important;
			  background-repeat: no-repeat !important;
			  margin: 0 auto;

			  &.menu-4{
				background: url(/img/menu_small/menu4.png) !important;
				width: 23px;
				height: 62px/2;
			  }
			  &.menu-5{
				background: url(/img/menu_small/menu5.png) !important;
				width: 29px;
				height: 58px/2;
			  }
			  &.menu-6{
				background: url(/img/menu_small/menu6.png) !important;
				width: 31px;
				height: 62px/2;
			  }
			  &.menu-7{
				background: url(/img/menu_small/menu7.png) !important;
				width: 31px;
				height: 58px/2;
			  }
			  &.menu-8{
				background: url(/img/menu_small/menu8.png) !important;
				width: 29px;
				height: 58px/2;
			  }
			  &.menu-9{
				background: url(/img/menu_small/menu9.png) !important;
				width: 31px;
				height: 62px/2;
			  }
		 	 }
		  }
		  &:hover, &.active{
			background: transparent url("/img/menu_bg.png");
			a{
			  color: @color-white;
			  background: none !important;
			  box-shadow: none;
			  span{
			  	background-position: bottom center !important;
			  }
			}
		  }
		}
	  }
	}
  }
}
#right-menu_menubar{
  width: 240px;
  h1{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	width: 260px-20px;
  }
}