@charset "utf-8";
/* CSS Document */
body{margin:0 auto 0 auto;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;background:#331b0f;}
#header{width:991px;margin:0 auto 0 auto;}
img{border:none;}
#header_top{width:977px; float:left;background:url(images/bg_main.png) repeat-y left top;padding-left:7px;padding-right:7px; padding-top:3px;}
.header_top_left{width:670px; float:left; padding-left:10px;padding-top:15px;}
.vn{width:100px;float:left;}
.vn img{padding-right:5px;}
.vn a{text-decoration:none;color:#FFFFFF;}
.vn a:hover{color:#FFFF00;}
.en{width:550px; color:#FFFFFF;float:left;}
.en a{text-decoration:none;color:#FFFFFF;}
.en a:hover{color:#FFFF00;}
.en img{padding-right:5px;}
.date{color:#ff9900;padding-top:5px;padding-bottom:5px;float:left;width:200px;}
.header_top_right{width:277px; float:right;padding-right:20px;padding-top:10px;}
#header_top .top_menu{width:977px; float:left;height:37px;}
.top_menu ul{margin:0px; padding:0px;float:left;background:url(images/bg_menu.png) repeat-x left top;width:977px; height:37px;}
.top_menu li{list-style:none; height:28px;padding-top:9px;text-align:center;}
.top_menu li a{text-align:center; text-decoration:none;color:#FFFFFF;font-weight:bold;font-size:14px;}
.top_menu li a:hover{color:#FFFF00;}
.top_menu li.home{width:130px;float:left; background:url(images/left_menu.png) left top no-repeat; height:28px;}
.top_menu li.product{width:139px;float:left; background:url(images/mid_menu.png) left top no-repeat;}
.top_menu li.ideas{width:150px; float:left;  background:url(images/mid_menu.png) left top no-repeat;}
.top_menu li.project{width:139px; float:left;  background:url(images/mid_menu.png) left top no-repeat;}
.top_menu li.poducttion{width:139px; float:left;  background:url(images/mid_menu.png) left top no-repeat;}
.top_menu li.infomation{width:139px; float:left;  background:url(images/mid_menu.png) left top no-repeat;}
.top_menu li.about{width:140px; float:left;   background:url(images/right_menu.png) right top no-repeat;}
.top_menu li.mid{background:url(images/mid_menu.png) left top no-repeat; width:1px; float:left;}
#header_top .img_intro{width:977px;float:left;height:553px;}
#header_top .box_chay{width:957px; float:left; height:39px;background:#7c7c7c; color:#FFFFFF; font-size:28px; font-weight:bold; padding-left:10px; padding-right:10px; padding-top:3px;}
.box_chay a{text-decoration:none;color:#FFFFFF;}
.box_chay a:hover{color:#FFFF00}
#header_top .box_search{width:977px; float:left;background:url(images/bg_search.png) repeat-x left top;height:47px;}
.search{width:205px; float:left; height:35px; padding-top:12px; padding-left:20px; color:#999999;}
.bt{width:50px; float:left; height:41px; padding-top:8px;}
.search input{margin:0px; padding:0px; width:200px; background:#FFFFFF; border:none; height:20px; }
.online{width:230px; float:left;padding-top:12px;height:37px;text-align:center;}
#header_top .box_diachi{height:116px;width:977px; float:left;background:#000000;}
.left_diachi{width:500px; float:left; height:116px; padding-left:10px;}
.tencty{width:500px;float:left; color:#CC0000; font-size:20px; font-weight:bold; padding-top:15px; }
.diachi{width:500px; float:left; color:#FFFFFF;line-height:20px; }
.diachi span{color:#ffcc66;}
.diachi span a{text-decoration:none;color:#ffcc66;}
.diachi span a:hover{text-decoration:underline;}
.right_diachi{width:457px;padding-right:10px;float:left; padding-top:20px; text-align:right; line-height:20px;color:#FFFFFF;}
.right_diachi a{text-decoration:none;color:#FFFFFF;}
.right_diachi a:hover{text-decoration:underline;}
.right_diachi span{color:#FF0000;}
.right_diachi span a{ color:#FF0000;text-decoration:none;}
.content{width:977px; float:left; background:#FFFFFF;}
/*.content{width:977px; float:left; background:url(images/tu.gif) left repeat-y;}*/
.content .left_col{width:185px; float:left; padding-left:10px; background:#000000;}
.title_menu{padding-top:5px; float:left; width:185px; background:url(images/line.png) bottom no-repeat; font-size:14px; color:#ffcc00; padding-bottom:3px; text-align:center;text-transform:uppercase;}
.left_menu{background:url(images/icon_menu.png) no-repeat left; width:165px; padding-top:5px; padding-bottom:5px; padding-left:20px; float:left;}
.left_menu a{color:#FFFFFF; text-decoration:none;}
.left_menu a:hover{color:#FFFF00;text-decoration:underline;}
.left_menu_sub{width:165px; padding-top:5px; padding-bottom:5px; padding-left:20px; float:left;}
.left_menu_sub a{color:#FFFFFF;text-decoration:none;}
.left_menu_sub a:hover{color:#FFFF00;text-decoration:underline;}
.bg_ngang{ background:#333333; height:20px; width:180px; float:left;}
.content .right_col{ width:777px; float:left; background:#FFFFFF; padding-left:5px; padding-bottom:20px;}
.content .col_new{ width:970px; float:left; background:#FFFFFF; padding-left:5px; padding-bottom:20px;}
.box_product{width:777px; background:url(images/bg_product.png) left bottom repeat-x;float:left; padding-bottom:10px;}
.box_product_detail{width:777px;float:left; padding-bottom:20px;}
.img_big_detail{width:777px; float:left;text-align:center;padding-bottom:20px;}
.img_ideas{width:777px; float:left;text-align:center;padding-bottom:20px;}
.img_ideas img{border:4px #E2E2E2 solid; }
.txt_ideas{width:760px; background:#F5F5F5; float:left; padding-top:5px;padding-bottom:5px; margin-top:10px; margin-bottom:10px; padding-left:10px;}
.txt_ideas a{text-decoration:none; color:#333333;}
.txt_ideas a:hover{text-decoration:underline;}
.txt_news_bg{width:950px; background:#F5F5F5; float:left; padding-top:5px;padding-bottom:5px; margin-top:10px; margin-bottom:10px; padding-left:10px;}
.txt_news_bg a{text-decoration:none; color:#333333;}
.txt_news_bg a:hover{text-decoration:underline;}
.title_ideas{padding-top:10px;padding-bottom:20px; width:777px; float:left; font-weight:bold; font-size:16px;}
.left_noidung_pro{text-align:right;padding-right:5px;width:377px; float:left; padding-top:5px; padding-bottom:5px; line-height:20px; font-weight:bold;}
.right_noidung_pro{text-align:left;width:390px; float:left; padding-left:5px; padding-top:5px; padding-bottom:5px; line-height:20px;}
.box_product_sub{width:259px; float:left;}
.title_product_sub{width:229px; padding-top:5px; padding-bottom:5px; float:left;background:url(images/icon/icon_product_sub.png) left no-repeat;padding-left:30px; background-position:15px 10px;}
.title_product_sub a{text-decoration:none;color:#333333;font-size:12 px; font-weight:bold; }
.title_product_sub a:hover{color:#FF6600;}
.img_product_sub{width:244px;height:130px; float:left;padding-left:15px; }
.img_product_sub img{border:3px #EAEAEA solid;}
.img_product_sub img:hover{border:3px #CCCCCC solid;}
.title_product{padding-top:10px;padding-bottom:5px; width:777px; float:left; font-weight:bold; font-size:14px;}
.title_product a{text-decoration:none; color:#000000;}
.title_product a:hover{color:#FF6600;}
.img_product{ width:330px; float:left; height:150px;}
.title_product_main{padding-top:10px;padding-bottom:5px; width:777px; float:left; font-weight:bold; font-size:14px; border-bottom:1px #333333 dotted;color:#000000;margin-bottom:5px;}
.txt_product{width:447px; float:left;line-height:20px; color:#333333; height:130px;}
.detail{width:440px; float:left; text-align:right;}
.box_phantrang{width:777px; float:left;text-align:center; font-size:13px; border-top:1px #333333 dotted; padding-top:20px;}
.box_phantrang a{padding-left:5px; padding-right:5px; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.box_phantrang a:hover{color:#FF6600; text-decoration:underline;}
.box_phantrang a span{color:#FF6600; font-size:14px;}
.img_project_manager{ width:777px; float:left;}
.img_project_manager_sub{width:388px; float:left; text-align:center;}
.img_project_manager_sub img{width:330px; border:2px #E0E0E0 solid;}
.txt_project{float:left;width:765px;text-align:justify; line-height:20px; padding-top:20px; padding-left:7px; padding-right:5px;}
.box_contact{width:777px;float:left; padding-bottom:10px;}
.img_contact{width:777px; float:left;padding-top:5px; padding-bottom:5px; text-align:center;}
.contact{width:777px; float:left; padding-top:5px;padding-bottom:5px;}
.left_contact{width:270px; padding-right:7px; float:left;padding-top:3px; padding-bottom:3px; text-align:right;}
.right_contact{width:490px; padding-left:10px; float:left; padding-top:3px;padding-bottom:3px;}
.right_contact input{margin:0px;padding:0px; width:220px; border:1px #999999 solid; height:18px;}
.right_contact textarea{margin:0px;padding:0px; width:300px;border:1px #999999 solid;}
.bt_gui{width:770px; float:left;padding-top:5px; padding-bottom:5px; text-align:center;}
.news{width:970px; float:left; padding-top:10px; padding-bottom:10px; border-bottom:1px #E4E4E4 solid; margin-right:7px; line-height:20px; text-align:justify}
.box_new{width:977px; float:left;}
.img_news{ width:200px; float:left}
.img_news img{border:3px #CCCCCC solid;}
.title_news{padding-top:5px; padding-bottom:5px;width:758px; padding-left:7px; padding-right:5px; float:left;}
.title_news_detail{width:960px;padding-top:5px; padding-bottom:5px;padding-left:7px; padding-right:5px; float:left; font-size:14px; font-weight:bold;}
.title_news a{font-size:14px; font-weight:bold;color:#333333; text-decoration:none; padding-bottom:5px;}
.title_news a:hover{color:#FF6600;}
.txt_news{width:758px; padding-left:7px; padding-right:5px; float:left; line-height:20px;}
.news span img{padding-right:10px;}
.news_lienquan{ width:960px; padding-left:10px;  float:left;}
.list_news_lienquan{width:960px; padding-left:20x; float:left; padding-top:5px; padding-bottom:5px;background:url(images/icon/icon_product_sub.png) left no-repeat;background-position:0px 10px;}
.list_news_lienquan a{text-decoration:none; color:#333333; padding-left:15px;}
.list_news_lienquan a:hover{color:#FF3300; text-decoration:underline;}
.body_content{background:url(images/tu.gif) left repeat-y;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

/*.body_content{background:#FFFFFF;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}*/