/* Основные пункты */
* { 
    margin:0; /* Сбрасываем все поля и отступы */
    padding:0
}
#mainmenu{
    position:relative;
    background:#AA190E;
    border-radius: 15px;
    box-shadow: 2px 5px 10px #5A2728;
    height:30px;
    margin: 10px 0px 0px 0px;
    padding:0;
    float:right;
    width:90%;
    z-index:100 /* для отображения подпунктов поверх остальных блоков */
}
#mainmenu ul {
    clear:left;
    position:relative;
    right:50%;
    height:30px;
    float:right;
    text-align:center;
    font:15px Arial, Helvetica, sans-serif;
    list-style:none;
    padding:0;
    margin:0
}
#mainmenu ul li {
    position:relative;
    left:50%;
    float:left;
    height:30px;
    padding:0;
    margin:0
}
#mainmenu ul li a {
    border-left:1px solid #5A2728;
    display:block;
    color: #fff;
    text-decoration: none;
    padding:5px 15px;
}
#mainmenu ul li:first-child a {border:none}
 
#mainmenu ul li:hover a,
#mainmenu ul li.hover a,
#mainmenu ul li.active a {color:#fff}
 
#mainmenu ul li:hover, 
#mainmenu ul li.hover, 
#mainmenu ul li.active {background: #F86956}
 
/* Выпадающие пункты */
#mainmenu ul li ul {
    position:absolute;
    left:0;
    top:30px;
    font-size:12px;
    display:none;
    list-style:none;
    visibility:hidden;
    padding:0;
    margin:0;
    width:150px    
}
#mainmenu ul li ul li {
    background-color:#F86956;
    position:relative;
    left:0;
    display:list-item;
    float:none;
    height:auto;
	margin:0;
    text-align:left;
}
#mainmenu ul li ul li a {
    border-bottom:1px solid #999 !important;
    padding:6px 5px;
    border:none
}
#mainmenu ul li ul.hor {
	text-align: center;
	width:500px;
	left: -10px 
}
#mainmenu ul li ul li.hor {
    float:left;
}
#mainmenu ul li ul li.hor:hover {
	background-color: #AA190E;
}
#mainmenu ul li ul li a.hor {
    border-bottom:1px solid #999 !important;
    padding:6px 5px;
    border:none
}
#mainmenu ul li ul li:hover,
#mainmenu ul li ul li.hover {
    background-color:#AA190E
}
#mainmenu ul li:hover ul,
#mainmenu ul li.hover ul{display:block}
 
/* Выпадающие пункты второго уровня */
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    width:180px           
}