#menu-top {

}
#menu-top * {
    cursor: pointer;
}
.fixed-outer #menu-top {
    height: 62px;
    margin-top: -15px;
}

/* ======= */
/* Разделы */
/* ======= */
#menu-top nav > ul {
    padding:    0;
    margin:     0;
    margin-top: -15px;
    list-style: none;
    position:   relative;
    display:    inline-block;
    color:      #fff;
}
.fixed-outer #menu-top nav > ul {
    margin-top: 0;
}
#menu-top nav > ul > li {
    float:                 left;
    display:               list-item;
    list-style:            none;
    font-size:             18px;
    padding-left:          9px;
    padding-right:         16px;
    padding-top:           20px;
    padding-bottom:        20px;
    background:            transparent;
    border-radius:         6px 6px 6px 6px;
    -o-border-radius:      6px 6px 6px 6px;
    -ms-border-radius:     6px 6px 6px 6px;
    -moz-border-radius:    6px 6px 6px 6px;
    -icab-border-radius:   6px 6px 6px 6px;
    -khtml-border-radius:  6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    behavior:              url(border-radius.htc);
    transition:            background 0.4s ease;
    -o-transition:         background 0.4s ease;
    -ms-transition:        background 0.4s ease;
    -moz-transition:       background 0.4s ease;
    -webkit-transition:    background 0.4s ease;
}
.fixed-outer #menu-top nav > ul > li {
    border-radius:         0 0 0 0;
    -o-border-radius:      0 0 0 0;
    -ms-border-radius:     0 0 0 0;
    -moz-border-radius:    0 0 0 0;
    -icab-border-radius:   0 0 0 0;
    -khtml-border-radius:  0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    behavior:              url(border-radius.htc);
}
#menu-top nav > ul > li:first-child {
    margin-right: 2px;
}
#menu-top nav > ul > li > .section {
    padding-bottom: 2px;
    border-bottom:  2px solid transparent;
}
#menu-top nav > ul > li > .section.active {
    border-bottom: 2px solid #f2612b;
}
#menu-top nav > ul > li > .section.marker {
    display:   inline;
    position:  relative;
    top:       -8px;
    left:      6px;
    margin-left: -5px;
    font-size: 14px;
    color:     #f2612b;
    /*color: #fff;*/
}
#menu-top nav > ul > li:hover > .section.marker,
#menu-top nav > ul > li:focus > .section.marker,
#menu-top nav > ul > li:active > .section.marker {
    /*color: #fff;*/
}
#menu-top nav > ul > li:hover,
#menu-top nav > ul > li:focus,
#menu-top nav > ul > li:active {
    background:            rgba(0, 0, 0, 0.3);
    border-radius:         6px 6px 0 0;
    -o-border-radius:      6px 6px 0 0;
    -ms-border-radius:     6px 6px 0 0;
    -moz-border-radius:    6px 6px 0 0;
    -icab-border-radius:   6px 6px 0 0;
    -khtml-border-radius:  6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    behavior:              url(border-radius.htc);
    transition:            background 0.4s ease;
    -o-transition:         background 0.4s ease;
    -ms-transition:        background 0.4s ease;
    -moz-transition:       background 0.4s ease;
    -webkit-transition:    background 0.4s ease;
}
.fixed-outer #menu-top nav > ul > li:hover,
.fixed-outer #menu-top nav > ul > li:focus,
.fixed-outer #menu-top nav > ul > li:active {
    border-radius:         0 0 0 0;
    -o-border-radius:      0 0 0 0;
    -ms-border-radius:     0 0 0 0;
    -moz-border-radius:    0 0 0 0;
    -icab-border-radius:   0 0 0 0;
    -khtml-border-radius:  0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}
.fixed #menu-top nav > ul > li:hover,
.fixed #menu-top nav > ul > li:focus,
.fixed #menu-top nav > ul > li:active {
    background: rgba(0, 0, 0, 0.7);
}
#menu-top nav > ul > li.single {
    padding-right: 11px;
}
#menu-top nav > ul > li.single:hover,
#menu-top nav > ul > li.single:focus,
#menu-top nav > ul > li.single:active {
    background-color:      rgba(0, 0, 0, 0.3);
    border-radius:         6px 6px 6px 6px;
    -o-border-radius:      6px 6px 6px 6px;
    -ms-border-radius:     6px 6px 6px 6px;
    -moz-border-radius:    6px 6px 6px 6px;
    -icab-border-radius:   6px 6px 6px 6px;
    -khtml-border-radius:  6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    behavior:              url(border-radius.htc);
}
.fixed-outer #menu-top nav > ul > li.single:hover,
.fixed-outer #menu-top nav > ul > li.single:focus,
.fixed-outer #menu-top nav > ul > li.single:active {
    border-radius:         0 0 0 0;
    -o-border-radius:      0 0 0 0;
    -ms-border-radius:     0 0 0 0;
    -moz-border-radius:    0 0 0 0;
    -icab-border-radius:   0 0 0 0;
    -khtml-border-radius:  0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    behavior:              url(border-radius.htc);
}
#menu-top nav > ul > li > a {
    color: #fff;
}
#menu-top nav > ul > li > a:hover,
#menu-top nav > ul > li > a:focus,
#menu-top nav > ul > li > a:active {
    text-decoration: none;
}

/* ======= */
/* Подменю */
/* ======= */
#menu-top nav > ul > li > ul {
    /*display:               none;*/
    position:              absolute;
    /*top:                   31px;*/
    top:                   -2500px;
    left:                  -2500px;
    margin-left:           -9px;
    padding-top:           6px;
    color:                 #fff;
    background:            transparent;
    border-radius:         0 6px 6px 6px;
    -o-border-radius:      0 6px 6px 6px;
    -ms-border-radius:     0 6px 6px 6px;
    -moz-border-radius:    0 6px 6px 6px;
    -icab-border-radius:   0 6px 6px 6px;
    -khtml-border-radius:  0 6px 6px 6px;
    -webkit-border-radius: 0 6px 6px 6px;
    opacity:               0.0;
    filter:                progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -o-opacity:            0.0;
    -moz-opacity:          0.0;
    -khtml-opacity:        0.0;
    transition:            opacity 0.4s ease;
    -o-transition:         opacity 0.4s ease;
    -ms-transition:        filter 0.4s ease;
    -moz-transition:       opacity 0.4s ease;
    -webkit-transition:    opacity 0.4s ease;
    /*transition:            background 0.4s ease;*/
    /*-o-transition:         background 0.4s ease;*/
    /*-ms-transition:        background 0.4s ease;*/
    /*-moz-transition:       background 0.4s ease;*/
    /*-webkit-transition:    background 0.4s ease;*/
}
#menu-top nav > ul > li:hover > ul,
#menu-top nav > ul > li:focus > ul,
#menu-top nav > ul > li:active > ul {
    display:        list-item;
    top:            62px;
    left:           auto;
    background:     rgba(0, 0, 0, 0.6);
    opacity:        1.0;
    filter:         progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -o-opacity:     1.0;
    -moz-opacity:   1.0;
    -khtml-opacity: 1.0;
}
.fixed-outer #menu-top nav > ul > li:hover > ul,
.fixed-outer #menu-top nav > ul > li:focus > ul,
.fixed-outer #menu-top nav > ul > li:active > ul {
    border-radius:         0 0 6px 6px;
    -o-border-radius:      0 0 6px 6px;
    -ms-border-radius:     0 0 6px 6px;
    -moz-border-radius:    0 0 6px 6px;
    -icab-border-radius:   0 0 6px 6px;
    -khtml-border-radius:  0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}
.fixed #menu-top nav > ul > li:hover > ul,
.fixed #menu-top nav > ul > li:focus > ul,
.fixed #menu-top nav > ul > li:active > ul {
    background: rgba(0, 0, 0, 0.7);
}
#menu-top nav > ul > li > ul > li {
    float:          none;
    position:       relative;
    border-bottom:  none;
    font-size:      16px;
    padding-left:   2px;
    padding-right:  2px;
    padding-bottom: 7px;
}
#menu-top nav > ul > li > ul > li:last-child {
    padding-bottom: 5px;
}
#menu-top nav > ul > li > ul > li > a {
    display:        block;
    padding-left:   7px;
    padding-right:  7px;
    padding-top:    2px;
    padding-bottom: 4px;
    color:          #fff;
    /*transition:            background 0.2s ease;*/
    /*-o-transition:         background 0.2s ease;*/
    /*-ms-transition:        background 0.2s ease;*/
    /*-moz-transition:       background 0.2s ease;*/
    /*-webkit-transition:    background 0.2s ease;*/
}
#menu-top nav > ul > li > ul > li > a:hover,
#menu-top nav > ul > li > ul > li > a:focus,
#menu-top nav > ul > li > ul > li > a:active {
    text-decoration:  none;
    background-color: #f2612b;
}
#menu-top nav > ul > li > ul > li:first-child > a:hover,
#menu-top nav > ul > li > ul > li:first-child > a:focus,
#menu-top nav > ul > li > ul > li:first-child > a:active {
    /*border-radius:         0 6px 0 0;*/
    /*-o-border-radius:      0 6px 0 0;*/
    /*-ms-border-radius:     0 6px 0 0;*/
    /*-moz-border-radius:    0 6px 0 0;*/
    /*-icab-border-radius:   0 6px 0 0;*/
    /*-khtml-border-radius:  0 6px 0 0;*/
    /*-webkit-border-radius: 0 6px 0 0;*/
    /*behavior:              url(border-radius.htc);*/
}
#menu-top nav > ul > li > ul > li:last-child > a:hover,
#menu-top nav > ul > li > ul > li:last-child > a:focus,
#menu-top nav > ul > li > ul > li:last-child > a:active {
    /*border-radius:         0 0 6px 6px;*/
    /*-o-border-radius:      0 0 6px 6px;*/
    /*-ms-border-radius:     0 0 6px 6px;*/
    /*-moz-border-radius:    0 0 6px 6px;*/
    /*-icab-border-radius:   0 0 6px 6px;*/
    /*-khtml-border-radius:  0 0 6px 6px;*/
    /*-webkit-border-radius: 0 0 6px 6px;*/
    /*behavior:              url(border-radius.htc);*/
}
#menu-top nav > ul > li > ul > li.image {
    text-align: center;
}
#menu-top nav > ul > li > ul > li.image > a:hover,
#menu-top nav > ul > li > ul > li.image > a:focus,
#menu-top nav > ul > li > ul > li.image > a:active {
    background-color: transparent;
}