#langs {

}
#langs * {
    cursor: pointer;
}
#langs nav > ul img {
    width: 26px;
}

/* ======= */
/* Главное меню */
/* ======= */
#langs nav > ul {
    padding:    0;
    margin:     0;
    list-style: none;
    position:   relative;
    display:    block;
    color:      #fff;
}
#langs nav > ul > li {
    float:                 left;
    display:               list-item;
    list-style:            none;
    font-size:             18px;
    padding-left:          7px;
    padding-right:         22px;
    padding-top:           7px;
    padding-bottom:        2px;
    background:            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);
}
#langs nav > ul > li:first-child {
    margin-right: 2px;
}
#langs nav > ul > li:hover,
#langs nav > ul > li:focus,
#langs 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);
}
.fixed #langs nav > ul > li:hover,
.fixed #langs nav > ul > li:focus,
.fixed #langs nav > ul > li:active {
    background:            rgba(0, 0, 0, 0.7);
}
#langs nav > ul > li > .marker {
    position:    absolute;
    top:         0;
    left:        0;
    margin-top:  15px;
    margin-left: 40px;
    border:      5px solid transparent;
    border-top:  5px solid #e4e3e3;
}
#langs nav > ul > li:hover > .marker,
#langs nav > ul > li:focus > .marker,
#langs nav > ul > li:active > .marker {
    border-top: 5px solid #fff;
}

/* ======= */
/* Подменю */
/* ======= */
#langs nav > ul > li > ul {
    z-index: 10;
    width:                 125px;
    position:              absolute;
    top:                   -2500px;
    left:                  -2500px;
    margin-left:           -7px;
    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;*/
}
#langs nav > ul > li:hover > ul,
#langs nav > ul > li:focus > ul,
#langs nav > ul > li:active > ul {
    display:        list-item;
    top:            31px;
    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 #langs nav > ul > li:hover > ul,
.fixed #langs nav > ul > li:focus > ul,
.fixed #langs nav > ul > li:active > ul {
    background:            rgba(0, 0, 0, 0.7);
}
#langs nav > ul > li > ul > li {
    float:          none;
    position:       relative;
    border-bottom:  none;
    font-size:      16px;
    padding-left:   2px;
    padding-right:  2px;
    padding-bottom: 7px;
}
#langs nav > ul > li > ul > li:last-child {
    padding-bottom: 5px;
}
#langs nav > ul > li > ul >  li > a {
    display:        block;
    padding-left:   5px;
    padding-right:  7px;
    padding-top:    2px;
    padding-bottom: 4px;
    color:          #fff;
}
#langs nav > ul > li > ul > li > a:hover,
#langs nav > ul > li > ul > li > a:focus,
#langs nav > ul > li > ul > li > a:active {
    text-decoration:  none;
    background-color: #f2612b;
}
#langs nav > ul > li > ul > li:first-child > a:hover,
#langs nav > ul > li > ul > li:first-child > a:focus,
#langs 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);*/
}
#langs nav > ul > li > ul > li:last-child > a:hover,
#langs nav > ul > li > ul > li:last-child > a:focus,
#langs 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);*/
}
#langs nav > ul > li > ul > li > a > img {
    margin-top: 1px;
}