/*

My Custom NINHBINHSTONE
=============

Author:  Lam Chi Bang
Updated: 2015

*/


/* --------------------------------------
   Layout
   -------------------------------------- */
#main {}



.news_lh {
    float: left!important;
    width: 33%!important;
     text-align: left;
     padding-left: 20px!important;
     // background: url(../template/images/list_tin_khac_hover.png) no-repeat 5px 12px;
}


.news_lh img{clear:both; margin-bottom:10px; margin-top: 30px;}

.news_lh h3{
   
}

.news_lh h3 a{
    
    font-size: 18px;
    text-transform: uppercase;
    color:#CE0000!important
    
}



#lichhoc img {
    float: left;

    height:150px!important; width:auto!important
}


#lichhoc{
    border-bottom: 0px!important
}



   
#sidebar-left { background: #fff;}



.di_cate ul li
{
    list-style: disc;
     margin-left: 30px;
    
}


#footer {
	background: #fff;
	color: #f00;
	font-size: 11px;
    margin-top: 20px;
	padding: 0px 0px 10px 0px;
    text-align: center;
   
}

.footer_bot{
    float: left; width: 33.33%;padding:0 1.5%;
}






/* --------------------------------------
   Typography
   -------------------------------------- */

body {
	
    
      
}


/* --------------------------------------
   Navbar
   -------------------------------------- */

#searchInput {
	width: 200px;
}

.navbar-brand {
	padding: 13px 15px;
}

#navbar-category {float: none !important; border: 1px solid #ececec; margin-bottom: 10px;}


.category1 img:hover{
     opacity: 0.6;
    
}


ul.menu {
	padding-left: 0px !important;
}
ul.menu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: normal;
    margin-left: 0;
    padding: 5px 10px;
}
ul.menu .parent > a{ font-weight: bold;}
ul.menu li a {
	font-size: 13px;
	color: #00ACFF;
        text-decoration: none;
}
ul.menu li a:hover {color: #00ACFF;}
ul.menu ul {
    
    margin: 0 0 0 10px;
	padding-left: 0px !important;
}
ul.menu .icon-category {width: 20px; height: 16px;}
ul.menu .icon-category:hover {opacity: 0.7px;}
ul.menu ul li {
    border-bottom: 1px dotted #d6d6d6;
    margin-left: 0;
    padding: 5px 0px;
}


ul.menu ul li a{

     background:url(../template/images/book.png) no-repeat 0 0px;
     padding-left:25px;
     color:#333
    
}

.navbar-footer {
    font-family: Tahoma,Geneva,sans-serif;
    text-align: center;
}
.navbar-footer ul {
	background: url(../template/images/menu_footer_bg.gif) repeat left top;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.navbar-footer ul li {
	display: inline-block;
	height: 32px;
	line-height: 32px;
    margin: 0;
    padding: 0;
}
.navbar-footer li a {
    background: url("../template/images/menu_footer_space.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    color: white;
    display: inline-table;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
	white-space: nowrap !important;
}
.navbar-footer li a:hover {color: #f99e36; }
.navbar-footer li.lastitem {background: none !important;}
.navbar-footer li.lastitem a {background: none !important;}
   
/* --------------------------------------
   Box News
   -------------------------------------- */ 
.box-news {border: 0px solid #c7bfbf; margin-bottom: 10px;}
.box-item {  }
.box-item .top {background: #CE0000 url(../template/images/mt23.png) 0px 4px  no-repeat; height: 40px; border: 0px solid #047700; line-height: 40px;}  
.box-item .top span {display: block; margin: 5px 5px 0px ; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.box-item h2 {margin: 0px 5px 0; min-height: 19px; line-height: 40px; padding-left: 28px; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; background: url(../template/images/left_header2.gif) no-repeat left top;}
.box-item .top > span {display: block; padding-top: 12px; margin: 0px 5px; min-height: 19px; line-height: 19px; padding-left: 26px; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; background:  no-repeat left top;}
.box-item h2 a { color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 8px 0px;}
.box-news .listing {
    line-height: 18px;
    margin: 0 auto 0 5px;
    width: 97%;
}


#tintuc{
    
    float: left;
    width: 32.9%;
    margin: 2px;
}









.box-news .listing h3{
    font-weight: bold;
 
}


.box-news .listing img{
    margin-top: 5px;
}






.box-news .listing li {
    border-bottom: 1px solid #eee!important;
    display: inline-table;
    line-height: 20px;
    padding: 10px 0;
    width: 100%;
}
.box-news .listing li a {
    color: #00a7ef;
    text-align: justify;
    text-decoration: none;
}
.box-news .listing .title {font-size: 13px; margin: 0 0 !important; padding: 0 0 !important;}
.box-news .listing li a:hover {color: #f99e36;}
.box-news .listing img {
    border: 1px solid #ddd;
    float: left;
    height: 47px;
    margin-right: 10px;
    padding: 2px;
    width: 61px;
}
.box-news .listing img:hover {opacity: 0.7;}
.box-news .listing li.lastitem {border-bottom: none !important;}
   
/* --------------------------------------
   Nivo Slider
   -------------------------------------- */
#feautured .nivoSlider {
	position:relative !important;
	background:#fff url(../template/images/loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
	z-index: 0 !important;
}
#feautured .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index: 0 !important;
}
#feautured .nivoSlider a {
	border:0;
	display:block;
	z-index: 0 !important;
}

#feautured .nivo-controlNav {
	text-align: center;
	padding: 15px 0;
}
#feautured .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../template/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
#feautured .nivo-controlNav a.active {
	background-position:0 -22px;
}

#feautured .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../template/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#feautured:hover .nivo-directionNav a { opacity: 1; }
#feautured a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
#feautured a.nivo-prevNav {
	left:15px;
}

#feautured .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
#feautured .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
#feautured .nivo-caption a:hover {
    color:#fff;
}

#feautured .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
#feautured .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
#feautured .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */
.hidden{display:none;}
.cf_content{float:left;width:100%;}
.content_auto{width:1000px;margin:0 auto;}
#alert_doing_form2{display:none;background:url(../template/global/white_transparent.png) top left repeat;position:fixed;height:100%;width:100%;z-index:1500;}
#alert_doing_form2 .alertShowing{position:fixed;left:50%;top:50%;width:170px;padding:5px 10px;margin-left:-85px;margin-top:-40px;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#1B99CC;z-index:2100;background:#ffffff;border:1px solid #999999;}
#over_dark_transparent{display:none;background:url(../template/global/dark_transparent.png) top left repeat;position:fixed;height:100%;width:100%;z-index:1000;}
#main-content {z-index: 100 !important;}
.clear {clear: both;}

#logo h1 {margin: 0 0 !important;}
#logo h3 {margin: 0 0 !important;}
.left_adv img:hover { opacity: 0.7;}

#slider-vertical {margin-bottom: 10px;}
#slider-vertical .news { margin-bottom: 10px; }
#slider-vertical .news .title {text-align: center; white-space: normal !important;}
#slider-vertical .news .title a {font-size: 13px; color: #071d85;}
#slider-vertical .news .title a:hover {color: #f99e36; }
#slider-vertical .news .image-box { border: 1px solid #ccc; padding: 3px; }
#slider-vertical .news img:hover {opacity: 0.7;}
.list-news {border: 0px solid #eeeeee;}
.list-news .top h1 { margin: 6px 5px !important;}
.list-news .top {background: url(../template/images/box-top_bg.gif) repeat-x left top; height: 25px; border: 1px solid #047700;}
.list-news .top a {color: white; display: table; font-size: 12px; font-weight: bold; margin: 5px 0 0 15px; padding-left: 22px; text-transform: uppercase;}
.list-news .news { border-bottom: 1px solid #eee; padding: 10px 0; }
.list-news .title h2 {margin: 0 0 !important;}
.list-news .title a {font-size: 14px;}
.list-news .time span {font-style: italic; font-size: 12px; color: #666;}
.list-news .bt-detail {display: block; position: absolute; right: 0px; margin-left: -25px !important; margin-bottom: 10px; text-align: center; width: 50px; height: 15px; background: url(../template/images/bt-detail.png) no-repeat left top;}
#entry-post {border: 1px solid #eeeeee;}
#entry-post .top .title-category {
    margin: 6px 5px 5px 5px; min-height: 24px; line-height: 24px; 
    padding-left: 24px; color: #fff; font-size: 14px; font-weight: bold;
     text-transform: uppercase; 
     background: #006eb2 url(../template/images/left_header12.gif)}
     
     
#entry-post .top {background: #006eb2 url(../template/images/box-top_bg12.gif) repeat-x left top; min-height: 30px; border: 1px solid #047700;}
#entry-post .top a {color: white; display: table; white-space: nowrap; font-size: 12px; font-weight: bold; margin: 5px 0 0 0px; padding-left: 0px; text-transform: uppercase;}
#entry-post .top a:hover {color: #ffae50;}
#entry-post .middle {margin-top: 10px; padding: 0 5px;}
#entry-post .title-post {padding: 0 10px;}
#entry-post .title-post h1 a {font-size: 18px; font-weight: bold;}
#entry-post .time {font-size: 13px; font-style: italic; color: #c9bfbf; padding: 0 10px;}
#image-product {overflow: hidden !important;}
#info-product {overflow: hidden !important;}
#info-product .title h1 {margin: 0 0 !important;}
#info-product .title h1 a {font-size: 15px !important; color: #061b7c; font-weight: bold; text-decoration: none;}
#info-product .title h1 a:hover {color: #ffae50;}
#info-product .title-post {padding-left: 0px !important;}


#function{background:url("../admincp/media/edit_bg.png") #FBE5E7 0 4px no-repeat;float:left;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:10px 0;}
#function .func_content{display:block;padding:5px 0 5px 50px;}
#function a{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#333333;margin:3px 5px;text-decoration:none;}
#function a:hover{color:#000000;}
#function .submit{font-size:12px;color:#000000;padding:5px 20px;cursor:pointer;}
#function .close{font-size:12px;color:#444444;padding:5px 20px;cursor:pointer;margin-left:15px;}
#function .btn_bar{float:right;margin:5px 3px 5px 0;}
#function .btn_bar input{background-color: #FFB503; border-radius: 5px; -webki-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;}
#function .btn_bar input:hover {opacity: 0.7;}
#bodyedit{float:left;width:100%;text-align:left;display:none;}
#bodyedit #process_status{font-family:Arial, Helvetica, sans-serif;padding-left:10px;margin:15px 0 0 0;color:violet;font-size:12px;display:none;}

.btn-share {background:url("../template/images/share_bg.png") #f3f3f3 12px center no-repeat;float:none;width:100%;font-size:11px;color:#444444;font-family:Arial, Helvetica, sans-serif;margin:5px 0 0px 0; clear: both;}
.btn-share .btn_share_content{display:block;padding:5px 5px 5px 80px;}
.btn-share a {padding-right:10px;  color:#444;text-decoration:none;}
.btn-share a.face {background:url(../template/images/small-facebook.gif) left no-repeat; padding-left:16px; }
.btn-share a.zing {background:url(../template/images/zme.gif) left no-repeat; padding-left:16px; }
.btn-share a.linkhay {background:url(../template/images/small-linkhay.gif) left no-repeat; padding-left:16px; }
.btn-share a.twi {background:url(../template/images/small-twitter.gif) left no-repeat; padding-left:16px}
.btn-share a.rss {background:url(../template/images/small-rss.png) left no-repeat; padding-left:16px}
.btn-share a.share {background:url(../template/images/sharethis.png) left no-repeat; padding-left:16px}
.btn-share a.print {background:url(../template/images/printer.gif) left no-repeat; padding-left:16px}
.btn-share a.save {background:url(../template/images/save.gif) left no-repeat; padding-left:16px}
.btn-share a.sethome {background:url(../template/images/set-home.gif) left no-repeat; padding-left:16px}
.btn-share a.uptop {background:url(../template/images/icon-top.gif) left no-repeat; padding-left:20px; margin-left:25px; color:#F00; font-weight:bold}

.box_back{ border-top:#d6d6d6 1px solid;background: #f9f9f9;margin: 0px 0px 20px 0;color:#484848; clear: both; float: none; overflow:hidden; height: 22px; line-height: 22px; font-size: 13px;}
.back{float: left; padding-left: 10px;}
.back_right{float:right; font-size: 13px;}
.back_right p{float: left; margin-right: 15px;}
.box_back p a{color:#484848; white-space: nowrap;}
.box_back p a:hover{ color:#ff7f00}
.back_right p img{ margin-right: 5px;}
.share-website {margin-top: 20px; clear: both; float: none; margin-bottom: 30px !important;}

.box-search {position: relative; height: 30px; overflow: hidden;}
.search {width: 238px; height: 30px; float: right; position: absolute; right: 180px; overflow: hidden; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; color: #484848;}
.search .input_search {display: block; color: #e6ebeb; width: 200px; height: 30px; line-height: 30px; padding: 5px 15px; float: left; border: 1px solid #f7f9f9; outline: none;}
.search .submit_search {display: block; width: 37px; height: 31px; float: left; background: url(../template/images/button_search.png) no-repeat; border: 0px; outline: none;}
.search .submit_search:hover {opacity: 0.8;}

#other-post{padding:0px 10px; margin-top: 20px;}
#other-post .top{color:#0688c1;font-size: 16px;font-weight: bold; margin-bottom: 10px;}
#other-post ul{padding:0px 0 10px 0px;}
#other-post ul h3 {margin: 0 0;}
#other-post ul li{ border-bottom:#dfdfdf 1px dotted;padding:7px 0px;font-size: 13px;}
#other-post ul li a{color:#061b7c;background: url(../template/images/list_tin_khac.png) no-repeat left; font-size: 13px; padding-left: 20px;}
#other-post ul li a:hover{ background: url(../template/images/list_tin_khac_hover.png) no-repeat left;color: #f99e36;}
#other-post ul li a span img{position: relative;}

#support-online {margin-bottom: 10px;}
#support-online .middle {padding: 10px 0;}
#support-online .support-item {border-bottom: 1px dashed #ebebeb; padding: 8px 4px; background: url(../template/images/support.png) 0 5px no-repeat;}
#support-online .support-last {border-bottom: none !important;}
#support-online .info-support {overflow: hidden;}
#support-online .name { text-align: left; font-size: 12px; font-weight: bold; padding-left: 40px;}
#support-online .text-phone {color: red; font-weight: bold;}
#support-online .phone { text-align: left;font-size: 16px; padding-left: 40px;}
#support-online .icon-yahoo img{margin-right: 10px;}
.text-head {font-weight: bold; font-size: 15px; display: block; margin-bottom: 10px;}
#video-clip .top a {color: #fff;}

.googleMap {width: 96%; height: auto; margin: 0px auto; overflow: hidden; border: 1px solid #ddd;}
#contact {width: 96%; margin: 10px auto; margin-bottom: 30px;}
#contact .sendTo {width: 100%; height: 28px; border: 1px solid #ef9f02; padding-left: 10px !important;}
#contact .long {width: 100% !important; height: 28px; line-height: 28px; border: 1px solid #d3d3d3; padding:0px 10px !important;}
#contact .short {width: 100% !important; height: 28px; line-height: 28px; border: 1px solid #d3d3d3; padding:0px 10px !important;}
.contact_info {width: 100%;}
#contact .input_style {
	border: 3px solid #f0f0f0;
    display: block;
    margin: 0;
	width: 80%;
    position: relative;
	margin-bottom: 7px;
}
#contact .input_style2 {width: 40% !important;}
#contact .input_style input	255pxt {
    border: 1px solid #dddddd;
    border-radius: 0;
    font-size: 14px;
    height: 16px;
    padding: 4px;
	margin-top: 0px !important;
}
#contact .input_style .warning {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ffffff;
    border-color: #ac0000;
    border-image: none;
    border-right: 1px solid #ac0000;
    border-style: solid;
    border-width: 2px 1px 1px;
    bottom: -8px;
    display: none;
    font-size: 11px;
    left: 10% !important;
    line-height: 13px;
    padding: 0 3px;
    position: absolute;
    z-index: 5;
}
#contact .warning .arrow {
    left: 4px;
    position: absolute;
    top: -5px;
}
#contact .submitbutton {
background-color: #104397;
color: #ffffff;
font-weight: bold;
width: 50px;
height: 25px;
border: none;
margin-right: 10px;
}
#contact .submitbutton:hover {background-color: #2153A7;}
#contact .resetbuttion {background-color: #f63b05;color: #ffffff;font-weight: bold;width: 50px;height: 25px;border: none;
}
#contact .resetbuttion:hover {background-color: #F2BD34;}
#contact .content_contact {height: 86px; width: 100%; padding: 10px; margin: 0 0 !important; border: 1px solid #d3d3d3; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
.box-news-6 {border: none !important;}
#divAdLeft {left: 0px !important;}
#divAdLeft img, #divAdRight img {max-width: 160px !important;}
#divAdRight {right: 0px !important;}

/* PAGINATE */
.paginate{clear: both; float: none; overflow: hidden;padding:15px 10px;text-align:right; margin-top: 20px;}
.paginate a{color:#484848;padding:4px 7px 2px 7px;font-size:14px;border:1px solid #ececec;background-color:#FFF;text-decoration:none;margin-right: 2px;}
.paginate a:hover{ color:#FFF;border:1px solid #ececec; background-color:#2b77b2;}
.paginate .current{ color:#FFF; border:1px solid #ececec; background-color:#2b77b2;}
.paginate a span {font-size: 15px;}
.directory {padding: 0 10px;  background: #dcdcdc; min-height: 30px; line-height: 30px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; margin-bottom: 10px;}
.directory a {color: #484848; font-size: 13px; white-space: nowrap; font-weight: bold;}
.directory a:hover {color: #104397;}
.directory .left {}
.directory .left div {display: inline-block;}
.directory .left .space {display: inline-block;}
.directory .left div.lastitem a {color: #104397;}

/* --------------------------------------
   Header
   -------------------------------------- */
#menu { z-index: 1000 !important; position: relative !important; background:#CE0000 url(../template/images/12menu_header_bg.gif) repeat-x left top; margin-bottom: 10px; margin-top: 5px;}
.flexnav {z-index: 1000 !important;}
.flexnav .home {}
.flexnav .home img {margin-top: -2px; margin-right: 4px;}
.flexnav .home a { padding-left: 0px; margin-left: 20px !important; }
.flexnav > li > a { background: url("../template/images/menu_footer_space.png")  no-repeat right  }

/* --------------------------------------
   Content
   -------------------------------------- */
.detail {text-align: center; position: relative; height: 14px; overflow: hidden;}



.category1 {
    float:left;
    width: 48.8%;
    margin-right: 5px;
    border: 0px solid #eeeeee; margin-bottom: 10px;
    }


.category1 a:link,.category1 a:active,.category1 a:visited {
   color: #fff;
    }
    
    .category1 a:hover{
        color:#fcf00a
    }


.category {
    float:left;
    width: 100%;
    margin-right: 5px;
    border: 0px solid #eeeeee; margin-bottom: 10px;
    }


   .box-product .top .title-category {
    display: block; margin-top:-5px !important; min-height: 40px;
   line-height: 40px; padding-left: 24px; color: #333;
   font-size: 12px; font-weight: bold; text-transform: uppercase;
   background: #CE0000 no-repeat left top;
 
   }
   
   
   
  #new_home{
    
    float:left; width:33.3%;
     padding-left: 25px;
     background: url(../template/images/list_tin_khac_hover.png) no-repeat 10px 8px;
     
  }
  
  
    #new_home2{
    
    float:left; width:25%;
    text-align: center;
    // background: url(../template/images/list_tin_khac_hover.png) no-repeat 10px 8px;
    height: 190px;
    line-height: 1.5;
     
  } 
  
  
  #new_home2 h3{
    text-align: center;
     font-weight: bold;
     font-size: 12px;
     
  }
  
  
  
     
.category .top {background: #fff repeat-x left top; min-height: 30px; border: 0px solid #047700;}
.category .top a {color: white; display: table; font-size: 16px; font-weight: bold; margin: 5px 0 0 0px; padding-left: 0px; text-transform: uppercase;}


.box-product .top > span {
    display: block; margin: 6px 5px 5px 5px; min-height: 19px;
     line-height: 19px; padding-left: 24px; color: #fff; font-size: 12px;
      font-weight: bold; text-transform: uppercase;
       background: #006eb2 url(../template/images/left_header12.gif) no-repeat left top;}
       
       
       
.box-product .middle {padding: 0px 0px;}
.box-product .title {text-align: left;}



.box-product .title h3 {margin-top: 5px !important;}


.box-product h2.title a {color: #fff !important;}
.list-news .box-product .title {text-align: left;}
.list-news .box-product .title a {font-size: 16px; font-weight: bold; }
.list-news .box-product .description {margin-bottom: 10px; font-size: 13px; padding-right: 5px !important;}
.list-news .box-product .time {margin: 5px 0px;}
.box-product .title a {font-size: 13px; color: #00ACFF; }
.box-product .title a:hover {text-decoration: underline; color: #ff9006;}
.box-product .bt-detail {display: block; position: absolute; left: 50%; margin-left: -25px !important; margin-bottom: 10px; text-align: center; width: 50px; height: 15px; background: url(../template/images/bt-detail.png) no-repeat left top;}
.box-product .bt-detail:hover {opacity: 0.7;}
.box-product .image-news{ margin-bottom: 5px;  }
.box-product .image-news:hover {opacity: 0.7;}

#info-product .title {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #021674;}
.text-detail {font-weight: bold; color: #021674; border-bottom: 1px solid #021674;}
.text-detail span {display: block; padding-left: 10px; border-left: 2px solid #021674;}
#product-detail {padding: 10px 10px !important; overflow: hidden; font-size: 14px; color: black; line-height: 25px;text-align: justify;}
#product-detail h1 {font-size: 18px;}
#product-detail h2 {font-size: 16px;}
#product-detail h3 {font-size: 15px;}
#product-detail img { padding-top: 10px; padding-bottom: 10px;}
.text-price, .text-description {font-weight: bold;}
.num-price {color: red;}
.text-code {font-weight: bold;}
.button-buy {text-align: center !important;}
.button-buy img:hover {opacity: 0.7;}
.wrap-view .description {margin-bottom: 15px;}
#product-related .top span {color: #fff;}

/* --------------------------------------
   Slider Bar Left & Right
   -------------------------------------- */
#sidebar-left {padding-left: 0px !important; padding-right: 0px !important;}
#sidebar-right {padding-right: 0px !important; padding-left: 0px !important;}
.download {background: none repeat scroll 0 0 #c47806; border: 1px solid #eee; margin: 0 0 10px;}
.download .box { background: none repeat scroll 0 0 #c47806; border: 1px solid #fff; margin: 2px; padding: 10px; text-align: center;}
.download a {color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
.download a:hover {color: #faa64a;}

/* --------------------------------------
   Footer
   -------------------------------------- */
   
   
   
   
   
   
   
   
   
   
.top_slide
    {
      width: 50%; float: left;
       padding: 10px;
    }
.top_tintuc
   {
     width: 50%; float: left;
     padding: 10px;
   }
.top_kg
   {
     width: 75%; float: left;
     padding: 10px;
   }   
.top_tinmoi
   {
     width: 25%; float: left;padding: 10px;
     
   }    
   
   
   
   
   
   
   
   
   
   
   
   
   
   
.address { color: #666; font-size: 13px; margin-bottom: 10px !important;}

.address strong{
    text-transform: uppercase;
     color:#00a7ef
}


.bot {
    color:#0d84c9; font-size:20px; font-weight:bold; margin-bottom: 20px;
}



.news h3 a, .news h4 a {font-size: 16px!important; font-weight: bold;}

.news h4 , .news h4  {font-size: 16px!important; }
.news {text-align: justify;;}











.info-company {text-align: center; color: #142172; font-size: 14px; padding: 15px 0px; line-height: 20px;}
.copyright {text-align: left; background-color:#CE0000; color:#fff}
.copy span {display: block; margin-top: 10px;}
.social-share li {float: right; margin-left: 2px; padding: 2px 0;}
.social-share img:hover {opacity: 0.7;}


/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* Portrait & landscape phone */
@media (max-width: 480px) {
	#main {padding: 0 10px !important;}
	.search {width: 100%;}
    body { background: #fff!important; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.box-product .news {min-height: 220px !important;}
	#box-search {position: relative !important; height: 30px; overflow: hidden; margin: 5px 0 !important;}
	.search {width: 100%; position: absolute !important; left: 50% !important; bottom: 0px !important; margin-left: -119px !important; float: none !important;}
	.text-detail {margin-top: 10px;}
	.list-news .news {margin-left: 0px !important; margin-right: 0px !important;}
	.flexnav li ul li a {padding-left:  25px !important;}
	.flexnav li ul li ul li a {padding-left: 40px !important;}
	#ad-left {margin-bottom: 10px !important;}
    body { background: #fff!important; }
}
@media (max-width: 767px) {
	#support-online {margin-top: 10px !important;}
    body { background: #fff!important; }


    .top_slide, .top_tintuc, .top_kg, .top_tinmoi ,.category1, .news_lh ,.footer_bot, #tintuc ,#new_home2 , .box-category-style1 {
        
        width:100%!important;
        height: auto!important;
        float: none!important;
    }

}

@media (max-width: 1023px) {
	.flexnav li {background: url("../template/images/den.png") !important;}
	#divAdLeft {display: none !important;}
	#divAdRight {display: none !important;}
	.list-news .news {margin-left: 0px !important; margin-right: 0px !important;}
	.box-product .middle {padding-left: 5px !important; padding-right: 5px !important;}
    body { background: #fff!important; }
}

@media (min-width: 801px) and (max-width: 1024px) {
	.search {top: 20px !important; right: 40px !important;
    
    }
    body { background: #fff!important; }
    
    
}

/* Large desktop */
@media (min-width: 1200px) {
	
	#main { max-width: 1024px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 10);
-moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 10);
-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 10); }
	
	#sidebar-left {width: 190px !important;}
	#main-content {width: 702px !important;}
	#sidebar-right {width: 310px !important;}
	.box-search {width: 1024px !important; top: 20px;}
	.search {top: 20px !important;}
	.left_adv img {max-width: 188px !important;}
	
	.box-product .news-widget {height: auto !important; text-align: center;}
	.box-product .middle {margin-left: -2px !important; padding-left: 0px !important;}
    
    
	.box-product .image-news{height: 135px !important}
    
    
    
	.box-news-6 .middle {width: 100% !important;}
	.navbar-footer {
		height: 37px !important;
		line-height: 37px !important;
		text-align: center;
	}
	
	#feautured {position: relative;}
	#feautured .nivoSlider {width: 100% !important;}
	#feautured .nivoSlider img {width: 100% !important; height: 100% !important; z-index: 1 !important;}
	#slider-vertical {max-width: 190px !important;}
	#slider-vertical .news {min-height: 160px !important;}
	#slider-vertical .image-news {width: 160px !important; height: 112px !important;}
	#slider-vertical .middle {padding: 8px 10px 10px 10px !important;}
	.list-news .news {margin-left: 0px !important; margin-right: 0px !important;}
	.list-news .news .image-news {width: 150px!important; max-height: 120px!important; 
    }