#submenu{
    text-align: center;
    margin-bottom: 13px;
}
.submenu .cloud{
	display:none;
	border: 1px solid #476980;
	padding: 15px;
	background: #ffffff;
	color: #46687e;
	font-size:11px;
	text-align:left;
	position:absolute;
	top:40px;
	left:1px;
	width:170px;
}


.submenu {
	text-align: center;
	margin:0 auto;
	margin-bottom:20px;
	height:auto;
	padding-bottom: 10px;

}

.submenu  {
	height:33px;
	padding-top: 10px;
	height: auto;
}

.submenu li {
	margin: 3px;
	list-style:none;
	height:33px;
	border: solid 1px #dadada;
	position:relative;
	*position:inherit;
	display: inline-block;
	vertical-align: top;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;
	behavior: url(border-radius.htc);
}   

.submenu li img {
	margin: 0 3px -4px 0;
}

.submenu li a {
	color:#000000;
	text-decoration:none;
	font-size:14px;
	display:block;
	padding:7px 10px 10px 10px;
}

.submenu li:hover, .submenu li.selected {
	background: #335466;
	background: -moz-linear-gradient(top, #335466 0%, #496b82 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#335466), color-stop(100%,#496b82));
	background: -webkit-linear-gradient(top, #335466 0%,#496b82 100%);
	background: -o-linear-gradient(top, #335466 0%,#496b82 100%);
	background: -ms-linear-gradient(top, #335466 0%,#496b82 100%);
	background: linear-gradient(to bottom, #335466 0%,#496b82 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335466', endColorstr='#496b82',GradientType=0 );
}
.submenu li:hover a, .submenu li.selected a{
	color:#fff;
}

.submenu.trend_sect
{
	max-width:720px;
}
@media screen and (min-width:768px){
    .submenu>li>a:hover + .cloud{
	display:block;
	z-index: 9;
    }
}