/* CSS Document */
* {margin: 0; padding: 0;}
html{
    background: #ffffff url(/images/bg_2011.jpg) no-repeat center fixed; 
    display:block;
}

body, div{
    font-family: Arial; 
    font-size: 12.5px;	
    font-weight:normal;	
    text-align:left; 
    color:#595351;
}
body{background: url(/images/bg_bottom.jpg) repeat-x bottom;}
a {
    color:#175235; 
    text-decoration:none; 
}
a:hover{
    color:#cc3333;
    text-decoration:none;
}
img{border:0px;}
.cl_left{clear:left;}
.cl_right{clear:right;}
.cl_both{clear:both;}
.h_5{height:5px;}
.h_10{height:10px;}
.h_12{height:12px;}
.h_14{height:15px;}
.bg{background-color:#ffffff;}


#w4ypmain{
	width:1000px;	
}
#w4ypbody{
	width:1000px;
	height:auto;	
	background-color:#ffffff;
}
/*--------------- banner-----------*/
.bgtop{
	position:absolute;
	z-index: -1;	
	margin:33px 0px 0px 0px;
	width:100%;
	height:70px;	
	background:url(/images/bg_top_bo.jpg) repeat-x;
}

.banner{
	width:1000px;
	height:300px;	
	margin-bottom:1px;
}

/*----------- Top ------------*/
.top{
    float:left;
	width:1000px;
	height:17px;
	margin-top:10px;
}
.tab_top{
	padding:0px 5px 0px 5px;
}
.search{	
	height:17px;	
}
.input_search{	
	height:15px;
	width:175px;	
}

.box_logo{
	height:64px;
}

.logo_sulugan{
	float:right;
	height:64px;
	width: 750px;
	margin: 2px 10px 2px 0px;
}

/* ---------- menu ---------------- */
.menu{
	float:left;
	width:1000px;
	height:46px;
	background:url(/images/bg_menu_center.jpg) repeat-x;	
}
.menu .menu_drop{
	float:left;
	width:2px;
	height:46px;
	background:url(/images/bg_menu_vach.jpg) no-repeat;
}
.menu .menu_out{
	float:left; 
	height:46px; 
	font-size:14px;
	font-weight:bold;
	padding:15px 28px 0px 25px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}
.menu .menu_over{
	float:left; 
	height:46px;
	font-size:14px;
	font-weight:bold;
	padding:15px 28px 0px 25px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF; 	
	background:url(/images/bg_menu_highline.jpg) repeat-x;	
	cursor:pointer;
}
.menu .menu_home{
	float:left;
	width:28px;
	height:46px;
	cursor:pointer;
	background:url(/images/home_white.jpg) no-repeat;	
}
.menu .menu_home_over{
	float:left;
	width:28px;
	height:46px;
	cursor:pointer;
	background:url(/images/home_red.jpg) no-repeat;
}

.menu_left{
	float:left;
	width:5px;
	height:46px;
	background:url(/images/bg_menu_left.jpg) no-repeat;	
}
.menu_right{
	float:right;
	width:5px;
	height:46px;
	background:url(/images/bg_menu_right.jpg) no-repeat;
}

/*---------- left --------------*/
#menu_left{
	float:left;
	width:216px;
	height:auto;
}
.bg_left{
	float:left;
	width:3px;
	height: 740px;
	background: #ffffff url(/images/bg_left.jpg) no-repeat;
}
.bg_right{
	float:left;
	width:4px;
	height: 740px;
	background: #ffffff url(/images/bg_right.jpg) no-repeat;
}

.bg_center{
	float:left;
	width:208px;
	background:#ffffff url(/images/bg_center.jpg) repeat-x;
}

.img_left{
	width:190px;	
	margin:12px 0px 0px 10px;
}
.title_ctrinh_left{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	color:#175235;
	margin: 5px 0px 10px 0px;
}
.stock{
    background: #ffffff url(/images/stock.gif) repeat-x top;
    width: 190px;
    height: 94px;
    font-weight:bold;
    color: #ffffff;
    margin-left:10px;
}
.bgstock{
    background: url(/images/bgstock.gif) no-repeat;
    height: 15px;
}
.line{
	border-bottom:1px solid #ffffff;
}
.line_xam{
	border-bottom:1px solid #7d7d7d;
}

.date{
	font-size:10px;
	color:#ababab;
}

/* ----------body -------------------*/
.w4yp_median{
    float:left;
    width:14px;
    height: 740px;
    background-color:#ffffff;
}
#w_body{
	float:left;
	width:770px;
	background-color:#ffffff;
}

.bg_body{
	float:left;
	width:765px;
	background: #ffffff url(/images/bg_center.jpg) repeat-x;
}

.hot_new{
	float:left;
	width:743px;
	padding:0px 0px 0px 10px;
	text-align:justify;
}

.img_hot{
	float:left; 
	width:135px; 
	height:100px;
}
/* ---------- trang home-------------*/
.body_box_left{
	float:left;
	width:335px;
	background:url(/images/bg_conten.gif) left center no-repeat;
	padding:15px;
}
.box_vachngan{
	float:left;
	width:13px;
	height:150px;
	margin:5px 0px; 	
}
.body_box_right{
	float:left;
	width:335px;	
	padding:15px;
	background:url(/images/bg_conten.gif) left center no-repeat;
}
.img_ctrinh{
	float:left; 
	width:100px; 
	height:110px;
}
.img_ctrinh_right{
	float:left; 
	width:100px; 
	height:110px;
	padding:0px 10px;
}
.bg_orther{
	float:left;
	width:743px;
	margin:10px 0px;
	padding:0px;
	background:url(/images/bg_title.jpg) left center no-repeat;
}

.title_orther{
	font-size:14px;
	color:#175235;
	font-weight:bold;	
	padding:10px 10px 10px 30px;
	margin:0px;
	text-transform:uppercase;	
}

/* ---------- title cong trinh --------------*/
.title_ctrinh{
	font-size:12px;
	font-weight:bold;
	color:#175235;
	padding:0px 0px 0px 115px;
}
.title_ctrinh a{
	color:#175235;
	text-decoration:none;
}
.title_ctrinh a:hover{
	color:#cc3333;
	text-decoration:none;
}
.text_ctrinh{
	padding:5px 0px 0px 115px;
	line-height:20px; 
	text-align:justify;
	color:#595351;
}

/* ------ title_news home----------------*/
.img_news_home{
	float:left; 
	width:153px; 
	height:115px;
	margin-top:15px;
}
.title_news_home{
	font-size:12px;	
	font-weight:bold;
	color:#175235;
	padding:20px 0px 10px 0px;
	margin: 0px;
}
.title_news_home a{
	color:#175235;
	text-decoration:none;
}
.title_news_home a:hover{
	color:#cc3333;
	text-decoration:none;
}
.text_news_home{	
	float:left;
	width:250px;
	padding:10px 10px 0px 10px;
	margin:0px;
	line-height:18px; 
	text-align:justify;
	color:#000000;
}

.box_news_more_home_noimg{
	float:left;
	width:460px;
	padding:10px 0px 20px 10px;
	margin: 0px;
	line-height:20px;
}
.box_news_more_home{
	float:left;
	width:310px;
	padding:10px 0px 10px 10px;
	margin: 0px;
}
.box_news_more{
	float:left;
	width:700px;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

.news_more_home{	
	list-style: none outside none;
	text-align:justify;
	padding:0px 0px 0px 15px;
	background:url(/images/orther.gif) left center no-repeat;
	color:#000000;
}
.news_more_home a{
	color:#000000;
	text-decoration:none;	
}
.news_more_home a:hover{
	color:#cc3333;
	text-decoration:underline;
}

/*--------- bottom -----------*/
.w4ypbottom{
	height:195px;
	width:1000px;
	margin:0px; padding:0px;
}

.box_link{
	float:left;
	width:248px;
	text-align:center;
}
.box_link_left{
    float:left;
	width:2px;
	height:64px;
	background:url(/images/vach_logo.gif) no-repeat;
}

.box_bottom_1{
	float:left;
	width:480px;
	color:#ffffff;
	font-size:12px;
	padding:10px 0px 0px 5px;
	margin:0px;
}
.text_coppyright{
	font-weight:bold;
	text-transform:uppercase;
}
.box_bottom_2{
	float:left;
	width:155px;
	padding:10px 0px 0px 5px;
	margin:0px;
}

.text_lknhanh{
	float:left; 	
	font-size:14px;
	font-weight:bold;	
	text-transform:uppercase;	
	color:#FFFFFF;
	margin:10px 0px 0px 0px;
}

.lk_text{
	font-size:12px;		
	line-height:20px;
	color:#ffffff;
	background:url(/images/muiten.gif) left center no-repeat;
	padding-left: 10px;
	border-bottom:1px dotted #FFFFFF;
}
.lk_text a{
	color:#ffffff;
	text-decoration:none;
}
.lk_text a:hover{
	color:#cc3333;
	text-decoration:none;
}

.box_lknhanh{
	float:left;
	list-style: none outside none;
	width:130px;
	padding:0px 0px 0px 10px;
}


/* ---------- Tin tuc --------------*/
.bg_dieuhuong{
	float:left;
	width:743px;
	height:27px;
	margin:10px 0px 10px 10px;
	background:url(/images/bg_dieu_huong.gif) left center no-repeat;	
}

.title_dieuhuong{
	float:left;
	font-size:14px;
	color:#175235;
	font-weight:bold;	
	margin:5px 0px 0px 30px;
	text-transform:uppercase;	
}
.user_login{
	float:right;
	font-size:14px;
	color:#175235;
	font-weight:bold;	
	margin:5px 0px 0px 0px;	
}
.img_news{
	float:left; 
	width:153px; 
	height:115px;
}
.title_news{
	font-size:12px;
	font-weight:bold;
	float:left;
	width:570px;
	padding:0px 10px 0px 10px;
	color:#175235;
	margin-bottom: 0px;
}
.title_news a{
	color:#175235;
	text-decoration:none;
}
.title_news a:hover{
	color:#cc3333;
	text-decoration:none;
}
.title_news_right{
	font-weight:bold;
	margin:20px 10px 0px 10px;
	color:#175235;
	text-align:justify;
}
.text_news{	
	float:left;
	width:570px;
	padding:10px 10px 0px 10px;
	line-height:20px; 
	text-align:justify;
	color:#000000;
}
.text_news_noimg{	
	float:left;
	padding:10px 10px 0px 10px;
	line-height:20px; 
	text-align:justify;
	color:#000000;
	width:723px;
}
.line_line {
    border-bottom:1px dotted #777777;
    height:1px;
    margin:0px 0px 10px 0px;
    padding: 10px 0px 0px 0px;
}

/*-----------------*/
.pages{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	margin-right: 15px;
}
.pages a{
	color: #000000;
	margin: 0 3px 0 3px;
	text-decoration: none;
}
.pages a:hover{
	color: #d02622;
	text-decoration: none;
}

/*--------Tin chi tiet---------*/
.title_detail{
	font-size:13pt;
	color:#175235;
	font-weight:bold;	
	text-align:center;
	text-transform:uppercase;
	margin: 15px 0px;	
}

.text_detail{
	font-size:12pt;
	line-height:1.5;
	color:#175235;
	font-family: Times New Roman;
	text-align:justify;
}
/*--------Lien he ---------*/
.form-contact{
	text-align: left;
}

.form-contact td.right{
	text-align: right;	
	color: #000000;
	padding-left:10px;
}

.form-contact input[type="text"]{
	width: 300px !important;
	width: 300px;	
	padding-top: 5px;
}

.btn-style-1{
	background: url(/images/butt_contact.jpg);
	width: 100px;
	height: 20px;
	padding-top: 7px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

.btn-style-1 a{
	text-decoration: none;
}

.form-contact input[type="text"].confirm-code{
	font-size: 12px;
	float: left;
	width: 60px !important;	
	padding: 0;
}

.sitemap{
    font-size:14px;
    font-weight:bold;
    margin: 10px 0px 10px 100px;
    line-height: 20px;
}
.sitemap ul{
    font-size:14px;
    font-weight:normal;
    margin: 10px 0px 10px 30px;
}

/*--------Bang tin chung khoan ---------*/
.cActive{
    background-color: #BFDE3A;
    font-weight:bold;
    color: #ffffff;
}

.cNoActive{
    background-color: #034E37;
    font-weight:bold;
    color: #ffffff;
}

.Active{
    font-weight:bold;
    color: #ffffff;
}
.Active a{
    font-weight:bold;
    color: #ffffff;
}

.NoActive{
    font-weight:bold;
    color: #ffffff;
}
.TDbanner{
    background-color: #034E37;
    font-weight:bold;
    color: #ffffff;
}


.niemyet{
    text-transform:uppercase;
    text-align:center;
    font-size: 11px;
}

/*-------- du lieu nhap ---------*/
.piclayout {
    background-color:#F5FAFE;
    border:1px solid #006699;
    margin:10px;
    padding:10px;
}

/*-------- con chuot ---------*/
.cursor {
    cursor: pointer;
}
/*-------- menu trai ---------*/
.mnu_left {
    background: url("/images/bg_menu_box.jpg") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    height: 30px;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
    width: 216px;
}
.box_left{
    float:left;        
    width: 216px;
    background-color: #fff;
}
.box_ndung {
    border: 1px solid #D8D8D8;    
    float: left;
    width: 214px;
    padding-top:10px;
}

.listmenu {
    font-weight: bold;
    line-height: 25px;    
    position: relative;
    padding: 10px 0px 10px 30px; 
}
.listindex {
    padding-left: 30px;
    font-weight: bold;
    line-height: 25px;    
    position: relative;
}
.listindex ul{
    padding: 0px 0px 0px 35px;
}
/*-------- photos ---------*/
.img_photos {
    padding: 0px 10px 10px 10px;    
    width:194px;
}
/*-------- tooltips ---------*/
.tooltip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:180px;
	width:270px;
	padding:0px 0px 25px 0px;
	color:#fff;	
}
.tooltipnoidung{
    padding: 20px 10px 0px 20px;
}
/*-------- danh sach fix ---------*/
.list_ul {
    line-height: 25px;    
    position: relative;
    padding: 10px 0px 10px 30px; 
}
table.reference {
    border: 1px solid #C3C3C3;
    border-collapse: collapse;
}
table.reference th {
    background-color: #E5EECC;
    border: 1px solid #C3C3C3;
    padding: 3px;
    vertical-align: top;
    text-align:center;
}
table.reference td {
    border: 1px solid #C3C3C3;
    padding: 3px;
    vertical-align: top;
}



/*-------- canh bao ---------*/
.box_canhbao{
	float:left;
	width:660px;
	margin:20px;
	padding:20px;
	text-align:justify;
	background-color:#FFEEEE;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.img_canhbao{
	float:left; 
	width:100px;
	padding:20px 30px 20px 10px;
}
.title_canhbao{
	font-size:13pt;
	font-weight:bold;	
	text-align:center;
	padding:0px 0px 8px 0px;
	text-transform:uppercase;	
}
.nd_canhbao{
	font-size:12pt;
	font-weight:bold;
	padding:0px 20px 0px 0px;
}
.button_login{
	background: url(/images/but_login.jpg);
	width: 147px;
	height: 24px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

table.download {
    border: 2px solid #C3C3C3;
    border-collapse: collapse;
}
table.download td {
    border: 2px solid #C3C3C3;
    padding: 5px;
    vertical-align: middle;
}

.mntiendo {
    color:#fff; 
    text-decoration:none; 
}
.mntiendo:hover{
    color:#cc3333;
    text-decoration:none;
}
    
