system: Linux mars.sprixweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64

cmd: 

.nav_exmaple {
	background: #E5E5E5; /* old browsers */
	background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
	padding:40px 0 1px 0;
	
}
nav {
    font-family: arial, sans-serif;
    position: relative;
    font-size:14px;
	color:blue;
    margin: 0px auto;
	z-index: 1;
}
 
nav ul {
     list-style-type: none;
     border-bottom:3px solid #FFF;
     margin: 0;
}
 
nav ul li {
     float: left;
     position: relative;
     top:-38px;
}
 
nav ul li a {

    text-align: center;
    padding:10px 8px 10px 16px;
    display:block;
    text-decoration:none;
    color:blue;
    font-weight:bold;
    text-shadow:-1px 0px 0px #bbb;
    margin:0px 1px;
   	background: #E5E5E5; /* old browsers */
	background: -moz-linear-gradient(top, #E5E5E5 0%, #C4C4C4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#C4C4C4)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1dfe8', endColorstr='#8ab9cd',GradientType=0 );
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
nav ul li:hover > a {
	background: #E20000;
	background: -moz-linear-gradient(top, #E20000 0%, #A30000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E20000), color-stop(100%,#A30000));
	color:#fff;
	text-shadow:none;
}
nav ul li ul {
     display: none
}
 
nav ul li:hover ul {
     display: block;
     position: absolute;
     top:74px;
     left:-1px;
     padding:0;
     margin:0;
     width:auto;
     border:0;
     
}
nav ul li:hover ul li a {
     display:block;
    background: #E20000;
	background: -moz-linear-gradient(top, #E20000 0%, #A30000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E20000), color-stop(100%,#A30000));
     color:#fff;
     text-align: center;
     border: 1px solid #999;
     border-top: none;
     border-radius: 0;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     font-weight:normal;
     width:170px;
}
 
nav ul li:hover ul li a:hover, nav ul li a:hover {
	background: #E20000;
	background: -moz-linear-gradient(top, #E20000 0%, #A30000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E20000), color-stop(100%,#A30000));
    color:#fff;
}