#bar{width: 100%; height: 40px; font-size: 13px; font-family: Kalvika, tahoma; color: #808080; background: #000;}
#barContainer{max-width: 1000px; height: inherit; margin: 0 auto;}
#barLeft{float: left; height: inherit; line-height: 40px;}
#barRight{float: right; height: inherit; line-height: 40px;}

#barMenu{height: inherit; padding: 0; margin: 0; list-style-type: none; float: left;}
#barMenu li{float: left; height: inherit; text-align: center; position: relative; border: 1px solid transparent; border-width: 0 1px 0 1px; cursor: pointer;}
#barMenu li span{display: block; line-height: inherit; padding: 0 8px;}
#barMenu li a{height: inherit; text-decoration: none; display: block; line-height: inherit; padding: 0 8px; color: #808080;}
#barMenu li a:hover{color: #fff;}
#barMenu li ul.barSubMenu{position: absolute; white-space: nowrap; left: -1px; top: 40px; display: none; border: 1px solid #333; border-width: 0 1px 1px 1px; background-color: #262626; z-index: 999; list-style-type: none; padding: 0; margin: 0;}
#barMenu li:hover{background-color: #262626; border-color: #333; color: #fff;}
#barMenu li:hover > ul.barSubMenu{display: block;}
#barMenu li ul.barSubMenu li{border: 0; background: transparent; width: 100%; text-align: left;}
#barMenu li ul.barSubMenu li:hover{background-color: #1b1b1b;}
#barMenu li ul.barSubMenu li a{color: #808080; text-decoration: none;}
#barMenu li ul.barSubMenu li a:hover{color: #fff;}

#barMenuMobile{height: inherit; line-height: inherit; padding: 0 15px; float: left; display: none; border: 1px solid transparent; border-width: 0 1px 0 1px; cursor: pointer;}
#barMenuMobile:hover{background-color: #262626; border-color: #333; color: #fff;}
#barMenuMobile:active > ul{display: block;}
#barMenuMobile ul{position: absolute; white-space: nowrap; left: -1px; top: 40px; background-color: #262626; z-index: 999; display: none;}
#barMenuMobile ul li a{height: inherit; display: block; line-height: inherit; padding: 0 15px; color: #808080;}
#barMenuMobile ul li span{display: block; line-height: inherit; padding: 0 15px;}
#barMenuMobile ul li a:hover{background-color: #1b1b1b; color: #fff;}

#barSocial{height: inherit; padding: 0; margin: 0; list-style-type: none; float: left; font-size: 18px;}
#barSocial li{display: inline-block;}
#barSocial li a{height: inherit; display: block; line-height: inherit; padding: 0 3px; color: #808080;}
#barSocial li a:hover{color: #fff;}

#barLanguages{height: inherit; float: left; margin-left: 10px}
#barLanguagesSelected{display: block; height: inherit; line-height: inherit; padding: 0 8px; position: relative; border: 1px solid transparent; border-width: 0 1px 0 1px; cursor: pointer;}
#barLanguagesSelected:hover{background-color: #262626; border-color: #333;}
#barLanguagesSelected:hover > .barLanguagesList{display: block;}
#barLanguagesSelected img{height: 18px; vertical-align: middle;}
#barLanguages .barLanguagesList{position: absolute; white-space: nowrap; right: -1px; top: 40px; display: none; border: 1px solid #333; border-width: 0 1px 1px 1px; background-color: #262626; z-index: 999; list-style-type: none; padding: 0; margin: 0;}
#barLanguages .barLanguagesList li a{display: block; line-height: inherit; padding: 0 8px; color: #808080; text-decoration: none;}
#barLanguages .barLanguagesList li:hover{background-color: #1b1b1b;}
#barLanguages .barLanguagesList li a:hover{color: #fff;}

@media screen and (max-width: 600px) {
    #barSocial{display: none;}
    #barMenuMobile{display: block;}
    #barMenuMobile:active{background-color: #262626;}
    #barMenu{display: none;}
}