#top-menu {
    background: url('../images/layout/top-bg.png') repeat-x;
    background-color: #000;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 81px;
    z-index: 999;
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
    
    /*-webkit-box-shadow: rgba(255, 255, 255, 0.27) 0 1px 0px,rgba(0, 0, 0, 0.22) 0 2px 5px;
    -ms-box-shadow: rgba(255, 255, 255, 0.27) 0 1px 0px,rgba(0, 0, 0, 0.22) 0 2px 5px;
    box-shadow: rgba(255, 255, 255, 0.27) 0 1px 0px,rgba(0, 0, 0, 0.22) 0 2px 5px;*/
}

#logo-header {
    background: url('../images/logo-header.png') no-repeat center;
    width: 149px;
    height: 80px;
}

#top-menu .right-line {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

#top-menu .left-line {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

#title-header {
    font-family: Droid Serif;
    color: #34882D;
    font-size: 1.8em;
    padding: 22px 31px;
    padding-top: 23px;
}

#title-header a {
    color: inherit;
    text-decoration: none !important;
    -ms-text-shadow: rgba(0, 0, 0, 0.44) 1px 1px 1px;
    text-shadow: rgba(0, 0, 0, 0.44) 1px 1px 1px;
}

#title-header a:hover {
    color: #c3c3c3;
}

#top-menu .fixed-height {
    height: 80px;    
}

a#header-log-off {
    width: 100px;
    background-color: #171717;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
}

    a#header-log-off > span {
        font-size: 0.8em;
        color: #A3A3A3;
    }

a#header-log-off > div {
    display: block;
    background: url('../images/layout/top-menu-logout.png') no-repeat;
    background-position: 0 -22px;
    height: 22px;
    margin: 0 auto;
    width: 21px;
}

a#header-log-off:hover > div {
    background-position: 0 0;
}

#top-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

ul.nav-left {
    left:0;
}

ul.nav-left li, ul.nav-right li {
    float: left;
}

ul.nav-right {
    right:0;
    background:#2D2D2D;
}

#top-menu > ul > li > a {
    display: block;
    padding-top: 16px;
    width: 100px;
    padding-bottom: 13px;
    text-decoration: none;
    border-top: 2px solid transparent;
}

#top-menu > ul > li > a:active {
    border-top: 2px solid #34882D;
}

#top-menu > ul > li > a:hover > .text {
    color: #fff;
}

#top-menu > ul > li.active > a {
    border-top: 2px solid #34882D;
}

#top-menu > ul > li.active > a > .text {
    color: #fff;
}

#top-menu > ul > li > a > .image {
    width: 100%;
    height: 33px;
    text-align: center;
    padding-top: 0;
}

    #top-menu > ul > li > a > .text {
        color: #8D8D8D;
        text-align: center;
        width: 100%;
        -ms-text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
        text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
        font-size: 0.85em;
    }



.top-menu-icon {
    background: url(../images/layout/top-menu-icons.png) no-repeat top left;
    width: 100%;
    height: 33px;
    width: 28px;
    display: inline-block;
}

.top-menu-icon-side {
    background: url(../images/layout/side-menu-icons.png) no-repeat top left;
    width: 100%;
    height: 36px;
    width: 28px;
    display: inline-block;
}

li:hover .top-menu-icon.top-menu-icon-administration-biz, li.active .top-menu-icon.top-menu-icon-administration-biz{ background-position: 0 0; } 
.top-menu-icon.top-menu-icon-administration-biz{ background-position: 0 -33px; } 

li:hover .top-menu-icon.top-menu-icon-administration-preinstallers, li.active .top-menu-icon.top-menu-icon-administration-preinstallers{ background-position: 0 -66px; } 
.top-menu-icon.top-menu-icon-administration-preinstallers{ background-position: 0 -99px; } 

li:hover .top-menu-icon.top-menu-icon-administration-publishers, li.active .top-menu-icon.top-menu-icon-administration-publishers{ background-position: 0 -132px; } 
.top-menu-icon.top-menu-icon-administration-publishers{ background-position: 0 -165px; } 

li:hover .top-menu-icon.top-menu-icon-administration-settings, li.active .top-menu-icon.top-menu-icon-administration-settings{ background-position: 0 -198px; } 
.top-menu-icon.top-menu-icon-administration-settings{ background-position: 0 -231px; } 

li:hover .top-menu-icon.top-menu-icon-administration-watermark, li.active .top-menu-icon.top-menu-icon-administration-watermark { background-position: 0 -264px; } 
.top-menu-icon.top-menu-icon-administration-watermark{ background-position: 0 -297px; }

li:hover .top-menu-icon.top-menu-icon-administration-audiobooks, li.active .top-menu-icon.top-menu-icon-administration-audiobooks{background-position: 0 -330px;}
.top-menu-icon.top-menu-icon-administration-audiobooks{background-position: 0 -363px;}

li:hover .top-menu-icon.top-menu-icon-administration-legimiweb, li.active .top-menu-icon.top-menu-icon-administration-legimiweb{background-position: 0 -495px;}
.top-menu-icon.top-menu-icon-administration-legimiweb{background-position: 0 -528px;}

li:hover .top-menu-icon.top-menu-icon-administration-libraries, li.active .top-menu-icon.top-menu-icon-administration-libraries{background-position: 0 -396px;}
.top-menu-icon.top-menu-icon-administration-libraries{background-position: 0 -429px;}

li:hover .top-menu-icon.top-menu-icon-publishers-attendant, li.active .top-menu-icon.top-menu-icon-publishers-attendant { background-position: 0 -467px; } 
.top-menu-icon.top-menu-icon-publishers-attendant{ background-position: 0 -467px; }