.ddsmoothmenu{
	font-family:'titilliumtext22l_rgregular', Helvetica, Arial;
	font:'titilliumtext22l_rgregular', Helvetica, Arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	width:auto;
	float:right;
	height:28px;
}

.ddsmoothmenu ul{
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position:relative;
	display:inline;
	float:left;
	height:28px;
	margin-left:2px;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a,
.ddsmoothmenu ul li a:visited,
.ddsmoothmenu ul li a:link{
	display:block;
	background:#FFF; /*background of menu items (default state)*/
	color:#00447b;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	height:28px;
	line-height:28px;
	border:none;
	text-decoration:none;
	font-family:'titilliumtext22l_rgregular', Helvetica, Arial;
	font:'titilliumtext22l_rgregular', Helvetica, Arial;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	-webkit-box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.2);
	-moz-box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.2);
	box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.2);
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display:inline-block;
}

.ddsmoothmenu ul li a.selected,
.ddsmoothmenu ul li a:hover{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:url(../images/bg_azul_claro.png) repeat 0 0;
	color:#FFF;
	text-shadow:0px -1px 0px #00447b;
	filter:dropshadow(color=#10548b, offx=0, offy=-1);
}
	
/* sub menus */
.ddsmoothmenu ul li ul{
	width:218px;
	height:auto;
	position:absolute;
	margin-top:2px;
	top:0;
	right:0;
	margin-top:2px;
	display:none; /*collapse all sub menus to begin with*/
	visibility:hidden;
	padding-bottom:12px;
	background:url(../images/bg_azul_claro.png) repeat 0 0 !important;
	-webkit-box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.7);
	-moz-box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.7);
	box-shadow:0px 0px 10px 0px rgba(16, 83, 137, 0.7);
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display:list-item;
	float:none;
	margin:0;
	padding:0;
	width:218px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top:0;
	margin-top:-4px;
	margin-left:2px;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a,
.ddsmoothmenu ul li ul li a:visited,
.ddsmoothmenu ul li ul li a:active,
.ddsmoothmenu ul li ul li a:link{
	width:198px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	padding-top:6px;
	margin-top:4px;
	background:url(../images/separador_main_menu.png) no-repeat 10px bottom !important;
	display:block;
	overflow:hidden;
	color:#FFF;
	text-transform:uppercase;
	height:18px;
	line-height:18px;
	border:none;
	text-decoration:none;
	font-family:'titilliumtext22l_rgregular', Helvetica, Arial;
	font:'titilliumtext22l_rgregular', Helvetica, Arial;
	text-align:right;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	text-shadow:0px -1px 0px #00447b;
	filter:dropshadow(color=#10548b, offx=0, offy=-1);
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

.ddsmoothmenu ul li ul li a:hover,
.ddsmoothmenu ul li ul li a.selected{
	padding-right:20px;	
	width:188px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

.rightarrowclass{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

.toplevelshadow{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

.ddcss3support .ddshadow.toplevelshadow{
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}

.ddcss3support .ddshadow {
	display:none;
	visibility:hidden;
	height:0;
	width:0;
}