#nav { padding-bottom: 70px; margin: 0; }

#nav li { float: left; list-style: none; }
#nav li ul { padding-top: 25px; margin: 0; }
#nav li ul li { float: none; list-style: none; border-left: 1px solid #73be1e; border-right: 1px solid #73be1e; -webkit-box-shadow: 5px 5px 10px 0px rgba(3,3,3,0.3); -moz-box-shadow: 5px 5px 10px 0px rgba(3,3,3,0.3); box-shadow: 5px 5px 10px 0px rgba(3,3,3,0.3); }

#startcontent:focus { border: none; outline: 0 none; }

.navbox { margin-right: 4%; text-align: center; color: #333333; display: block; }
.navbox a { text-align: center; padding-top: 42px; color: #333333; text-decoration: none; height: 0; min-width: 42px; display: block; }
.navbox a:hover { color: #468300; }
.navbox a:active { color: #468300; }
.navbox .active { color: #468300; }
.navbox a:focus { color: #468300; }
.lastnavbox { margin-right: 0 !important; }

.submenu { display: none; position: absolute; z-index: 700; }
.submenu a { display: block; padding: 10px; height: auto; border-bottom: 1px solid #73be1e; color: #333333; text-decoration: none; background: #ffffff; }
.submenu a:hover { color: #333333; background: #afff0d; }
.submenu a:focus{ color: #333333; background: #afff0d; }

.mobilnav { display: none; cursor: pointer; text-align: center; }

.upload_menu .link { background: url('/public/images/icon_upload_menu.png') no-repeat top center; }
.upload_menu .link:hover { background: url('/public/images/icon_upload_menu.png') no-repeat bottom center; }
.upload_menu .link:focus { background: url('/public/images/icon_upload_menu.png') no-repeat bottom center; }

.cataloge_menu .link { background: url('/public/images/icon_cataloge_menu.png') no-repeat top center; }
.cataloge_menu .link:hover { background: url('/public/images/icon_cataloge_menu.png') no-repeat bottom center; }
.cataloge_menu .link:focus { background: url('/public/images/icon_cataloge_menu.png') no-repeat bottom center; }
.cataloge_menu .active { background: url('/public/images/icon_cataloge_menu.png') no-repeat bottom center; }

.search_menu .link { background: url('/public/images/icon_search_menu.png') no-repeat top center; }
.search_menu .link:hover { background: url('/public/images/icon_search_menu.png') no-repeat bottom center; }
.search_menu .link:focus { background: url('/public/images/icon_search_menu.png') no-repeat bottom center; }
.search_menu  .active { background: url('/public/images/icon_search_menu.png') no-repeat bottom center; }

.forum_menu .link { background: url('/public/images/icon_forum_menu.png') no-repeat top center; }
.forum_menu .link:hover { background: url('/public/images/icon_forum_menu.png') no-repeat bottom center; }
.forum_menu .link:focus { background: url('/public/images/icon_forum_menu.png') no-repeat bottom center; }
.forum_menu .active { background: url('/public/images/icon_forum_menu.png') no-repeat bottom center; }

.news_menu .link { background: url('/public/images/icon_news_menu.png') no-repeat top center; }
.news_menu .link:hover { background: url('/public/images/icon_news_menu.png') no-repeat bottom center; }
.news_menu .link:focus { background: url('/public/images/icon_news_menu.png') no-repeat bottom center; }
.news_menu .active { background: url('/public/images/icon_news_menu.png') no-repeat bottom center; }

.aboutus_menu .link { background: url('/public/images/icon_aboutus_menu.png') no-repeat top center; }
.aboutus_menu .link:hover { background: url('/public/images/icon_aboutus_menu.png') no-repeat bottom center; }
.aboutus_menu .link:focus { background: url('/public/images/icon_aboutus_menu.png') no-repeat bottom center; }
.aboutus_menu .active { background: url('/public/images/icon_aboutus_menu.png') no-repeat bottom center; }

.documents_menu .link { background: url('/public/images/icon_documents_menu.png') no-repeat top center; }
.documents_menu .link:hover { background: url('/public/images/icon_documents_menu.png') no-repeat bottom center; }
.documents_menu .link:focus { background: url('/public/images/icon_documents_menu.png') no-repeat bottom center; }
.documents_menu .active { background: url('/public/images/icon_documents_menu.png') no-repeat bottom center; }

.settings_menu .link { background: url('/public/images/icon_settings_menu.png') no-repeat top center; }
.settings_menu .link:hover { background: url('/public/images/icon_settings_menu.png') no-repeat bottom center; }
.settings_menu .link:focus { background: url('/public/images/icon_settings_menu.png') no-repeat bottom center; }
.settings_menu .active { background: url('/public/images/icon_settings_menu.png') no-repeat bottom center; }



@media screen and (max-width: 1220px) {
    
    .navbox { margin-right: 3%; }
    
}

@media screen and (max-width: 1100px) {
    
    #nav { padding-bottom: 70px; margin-top: -32px; }
    
    .navbox { font-size: 14px; padding-top: 32px; min-width: 32px; height: 0; }
    .navbox .link { font-size: 14px; padding-top: 32px; min-width: 32px; height: 0; }
    .submenu { font-size: 14px; margin-top: 68px; }
    
    .upload_menu .link { background: url('/public/images/icon_upload_menu_980.png') no-repeat top center; }
    .upload_menu .link:hover { background: url('/public/images/icon_upload_menu_980.png') no-repeat bottom center; }
    .upload_menu .link:focus { background: url('/public/images/icon_upload_menu_980.png') no-repeat bottom center; }

    .cataloge_menu .link { background: url('/public/images/icon_cataloge_menu_980.png') no-repeat top center; }
    .cataloge_menu .link:hover { background: url('/public/images/icon_cataloge_menu_980.png') no-repeat bottom center; }
    .cataloge_menu .link:focus { background: url('/public/images/icon_cataloge_menu_980.png') no-repeat bottom center; }

    .search_menu .link { background: url('/public/images/icon_search_menu_980.png') no-repeat top center; }
    .search_menu .link:hover { background: url('/public/images/icon_search_menu_980.png') no-repeat bottom center; }
    .search_menu .link:focus { background: url('/public/images/icon_search_menu_980.png') no-repeat bottom center; }

    .forum_menu .link { background: url('/public/images/icon_forum_menu_980.png') no-repeat top center; }
    .forum_menu .link:hover { background: url('/public/images/icon_forum_menu_980.png') no-repeat bottom center; }
    .forum_menu .link:focus { background: url('/public/images/icon_forum_menu_980.png') no-repeat bottom center; }

    .news_menu .link { background: url('/public/images/icon_news_menu_980.png') no-repeat top center; }
    .news_menu .link:hover { background: url('/public/images/icon_news_menu_980.png') no-repeat bottom center; }
    .news_menu .link:focus { background: url('/public/images/icon_news_menu_980.png') no-repeat bottom center; }

    .aboutus_menu .link { background: url('/public/images/icon_aboutus_menu_980.png') no-repeat top center; }
    .aboutus_menu .link:hover { background: url('/public/images/icon_aboutus_menu_980.png') no-repeat bottom center; }
    .aboutus_menu .link:focus { background: url('/public/images/icon_aboutus_menu_980.png') no-repeat bottom center; }

    .documents_menu .link { background: url('/public/images/icon_documents_menu_980.png') no-repeat top center; }
    .documents_menu .link:hover { background: url('/public/images/icon_documents_menu_980.png') no-repeat bottom center; }
    .documents_menu .link:focus { background: url('/public/images/icon_documents_menu_980.png') no-repeat bottom center; }

    .settings_menu .link { background: url('/public/images/icon_settings_menu_980.png') no-repeat top center; }
    .settings_menu .link:hover { background: url('/public/images/icon_settings_menu_980.png') no-repeat bottom center; }
    .settings_menu .link:focus { background: url('/public/images/icon_settings_menu_980.png') no-repeat bottom center; }
}


@media screen and (max-width: 970px) {
    
    #nav { margin-left: -20px; }
 
    .navbox { font-size: 12px; margin-right: 10px; }
    .submenu { font-size: 12px; }
    
}

@media screen and (max-width: 850px) {
 
    #nav { margin: 0 0 30px 0; border-top: 2px solid #468300; border-bottom: 2px solid #468300; padding: 0; }
    .navbox { width: 100%; height: auto; padding-top: 0; font-size: 14px; font-weight: bold; box-sizing: border-box; border-right: none; border-bottom: 1px solid #eaad5f; border-top: 1px solid #468300; text-align: center; }  
    .navbox .link { height: auto; padding: 10px 0; }
    .lastnavbox { border-bottom: none; }
    .navbox p { text-align: center; }
    .mobilnav { border-top: none; display: block; width: 100%; height: 42px; margin: 0 auto; }
    
    .submenu { display: none; position: static; z-index: 500; }
    .submenu a { display: block; padding: 10px 0; color: #333333; text-decoration: none; background: #ffffff; }
    .submenu a:hover { color: #468300; background: #ffffff; }
    .submenu a:focus{ color: #468333; background: #ffffff; } 
    
    #nav li ul { padding-top: 0; }
    #nav li ul li { float: none; list-style: none; border-left: none; border-right: none; -webkit-box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.3); -moz-box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.3); box-shadow: 0px 0px 0px 0px rgba(3,3,3,0.3); }
    
    .upload_menu .link { background: none; }
    .upload_menu .link:hover { background: none; }
    .upload_menu .link:focus { background: none; }

    .cataloge_menu .link { background: none; }
    .cataloge_menu .link:hover { background: none; }
    .cataloge_menu .link:focus { background: none; }

    .search_menu .link { background: none; }
    .search_menu .link:hover { background: none; }
    .search_menu .link:focus { background: none; }

    .forum_menu .link { background: none; }
    .forum_menu .link:hover { background: none; }
    .forum_menu .link:focus { background: none; }

    .news_menu .link { background: none; }
    .news_menu .link:hover { background: none; }
    .news_menu .link:focus { background: none; }

    .aboutus_menu .link { background: none; }
    .aboutus_menu .link:hover { background: none; }
    .aboutus_menu .link:focus { background: none; }

    .documents_menu .link { background: none; }
    .documents_menu .link:hover { background: none; }
    .documents_menu .link:focus { background: none; }

    .settings_menu .link { background: none; }
    .settings_menu .link:hover { background: none; }
    .settings_menu .link:focus { background: none; }
    
}