@import url("banner-event.css");

@charset "utf-8";
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
} 

@font-face {
  font-family: 'UVNThanhPho_B';
  font-style: normal;
  src: url('../fonts/UVNThanhPho_B.eot?#iefix') format('embedded-opentype'),
       url('../fonts/UVNThanhPho_B.woff') format('woff'),
       url('../fonts/UVNThanhPho_B.ttf') format('truetype'),
       url('../fonts/UVNThanhPho_B.svg#UVNThanhPho_B') format('svg');
}

@font-face {
  font-family: 'UVNThanhPho_R';
  font-style: normal;
  src: url('../fonts/UVNThanhPho_R.eot?#iefix') format('embedded-opentype'),
       url('../fonts/UVNThanhPho_R.woff') format('woff'),
       url('../fonts/UVNThanhPho_R.ttf') format('truetype'),
       url('../fonts/UVNThanhPho_R.svg#UVNThanhPho_B') format('svg');
}

body
{   
	font-family:Arial;
	font-size:11px;
	text-align:justify;
	margin:0px;
	padding:0px;
	color:#fff; 
	background:url(../images/bg_top.jpg) no-repeat center top #021720;  
	/*behavior:url(/js/csshover2.htc);*/
	 
}

.body-details{
	background:url(../images/bg_top_details.jpg) no-repeat center top #021720; 
}

a img
{
	border:none;
}

img{
	border:medium none;
	margin:0px;
	padding:0px; 
}

a{
	cursor:pointer;
	text-decoration:none;
	outline:none;
}
a:focus, a:hover{
	color:#0099ff;
}

form
{
	margin:0px;
	padding:0px;
}

.clear
{
	clear:both;
} 

.wrapper{
	margin:0px auto;
	padding:0px;
	width:100%;  
	min-height:110px;
	background:url(../images/bg_bottom.jpg) no-repeat center bottom;   
} 

.wrapper-details{
	background: none !important;
}
.container{
	width:990px;
	margin:0px auto;
	padding:0px;   
}	
.header{
	width:100%;
	height:2680px;
	margin:0px;
	padding:0px;
	position:relative;	
}

.header-details{
	height: 890px !important;
}

.logo{
	width:291px;
	height:187px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:93px;
	right:93px;
	z-index:9;
} 
/*=========================MENU TOP======================*/
 

/*=========================MENU HOME======================*/
.menu_home{
	 width:905px;
	 height:116px;
	 margin:0px;
	 padding:0px;
	 position:absolute;
	 top:0px;
	 left:101px;
	 z-index:99;  
}

.logocack{
	float: left;
	margin-left: 18px;
	margin-top: 13px;
	width: 197px;
}
.logocack img{
	
	width: 100%;
}
.navigation{
	/*width:997px;*/
	float: left;
	height:132px;
	margin:0px auto;
	padding:0px; 
}

.menu-item{
	width: 125px;
	float: left;
	padding: 0px;
	margin: 0px auto;
	list-style: none;
	text-align: center;
}

.menu-item li{
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	white-space:nowrap;
}

.menu-item li a{
	color: #35846d;
	font-size: 16px;
	font-family: 'UVNThanhPho_R';
}

.menu-item li a:hover{
	color: #ffffff;
}

.nav_item_01{
	width:137px;
	height:132px;
	margin:0px;
	padding:0px;
	display: inline-block;
	float: left;
	background:url(../images/menu_item.png) no-repeat 0px 1px;
}

.nav_item_01:hover, .nav_item_01.active{
	background:url(../images/menu_item_hover.png) no-repeat 0px 1px;
}
 
.nav_item_02{
	width:137px;
	height:132px;
	margin:0px;
	padding:0px;
	display: inline-block;
	float: left;
	background:url(../images/menu_item.png) no-repeat -137px 1px;
}

.nav_item_02:hover, .nav_item_02.active{ 
	background:url(../images/menu_item_hover.png) no-repeat -137px 1px;
}
 
.nav_item_03{
	width:135px;
	height:132px;
	margin:0px;
	padding:0px;
	display: inline-block;
	float: left;
	background:url(../images/menu_item.png) no-repeat -273px 1px;
}
 
.nav_item_03:hover, .nav_item_03.active{ 
	background:url(../images/menu_item_hover.png) no-repeat -273px 1px;
}

.nav_item_04{
	width:134px;
	height:132px;
	margin:0px;
	padding:0px;
	display: inline-block;
	float: left;
	background:url(../images/menu_item.png) no-repeat -407px 1px;
}
 
.nav_item_04:hover, .nav_item_04.active{ 
	background:url(../images/menu_item_hover.png) no-repeat -407px 1px;
}

.nav_item_01 a,.nav_item_02 a,.nav_item_03 a,.nav_item_04 a{padding:0px 100% 118px 0px;}

.wrapper-account{
	float: left;
	padding-left: 10px;
}

.wrapper-account p{
	font-size: 15px;
	color: #ffffff;
}

.wrapper-account ul{
	list-style: none;
	padding: 0px;
	margin: 0px auto;
	line-height: 24px;
}

.wrapper-account ul a{
	color: #9da0a0;
	font-size: 14px;
	font-weight: bold;
	border-left: 3px solid #9da0a0;
	padding-left: 4px;
}

.wrapper-account ul a:hover{
	color: #ffc148;
}

.wrapper-slider{
	height: 100px;
	left: 370px;
	margin: 0 auto;
	position: absolute;
	top: 140px;
	width: 600px;
}

.slider-details{
	left: 0px;
	width: 1000px;
}

.slider-details .content{
	position: absolute;
	left: 637px;
	text-align: left;
	top: 20px;
	font-size: 14px;
	font-family: Tahoma;
	color: #e5ad31;
}

.slider-details .content .content-h2{
	font-size: 14px;
	font-family: Tahoma;
	color: #e5ad31;
	font-weight: normal;
}

.slider-details .title-h1-details{
	font-family: "UVNThanhPho_B";
	font-size: 35px;
	/*text-transform: uppercase;*/
	color: #1fe0ab;
	font-weight: bold;
}

.video{
	border-left: 3px solid #c69e00;
	text-indent: 10px;
	font-weight: bold;
}

.wrapper-code{
	margin: 0px auto;
	position: absolute; 
}

.weapons{
	top: 700px;
	left: 50px;
	min-height: 500px;
	width: 890px;
}

.dress{
	top: 1210px;
	left: 50px;
	min-height: 500px;
	width: 890px;
}

.horse{
	top: 1680px;
	left: 50px;
	min-height: 500px;
	width: 890px;
}

.other{
	top: 2200px;
	left: 50px;
	min-height: 500px;
	width: 890px;
}

.title-h1, .title-h1 a{
	font-family: 'UVNThanhPho_B';
	text-transform: uppercase;
	font-size: 25px;
}


.list-menu{
	list-style: none;
}

.list-menu li{
	white-space: nowrap;
	line-height: 40px;
}

.list-menu li a{
	font-family: 'UVNThanhPho_R';
	font-size: 25px;
	color: #0e0e0e;
	font-weight: normal;
	display: block;
	width: 120px;
	padding-left: 15px;
	padding-right: 10px;
}

.other .list-menu li a{
	color: #ffffff !important;
}

.other .list-menu li a:hover, .other .list-menu li a.active{
	color: #e65608 !important;
}

.list-menu li a:hover, .list-menu li a.active{
	color: #e65608;
	background: #eac700;
}

.dress .list-menu li a:hover, .dress .list-menu li a.active{
	color: #e65608;
	background: #074435 !important;
}

.list-item{
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	margin-top: 40px;
	min-height: 330px;
}

.list-item li{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.list-item li img{
	height: 95px;
	margin: 0px auto;
	max-height: 95px;
	max-width: 95px;
	min-height: 95px;
	min-width: 95px;
	width: 95px;
}

.list-item li img:hover{
	opacity: 0.6;
}

.icon-title-h1{
	background: url(../images/icon-title-h1.png) no-repeat left top;
	display: inline-block;
	width: 55px;
	height: 50px;
	float: left;
	margin-top: -8px;
}

.icon-title-h1-y{
	background: url(../images/icon-title-h1-y.png) no-repeat left top;
	display: inline-block;
	width: 60px;
	height: 50px;
	float: left;
	margin-top: -15px;
}

.icon-title-h1-t{
	background: url(../images/icon-title-h1-t.png) no-repeat left top;
	display: inline-block;
	width: 60px;
	height: 50px;
	float: left;
	margin-top: -15px;
}

.icon-title-h1-p{
	background: url(../images/icon-title-h1-p.png) no-repeat left top;
	display: inline-block;
	width: 60px;
	height: 50px;
	float: left;
	margin-top: -15px;
}

.wrapper-menu{
	width: 205px;
	margin: 0px auto;
}

.weapons .wrapper-item{
	width: 670px;
	margin: 0px auto;
}

.dress .wrapper-item{
	width: 675px;
	margin: 0px auto;
}

.horse .wrapper-item{
	width: 670px;
	margin: 0px auto;
}

.other .wrapper-item{
	width: 670px;
	margin: 0px auto;
}

.menu-left{
	float: left;
}

.item-right{
	float: right;
}

.border-color-orange{
	border: 3px solid #ff9500;
}

.border-color-white{
	border: 3px solid #ffffff;
}

.color-orange{
	color: #ff9500;
}

.border-radius-5{
	border-radius: 10px;
}

.color-navy-green{
	color: #074435;
}

.color-yellow{
	color: #e9c500;
}

.img-item{
	list-style: none;
	padding: 0px;
}

.img-item li{
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
}

.paging{
	list-style: none;
	clear: both;
	margin-top: 20px;
}

.paging li{
	float: left;
	margin: 0px 3px;
}

.paging li a{
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
}

.paging li a{
	background: #ffffff;
	color:#0e0e0e;
}

.paging li a:hover, .paging li a.active{
	background: #e65608;
}

.weapons .paging li a{
	background: #eac700;
	color:#0e0e0e;
}

.weapons .paging li a:hover, .weapons .paging li a.active{
	background: #e65608;
}



.box-content{
	clear: both;
}

.box-content table{
	width: 80%;
}

.box-content table tr:first-child{
	background: none repeat scroll 0 0 #93150e;
	border: 1px solid #ab7a34;
	color: #fff !important;
	font-weight: bold;
}

tr.odd{
	background: #343434;
}

tr.even{
	background: #3c3434;
}

.form-content{
	margin-top: 185px;
	margin-left: 50px;
}

.select-server{
	width: 250px;
	height: 30px;
	text-align: center;
	font-family: Tahoma;
	font-size: 16px;
}

.btn-server{
	background: url(../images/btn-server.jpg) no-repeat;
	display: block;
	width: 163px;
	height: 56px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
	margin-top: 20px;
	margin-left: 40px;
}

.btn-server:hover{
	background: url(../images/btn-server-hover.jpg) no-repeat;
}
/*============================ MENU RIGHT================================*/
 

.wrapper_content{
	width:990px;
	margin:0px auto;
	padding:0px; 
	color: #ffffff;
	background:#021720 repeat-y center; 	
}

/*=========================FOOTTER======================*/
.footter {width:100%; height:110px; margin:0px auto; padding:0px; /*background:url(../images/footter.jpg) no-repeat center;*/}
.footer-main {margin:0px auto; position:relative; width:900px; top:65px; }

.content-footer {color:#333333; left:170px; position:absolute; text-align:center; top:-30px; width:500px;}
.content-footer p, 
.content-footer a {color:#333333; font-size:12px; line-height:4px;}
.content-footer a {color:#333333; font-size:12px; line-height:4px; border-left:1px solid #333; padding:0 4px 0 5px;}
.content-footer a:first-child {border-left:none;}
.content-footer a:hover{color:#e80812;}

#logo-gosu {background:url("../images/logo-gosu.png") no-repeat; height:43px; left:0px; position:absolute; top:-14px; width:163px; z-index:990;}
#logo-cubinet {background:url("../images/logo-cubinet.png") no-repeat; height:43px; left:665px; position:absolute; top:-14px; width:263px;}
 
.text_news{
	text-align:justify; 
}

.text_title{
	font-size:28px;
	font-family:UVNAiCapNang; 
}

ul.danh_muc{
	margin:0px;
	padding:5px 0px 5px 5px;
	list-style:none;
	text-indent:0px;
	font-size:22px; 
	font-family:UVNAiCapNang;
	background:url(../images/icon_h4.gif) no-repeat left center;
	text-indent: 25px;	 
}
ul.col{
	color:#b49216;
}
 
table{ 
	display:table; 
	border-collapse:collapse; 
	margin:auto; 
	width:100% !important;
}
th{
	background:#7b0000;
	color:#fff;
}
table tr th ,td{
	font-size:14px;
	margin:0px;
	padding:0px 10px;
	border:1px solid #ab7a34;
	text-align:center; 
	font-family:Tahoma, Geneva, sans-serif;
}	
.nd table tr td img,.nd_tab_left table tr td img{
	width:39px;
	height:38px;	
}

ul.col_tab{
	list-style:none;
	margin:0px;
	padding:0px;	
}
ul.col_tab li{
	padding:10px 0px;
}

table td.left {
	text-align: left;
}  


.list-item a {
  color: #900;
  text-decoration: none;
}

.list-item a:hover {
  color: red;
  position: relative;
}

.list-item a[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  font-size: 13px;
  color: #333;
  position: absolute;
  left: 0; 
  top: 0%;
  white-space: nowrap; 
  z-index: 20px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;  
  border-radius: 5px;  
  -moz-box-shadow: 0px 0px 4px #222;  
  -webkit-box-shadow: 0px 0px 4px #222;  
  box-shadow: 0px 0px 4px #222;  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);  
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);  
}

/*********************************popup************************************/
/* Định dạng mặt nạ cho popup */
#mask {
	display: none;
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 999;
	/*Cac thuoc tinh fix IE*/
	filter: alpha(opacity=60);
	ZOOM: 1;
	display: block;
}
/* Nội dung popup*/
.login-popup {
	display: none;
	/*background: url(../images/popup_bgd_nkvs.png) no-repeat;*/
	padding: 0px;
	font-size: 1em;
	position: fixed;
	/*Hai giá trị quyết định vị trí popup*/
	top: 50%;
	left: 50%;
	z-index: 99999;
	width: 930px;
	height: 471px;
}
/*Nội dung con của popup*/
#content-popup {
	width: 930px;
	height: 471px;
	margin-top: -1px;
	margin-left: 0px;
	overflow: hidden;
}
#content-popup a {
    display: block;
    height: 391px;
    margin-left: 18px;
    margin-top: 39px;
    width: 648px;
}
#content-popup a img{
	border: none;
	outline: none;
	
}
/* Nút close*/
.close {
	/*background:url('../images/closex.png') no-repeat ;*/
	width:26px;
	height:23px;
	float: left;
	margin-right: 4px;
	margin-left: 892px;
	margin-top: 50px;
	border: none;
	position: absolute;
	cursor: pointer;
}

.closex2 {
    cursor: pointer;
	display: block;
	height: 36px;
	margin-top: 1px;
	position: absolute;
	right: 0;
	top: 0;
	width: 77px;
}