/* CSS Document */

.ddsmoothmenu {
	background: none;
	width: 100%;
}
.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;
	width:115px;
	height:115px;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
    background: none;
    color: #5f5f5f;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #fbf9f9;
    text-decoration: none;
    font-family: f1-Bold;
    width: 115px;
    height: 100px;
	line-height:137px;
}
/*.ddsmoothmenu ul li ul {
                margin-top: 15px;
            }*/

.ddsmoothmenu ul li ul li a {
	border-right: none;
	text-transform: none;
	padding-left: 10px;
	font-family:f1;
	font-weight:normal;
	height:40px;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li ul li {
	border-bottom: 1px dotted white;
	position:relative;
	width: 200px;
	height:40px;
}
.ddsmoothmenu ul li ul {
	width: 200px;
	border-radius: 0px 0px 5px 5px;
	background: #fff;
}
.ddsmoothmenu ul li ul li:nth-last-child(1) {
	border-bottom: none;
}

#bg_before_1 .selected {
}
#bg_before_2 .selected {
	background:#3F9ED8 url(../images/icon-san-pham-mn-hover.png) 44px 12px no-repeat;
	color: #fff;
}
#bg_before_3 .selected {
	background:#3F9ED8 url(../images/icon021-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#bg_before_4 .selected {
	background:#3F9ED8 url(../images/icon6-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#bg_before_5 .selected {
	background:#3F9ED8 url(../images/icon03-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#bg_before_6 .selected {
	background:#3F9ED8 url(../images/icon-ung-dung-mn-hover.png) 44px 12px no-repeat;
	color: #fff;
}
#bg_before_7.selected {
}

#menu_a_1 .selected{
	background:#3F9ED8 url(../images/icon012-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#menu_a_2 .selected{
	background:#3F9ED8 url(../images/icon021-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#menu_a_3 .selected{
	background:#3F9ED8 url(../images/icon6-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#menu_a_4 .selected{
	background:#3F9ED8 url(../images/icon04-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#menu_a_5 .selected{
	background:#3F9ED8 url(../images/icon03-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}
#menu_a_6 .selected{
	background:#3F9ED8 url(../images/icon1000-32x32_c.png) 44px 12px no-repeat;
	color: #fff;
}



.bg_before2 a:hover { 
	color: #fff;
	background:#3F9ED8;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	padding:0;
	margin:0;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width:100%;
	box-sizing:border-box;
	padding: 5px;
	margin: 0;
	border-top-width: 0;
	line-height: 235%;
	color:#5f5f5f;
	padding-left:10px;
}
/* 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: 12px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}


/*
* Menu icon new
*/

#menu_a_0:hover{
	background:#3F9ED8 url(../images/index01-32x32_c.png) 40px 12px no-repeat;
}
#menu_a_1{
	width:119px;
}
#menu_a_1:hover{
	background:#3F9ED8 url(../images/icon04-32x32_c.png) 44px 12px no-repeat;
	color:white;
}
#menu_a_2:hover{
	background:#3F9ED8 url(../images/icon-san-pham-mn-hover.png) 44px 12px no-repeat;
}
#menu_a_3:hover{
	background:#3F9ED8 url(../images/icon021-32x32_c.png) 44px 12px no-repeat;
}
a#menu_a_4 .icon_submenu {
   /*  margin-left: 35px; */
}
#menu_a_4:hover{
	background:#3F9ED8 url(../images/icon6-32x32_c.png) 44px 12px no-repeat;
}
#menu_a_5:hover{
	background:#3F9ED8 url(../images/icon012-32x32_c.png) 44px 12px no-repeat;
	color:white;
}
#menu_a_6:hover{
	background:#3F9ED8 url(../images/icon-ung-dung-mn-hover.png) 44px 12px no-repeat;
}
#menu_a_7:hover{
	background:#3F9ED8 url(../images/icon1000-32x32_c.png) 44px 12px no-repeat;
	color:white;
}
#menu_a_8{
	
}

/*
*icon mạng xã hội dưới menu
*/

.head-bott {
    position: relative;
    top: -3px;
    border-top: 1px solid #ededed;
    height: 27px;
    clear: both;
}
#header .soc-head-icons {
    height: 27px;
    position: relative;
    padding-right: 20px;
    background: #fff;
    top: -14px;
    float: left;
    z-index: 100;
}
.soc-head-icons a {
    display: inline-block;
    height: 27px;
    width: 27px;
    margin-right: 5px;
    border-radius: 100em;
    background: #6f7a87;
    text-indent: -999em;
    overflow: hidden;
    opacity: .7;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.soc-head-icons a.fb {
    background: #768cb6 url("../images/mini-soc.png") 11px 6px no-repeat;
}
.soc-head-icons a.gp {
    background: #56ba6f url("../images/mini-soc.png") -22px 6px no-repeat;
}
.soc-head-icons a.li {
    background: #DC2925 url("../images/mini-soc.png") -640px 6px no-repeat;
}
.soc-head-icons a:hover {
    opacity: 1;
}