.navmain {
	width: 100%;
    background-color: #333;
	color:#FFFFFF;
	font-size: 1em;
	
	
}

.navmain ul li{
	display:inline;
	float: left;
	    padding: 10px 12px;

	
}

.navmain ul li a{
display: block;
    color: white;
    text-align: center;
    text-decoration: none;
}


.navmain a:hover,a:active
{
background-color:#886688;
}

.navmain ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.navmain li ul{
left: -999em;
        position: absolute;
        width: 160px;
        z-index: 9999;
}

.navmain li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
}



.navmain li:hover ul {
        left: auto;
}


.navmain li li ul {
        margin: 10px 0 0 20px;
        -webkit-border-radius: 0 10px 10px 10px;
        -moz-border-radius: 0 10px 10px 10px;
        border-radius: 0 10px 10px 10px;
        visibility:hidden;
}

.navmain li li:hover ul {
        visibility:visible;
}



























.navmain ul li a:hover:not(.active) {background-color: #111;}

.navmain ul li a.active {background-color: #4CAF50;}

.navmain ul li.right {float: right;}