/*Navigation ---------------------------------------------------------------------------*/
#navigation .logo { position: absolute; display: block; width: 360px; height: 90px; background: url(../images/logo.png) no-repeat; left: 30px; top: 10px; }
#navigation .main-menu { position: absolute; height: 60px; top: 45px; left: 390px; }
#top-nav { display: inline-table; }
#top-nav li { float: left; margin: 0 1px; }
#top-nav li a { display: block; height: 27px; margin-top: 10px; padding: 13px 15px 10px; color: #fff; cursor: pointer; }
#top-nav li a:hover { background-color: #20557D; background-image: -moz-linear-gradient(#286B9D, #20557D); background-image: -webkit-linear-gradient(#286B9D, #20557D); background-image: -o-linear-gradient(#286B9D, #20557D); background-image: -ms-linear-gradient(#286B9D, #20557D); background-image: linear-gradient(#286B9D, #20557D); text-decoration: none; }
#top-nav li a span { white-space: nowrap; font-family: 'Droid Sans', Arial, "Times New Roman", Times, serif; font-size: 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.8); color: #fff; }
#hotline { position: absolute; right: 90px; top: -8px; display: block; background: #F90; color: #fff; padding: 10px; text-decoration: none; }
#hotline:hover { text-decoration: none; }
#hotline .number { font-weight: bold; color: #fff; font-size: 18px; }
.tuyendung{position: absolute; right: -15px; top: -8px; display: block; background: #20557D; color: #fff; padding: 11px; font-weight:bold;}
.tuyendung:hover { text-decoration: none; }
/*Content ------------------------------------------------------------------------------*/

#banner { position: relative; width: 930px; height: 320px; background: #eee; }
#banner ul.slides { position: relative; overflow: hidden; }
#banner ul.slides li { position: absolute; top: 0; left: 0; overflow: hidden; }
.main-content { padding-top: 15px; display: inline-table; margin-bottom: -170px; }
.main-content .block-left, .main-content .block-right { float: left; }
.main-content .block-left { width: 715px; }
/*Products ------------------------------------------------------------------------------*/

#products { float: left; display: inline-table; width:100%; }
#products .product-title { height: 36px; line-height: 36px; background: url(../images/content-title.png) left bottom no-repeat; }
#products .product-title h5, #products .product-title h1 { font-weight: normal; color: #0374bb; margin-left: 15px; }
#products .product { float: left; margin: 10px 8px; vertical-align: top; }
#products .thumb { display: block; width: 212px; height: 145px; line-height: 150px; border: solid 5px #fff; text-align: center; box-shadow: 0px 2px 4px -1px #888; -webkit-box-shadow: 0px 2px 4px -1px #888; -o-box-shadow: 0px 2px 4px -1px #888; -ms-box-shadow: 0px 2px 4px -1px #888; float: left; overflow: hidden; margin-bottom: 5px; }
#products .thumb img { width: 212px; height: 145px; }
#products .title { text-align: center; display: block; width: 222px; }
#products .title h6 { font-weight: normal; padding-top: 165px; min-height: 25px; }
/*Product details ------------------------------------------------------------------------------*/

#product-detail { width: 715px; }
#product-detail .product-title { height: 36px; line-height: 36px; background: url(../images/content-title.png) left bottom no-repeat; }
#product-detail .product-title h5 { font-weight: normal; color: #0374bb; margin-left: 15px; }
#product-list { min-height: 100px; margin-top: 7px; }
/*Block module ------------------------------------------------------------------------------*/

.main-content .block-right { width: 200px; margin-left: 15px; }
.main-content .block-module { awidth: 200px; border: 1px solid #bbdbef; margin-bottom: 15px; }
.main-content .block-module .title { background: url(../images/module-title.png) left top repeat-x; }
.main-content .block-module .title h5 { height: 35px; line-height: 35px; margin-left: 10px; font-weight: normal; color: #fff; }
.main-content .block-module .content { padding-bottom: 5px; }
.main-content .block-module ul li { padding: 6px 0px; border-bottom: 1px dashed #bbdbef; width:100%; display: inline-table;}
.main-content .block-module ul li:last-child { border-bottom: none; }
.main-content .block-module ul li a { margin-left: 10px; }
.block-module.news img{float:left; margin-left:6px; margin-right:6px; border:1px solid #ccc; padding:3px;}
.block-module.news a{margin-left:0px !important;}
/*Notice home page ------------------------------------------------------------------------------*/

#notice { background: #E6EFC2; border: 1px solid #CEE086; margin-bottom: 15px; }
#notice .inner { margin: 10px; }
#notice .inner * { color: #264409; }
/*About us ------------------------------------------------------------------------------*/

#article-details { margin-bottom: 20px; }
#article-details .title { height: 36px; line-height: 36px; background: url(../images/content-title.png) left bottom no-repeat; }
#article-details .title h1 { font-weight: bold; color: #0374bb; margin-left: 15px; }
#article-details .content { margin-top: 6px; }
#article-details .content *{list-style: inherit;}
#article-details .content li{margin-left: 20px;}
#article-details .content img{max-width:100%;}
/*News ------------------------------------------------------------------------------*/

#news { }
#news .news-title { height: 36px; line-height: 36px; background: url(../images/content-title.png) left bottom no-repeat; margin-bottom: 10px; }
#news .news-title h1 { font-weight: bold; color: #0374bb; margin-left: 15px; }
#news .news-item { margin-bottom: 10px; background: #f4f4f4; display: inline-table; width: 100%; float: left; }
#news .news-item .image { width: 162px; height: 112px; padding: 4px; background: #ccc; float: left; overflow: hidden; }
#news .news-item .image img { width: 162px; height: 112px; }
#news .news-item .content { width: 535px; height: 120px; float: left; margin-left: 10px; position: relative; }
#news .news-item .title { }
#news .news-item .title h5 { height: 25px; line-height: 25px; }
#news .news-item .intro { }
#news .news-item a.readmore { position: absolute; position: absolute; right: 0px; bottom: 0px; background: #f90; color: #fff; padding: 5px 15px; }
.other-news { background: #F8F8F8; border-bottom: 3px solid #FDD505; display: inline-table; width: 100%; margin-top: 30px; }
.other-news h5 { padding: 0px 15px 0px 0px; text-transform: uppercase; font-size: 13px; height: 40px; line-height: 40px; display: inline-block; float: left; font-weight: normal; }
.other-news i { float: left; width: 0; height: 0; border-left: 0 solid transparent; border-right: 20px solid transparent; border-bottom: 40px solid #005A9A; }
.other-news-wrapper li{padding:6px 0px 6px 0px; border-bottom:1px dashed #eee;}
/*Social -------------------------------------------------------------*/
#social { display: block; width: 75px; overflow: hidden; background-color: #F0F0F0; position: fixed; left: 0px; top: 200px; }
#social .inner { display: block; margin: 4px; border: 1px dashed #c6c6c6; }
#social .inner .content { display: block; margin: 4px; border: 0; background-color: #FFF; text-align: center; }
#social .google, #social .facebook { padding: 10px 0px; }
#social .facebook table.uiGrid { margin-left: 6px !important; }
/*paging*/
#block-pagination { text-align: center; }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px }
.pagination>li { display: inline }
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd }
.pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #2a6496; background-color: #eee; border-color: #ddd }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca }
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd }
.pagination-lg>li>a, .pagination-lg>li>span { padding: 10px 16px; font-size: 18px }
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-top-left-radius: 6px; border-bottom-left-radius: 6px }
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-top-right-radius: 6px; border-bottom-right-radius: 6px }
.pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 10px; font-size: 12px }
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.galleria-container { background: transparent !important; }