/* cosmio menu css*/ #cmenu { height: 30px; max-height: 30px; list-style: none; width: 960px; max-width: 980px; padding: 0; margin: 0px auto 0 auto; position: relative; z-index: 99999; margin-bottom: 0px; } #cmenu:after { content: ''; width: 100%; height: 10px; position: absolute; background-size: 100% 100%; display: block; margin-top: 36px; } #cmenu ul { list-style: none; margin: 0; padding: 0; text-align:left; } #cmenu > ul > li { text-align: center; float: left; /*padding: 9px 8px;*/ padding: 14px 26px; color: #4e4d4d; font-size: 11px; border: 0px solid transparent; -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } #cmenu > ul > li:hover { } #cmenu > ul > li:hover, #cmenu > ul > li.active { } #cmenu > ul > li > a { color: #fff; font-size: 15px; text-decoration: none; line-height: 16px; position: relative; font-family: FuturaFuturisLight,Arial,Helvetica,sans-serif; } #cmenu > ul > li.parent:hover > a:before, #cmenu > ul > li.parent:hover > a:after { content: ''; position: absolute; left: 20px; bottom: -10px; border: 10px solid transparent; border-bottom: 6px solid #fff; z-index:100; } #cmenu > ul > li.parent:hover > a:after { border-bottom: 6px solid white; bottom: -7px; } #cmenu > ul > li > div { display: none; position: absolute; z-index: 10; padding: 5px 10px 5px 20px; background: #fff; left: -1px; top: 30px; -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.15); -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; width: 930px; } #cmenu > ul > li:hover > div{ display:block; } #cmenu > ul > li > div h3{ text-align:left; border-bottom: 1px solid #ddd; padding-bottom: 4px; width: 934px; } #cmenu > ul > li > div .menuelement{ width: 95px; float: left; margin-right: 10px; text-align:center; } #cmenu > ul > li > div > ul > li:hover{ } #cmenu > ul > li > div > ul > li{ display: block; text-align: left; padding: 5px 12px 15px; margin-right: 5px; width: 275px; float: left; } #cmenu div.titlemenu { text-align: left; min-height: 34px; } #cmenu div.titlemenu > a{ text-decoration: none; color: #000000; font-weight: bold; font-size: 14px; font-family: FuturaFuturisLight,Arial,Helvetica,sans-serif; } #cmenu > ul > li > div > ul > li:hover > div.titlemenu > a{ text-decoration: underline; } #cmenu li.big{ } #cmenu div.level2 { width: 250px; } #cmenu div.level2 > ul > li > a{ text-decoration:none; color:#000; font-family: FuturaFuturisLight,Arial,Helvetica,sans-serif; font-size: 14px; } #cmenu > ul > li > div > ul > li > div:hover > div.titlemenu > a{ color:#000; } #cmenu > ul > li ul + ul { padding-left: 20px; } #cmenu > ul > li ul > li > a { color: #666; text-decoration: none; line-height: 16px; } #cmenu > ul > li ul > li > a:hover { text-decoration: underline; } #cmenu > ul > li > div > ul > li > a { color: #000; }