/* CSS Default */

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

body{ width:100%; height:100%;  font-family:Tahoma; font-size:11px; color:#4b4a4a; background:url(../images/tet2012.jpg) repeat-x fixed top center;}

*:focus{outline:none;}

a{ font-family:Tahoma; font-size:11px ;color:#d95c10; cursor:pointer; border:none; text-decoration:none;}

a:hover{ text-decoration:underline;}



img{ font-size:0px; border:none; overflow:hidden;}

input{ font-family:Verdana; font-size:11px; padding:2px 3px 1px;}

select{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 1px;}

textarea{ font-family:Verdana; font-size:11px; padding:1px 1px 1px 3px; overflow:auto;}

/*h3{ font-family:Tahoma; font-size:12px; font-weight:bold; color:#0000cc;background-color:#F9F8F8;padding:10px 10px;}*/

/*h3{ font-family:Tahoma; font-size:12px; font-weight:bold; color:#0000cc;background-color:#A6F155;padding:10px 10px;}*/

h3{height:20px; font-weight:bold; font-size:12px; color:#000; background:url(../images/top_main.gif) left top no-repeat; padding:6px 0 0 25px; margin-bottom:10px;}

/* CSS Common */

.clear{ clear:both; font-size:0px;}

.fLeft{ float:left;}

.fRight{ float:right;}



.wrapper{ width:970px; margin:0 auto; margin-bottom:10px; font-size:0px;}

.ln_end{ height:21px; background:url(../images/dotted.gif) center bottom repeat-x;}

.aCenter{ text-align:center;}

.w_300{ width:300px;}

.w_310{ width:302px; *width:304px; _width:304px;}

.h_100{ height:100px;}

.txt_10{ font-size:10px;}

.padT_10{ padding-top:10px;}

.padT_15{ padding-top:15px;}

.padT_2{ padding-top:2px;}

.padB_10{ padding-bottom:10px;}

.padB_5{ padding-bottom:5px;}

.padR_10{ padding-right:10px;}

.padL_10{ padding-left:10px;}

.txt_gray{ color:#CCCCCC;}

.txt_blue{ color:#0000FF;}

.txt_orange{ color:#FF9900;}

.pages{ width:99%; font-family:Verdana; font-size:11px; text-align:center; padding:10px 0 20px  5px;}

    .pages a{ color:#595959; border:none; margin:0 3px; padding:1px 7px; text-decoration:none;}

    .pages a:hover{ color:#fff; background:#ef8e10; border:none; text-decoration:none;}

    .pages .del{ font-weight:normal;}

        .pages .del a{ background:none; border:none; color:#595959; padding:0 5px;}

        .pages .del a:hover{ background:none; border:none; color:#ef8e10;}

    .pages .selected{ color:#fff; background:#ef8e10; border:1px #ccc solid; margin:0 3px; padding:1px 7px;}



/* CSS Header */

.header{ font-family:Tahoma; font-size:11px; color:#094eb0;width:970px; height:229px; position:relative; background:url(../images/bg_menu.gif) center bottom repeat-x; z-index:10;
-moz-border-radius: 10px;
}

    .header .language{  position:absolute; right:5px; bottom:45px;}    

    .header .banner{width:970px; height:221px; position:relative; z-index:0;}

    

/* CSS Content */

.content{ width:969px; margin-top:10px; font-size:11px;}

/* CSS Content-left*/    

    .content .content_left{ width:200px; color:#212021; float:left; padding-left:10px; text-transform:uppercase; }

        .content_left .top_left{width:200px; font-size:12px; color:#000; font-weight:bold; height:22px ; background:url(../images/top.gif) left bottom no-repeat; padding:8px 0 5px 0px; text-align:center;}

        .content_left .mid_left{width:194px; border-left:1px solid #cecece; border-right:1px solid #cecece; background:#fff; padding:0 2px;}

        .mid_left .list_area{width:184px; height:145px;list-style-type:none; padding:0 5px; overflow:auto;}

            .list_area li{padding:5px 5px 5px 25px; background:url(../images/ico_black.png) 10px 8px no-repeat; border-bottom:1px #CCC solid; text-transform:uppercase; font-weight:bold;}

            .list_area li a{ font-size:11px; color:#000; text-decoration:none;}

            .list_area li a:hover{ color:#f00;}

        .content_left .bot_left{width:200px; height:7px; background:url(../images/bot_left.gif) left top no-repeat; margin-bottom:10px; font-size:0px;}

        .content_left .top_search{width:200px; font-size:12px; color:#000; font-weight:bold; background:url(../images/top_search.gif) left bottom no-repeat; padding:9px 0 7px 0px ; text-align:center;}

        .content_left .bg_search{ background:url(../images/bg_search.gif) left top no-repeat; height:224px; position: relative; margin-bottom:10px;}

            .bg_search .form_search{border-collapse:collapse; position:absolute; left:10px; top:10px; }

            .form_search td{padding:4px 0;}

            .bg_search .btn_search{ position:absolute; right:25px; bottom:15px;}

                .btn_search a{font-family:Tahoma; font-size:11px; font-weight:normal; color:#fff; text-decoration:none;}

                .btn_search a:hover{text-decoration:none; color: #ff0000;}

.content_left .tbl_price_weather{ width:190px; background:url(../images/mid_weather.gif) left top repeat-y;  padding:5px 5px 0 5px;}    

.content_left .bg_cloud{height:20px; background:url(../images/ico_cloud.gif) left top no-repeat; font-family:Arial; font-size:11px; font-weight:bold ; color:#1a85ff; padding:8px 0 0 35px; }

.content_left .ico_money , .ico_foregin{ background:url(../images/ico_money.gif) left top no-repeat; font-family:Arial; font-size:11px; font-weight:bold ; color:#1a85ff; padding:8px 0 8px 40px; }

    .ico_foregin{ background:url(../images/ico_foregin.gif) left top no-repeat;  padding:8px 0 8px 40px;  }

.txt_temperature{font-family:Arial; font-size:15px; font-weight:bold; color:#ca8a37;}    

.space{border:1px solid #cfcfcf; margin:1px; color:#030000; padding:2px;}

.content_left .bot_weather, .bot_online{width:200px; height:10px; background:url(../images/bot_weather.gif) left top no-repeat; margin-bottom:10px;}



.content_left .online{ width:200px; background:url(../images/mid_weather.gif) left top repeat-y;}

    .online .bg_online{background:url(../images/ico_online.gif) 10px  15px no-repeat; padding:20px 0 20px 55px; font-family:Tahoma; font-size:11px; color:#000;}

    .bg_online .left_online { width:80px; float: left; text-align: right; font-weight: bold;}

    .bg_online .right_online { width:60px; float: left;}

    .red{font-size:13px; font-weight:bold; color:#f10000;}







/* CSS Content-main*/            

    .content .content_main{ font-family:Tahoma; font-size:11px; color:#030303;  width:530px; float:left; padding:0 10px; font-size:12px;}

        .content_main .top_main{width:505px; height:20px; font-weight:bold; font-size:12px; color:#000; background:url(../images/top_main.gif) left top no-repeat; padding:6px 0 0 25px; margin-bottom:10px;text-transform:uppercase;}

        .content_main .mid_main{ font-size:11px; width:528px; border:1px solid #dcddd4; background:#fff; margin-bottom:10px; min-height:753px; _height:753px;}

        .mid_main .introduce{width:508px; font-size:11px; padding:10px;}

        .mid_main .cover_title{font-family:Tahoma; font-size:12px; font-weight:bold; color:#010000; width:528px; background:url(../images/line_yellow.gif) center bottom no-repeat; padding:10px 0 10px 0; _padding-bottom:0px; * padding-bottom:0px; }

            .cover_title .t_img{width:122px; border-right:1px solid #eec467; text-align:center; float:left;}

            .cover_title .t_detail{width:278px; padding:0 10px; border-right:1px solid #eec467; text-align:center; float:left;}

            .cover_title .t_infomation{width:96px;text-align:center; float:left;}                        

        .mid_main .cover_info{padding:8px 0 8px 0;}

            .cover_info .info_img{width:122px; background:url(../images/dotted_hoz.gif) right top repeat-y; min-height:100px; _height:100px; text-align:center; float:left;}

            .cover_info .info_detail{ width:280px; padding:0 10px; background:url(../images/dotted_hoz.gif) right top repeat-y; float:left; min-height:100px; _height:100px; }

                .info_detail a{font-size:12px; font-weight:bold; color:#000000; text-decoration:none;}

                .info_detail a:hover{text-decoration:underline;}

            .cover_info .info_infomation{width:86px; padding:0 10px; float:left; text-align:center;}

            .info_infomation .txt_green{color:#2a940a; padding-bottom:5px;}

            .info_infomation .txt_blue{color:#07a5ff; font-weight:bold;}

            .info_infomation .txt_red{font-weight:bold; color:#fe0000; padding-bottom:5px; padding-top:5px;}

        .mid_main .list_info{ list-style-type:none;  margin-bottom:10px;}

            .list_info li{background:url(../images/dotted_01.gif) left bottom repeat-x;}

        .content_main .partner{width:528px; border:1px solid #cfcfcf; height:66px; background:#fff;}

/*CSS contact*/        

        .content_main .contact{ width:508px; padding:0 10px; }

            .contact  a{color:#ab7c38;text-decoration:none;}

            .contact a:hover{text-decoration:underline;}

                .contact .btn_contact a{ float:left; color:#000; padding:4px 15px; text-decoration:none; margin-right:5px; text-decoration:none; background:url(../images/bg_menu.gif) left center repeat-x; filter: alpha(opacity=90); -moz-opacity: 9.7; -khtml-opacity: 0.9; opacity: 0.9;}

                   .contact .btn_contact a:hover{text-decoration:none; color:#fff;}

            .contact .form{ display:block; width:508px; padding-top:10px; list-style-type:none;}

                .contact .form li{ float:left;}

                    .contact .form .col_title{ width:108px; padding-top:8px; font-weight:bold;}

                    .contact .form .col_form{ width:400px; padding-top:8px;}

                        .contact .form .col_form input{ float:left;}

                        .contact .form .col_form textarea{ float:left;}    



              

.mid_main .list_news{ width:508px; padding:10px;}

    .list_news a{color:#1a85ff;}

    .list_news .img{ float:left; width:144px; height:97px; background:url(../images/bor_pro.gif) left top no-repeat;  margin-right:5px; text-align:center;}

        .list_news .img .fix_img{ width:134px; height:86px; padding-top:5px;}        

        .list_news .info{ float:left; width:350px;}

        .list_news .info .title{ font-size:13px; font-weight:bold;}

        

            .title a{font-size:11px; font-weight:bold; color:#ff2132; text-decoration:none;}

            .title a:hover{text-decoration:underline;}

                    

        .list_news .info .detail{ padding-top:5px;}

        .list_other_news{ width:508px; padding:7px 0 0 0; list-style-type:none;}

        .list_other_news li{ background:url(../images/ico_point.gif) 10px 15px no-repeat; padding:10px 0 0 25px; line-height:16px;}

.mid_main .info_project{width:500px;  padding:10px; line-height:25px; text-align:justify; font-size:13px;}

    .info_project .bor_img{ width:180px; height:100px; float:left; margin-right:5px;}

    .info_project .bor_img .fix_img_pro{ width:180px; height:100px;}    



.content_main .box_slider{ width:528px; border:1px solid #4d4e4d; height:189px; margin-bottom:10px;}

.box_slider ul { list-style-type: none;}

    .content_main #slider {width:528px; height:189px; position: relative; overflow: hidden;}

    .content_main #sliderContent { position: absolute; top:0px; margin-left:0;}

    .content_main .sliderImage {float: left; position: relative; display: none; z-index:1}

        .content_main .sliderImage span { position: absolute; font-family:Tahoma; font-size:11px; font-weight:normal; padding:10px 5px 10px 5px; width:528px; background:#fff; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #000; display: none;}



#screenshot{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

/*Css Content right*/        

.content .content_right{width:209px; float:left;}

    .content_right .mid_right{width:198px; border-left:1px solid #cecece; border-right:1px solid #cecece;}

        .mid_right .list_news_hot{width:188px; list-style-type:none; padding:0 5px; background: #fff;}

            .list_news_hot li{padding:5px 0 5px 15px; background:url(../images/ico_black.png) 5px 9px no-repeat;}

            .list_news_hot li a{ font-size:11px; color:#000; text-decoration:none;}

            .list_news_hot li a:hover{text-decoration:underline;}

            

    .content_right .video{width:200px; height:184px; margin-bottom:10px;}

        .video .fix_video{width:200px; height:184px;}

    .content_right .top_right{width:200px; font-size:12px; color:#000; font-weight:bold; height:22px ; background:url(../images/top.gif) left bottom no-repeat; padding:8px 0 5px 0px; text-align:center;text-transform:uppercase;}

.content_right .bot_right{width:200px; height:7px; background:url(../images/bot_left.gif) left top no-repeat; margin-bottom:10px;}                            

.content_right .box_slider1{ width:198px; border-left:1px solid #cecece; border-right:1px solid #cecece; text-align:left;}

.box_slider1 a{text-decoration:none;}

.box_slider1 a:hover{text-decoration:none;}

.box_slider1 ul { list-style-type: none; width:190px; height:180px;}

    .content_right #slider1 {width:188px; height:180px; position: relative; overflow: hidden; border:1px solid #030303; margin-left:4px;}

    .content_right #slider1Content { position: absolute; top:0px; margin-left:0;}

    .content_right .slider1Image {float: left; position: relative; display: none; z-index:80}

        .content_right .slider1Image span { position: absolute; font-family:Tahoma; font-size:11px; font-weight:normal; padding:5px; width:186px; background:#fff; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #000; display: none; font-weight:bold; text-align:left;}    

.bottom {    bottom: 0; left: 0;}        

.content_right .adv{width:200px;}

    .adv .bor_adv{border:1px solid #000;}

.content_right .top_project{width:200px; font-size:12px; color:#000; font-weight:bold; background:url(../images/top_search.gif) left bottom no-repeat; padding:9px 0 7px 0px ; text-align:center;text-transform:uppercase;}

.content_right .mid_project{width:190px; background:url(../images/mid_weather.gif) left top repeat-y; padding-left:10px; text-align:center; position:relative; padding-bottom:30px;}

    .mid_project .btn_detail{background:url(../images/btn_detail.jpg) 14px 8px no-repeat; padding:8px 22px; position:absolute; right:4px; bottom:0px;}

        .btn_detail a{font-size:11px; color:#fff; text-decoration:none;}

        .btn_detail a:hover{color:#FF0000; text-decoration:none;}

.content_right .bot_project{width:200px; height:10px; background:url(../images/bot_weather.gif) left top no-repeat; margin-bottom:10px;}

/* CSS Footer */

/*.footer{ width:1024px; color:#122234; background: url(../images/line_footer.gif) center top repeat-x;}*/

     .footer .cover_footer{width:970px; margin:0 auto;  height:110px; text-align: center;   position:relative; } 

     .cover_footer .nav{list-style-type:none; position:absolute; left:200px; top:15px;}

            .nav li{ float:left; padding:0px 10px; border-right:1px solid #122234;}

            .nav li a{ color:#122234; text-decoration:none; text-transform:uppercase; font-weight:bold; }

            .nav li a:hover{color:#f10000 ;text-decoration:none;}

            li a.nav_act {color:#f10000;}

    .cover_footer .txt_address{ font-family:Arial; font-size:11px; color:#4e4b41; padding-top:35px; line-height:16px;}    

            .txt_address a{font-family:Arial; font-size:11px; color:#0999ef; text-decoration:underline;}

            .txt_address a:hover{text-decoration:none;}

            .txt_address span{color:#ff2031; font-weight:bold;}

            

/*.cover_info .project_detail{ width:376px; padding:0 10px; float:left; min-height:100px; _height:100px; }*/

.cover_info .project_detail{ width:385px; padding:0 10px; float:left; min-height:100px; _height:100px; }



/*TrinhNTT update 2009.09.14*/

            .project_detail a{font-size:11px; font-weight:bold; color:#ff2132; text-decoration:none;}

            .project_detail a:hover{text-decoration:underline;}

/*end TrinhNTT update 2009.09.14*/



.info_project .ls_realeast{ width:500px; padding-top:10px;} /*550*/

                .ls_realeast li{ list-style-type:none; padding:5px;}

                    .ls_realeast li.col_left{ float:left; width:140px;}

                    .ls_realeast li.col_right{ float:right; width:339px;}

                    .ls_realeast li.h_left{ height:15px; *height:14px; _height:14px;}

                    .ls_realeast li.bg_gray{ background:#eee;}

                    .ls_realeast .ls_chk_noithat{ width:339px;}

                        .ls_realeast .ls_chk_noithat li{ width:339px; padding:5px 0px 0px;}

                            .ls_realeast .ls_chk_noithat li label{ padding-left:5px;}

                    .ls_realeast .ls_chk_phaply{ width:339px;}

                        .ls_realeast .ls_chk_phaply li{ float:left; width:100px; padding:0px;}

                            .ls_realeast .ls_chk_phaply li label{ padding-left:5px;}

            .realeast .ls_img{ float:left; width:500px; padding:10px 0;}

                .realeast .ls_img li{ float:left; width:100px; height:71px; overflow:hidden; margin-right:10px;}

            

            /*.red_title{font-size:15px; font-weight:bold; color:#f10000;}                */

	    .red_title{font-size:12px; font-weight:bold; color:#f10000; padding-top: 5px;}                

            .detail_more{ text-align:right; padding-right:5px; padding-top:10px}    

            .detail_more a{font-size:11px; color:#d95c10; text-decoration:none; font-weight: normal;}

            .detail_more a:hover{text-decoration:underline;}

/*Popup*/
#popup {
    background: url(../images/fullborder_bg.gif) scroll transparent no-repeat left top;
    height: 250px;
    padding-left: 7px;
	/*position:absolute;
	left:1000px;
	top:600px;
	z-index:9999;*/
}
#sub_popup {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    width: 290px;
}
#hinh {
    background-color: #ECECEC;
    border-color: #111111 #999999 #999999 #111111;
    border-style: solid;
    border-width: 1px;
    display: block;
    height: 123px;
    line-height: 1.6em;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#coc67178 {
    float: right;
    height: 15px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#coc67178 {
    list-style: none outside none;
}
#coc67178 li a {
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 15px;
    width: 30px;
}
#coc67178 li a.min {
    background-position: -30px 0;
}
#coc67178 li a.max {
    background-position: -60px 0;
}
#coc67178 li a.min:hover{
	background-position:-30px -15px;
}
#coc67178 li a.max:hover{
	background-position:-60px -15px;
}
#abc {
    bottom: 0;
    color: #666666;
    font: 12px Arial,Helvetica,sans-serif;
/*    height: 250px;*/
    position: fixed;
    right: 0;
}