.nav li.test0 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/0-2.jpg) center 10px no-repeat;
}
.nav li.test0:hover {
background: url(/bitrix/templates/catering/images/menu_icons/0-1.jpg) center 10px no-repeat;
}
.nav li.test0_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/0-1.jpg) center 10px no-repeat;
}

.nav li.test1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/1-1.jpg) center 10px no-repeat;
}
.nav li.test1:hover {
background: url(/bitrix/templates/catering/images/menu_icons/1-2.jpg) center 10px no-repeat;
}
.nav li.test1_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/1-2.jpg) center 10px no-repeat;
}

.nav li.test2 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/2-1.jpg) center 10px no-repeat;
}
.nav li.test2:hover {
background: url(/bitrix/templates/catering/images/menu_icons/2-2.jpg) center 10px no-repeat;
}
.nav li.test2_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/2-2.jpg) center 10px no-repeat;
}

.nav li.test3 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/3-1.jpg) center 10px no-repeat;
}
.nav li.test3:hover {
background: url(/bitrix/templates/catering/images/menu_icons/3-2.jpg) center 10px no-repeat;
}
.nav li.test3_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/3-2.jpg) center 10px no-repeat;
}

.nav li.test4 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/4-1.jpg) center 10px no-repeat;
}
.nav li.test4:hover {
background: url(/bitrix/templates/catering/images/menu_icons/4-2.jpg) center 10px no-repeat;
}
.nav li.test4_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/4-2.jpg) center 10px no-repeat;
}

.nav li.test5 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/5-1.jpg) center 10px no-repeat;
}
.nav li.test5:hover {
background: url(/bitrix/templates/catering/images/menu_icons/5-2.jpg) center 10px no-repeat;
}
.nav li.test5_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/5-2.jpg) center 10px no-repeat;
}

.nav li.test6 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/6-1.jpg) center 10px no-repeat;
}
.nav li.test6:hover {
background: url(/bitrix/templates/catering/images/menu_icons/6-2.jpg) center 10px no-repeat;
}
.nav li.test6_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/6-2.jpg) center 10px no-repeat;
}

.nav li.test7 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/7-1.jpg) center 10px no-repeat;
}
.nav li.test7:hover {
background: url(/bitrix/templates/catering/images/menu_icons/7-2.jpg) center 10px no-repeat;
}
.nav li.test7_1 {
padding-top: 55px;
background: url(/bitrix/templates/catering/images/menu_icons/7-2.jpg) center 10px no-repeat;
}

.nav {
    list-style: none;
    *zoom: 1;
    background:#fff;
	margin-right: 0px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 10em;
}
.nav a {
    padding: 8px 15px;
    color: #000;
	text-decoration: none;
}
.nav a:hover {
    padding: 8px 15px;
    color: #fff;
	background: #000;
}
.nav  a.current {
    /*padding: 8px 15px;*/
    color: #fff;
	background: #000;
}
.nav  a.current_ny1 {
    /*padding: 8px 15px;*/
    color: #fff;
	background: #477bb8;
}
.nav  a.current_ny2 {
    /*padding: 8px 15px;*/
    color: #000;
	background: #477bb8;
}
.nav li {
    position: relative;
	font-size: 16px;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
	top: 93px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #fff;
    position: relative;
    z-index:100;
	font-size: 12px;
	color: #939391;
	padding: 5px 0 5px 15px;
}
.nav li li a:hover {
    display: block;
    background: #fff;
    position: relative;
    z-index:100;
	color: #000;
	padding: 5px 0 5px 15px;
}
.nav li li li a {
    background:#fff;
    z-index:200;
}

@media screen and (max-width: 768px) {
@-ms-viewport {width: 768px;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
.main_menu {
width: 100%;
float: left;
position: absolute;
top: 95px;
left: 0px;
z-index:99999;
}
.active {
display: block;
}
.nav {
list-style: none;
*zoom: 1;
background:#fff;
margin-right: 0px;
}
.nav li.test0 {
padding-top: 0px;
background: #000;
}
.nav li.test0:hover {
background: #000;
}
.nav li.test0_1 {
padding-top: 0px;
background: #000;
}
.nav li.test1 {
padding-top: 0px;
background: #000;
}
.nav li.test1:hover {
background: #000;
}
.nav li.test1_1 {
padding-top: 0px;
background: #000;
}
.nav li.test2 {
padding-top: 0px;
background: #000;
}
.nav li.test2:hover {
background: #000;
}
.nav li.test2_1 {
padding-top: 0px;
background: #000;
}
.nav li.test3 {
padding-top: 0px;
background: #000;
}
.nav li.test3:hover {
background: #000;
}
.nav li.test3_1 {
padding-top: 0px;
background: #000;
}
.nav li.test4 {
padding-top: 0px;
background: #000;
}
.nav li.test4:hover {
background: #000;
}
.nav li.test4_1 {
padding-top: 0px;
background: #000;
}
.nav li.test5 {
padding-top: 0px;
background: #000;
}
.nav li.test5:hover {
background: #000;
}
.nav li.test5_1 {
padding-top: 0px;
background: #000;
}
.nav li.test6 {
padding-top: 0px;
background: #000;
}
.nav li.test6:hover {
background: #000;
}
.nav li.test6_1 {
padding-top: 0px;
background: #000;
}
.nav li.test7 {
padding-top: 0px;
background: #000;
}
.nav li.test7:hover {
background: #000;
}
.nav li.test7_1 {
padding-top: 0px;
background: #000;
}
.nav a {
padding: 10px 15px;
color: #fff;
text-decoration: none;
background: #000;
}
.nav a:hover {
padding: 10px 15px;
color: #fff;
}
.nav a .current {
padding: 10px 15px;
color: #fff;
}
.nav > li {
float: none;
}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
}
.nav > li.hover > ul , .nav li li.hover ul {
position: static;
}
.menu_line {
border: 1px solid #fff;
width: 40px;
display: block;
margin: 7px 3px;
}
}