@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: trinhhoa;
 src: url("../images/font_one.eot") /* EOT file for IE */
}

@font-face {
 font-family: trinhhoa;
 src: url("../images/font_one.ttf") /* TTF file for CSS3 browsers */
}

ul.menusm { font-size:16px;}

/* DESIGN TOPNAV (mainmenu) */
/* level 1 */
.topnav ul {margin-left:0px;margin-top:0px; padding:0 0 0 0; width:auto; height:35px; float:left;}
.topnav ul li{ margin:0 0px; padding:5px 0; float:left;   }
.topnav ul li a {margin:0; padding:5px 11px; color:#fff; text-decoration:none;font-weight:bold;}

.topnav ul li.li_hover_main {
	padding-bottom:15px;
}
.topnav ul li.li_hover_main a {color:yellow; padding:5px 11px;padding-bottom: 8px;}

#current_page_item a .viethoa{
	color: yellow;
}					/* active item first level */
#current_page_item  {
	 color:#fff; 
	 text-decoration:none;
	 padding-bottom: 8px;
	 padding-top: px;
}

.topnav ul li ul li a.a_hover_main { color:#DD5302; text-decoration:none; background:#000000; }						/* on hover */

/* level 2 */

.topnav ul li ul{
 font-size:13px; margin:0;padding:0px 0; width:300px; height:auto; top:37px;
 opacity:0.9;
 moz-opacity:0.9;
 filter:alpha(opacity=9);
 background: #009b3e;
 padding-bottom: 5px;
 }			/* position of submenu */
.topnav ul li ul li { margin:0; padding:0; float:none;}

.topnav ul li ul li a { background:none; display:block; margin:0; padding:5px 10px; color:#404040; text-decoration:none;}
.topnav ul li ul li a.have_submenu { }	

.topnav ul li.li_hover_main ul li {background:none; padding:0;}
.topnav ul li.li_hover_main ul li a {  background:none; padding:5px 10px; color: #fff;}

/* if item have submenu */

.topnav ul li ul li a:hover,
.topnav ul li ul li a.have_submenu_hover { color:#fff; background:#0d8fe3;} /* on hover */

/* level 3 */
.topnav ul li ul li ul { top:-4px; left:250px;}								/* position of sub-submenu */

/* DESIGN NAV1 (categories) */

/* level 1 */
#nav1 ul { margin:0; padding:0; float:RIGHT; width:auto;}
#nav1 ul li { float:left; padding:0 20px;}
#nav1 ul li a.a_hover_main {color:#fff;}
#nav1 ul li a { padding:10px 0; }
#nav1 ul li.current-cat { }							/* active item first level */
#nav1 ul li.current-cat a,
#nav1 ul li ul li a.a_hover_main { color:#FFF;}				/* on hover */

/* level 2 */

/*#nav1 ul li.li_hover_main ul li a { color:#063;}*/
#nav1 ul li ul { top:25px; left:0; background:url(../images/overlay.png) repeat left top;}				/* position of submenu */
#nav1 ul li ul li { padding:0;}
#nav1 ul li ul li a { color:#bebebe; width:150px; padding:10px; display:block; border-top:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e; }
#nav1 ul li ul li a.have_submenu { color:#fff; display:block; background:#515151; border-top:1px solid #6e6e6e;border-bottom:1px solid #6e6e6e;}																/* if item have submenu */
#nav1 ul li ul li a:hover,
#nav1 ul li ul li a.have_submenu_hover { color:#fff; background:#515151; border-top:1px solid #6e6e6e;border-bottom:1px solid #6e6e6e;}

/* level 3 */

#nav1 ul li ul li ul { top:0px; left:170px;}

/* position of sub-submenu */

/* DO NOT EDIT!!! */
ul.menusm { list-style:none;}
ul.menusm li { cursor:pointer; position:relative; z-index:/*IE7*/999;}
ul.menusm li a { position:relative; z-index:1000;}
ul.menusm li ul { display:none; position:absolute; list-style:none; z-index:999;}
ul.menusm li ul li ul { position:absolute; list-style:none;}

.phancach{
	color:#fff;
	width:2px;
	height:29px;
	background-image: url('../images/phancach.png');
}

.viethoa{
	text-transform: uppercase;
}