﻿ul#css3menu{display:block;font-size:0;margin-right:20px}
ul#css3menu ul{padding:0;}
ul#css3menu,ul#css3menu ul{margin:0;list-style:none;padding:0;}
ul#css3menu,ul#css3menu .submenu{/*نوار اصلی*/}
ul#css3menu .submenu{display:none;position:absolute;right:0;top:80%;float:right;background-color:#4b4f51;border-width:4px 8px 4px 8px;border-radius:5px 0px 5px 5px;-moz-border-radius:5px 0 5px 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-style:solid;border-color:#4B4F51;}
ul#css3menu li:hover>*{display:block;}
ul#css3menu li:hover{position:relative;}
ul#css3menu ul .submenu{position:absolute;right:100%;top:-6px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul#css3menu .column{float:right;}
ul#css3menu .column ul > :first-child a{border-top-color: #4B4F51}
ul#css3menu .column ul > :last-child a{border-bottom-color: #4B4F51}
ul#css3menu li{display:block;white-space:nowrap;font-size:0;float:right;}
ul#css3menu>li,ul#css3menu li{margin:0;}
ul#css3menu a:active, ul#css3menu a:focus{outline-style:none;}
ul#css3menu a{display:block;vertical-align:middle;text-align:right;text-decoration:none;font-size:11px;color:#ffffff;cursor:pointer;padding:6px 12px 6px 12px;background-color:transparent;border-width:0}
ul#css3menu ul li{display:block;width:100%;}
ul#css3menu ul a{text-align:right;padding:3px 8px;background-color:#4b4f51;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#686e71;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;font-size:10px;color:#ffffff;text-decoration:none;}
ul#css3menu li:hover > a{color:#ffffff;text-decoration:none;}
ul#css3menu img{border:none;vertical-align:middle;margin-left:5px;}
ul#css3menu img.over{display:none;}
ul#css3menu li:hover > a img.def{display:none;}
ul#css3menu li:hover > a img.over{display:inline;}
ul#css3menu span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0;}
ul#css3menu ul span{padding-right:32px;}
ul#css3menu ul li:hover > a span{}
ul#css3menu ul li:hover>a{background-color:#848789;color:#2E3132}
ul#css3menu.topmenu>li{margin:0 0 0 5px;}
ul#css3menu.topmenu{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:3px 5px 5px 0; margin:auto; width:fit-content}
ul#css3menu li.topmenu>a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
ul#css3menu li.topmenu:hover>a{}
ul#css3menu li.toproot>a{border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu li.toproot:hover>a{background-color:#4b4f51;}



ul#css3menu.topmenu > :last-child a ,ul#css3menu.topmenu > :first-child a{-moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ transition: all 0.5s ease-out;}
ul#css3menu.topmenu > :last-child a:hover{background-color:#e74c3c}
ul#css3menu.topmenu > :first-child a:hover{background-color:#29c76a}