@charset "utf-8"; #menu_hoo{ padding-top:20px; width: 670px; background: #fff; } #nav a{ color: #fff; text-decoration: none;} img{border: 0;} /*--WHEN JAVASCRIPT IS DISABLED--*/ #nav .show{ /* class="show" is used for the second level navigation of a category */ display: inline !important; /* all navigation elements are hidden by default, !important overrides that */ width: 670px; /* width of the */ } #nav .show ul li{ display: inline !important; } #nav .show ul{ background-color: #0ad; } #nav span{ /* spans are applied to the titles of second level navigation which are hidden when JS is disabled */ display: none; } #nav .active ul{ /* style the second level menu and make it appear for the active page */ padding: 10px; position: relative; } #nav li{ /* hide all navigation elements except the top level navigation links */ display: none; } /*--GLOBAL STYLES FOR USE WHEN JAVASCRIPT IS BOTH ENABLED AND DISABLED--*/ #nav{ /*the top level, unordered list of navigation links*/ position: relative; z-index: 2 ; } #nav ul > li{ margin-left: -40px; } #nav ul li button{ border : none; width: 100%; text-align: left; margin: -2px -4px; background : none; } #nav ul li button:hover{ color : #0ad; } #nav active{ /* this is the class for the tab/page we are currently viewing */ background-color: #0ad !important; } #nav > li{ background-color: #9c0; display: inline; margin: 0px 0px; } #nav > li > ul{ left: 0; padding: 0; position: absolute; width: 670px; } #nav > li > ul > li{ color: #99CC00; height: 100%; width: 170px; } /*--STYLE ELEMENTS OF THE DROPDOWN MENUS--*/ #nav ul li{ font-size: 18px; font-weight: bold; list-style: none; width: 150px; } #nav li li{ font-size: 18px; font-weight: bold; margin: 0 0 0 10px; } #nav li li li{ font-size: 12px; } .ulica{ background: #0ad; width: 100%; color: #fff; padding: 10px 0; text-align: center; font-weight:bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5); }