@charset "utf-8";

#menu{width:299px; height:auto; padding:0; margin:0;}

.menuBlock{width:100%; position:relative;}

#menu .menuContainer{width:153px; height:auto; position:relative; z-index:2;}
#menu .menuContainer .mtop1{width:138px; height:18px; font-weight:bold; padding-top:13px; line-height:14px}
#menu .menuContainer .mtop1 a{text-decoration:none;}
#menu .menuContainer .mtop2{width:150px; height:15px;}
#menu .menuContainer .mmiddle{width:150px; height:auto; }
#menu .menuContainer .mbottom{width:150px; height:31px; }

#menu .smenuContainer{width:128px; height:auto; position:relative; z-index:1;}
#menu .smenuContainer .smtop{width:100%; height:15px;}
#menu .smenuContainer .smmiddle{width:100%; height:auto; padding-bottom:5px; }
#menu .smenuContainer .smbottom{width:100%; height:30px; }

#menu .mleft{ float:left; }
#menu .mleft .mtop1{background-image:url(../images/layout/menu.left.top1.jpg); background-repeat:no-repeat; text-align:right; padding-right:15px;}
#menu .mleft .mtop2{background-image:url(../images/layout/menu.left.top2.jpg); background-repeat:no-repeat; }
#menu .mleft .mmiddle{background-image:url(../images/layout/menu.left.middle.jpg); background-repeat:repeat-y;}
#menu .mleft .mbottom{background-image:url(../images/layout/menu.left.bottom.jpg); background-repeat:no-repeat;}

#menu .mright{ float:right;  }
#menu .mright .mtop1{background-image:url(../images/layout/menu.right.top1.jpg); background-repeat:no-repeat; text-align:left; padding-left:15px;}
#menu .mright .mtop2{background-image:url(../images/layout/menu.right.top2.jpg); background-repeat:no-repeat; float:right; background-position:top right; }
#menu .mright .mmiddle{background-image:url(../images/layout/menu.right.middle.jpg); background-repeat:repeat-y; float:right; background-position:top right;}
#menu .mright .mbottom{background-image:url(../images/layout/menu.right.bottom.jpg); background-repeat:no-repeat; float:right; background-position:top right;}


#menu .smleft{ position:absolute; top:20px; right:20px;}
#menu .smleft .smtop{background-image:url(../images/layout/smenu.left.top.jpg); background-repeat:no-repeat;}
#menu .smleft .smmiddle{background-image:url(../images/layout/smenu.left.middle.jpg); background-repeat:repeat-y;}
#menu .smleft .smbottom{background-image:url(../images/layout/smenu.left.bottom.jpg); background-repeat:no-repeat;}

#menu .smright{ position:absolute; top:20px; left:20px;}
#menu .smright .smtop{background-image:url(../images/layout/smenu.right.top.jpg); background-repeat:no-repeat;}
#menu .smright .smmiddle{background-image:url(../images/layout/smenu.right.middle.jpg); background-repeat:repeat-y;}
#menu .smright .smbottom{background-image:url(../images/layout/smenu.right.bottom.jpg); background-repeat:no-repeat;}

#m1{ top:-20px}
#m2{ top:-40px}
#m3{ top:-60px}

#menu .smmiddle ul{display:none; width:110px;}

#menu .mleft ul{float:right;}
#menu .mleft ul li{text-align:right; padding:5px 15px 5px 0;}
#menu .mleft ul li.mfirst{padding-top:0px;}
#menu .mright ul{float:left;}
#menu .mright ul li{text-align:left; padding:5px 0px 5px 15px;}
#menu .mright ul li.mfirst{padding-top:0px;}

#menu .smleft ul{float:right;}
#menu .smleft ul li{text-align:right; padding:2px 10px 2px 0px}
#menu .smright ul{float:left;}
#menu .smright ul li{text-align:left; padding:2px 0px 2px 10px}