/* Horizontal-Verticl Menu */
#m_menu {
position: relative;
margin: 0 8%;
height:1.7em;
background-color: #d0d1d0;
padding:2px .3em;
}
#m_menu ul{
margin:0 auto;
list-style-type:none;
padding:0 .1em;
}
#m_menu ul li{
float: left;
position: relative;
margin:1px .3em;
background-color: #fefefe;
padding:0;
}
#m_menu ul li:hover{
background-color: #fbfb01;
-moz-border-radius:0;
-webkit-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
}
#m_menu ul li a{
display: block;
color: #000;
padding: .1em .7em;
font-size:1.05em;
font-family:Calibri;
font-weight:800;
color:#0001be;
}
#m_menu ul li a:hover{
background-color: #00ed01;
}
#m_menu ul li:hover > ul{
display: block;
}
#m_menu ul li ul{
position: absolute;
top:1.4em;
left:0;
display: none;
border:1px dashed #010203;
background-color: #c0c1f2;
padding:.1em;
}
#m_menu ul li ul li{
float: none;
position: relative;
margin:2px 0;
background-color: #f6f7f8;
text-align:left;
-moz-border-radius:.6em;
-webkit-border-radius:.6em;
-khtml-border-radius:.6em;
border-radius:.6em;
}
#m_menu ul li ul li a{
white-space: nowrap;
line-height:120%;
text-decoration:none;
font-weight:500;
}
#m_menu ul li ul li a:hover {
text-decoration:underline;
color:#001;
}
#m_menu ul li ul li ul{
position: absolute;
top:0;
left:100%;
display: none;
border:1px dashed #010203;
background-color: #c0c1f2;
}
#m_menu ul li ul li .litems:after {
content: " >>";
color: #00d001;
font-weight: 600;
} |