@charset "utf-8";
/* CSS Document */
/* common styling */
.menu {width:1000px; background:#1372a8; height:40px; font-size:12px; line-height:40px; position:relative; margin:0; z-index:1; margin-top:2px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; margin-left:5px; margin-right:5px; text-align:center; height: 34px; line-height:34px; font-size:12px; font-weight:bold; }

.menu ul {padding:3px; margin:0px;list-style-type: none; }
.menu ul li {float:left;  position:relative; padding-left:20px; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#b5ecfb; }
.menu ul li:hover ul {display:block; position:absolute; top:20; left:0; width:200px;}
<!-- vi tri cua menu con cap 1 -->
.menu ul li:hover ul li a.hide {background:#9a3096; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:300px;}
.menu ul li:hover ul li ul {display: none; }

.menu ul li:hover ul li a {display:block; background:#b5ecfb; color:#30302e; width:220px; height:auto; line-height:24px; text-align:left;text-indent:5px; border:1px dotted #ccc; border-bottom:1px dotted #333; border-top:none; border-radius:0px}
.menu ul li:hover ul li a:hover {background:#0d4988; color:#b5ecfb; }

.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:217px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:220px; background:#b5ecfb; color:#30302e; margin-left:7px;}
.menu ul li:hover ul li:hover ul li a:hover {background:#0d4988; color:#b5ecfb; }