@import url("content.css");
/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
html  {
      overflow: hidden;
}

body {
      overflow: hidden;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong { font-weight:bold;}
a, a:hover { text-decoration:none;}

/*structure*/
body { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; background: #040e0f; color: #cdc39f;}
.wrap-container { width:100%; background:url(../images/bgd-intro.jpg) 50% 0 no-repeat; height:898px; min-width:960px;}
	#main_container { width:960px; margin:0 auto; position:relative;}
	.logo {
	display: block;
	width: 220px;
	height: 145px;
	position: absolute;
	top: 65px;
	left: 54px;
	z-index: 1000;
	background: url(../images/logo.png) no-repeat;
}
	.choingay { display:block; width:270px; height:130px; position:absolute; top:340px; left:8px;}
	.topmenu{position: absolute; top: 16px; left: 42px; z-index: 999;background: url(../images/bg-top-menu.jpg) no-repeat;}
	.topmenu ul li{float: left;}
	.topmenu .topmn{display: block; color: #b2f0ff; font-size: 11px; font-weight: bold; width: 80px;text-align: center;height: 32px;line-height: 32px;text-transform: uppercase;}
	.topmenu .topmn1{width:80px;} 
	.topmenu .topmn2{width:74px;}
	.topmenu .topmn3{width:68px;}
	.topmenu .topmn4{width: 34px;}
	.topmenu .topmn4 img{position: absolute;top: 7px;right: 7px;}
	.topmenu .topmn:hover{color:#fff;}
	
	.as{position: absolute; top: -25px; left: 47px; width: 492px; height: 437px; background: url(../images/anhsang.png) no-repeat 0 0; z-index: 9;}
	.text_event{position: absolute; top: 100px; left: 47px; width: 499px; height: 302px; background: url(../images/text.png) no-repeat 0 0; z-index: 9; opacity: 0;}
	.event_link { display:block; width: 202px; height: 337px; position:absolute; top: 213px; left: -4px; z-index: 10; background: url(../images/event-link.jpg) no-repeat;}
	
	.mainmenu{position:absolute; top: 199px; left: 211px;width: 164px;height: 329px;background: url(../images/bg-main-nav.jpg) no-repeat;padding-top: 113px;padding-left: 10px;}
	.mainmenu .mmn{background:url(../images/main-nav.png) no-repeat; font-size:0px; display:inline-block; width:100%; height: 64px; margin-bottom: 10px;}
	.mainmenu .mmn:hover, .mainmenu .selected .mmn{background:url(../images/main-nav-hover.png) no-repeat;}
	
	.mainmenu .mmn1, .mainmenu .mmn1:hover, .mainmenu .selected .mmn1{background-position: 23px 15px;}
	.mainmenu .mmn2, .mainmenu .mmn2:hover, .mainmenu .selected .mmn2{background-position: 23px -63px;}
	.mainmenu .mmn3, .mainmenu .mmn3:hover, .mainmenu .selected .mmn3{background-position: 22px -141px;}
	.mainmenu .mmn4, .mainmenu .mmn4:hover, .mainmenu .selected .mmn4{background-position: 19px -219px;}
	
	.menu_left{width: 194px; float: left; z-index: 999; margin: 118px 15px 0 0;position: relative;left: 33px;padding-top: 27px;padding-left: 6px;top: -27px;height: 266px;background: url(../images/bg-menu-left.png) no-repeat;}
	.menu_left ul li{float: none;}
	.menu_left .mnleft{width: 200px; background: url(../images/main_menu.png) no-repeat 0 0; display: block; cursor: pointer;}
	.menu_left .mnleft:hover, .menu_left .selected .mnleft{background: url(../images/main_menu-hover.png) no-repeat 0 0;}
	.menu_left .mnleft1, .menu_left .mnleft1:hover, .menu_left .selected .mnleft1{height: 65px; margin-bottom: 13px;background-position: 13px 13px;}
	.menu_left .mnleft2, .menu_left .mnleft2:hover, .menu_left .selected .mnleft2{ height: 65px;  margin-bottom: 13px;  background-position: 13px -65px;}
	.menu_left .mnleft3, .menu_left .mnleft3:hover, .menu_left .selected .mnleft3{ height: 65px;  margin-bottom: 13px;  background-position: 13px -143px;}
					
	.footer { text-align:left; position:absolute; top: 798px; right: 248px; z-index:999;}
		.footer p { color: #6e6e6e; margin-top:5px; text-align: center; font-size: 11px;}

#fade
{
    /*--Transparent background layer--*/
    display: none; /*--hidden by default--*/
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade
{
    position: absolute;
}
*html .popup_block
{
    position: absolute;
	z-index: 9999; 
}

/**Popup Gioi thieu**/
#pop
{
	width: 1008px;
    height: 822px; 
	background:url(../images/bg_popup.png) no-repeat 196px 0px;
    padding: 0 20px;
    float: left;
    font-size: 12px;
    
	position: absolute;
    
	top: 48px;
    
	left: 20px;
    z-index: 9999; /*--CSS3 Box Shadows--*/
    font-family: Tahoma;
	display: none;
}

#pop .topmenu{top:-32px; left:-32px; z-index:999;}

#pop .content{ height: 495px;  width: 885px; margin: 19px 0 0 6px;}
 .ContentBlock{height: 576px; width: 609px; overflow: auto; padding: 0; float: left; margin-top: 40px;margin-left: 42px;}
.content .detail{width: 500px;margin: 0 auto;}
#thewindowbackground {left: 0; position: absolute;	top: 0;	width: auto;z-index: 990;display:none;text-align:center;background: rgba(0, 0, 0, .6);}	
.content_popup{padding: 12px 0 0 0; width: 100%; height: 100%; color: #d5d5d5;}
.content_popup p{ margin: 10px 0; }

a.close{position: absolute; top: 6px; right: 124px; width: 47px; height: 39px; }
a.close:hover{background-position: -46px 0;}