@charset "utf-8";
/* CSS Document */

/* NAVBAR --> */
#navbar-wrapper { /*background-color:#353535;*/ position:relative; z-index:101; float:left; padding-top:6px; }
#navbar-wrapper .navbar { /*width:360px;*/ padding-left:45px; margin-bottom:0; height:auto; min-height:inherit }
#navbar-wrapper .navbar li { float:left; list-style-type:none; /*height:37px;*/ padding-right:2px; }
#navbar-wrapper .navbar li a { display:block; line-height:12px; font-size:12px; color:#c3c3c3; text-align:center; font-weight:bold; padding-top:5px; height:22px; padding-left:10px; padding-right:10px; padding-bottom:5px; }
#navbar-wrapper .navbar li a:hover { color:#fff; text-decoration:none; }
#navbar-wrapper .navbar .menu-selected, #navbar-wrapper .navbar a.menu-selected:hover { color:#fff !important; text-decoration:none; /*cursor:default;*/ }

#navbar-wrapper .navbar li ul.sub { float:none; width:200px; background:#323232 url('../gfx/bgWindowMenu.png') repeat-x 0 0; padding:10px 0; box-shadow: 1px 1px 4px #666; }
#navbar-wrapper .navbar li ul.sub li { float:none; }
#navbar-wrapper .navbar li .fly { position:absolute; right:10px; }


#navbar-wrapper .navbar a:hover { visibility:visible; position:relative; z-index:200; }
#navbar-wrapper .navbar li:hover { position:relative; z-index:200; }

#navbar-wrapper .navbar ul, 
#navbar-wrapper .navbar :hover ul ul, 
#navbar-wrapper .navbar :hover ul :hover ul ul,
#navbar-wrapper .navbar :hover ul :hover ul :hover ul ul,
#navbar-wrapper .navbar :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; }

#navbar-wrapper .navbar :hover ul.sub { left:0; top:30px; height:auto; background:#323232 url('../gfx/bgWindowMenu.png') repeat-x 0 0; padding:10px 0; box-shadow: 1px 1px 4px #666; z-index:300; }
#navbar-wrapper .navbar :hover ul.sub li { float:none; list-style-type:none; position:relative; font-weight:normal; color:#0678b3; padding-bottom:0; }
#navbar-wrapper .navbar :hover ul.sub li a { display:block; width:180px; font-size:13px; height:auto; padding:10px 10px; color:#c3c3c3; text-decoration:none; text-align:left; }
#navbar-wrapper .navbar :hover ul.sub li a:hover { color:#fff; text-decoration:none; background-color:#666; }

#navbar-wrapper .navbar :hover ul :hover ul,
#navbar-wrapper .navbar :hover ul :hover ul :hover ul,
#navbar-wrapper .navbar :hover ul :hover ul :hover ul :hover ul,
#navbar-wrapper .navbar :hover ul :hover ul :hover ul :hover ul :hover ul
{ left:195px; top:-4px; width:200px; z-index:400; height:auto; padding:10px 0; background:none; background-color:#323232; box-shadow: 1px 1px 4px #666; white-space:nowrap; }


#nav-language-wrapper { left:65px; top:37px; padding-top:10px; width:150px; padding-bottom:20px; }
.window-menu-wrapper { display:none; position:absolute; background:#323232 url('../gfx/bgWindowMenu.png') repeat-x 0 0; padding:10px 0; box-shadow: 1px 1px 4px #666; }
.window-menu-wrapper ul { margin:0; padding:0; }
.window-menu-wrapper li { list-style-type:none; }
.window-menu-wrapper li a { display:block; font-size:13px; padding:5px 10px; color:#c3c3c3; }
.window-menu-wrapper li a:hover { color:#fff; text-decoration:none; background-color:#666; }

#language-select-wrapper { position:relative; float:left; width:200px; height:26px; padding-top:11px; color:#c3c3c3; font-size:11px; z-index:101; }
#language-select-wrapper a { color:#c3c3c3; }
#language-select-wrapper a:hover, #language-select-wrapper a.menu-selected { color:#fff; }
#language-select-wrapper a .arrow-menu.grey { vertical-align:-2px; } 
#language-select-wrapper a:hover .arrow-menu.grey, #language-select-wrapper a.menu-selected .arrow-menu.grey {  background-position:-64px -12px; }

#language-select-wrapper a .icon { display:inline-block; height:15px; line-height:23px; vertical-align:-11px; padding-bottom:8px !important; margin-right:5px; background-image:url('../gfx/buttonOperationSprite.png'); background-repeat:no-repeat; }
.icon.language-fr { width:21px; background-position:0 -168px; }
.icon.language-ge { width:22px; background-position:-22px -168px; }
.icon.language-en { width:22px; background-position:-45px -168px; }
.icon.language-it { width:21px; background-position:-68px -168px; }
.icon.language-pl { width:22px; background-position:0 -191px; }
.icon.language-ru { width:22px; background-position:-23px -191px; }
.icon.language-es { width:21px; background-position:-45px -191px; }
.icon.language-ch { width:15px; background-position:-67px -191px; }