﻿/* CSS Document */
body { background: url(img/thanhgiong_bacground.jpg); font: normal 12px/100% Arial, Helvetica, sans-serif; }
body .topwed{width:100%;height:900px ;background: url(img/thanhgiong_topbacground.jpg) repeat-x left top transparent;position:absolute;z-index:-12;margin:0 auto;padding:0px;*top:0px; *left:0px;min-width:1034px;}
.bgwr {
    width: 100%;
    float: left;
}
a { text-decoration: none; }
ul, ol, li { list-style: none; }
.w220 { width: 220px; }
#wrapper { width: 1000px; margin: 0 auto; padding-top: 20px; position: relative; margin: 0 auto;padding-left:17px;padding-right:17px; }
    #wrapper .shadow_left { background: url(img/shadow_left.png) no-repeat transparent; width: 17px; height: 856px; position: absolute; top: 50px; left: -17px; }
    #wrapper .shadow_right { background: url(img/shadow_right.png) no-repeat transparent; width: 17px; height: 900px; position: absolute; top: 0px; right: -17px; }

/* TOP BLOCK */
#header { width: 100%;border-radius:  8px 8px 8px 8px; float: left;box-shadow: 0px 0px 20px #140404;-moz-box-shadow: 0px 0px 20px #140404;-webkit-box-shadow: 0px 0px 20px #140404; }
	
    #header .mess-block { float: left; position: relative; width: 100%; height: 28px; }
    #header .mes-top-block { height: 28px; background: url(img/top-bg-center_3x3.png) repeat transparent; width: 984px; float: left; }
    #header .mess-block-left, #mess-block-right { width: 8px; height: 28px; }
    #header .mess-block-left { background: url(img/mess-block-left.png) no-repeat transparent; width: 8px; float: left; height: 28px; }
    #header .mess-block-right { background: url(img/mess-block-right.png) no-repeat transparent; width: 8px; float: right; height: 28px; }
/* TOP BANNER */
banner-top { float: left; max-width: 1000px; max-height: 184px; position: relative; background: url(img/logo02.png) no-repeat; width: 1000px; height: 184px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; }
   banner-top img { max-width: 1000px; max-height: 169px; }
   #banner-top .item{ height: auto;padding:0px;}
/* TOP MENU */
#menu-top { position: relative; float: right;width:100%;height:35px;background: url(img/bgr_menutop.jpg) repeat-x; }
/* LANGUAGE */
#container .language { float: right; position: relative; width: auto; height: 18px; top: 10px; right: 10px; text-transform: uppercase; color: #fff; text-decoration: underline; background: url(img/menu-line-center_1x11.jpg) no-repeat left top transparent;padding-left:15px;}
    #container .language a { background: url(icon/flag.png) no-repeat left bottom transparent; height: 14px; width: auto; display: block; color: #fff; line-height: 14px; padding-left: 26px; }
   #container .language .vi { background-position: left top; }
    #container .language .en, #header .language .vi { z-index: 7000; }
        #container .language .en:hover, #header .language .vi:hover { cursor: pointer; }

.RadMenu .rmHorizontal { float: right; }
/* CONTAINER */
#container { width: 1000px;  min-height: 500px; position: relative; float: left;border-radius:  0px 0px 8px 8px; background: url(img/background5.png) no-repeat center top transparent;background-color:#e6bd65;background-repeat:no-repeat;box-shadow: 0px 0px 20px #140404;-moz-box-shadow:0px 0px 20px #140404;-webkit-box-shadow: 0px 0px 20px #140404;}


/*SIDEBAR LEFT*/
#sidebar-left { width: 220px; float: left; position: relative;  min-height: 100%; }
    #sidebar-left .block-left { float: left; width: 220px; }
        #sidebar-left .block-left .block.menu-left { float: left; width: 100%;height: auto;}
/* CONTENT CENTER */
#container .content-center {background: url(img/border.png) repeat-y 558px bottom; float: left; width: 760px; position: relative; *padding-bottom: 20px; border-left: 1px solid #ebdca1;min-height:764px;padding-left:19px; *z-index:-100;}
    #container .content-center .banner-small-home { width: 520px; position: relative; padding-bottom: 1px; margin-bottom: 20px; height: 343px; }
#container .block-center { float: left; width: 520px; padding-top: 20px; }
    #container .block-center .itemHome.about { width: 260px; float: left; border-right: 1px solid #eae9e1; }
        #container .block-center .itemHome.about .content-intro { padding-right: 20px; position: relative; padding-bottom: 30px; color: #2d2d2d; }
            #container .block-center .itemHome.about .content-intro .btn-detail { width: 240px; text-align: right; line-height: 25px; position: absolute; right: 20px; bottom: 0; }
                #container .block-center .itemHome.about .content-intro .btn-detail a { background-color: #961d20; padding: 2px 10px; line-height: 28px; border-radius: 5px; color: #fff; }
    #container .block-center .itemHome.news { float: left; width: 259px; padding-left: 20px; position: relative; }
        #container .block-center .itemHome.news .item { float: left; width: 240px; position: relative; margin-bottom: 15px; }
            #container .block-center .itemHome.news .item div.image { width: 78px; height: 58px; border: 1px solid #d7d7d7; max-width: 78px; max-height: 58px; position: relative; float: left; margin-right: 10px; }
            #container .block-center .itemHome.news .item a.image { position: absolute; width: 76px !important; height: 56px !important; bottom: 2px; right: 2px; }
                #container .block-center .itemHome.news .item a.image img.image { position: absolute; width: 76px; height: 56px; left: 1px; top: 1px; }
            #container .block-center .itemHome.news .item .title { float: right; width: 150px; position: relative; text-align: left; color: #8f3931; font-size: 12px; }
            #container .block-center .itemHome.news .item .datecreate { color: #adadad; }
#container .col-right { float: right; width: 200px; max-width: 200px; }
#container .itemHome.adv-right, #container .art-right { float: right; position: relative; overflow: hidden; text-align: right; }
    #container .itemHome.adv-right #adv-right .item { margin-bottom: 20px; }
/* ARTICLE HIGHLIGHT*/
.caroufredsel_wrapper {  width: 100% !important; overflow: hidden;/*min-height:506px;*/ }
    .caroufredsel_wrapper #slider-logo { position: relative !important; height: 95px !important; min-width: 100%; }
    .caroufredsel_wrapper .group { float: left; width: 200px; }
.block gallery .caroufredsel_wrapper { width: 200px; height: 165px; }
#container .art-right { position: relative !important; float: left !important; height: 210px !important; }
    #container .art-right .item { float: left; position: relative !important; width: 100%; border-bottom: 1px dotted #dadada; padding: 10px 0 10px 0; }
        #container .art-right .item.last { border-bottom: none; }
        #container .art-right .item a.item { float: left; position: absolute; width: 55px; height: 45px; max-width: 55px; max-height: 45px; overflow: hidden; }
        #container .art-right .item .image { width: 55px !important; height: 45px !important; float: left; margin-top: 1px; }
        #container .art-right .item .title { float: right; width: 140px; right: 0; top: 0; text-align: left; font-size: 12px; font-family: arial; }
        #container .art-right .item .summary { float: right; }
.art-caption { text-align: center; background: url(img/bg-col-art-right.png) no-repeat transparent; width: 200px; height: 26px; float: left; line-height: 26px; font-weight: bold; color: #fff; font-size: 11px; text-transform: uppercase; }

/* ARTICLE LISTING*/
#container .content-center .content { float: left; width: 520px; position: relative; overflow: hidden;  }

/* NAV */
#container .nav { background-color: #eaeae1; line-height: 28px; padding-left: 10px; }
    #container .nav a { background: url(img/arrow-nav.png) no-repeat left center transparent; padding-left: 17px; font-weight: bold; color: #3c3c3c; margin-right: 10px; }

#slide-logo { float: left; width: 100%; position: relative; background-color: #ebd28b; }
#slider-logo .item { float: left; width: auto; }
    #slider-logo .item .item { width: auto; height: 87px; }
.line { border-top: 1px solid #eae9e1; height: 1px; width: 100%; padding: 0 20px; float: left; position: relative; }
/* FOOTER */

#footer { float: left; position: relative; width: 100%; height: 60px;  }
    #footer .content-footer {  height: 83px; width: 1000px;height:60px;margin:0 auto;color:#a7703a;position:relative;}
        #footer .content-footer .left { position:absolute;left:0;top:7px; display:none}
        #footer .content-footer .left .company-owner {font-weight:bolder }
        #footer .content-footer .left .company {margin-top:2px}
         #footer .content-footer .left .link{margin-top: 7px;}
          #footer .content-footer .left .Ft1{ background: url(img/02_footer.png) left bottom no-repeat;width:36px;height: 26px;float:left;margin-right: 12px;}
       #footer .content-footer .left .Ft2{ background: url(img/03_footer.png) left bottom no-repeat;width:78px;height: 26px;float: left;margin-right: 12px;}
       #footer .content-footer .left .Ft3{ background: url(img/01_footer.png) left bottom no-repeat;width:20px;height: 26px;float: left;}
        #footer .content-footer .center { width:510px;margin:0 auto;text-align:center;padding-top:7px;line-height:12px;}
            #footer .content-footer .center .program { margin-top:10px;text-transform:uppercase;font-weight:bolder}
        #footer .content-footer .right { position:absolute;right:0px;top: 10px;display:none}
            #footer .content-footer .right  a { cursor:pointer;color: #a7703a;text-decoration: none}
             #footer .content-footer .right  .designed_by .a1{ float: right;clear: both;font-weight:bold;}
             #footer .content-footer .right .designed_by .a2{font-weight:bold;clear: both;float: right;margin-top:9px;}
                #footer .content-footer .right .a2:hover { color:#F58220}
/*LINK EXCHANGE*/
.block.linkexchange { float: left; width: 180px; padding: 20px; }
    .block.linkexchange img { width: 180px; height: auto; }
adv-left .item {
}
/*CONFIG ARTICLE*/
table { border-collapse: collapse; padding: 0; }
table, th, td { border: 1px solid #000; }
    table th, td { height: 30px; vertical-align: middle; text-align: left; padding: 1px 5px; }
.content-center #adv img { width: 180px; padding: 20px; }
.content-center .sd-fr { border-left: 1px solid #EBDCA1; padding-top: 20px; }

.ArticleHighLight .caption { height: 24px; }
    .ArticleHighLight .caption span { color: #921a00; display: block; text-transform: uppercase; font-weight: bold; padding: 0 8px 0 18px; background: url(img/title_arr.png) no-repeat left 2px; line-height:16px;}
.ArticleHighLight .articleLink { display: inline-block; width: 100%; }
    .ArticleHighLight .articleLink .thumb { width: 121px; height: 90px; float: left; }
    .ArticleHighLight .articleLink .acontent { width: 382px; float: right; line-height: 18px; color: #2f1300; }
        .ArticleHighLight .articleLink .acontent a { display: block; font-weight: bold; color: #921a00; }
        .ArticleHighLight .articleLink .acontent a:hover { text-decoration:none }
.ArticleHighLight .articleRelated {margin-top:15px }
.ArticleHighLight .articleRelated .item{background: url(img/arrow-news.png) no-repeat left 5px transparent;min-width:5px;min-height:7px;padding-left:10px ;line-height:18px }
    .ArticleHighLight .articleRelated .item a {color:#2f1300}
    .ArticleHighLight .articleRelated .item a:hover { text-decoration:none;color: #921a00; }


	#sidebar-left .block-left .block.menu-left .title{position: absolute;top: -26px;left: 0px;white-space: nowrap;
		text-align: left;
overflow: hidden;
display: inline-block;
padding: 0 0 0 10px;

text-transform: uppercase;
font-weight: bold!important;
font-size: 12px;}
	#sidebar-left .block-left .block.menu-left .title a{ color: white;text-decoration: none;line-height: 17px;}
.slider_home {margin-left:20px;float:left;}
  .middle .caroufredsel_wrapper {
width: 100% !important;

}
  .slider_home .item {
float: left;
width: auto;
margin-right: 10px;
}
  .slider_home {
width: 5000px !important;

}
 #menu-top a:hover {
     font-size: 17px;
     color: #FFF;
 }