.ddsmoothmenu{
/* position: relative; */
/* z-index: 77777; */
height: 37px;
/* border: none; */
/* background: #c1252b; */
/* margin: auto; */
/* margin-left: 0px; */
/* margin-right: 0px; */
/* float: left; */
width: 998px;
margin-left: auto;
margin-right: auto;
/* text-align: center; */
/* margin-top: 0px; */
background-image: url(../images/back_menu_top.png);
background-repeat: no-repeat;
}



.ddsmoothmenu ul{



list-style: none;

text-transform: inherit;

/*float: left;

margin: 0px;

padding: 0px;*/



margin-left:auto;

margin-right:auto;



}



/*Top level list items*/

.ddsmoothmenu ul li{
position: relative;
font-size: 12px;
display: inline;
float: left;
line-height: 37px;
/* text-align: center; */
/* padding-left: 3px; */
height: 37px;
text-align: center;
/* padding-left: 5px; */
width: 110px;
/* background-color: red; */
/* padding-left: 20px; */
/* padding-right: 20px; */

/* margin-top: 2px; */
}



.ddsmoothmenu ul .line_menu

{

	background:url(../images/line_menu.png) no-repeat;

	width:2px;

	height:40px;

	padding:0px;

	margin:0px;

}








/*Top level menu link items style*/

.ddsmoothmenu ul li a{

	text-decoration:none;

	color:#FFF;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

color: white !important;

}



.ddsmoothmenu ul li:hover{



/*background:url(../images/menu_hover.jpg) repeat-x;*/

	/*background-image:url(../images/menu_hover.png); */

	/*background-color:#688509;*/

	/*background-repeat:no-repeat; */

	position:relative;

	

	



	z-index:11111;

	color:yellow;

}
.ddsmoothmenu ul li.active_menu{

background:#0499f3 !important;

/*background:url(../images/menu_hover.jpg) repeat-x;*/

	/*background-image:url(../images/menu_hover.png); */

	/*background-color:#688509;*/

	/*background-repeat:no-repeat; */

	position:relative;

	

	



	z-index:11111;

	color:black;

}
.ddsmoothmenu ul li.active_menu a{
color:white;
}
.ddsmoothmenu ul li.active_menu_dichvu{

background:url(../images/hover_menu_dichvuok.png) no-repeat;

/*background:url(../images/menu_hover.jpg) repeat-x;*/

	/*background-image:url(../images/menu_hover.png); */

	/*background-color:#688509;*/

	/*background-repeat:no-repeat; */

	position:relative;

	

	



	z-index:11111;

	color:yellow;

}
.ddsmoothmenu ul li.active_menu_dichvu a{
font-size:11px;
}



.ddsmoothmenu ul li:hover a{

margin-bottom:16px;

padding-bottom:16px;

	z-index:11111;

	color:yellow;

}

	

/*1st sub level menu*/

.ddsmoothmenu ul li ul{

position: absolute;

display: none; /*collapse all sub menus to begin with*/

visibility: hidden;

z-index:1000;

margin:0px;

padding:0px;

background: rgba(132, 205, 54, 0.8);

padding:10px 0px;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: left;

width:225px;

background:none;

text-align:left;

line-height:20px;

margin:0px;

padding:4px 10px;

height:auto;

}

.ddsmoothmenu ul li ul li:hover

{

	background:none;

}





/*All subsequent sub menu levels vertical offset after 1st level sub menu */





/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

font-size:14px;

/*width of sub menus

border-bottom: 1px solid gray;*/

text-decoration:none;

text-transform:none;

font-weight:normal;

line-height:20px;

color:#FFF !important;

}

.ddsmoothmenu ul li ul li a:hover

{

	color:#FF0 !important;

}



/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/





/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 26px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{ /*shadow for NON CSS3 capable browsers*/

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

background: silver;

}



.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/

opacity: 0.8;

}