.cf { display: block; } .cf:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .menu { border-top: thin solid #4f5a52; background-image: -webkit-linear-gradient(90deg,rgba(18,18,18,1.00) 0%,rgba(46,48,43,1.00) 100%); background-image: -moz-linear-gradient(90deg,rgba(18,18,18,1.00) 0%,rgba(46,48,43,1.00) 100%); background-image: -o-linear-gradient(90deg,rgba(18,18,18,1.00) 0%,rgba(46,48,43,1.00) 100%); background-image: linear-gradient(0deg,rgba(18,18,18,1.00) 0%,rgba(46,48,43,1.00) 100%); padding: 5px 0; } .mainmenu, [class*=submenu] { list-style-type: none; padding: 0; margin: 0; } .mainmenu { } .mainmenu li { float: left; padding: 4px 0px 5px; position: relative; } .mainmenu li a { color: #bdbbbc; padding: 2px 8px; border-right: thin solid #bdbbbc; } .mainmenu li a:hover, .mainmenu li a.active { text-decoration: underline; } .mainmenu li:last-child a { padding-right:0; border-right: none; } [class*=submenu] { position: absolute; z-index: 1; background-color: #3C3B37; width: 170px; left: 0; top: 25px; padding: 5px; display:none; } .mainmenu li:hover ul {display: block;} [class*=submenu] li{ float:none; display: block; padding: 0; } [class*=submenu] li a { border-right: none; padding: 4px 0 4px 3px; display: block; font-size: 11px; color: #FFF; margin-bottom: 10px; } [class*=submenu] li:last-child a { margin-bottom: 0px; } [class*=submenu] li:hover a { color: #FFF; text-decoration: none; } .submenu1 li:hover, .submenu1 li.active { background-color: #2994b6; } .submenu2 li:hover, .submenu2 li.active { background-color: #04b193; } .submenu3 li:hover, .submenu3 li.active { background-color: #dc0a9f; } .submenu4 li:hover, .submenu4 li.active { background-color: #c41206; } .submenu5 li:hover, .submenu5 li.active { background-color: #dcb204; } .submenu6 li:hover, .submenu6 li.active { background-color: #8329d6; } .palyazat-cimek { list-style-type: none; padding-left: 0; font-weight: bold; font-size: 18px; } .palyazat-cimek li { margin-bottom: 15px; }