*
{
    margin: 0;
    padding: 0;
}

body
{
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-x;
    background-position: center top;
    background-color: #ffffff;
}

.clr
{
    clear: both;
}

img
{
    background-image: none;
    border: none;
}
a
{
    text-decoration:none;    
}
/*===========^_^=============*/
/*========Site Master========*/
#wrapper-bg
{
    background-position: center top;
    width: 996px;
    margin: 0 auto;
    margin-top: 22px;
    background-image: url('../images/bg-wrapper.png');
    background-repeat: repeat-y;
}

#wrapper
{
    width: 980px;
    margin: 0 auto;
    background-color: #ffffff;
    margin-top: 22px;
}

/*Header -> Begin*/
#header
{
    height: 103px;
}

/*
#header .logo-left
{
    float: left;
    width: 183px;
}

#header .logo-middle
{
    float: left;
    width: 665px;
}
*/

#header .logo-left
{
    float: left;
    width: 848px;
}

#header .logo-left p
{
    float: left;
    width: 848px;
}

#header .logo-right
{
    float: right;
    width: 132px;
}

#header .logo-right .lr-par
{
    float: left;
    padding-top: 77px;
    padding-left: 50px;
}

#header .logo-right .lr-par .lr-item
{
    width: 16px;
    height: 14px;
    float: left;
    padding-left: 8px;
}
/*Header -> End*/

/*Menu -> Begin*/
.menu
{
    background-image: url('../images/menu-bg.jpg');
    background-repeat: no-repeat;
    height: 51px;
}

.menu .menu-left
{
}

.menu .menu-left .end
{
    background-image: none;
    border: none;
}

.menu .menu-left ul
{
    list-style: none;
    padding-top: 18px;
    padding-left: 20px;
}

.menu .menu-left ul li
{
    background-position: right;
    float: left;
    background-image: url('../images/menu-li.jpg');
    background-repeat: no-repeat;
}

.menu .menu-left ul li a
{
    display: block;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}

.menu .menu-left ul li a:hover
{
    color: #ff902d;
}

.menu .menu-left .active a
{
    color: #ff902d;
}
/*Menu -> End*/

/*Content -> Begin*/
#content
{
    background-position: center top;
    margin-top: 16px;
    width: 980px;
    background-color: #f3f8f8;
    background-image: url('../images/content-bg.jpg');
    background-repeat: repeat-y;
}

/*Commom*/


/*C-left*/
#content .c-left
{
    float: left;
    width: 214px;
    padding-left: 10px;
    background-color: #f1f5f5;
}

#content .c-left .cl-item
{
    width: 214px;
}

/*Item 1*/
.cl-item .cli-h
{
    height: 42px;
}

.cl-item .cli-c
{
}

.cl-item .cli-c ul
{
    list-style: none;
}

.cl-item .cli-c ul li
{
    background-image: url('../images/menu-left-li.jpg');
    background-repeat: no-repeat;
    background-position: left;
    /*height: 35px;*/
}

.cl-item .cli-c ul li a
{
    display: block;
    text-decoration: none;
    font-family: Arial;
    font-size: 11px;
    color: #555555;
    padding-left: 20px;
    padding-top: 10px;
}

.cl-item .cli-c ul li a:hover
{
}

.cl-item .cli-c .active a
{
}

.cl-item .cli-c ul li ul li
{
    
}

.cl-item .cli-c ul li ul li ul li
{
    
}

/*Item 2*/
.cl-item .cli-h2
{
    background-position: left;
    height: 42px;
    background-image: url('../images/cli2-h.jpg');
    background-repeat: no-repeat;
}

.cli-h2 p
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    padding-left: 15px;
    padding-top: 10px;
    font-weight: bold;
}

.cl-item .cli-c
{
    position:relative;
}

.cl-item .cli-c .par-clic
{
    padding-bottom:10px;
    padding-top:5px;
}

.cl-item .cli-c .clic-bg
{
    background-image: url('../images/menu-left-bg.jpg');
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 10px;
    width:214px;
}

.itarc-1
{
    width: 200px;
    border-bottom-color: #d0d0d0;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    padding-bottom: 5px;
}

.itarc-1 .itarc-1-left
{
    float: left;
    height: 55px;
    width: 55px;
    padding-left: 5px;
    padding-right: 10px;
}

.itarc-1 .itarc-1-right
{
    float: right;
    width: 120px;
    padding-right: 10px;
}

.itarc-1-right h1
{
    font-family: Arial;
    font-size: 12px;
    color: #535353;
    line-height: 20px;
    font-weight: normal;
}

.itarc-1-right h1 a
{
    text-decoration: none;
    color: #535353;
}

.itarc-1-right h2
{
    font-family: Arial;
    font-size: 11px;
    color: #969696;
    font-weight: normal;
}

/*Item 3*/
.project
{
}

.project .p-item
{
    padding-bottom: 15px;
}

.project .p-item .pit-header
{
    background-image: url('../images/da-001.jpg');
    background-repeat: no-repeat;
    width: 154px;
    height: 101px;
    margin-left: 20px;
}

.project .p-item .pit-header p
{
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.project .p-item .pit-content
{
    font-size: 11px;
    color: #3d2e00;
    font-family: Arial;
    text-align: center;
    padding-top: 10px;
}

/*C-middle*/
#content .c-middle
{
    float: left;
    width: 535px;
    min-height: 300px;
}

#content .c-middle .cm-par
{
    padding-left: 16px;
    padding-right: 16px;
    min-height: 300px;
}

.banner
{
}

.spnoibat
{
    margin-top: 10px;
    padding-bottom: 10px;
    background-image: url('../images/spnoibat.jpg');
    background-repeat: no-repeat;
    height: 33px;
    width: 502px;
}

.spnoibat p
{
    font-family: Times New Roman;
    font-size: 20px;
    color: #0059ec;
}

.sp
{
    width: 532px;
    margin-left: -33px;
    padding-top: 5px;
}

/*C-right*/
#content .c-right
{
    float: right;
    width: 211px;
    background-color: #f1f5f5;
    padding-right: 10px;
}

#content .c-right .cr-item
{
    width: 211px;
}

/*Item 1*/
.cr-item .cri-h
{
    height: 42px;
}

.cr-item .cri-c
{
}

.cri-c .cric-bg
{
    background-image: url('../images/cri2-c.jpg');
    background-repeat: repeat-y;
    background-position: left;
    padding-top: 10px;
}

.search
{
    padding-bottom: 15px;
    padding-left: 20px;
}

.search p
{
    padding-top: 10px;
    text-align: center;
    margin-left: -12px;
}

/*Item 2*/
.cr-item .cri-h2
{
    background-position: left;
    height: 42px;
    background-image: url('../images/cri2-h.jpg');
    background-repeat: no-repeat;
}

.cr-item .cri-h2 p
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    padding-left: 15px;
    padding-top: 10px;
    font-weight: bold;
}

.product-item
{
    padding-bottom: 10px;
    float: left;
    width: 151px;
    padding-right: 9px;
    padding-left: 11px;
    height:220px;
}

.product-item .pro-i-img
{
    border: 1px solid #d2d2d2;
    width: 151px;
    height: 151px;
    margin-left: 25px;
}

.product-item .pro-i-img p
{
    padding-left: 1px;
    padding-bottom: 1px;
    padding-right: 1px;
    padding-top: 1px;
}

.product-item .pro-i-name
{
    text-align: center;
    width: 151px;
    padding-left: 20px;
}

.product-item .pro-i-name p
{
    color: #555555;
    font-family: Arial;
    font-size: 11px;
    padding-top: 5px;
    text-align: center;
}

/*Item 3*/
.hotro
{
    padding-left: 11px;
}

.hotro .hotro-top
{
    background-image: url('../images/hotline.jpg');
    background-repeat: no-repeat;
    height: 54px;
    width: 200px;
}

.hotro .hotro-bottom
{
    width: 200px;
    padding-bottom: 10px;
}

.hotro .hotro-bottom .ht-b-left
{
    float: left;
    width: 100px;
    text-align: center;
}

.hotro .hotro-bottom .ht-b-right
{
    float: right;
    width: 100px;
    text-align: center;
}

.hotro .hotro-bottom p
{
    padding-top: 5px;
    font-family: Arial;
    font-size: 11px;
    color: #747474;
}

/*Item 4*/
.box2
{
    width: 180px;
    padding: 6px 12px;
    padding-left: 36px;
}

/*Item 5*/
.thongke
{
    background-image: url('../images/thongke-bg.jpg');
    background-repeat: no-repeat;
    width: 200px;
    padding-top: 5px;
    height: 42px;
    padding-bottom: 10px;
    margin-left: 11px;
}

.thongke p
{
    float: right;
    padding-right: 10px;
    font-family: Arial;
    font-size: 12px;
    color: #555555;
    padding-top: 5px;
}

/*Content -> End*/

#logo-link
{
    height: 73px;
    background-color: #ffffff;
    overflow:hidden;
}

#logo-link .ll-item
{
    padding-top: 10px;
    height: 50px;
    padding-right: 14px;
    padding-left: 16px;
    float: left;
}

#footer
{
    background-image: url('../images/footer-bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    height: 96px;
    margin-bottom: 20px;
}

#footer .f-left
{
    float: left;
    width: 686px;
    padding-top: 18px;
    padding-left: 14px;
}

#footer .f-left p
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    padding-bottom: 5px;
}

#footer .f-left p a
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

#footer .f-right
{
    float: right;
    width: 266px;
    padding-top: 18px;
    padding-right: 14px;
}

#footer .f-right p
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    float: right;
}

#footer .f-right p a
{
    font-family: Arial;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}

/*=========== PHAN TRANG ============*/
.pager
{
    width: 532px;
    text-align: right;
    padding-top: 10px;
}

.pager-dv
{
    width: 650px;
    text-align: right;
    padding-top: 15px;
}

.pager-ctsp
{
    width: 650px;
    text-align: right;
    padding-top: 20px;
}

.numer-paging
{
    border: 1px solid #e5e5e5;
    background-color: #f8f8f8;
    padding: 3px;
    display: inline-block;
    min-width: 16px;
    text-align: center;
}

.current-page
{
    border: 1px solid #e5e5e5;
    padding: 3px;
    display: inline-block;
    min-width: 16px;
    text-align: center;
    color: #777;
}

/*============= TIN TUC ===============*/
.pleft
{
    padding-left: 20px;
    padding-top: 20px;
}
.new1
{
    width: 532px;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 15px;
    color: #000000;
}
.new1 .img
{
    border: 1px solid #C0C0C0;
    width: 180px;
    height: 130px;
    float: left;
    margin-right: 20px;
    padding: 1px;
}
.new1 .img img
{
    width: 179px;
    height: 129px;
}
.new1 h2
{
    font-size: 16px;
    margin-bottom: 5px;
}
.new1 h2 a
{
    color: #333333;
}
.new1 h2 a:hover
{
    text-decoration: underline;
}
.new1 .sum
{
    font-size: 13px;
}
.date
{
    font-size: 12px;
    margin-bottom: 5px;
}

/*------- NEW OTHER -------*/
.newother
{
    border: 1px solid #e0ecf5;
    width: 492px;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 13px;
    color: #000000;
    padding: 5px 0px 5px 5px;
    margin-left:35px;
}
.newother .img
{
    border: 1px solid #C0C0C0;
    width: 130px;
    height: 90px;
    float: left;
    margin-right: 20px;
    padding: 1px;
}
.newother .img img
{
    width: 129px;
    height: 89px;
}
.newother h2
{
    font-size: 14px;
    margin-bottom: 5px;
}
.newother h2 a
{
    color: #333333;
}
.newother h2 a:hover
{
    text-decoration: underline;
}
.newother .sum
{
    font-size: 13px;
}

/*==============================*/
/*==========cac trang chi tiet=========*/
/*chi tiet tin tuc*/
.content-details
{
    width: 500px;
    padding-left:35px;
    text-align:justify;
    line-height:20px;
    font-family:Arial;
    font-size:13px;
    color:#555555;
    overflow:hidden;
}

/*========== LIEN HE ==============*/
#contact
{
    /*margin-top: 20px;*/
    margin-left:-10px;
}
#contact .wrap
{
    font-family: Verdana;
    padding: 0;
    margin: 0;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 10px;
    color: #000000;
}
#contact .wrap .form-lh
{
    border: thin groove #808080;
    font-size: 12px;
    padding: 10px 10px;
}
#contact .wrap .form-lh p
{
    font-size: 13px;
    line-height: 25px;
    padding-left: 0px;
}
p.cty
{
    color: #00669f;
}
#contact .wrap .mail-lh
{
    border: thin groove #808080;
    font-size: 12px;
    padding: 10px 10px;
    margin-top: 20px;
    color: Black;
    margin-bottom: 20px;
}
#contact .wrap .form-lh a
{
    color: #000000;
    text-decoration: none;
}

.boxxam
{
    width: 200px;
    height:35px;
    overflow:hidden;
    background-image: url('../images/box-xam-bg.jpg');
    background-repeat: repeat-x;
}
.boxxam h1
{
    font-family: Arial;
    font-size: 11px;
    color:#1b1b1b;
    background-image: url('../images/icon-01.jpg');
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left:40px;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
    text-transform:uppercase;
}

.boxxam h1 a
{
    font-family: Arial;
    font-size: 11px;
    color:#1b1b1b;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
}


.loading
{
    border: 2px solid #C0C0C0;
    position: absolute;
    z-index: 999999;
    display: none;
    width: 600px;
    height: 380px;
    background-color: #ffffff;
}

.loading .btn-close
{
    position:absolute;
    z-index:99999;
    right:5px;
    top:5px;
    /*margin-left:530px;
    margin-top:10px;*/
    cursor:pointer;
}

.loading .img-load
{
    position:relative;
    padding:2px;
    width:600px;
    height:380px;
}
.loading .img-load img
{
    max-width:600px;
    max-height:380px;
    margin:0 auto;
    display:block;   
}


#loading_mask
{
    position: fixed; /* important */
    top: 0px; /* start from top */
    left: 0px; /* start from left */
    height: 100%; /* cover the whole page */
    width: 100%; /* cover the whole page */
    display: none; /* don't show it '*/ /* styling bellow */
    background-color: #000;
    z-index: 999998;
}