#cssmenu ul, #cssmenu li,
#cssmenu span, #cssmenu a { margin: 0; padding:10px 30px; }

#cssmenu {
    background: url(../../imagens/bg-menu.jpg) no-repeat center center;
    height: 62px;
    font-family: 'unicond';
    font-size: 22px;
    color: #e9d7a8;
    z-index: 2;
    position: relative;
	margin-top:-253px;
}

#cssmenu:after { content:''; display: block; clear: both; }

#cssmenu a { 
        text-decoration: none;
        color: #e9d7a8;
}
	#cssmenu a:hover { }

#cssmenu ul { 
	list-style: none; 
	height: 44px;
	padding: 10px 0;
	margin:auto;
	width:990px;
}
#cssmenu > ul > li {
	float: left; 
	height: 34px;
	position: relative;
	margin-top:-8px;
	text-shadow:0em 0.1em black;
}

#cssmenu > ul > li:hover {
	height: 34px;
	position: relative;
	background: url(../../imagens/bg_menudestaque.png) center no-repeat;
	background-position:center;
}
#cssmenu > ul > li > a {
	vertical-align:middle;
}
	#cssmenu > ul > li.active a {
		vertical-align:middle;
	}

#cssmenu .has-sub ul {
	background:#342d23;
	border: 1px solid #4b4539;
	border-top: 0 none;
	height: 0; overflow: hidden;
	padding: 0; position: absolute;
	opacity: 0; top: 49px; left: 0px;
	width:190px;

	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
	margin-left:-1%;
}
#cssmenu .has-sub:after {
	content: '';
	display: block;
	padding: 0 10px;
	position: absolute;
	bottom: -10px; left: 0;
	height: 10px; width: 200%;
}

#cssmenu .has-sub:hover ul {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	height: auto;
	opacity: 1;
	padding: 10px;
}

#cssmenu .has-sub li, 
#cssmenu .has-sub li a { padding: 0 5px; width: 100%; }
#cssmenu .has-sub li { margin: 8px 0; }
#cssmenu .has-sub li a { 
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	line-height: 120%; 
}