html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0; padding: 0;border: 0;font: normal 12px Arial, Tahoma, Time New Roman, San-serif;
    vertical-align: baseline; text-decoration: none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
table {border-collapse: collapse;border-spacing: 0}
body {line-height: 1;margin: 0;padding: 0;border: 0;background-color: #e5f6fd}
/*  END Reset CSS */
.clear{clear:both}
#wrap-head{background: transparent url(../images/bg_head.gif) repeat-x; height: 175px;width: 98%;margin:0 auto;}
.wrap-body{width:1000px;margin: 0 auto;min-height: 175px}
.banner-social{overflow: hidden}
.banner{float: left;width:870px;height: 129px;margin-right: 10px;}
.social{float: right;margin-top: 2px}
.social a.facebook,.social a.twitter,.social a.google-plus{float:left;margin:0 3px;background: transparent url(../images/icon_social.png) no-repeat scroll 0 0;text-indent: -9999px;height: 28px;width:28px}
.social a.facebook:hover,.social a.twitter:hover,.social a.google-plus:hover{background: transparent url(../images/icon_social.png) no-repeat scroll 0 0}
.social a.facebook{background-position: 0 0}
.social a.twitter{background-position: -38px 0}
.social a.google-plus{background-position: -76px 0}
.social a.facebook:hover{background-position: 0 bottom}
.social a.twitter:hover{background-position: -38px bottom}
.social a.google-plus:hover{background-position: -76px bottom}

.menuH{
    margin: 0; width: 100%; float:none;
    behavior: url(../css/cssmenu.htc);
    height: 37px;
    position:relative;/*! for IE htc*/
    z-index:4;/*H2*/
    list-style: none;padding: 0}
.menuH li{padding: 0;float: left;height: 37px;position: relative}
.menuH li:hover, .menuH li.onhover{
    background: #37aee5}
ul.menuH a{padding: 0 27px;padding: 0 26px\0;line-height: 37px;font-weight: bold; display: block;outline: 0;text-decoration: none;color: #fff;text-transform: uppercase;
    background: transparent url(../images/divide_menu.gif) no-repeat right center}
ul.menuH li:last-child a{background: none}
.menuH li a:hover,.menuH li:hover > a {color: #f6ff00}
.menuH .menuRight{float: right;margin-right: 0}
ul.menuH ul{min-width:200px;
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0;
    background-color: #008bcb;
    text-align: left;
    list-style: none; margin: 0;
z-index: 9999;
}
.menuH li li
{
    float: none;
    white-space:nowrap;
border-bottom: 1px dashed #28a5df;*min-width: 200px
}
.menuH li li a
{
    background: none;font-weight: bold;height: 25px;
}

.menuH li li:hover, .menuH li li.onhover
{
        background: #37aee5;
}
.menuH ul a
{
    padding: 0 10px;
   text-transform: none;
    font-weight: normal;
    color: #fff;
    text-align: left;
}
.menuH ul a:hover{color: #f6ff00}
.menuH li:hover ul, .menuH li.onhover ul{left: -1px;top: auto}
.menuH li:hover .dropToLeft, .menuH li.onhover .dropToLeft{left: auto;right: -1px;top: auto}
.menuH li:hover ul ul, .menuH li:hover ul ul ul, .menuH li:hover ul ul ul ul,
.menuH li.onhover ul ul, .menuH li.onhover ul ul ul, .menuH li.onhover ul ul ul ul{left: -9999px;top:0}
.menuH li li:hover ul, .menuH li li li:hover ul, .menuH li li li li:hover ul,
.menuH li li.onhover ul, .menuH li li li.onhover ul, .menuH li li li li.onhover ul{left: 200px;}

/**** ****/
.menu-extra{float: right;margin-top: 16px}
p.sitemap,p.flag{float: left;width:70px;/*margin-right: 10px;*/}
p.sitemap a{color: #096894;margin-left: 3px}
p.flag a{margin: 0 2px}

.box-search{
    float: left;
    width: 268px;
    background: url(../images/bg_search.png) no-repeat;
    position: relative;
    height:25px;padding:2px 5px 0 7px;
    padding: 5px 5px 0 7px;
}

.txt-search,.opt-sp{
    color: #333;height: 18px
}
.txt-search{
    border: medium none;
    padding-right: 2px;
    width: 165px;outline: none
}
.opt-sp{
    border: none;
    width: 94px;
}
.opt-sp option{margin-top: 2px;}
.btn-search{
background: none;
border: none;
    text-indent: -5000px;
    width: 30px;
    margin-left: 9px;

}

/**** PAGE ****/
.wrap-page{background: transparent url(../images/bg_wrapp_cen.png) repeat-y;width:1016px;margin: 0 auto;}
.wrap-page1{background: none}
.box-page{padding:5px;float: left;width:700px;margin-right:2px}
.box-cate{float: left;width: 271px;margin:10px 0 0 8px}

.slide-images{background: url(../images/bg_slide.jpg) no-repeat;width: 700px;height: 434px;position:relative;z-index: 1;}
.nivoSlider img{position:absolute;top:0;left:0;}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;z-index:60;display:none;margin:0;padding:0;}
.nivo-slice{display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption{display:none!important;;position:absolute;left:0;bottom:0;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p{margin:0;padding:10px;}
.nivo-caption a{display:inline!important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{position:absolute;top:45%;z-index:99;cursor:pointer;}
.nivo-prevNav{left:0;}
.nivo-nextNav{right:0;}
.nivo-controlNav a{position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active{font-weight:700;}
#slider{position:absolute;top:15px;left:12px;min-height:397px;width:667px}
#slider img{position:absolute;top:0;left:0;display:none;}
#slider a{border:0;display:block;}
.nivo-controlNav{position:absolute;left:47%;bottom:-30px;}
.nivo-controlNav a{display:block;width:10px;height:10px;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active{background-position:-10px 0;}
.nivo-directionNav a{display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav{background-position:-30px 0;right:15px;}
a.nivo-prevNav{left:15px;}
.nivo-caption a,p.title_serv a:hover{text-decoration:underline;}

.title-spnb{background: transparent url(../images/bg_page_top.jpg) no-repeat; height: 33px}
.title-spnb a{color: #fff;text-transform: uppercase;font-weight: bold;padding:10px 0 0 27px;display: block}
.list-spnb{background: transparent url(../images/bg_page_center.jpg) repeat-y; padding: 10px;}
.spnb-cm{float: left;width:210px;margin: 7px 8px;text-align: center;min-height: 200px;}
.spnb-cm p.avt-spnb{background: transparent url(../images/bg_avtsp.jpg) no-repeat;height: 164px;width: 203px;margin-bottom: 3px}
p.avt-spnb a{display: block}
<!-- p.avt-spnb img{ height: 130px;width: 160px;margin-top: 12px;} -->
p.avt-spnb img{ width: 140px;margin-top: 12px;}
p.name-spnb{max-height: 32px;soverflow: hidden;}
p.name-spnb a{color: #055175;font: bold 12px arial}
p.name-spnb a:hover,ul.list-newnb li a:hover{text-decoration: underline}
.bg_pagebottom{background: transparent url(../images/bg_page_bottom.jpg) no-repeat; height: 10px}
.clear{clear: both;}

/*** CATE ***/
.box-cate-cm{margin-bottom: 15px;}
.title-cate-cm{background: transparent url(../images/bg_title_cate_top.jpg) no-repeat;height: 29px;}
.title-cate-cm h1{padding:8px 0 0 26px;color: #fff;text-transform: uppercase;font: bold 12px arial}
.content-cate-cm{background: transparent url("../images/bg_title_cate_center.jpg") repeat-y;padding: 5px 10px}
ul.list-newnb li{border-bottom: 1px dashed #bbbbbb;margin: 5px 0;background: transparent url(../images/icon-list-news.gif) no-repeat left 5px;padding: 0 0 5px 10px;line-height: 19px}
ul.list-newnb li a{font-weight: bold; color: #055175;}
.bg-cate-bottom{background: transparent url(../images/bg_title_cate_bottom.jpg) no-repeat;height: 10px}

.content-cate-cm1{padding: 0}
p.img-support{position: relative;}
p.img-support img{width:269px;height: 180px;margin-left: 1px}
p.img-support strong{position: absolute;bottom: 6px;left: 27px;color: red;font: bold italic 25px arial}
p.yahoo-onoff{padding: 7px 0;}
p.yahoo-onoff a{margin: 0 4px}

.link-website{padding: 15px}
.link-website select{padding: 4px;
    text-align: center;
    width: 240px;}
.adversting{text-align: center;padding: 12px 0 7px 0}
.adversting p{margin: 12px 0}
.adversting a img{width:237px;height: 115px;border: 1px solid #e7e6e6}
.adversting a img:hover{border: 1px solid #ccc}

/*** FOOTER ***/
.wrap-footer{margin-top: 40px;}
.slide_sp_foot{margin: 15px 0 0}
.caroufredsel_wrapper{width: 930px !important;}
.image_carousel {
	padding: 15px 0 15px 44px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 0;
	display: block;
	float: left;
    margin: 0 7px;
}
a.prev{background: transparent url(../images/btn_slide_prev.png) no-repeat;
    }
a.next{background: transparent url(../images/btn_slide_next.png) no-repeat;
    }
a.prev, a.next {
	height: 43px;width: 35px;
	display: block;
	position: absolute;
	top: 48px;
}
a.prev {			left: 0;}
/*a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }*/
a.next {			right: 0;}
/*a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}*/

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

.box-footer{background: transparent url(../images/bg_wrapp_bottom.png) no-repeat;height: 158px;position: relative;padding: 15px 25px}
.footer-top{position: absolute;overflow:hidden;top:20px }
.info-footer{float: left;width:700px;margin-right: 10px;color: #fff;line-height: 20px}
.info-footer span{text-transform: uppercase;font-weight: bold}
.count-people{float: right;width:250px}
.count-people img{float: left;width:71px;margin-right: 10px;}
.count-people p,.count-people p span{font-weight: bold;}
.count-people p{float: left;color: #fff;line-height: 25px;margin-top: 12px}
.count-people p span{color: yellow;}

.footer-bottom{position: absolute;bottom:30px;overflow: hidden;}
.menu-foot{float: left;width:700px}
.menu-foot ul li{float: left;margin: 0 5px;}
.menu-foot ul li a,.menu-foot ul li span{color:#055175;font-weight: bold;}
.menu-foot ul li span{margin-left: 5px}
.copyright{float: left;width: 250px;text-align: right;color: #333}
.copyright img{vertical-align: middle;}

/*** SAN PHAM ***/
.box-cate2-cm{float: left;width:225px;margin: 10px}
.box-cate-common{margin-bottom: 10px}
.box-cate-content{float: left;width:746px}
.title_cate2{background: transparent url(../images/bg_title_cate2.png) no-repeat;height: 30px;}
.title_cate2 h1{padding:8px 0 0 26px;color: #fff;font-weight: bold;text-transform: uppercase;}
.list-cate2{background: transparent url("../images/bg_cate2_center.jpg") repeat-y;padding: 10px}
.list-cate2 ul li a{color: #055175;font-weight: bold;}
.list-cate2 ul li.item a{background: url(../images/icon_listcate_root.png) no-repeat left center;padding-left: 15px;}
ul.item-child{border-top: 1px dashed #ccc}
ul.item-child li{border-bottom: 1px dashed #ccc;padding-bottom: 3px;padding-left: 10px;}
ul.item-child li a{background: url(../images/icon_cate_child.png) no-repeat left center !important;padding-left: 15px;font-weight: normal;}
ul.item-child li a:hover{background: url(../images/icon_cate_child_hover.png) no-repeat left center !important;color: #e9631a}
ul li.item a{margin: 5px 0;display: block;}
.bg_bottom_cate2{background: url(../images/bg_cate2_bottom.png) no-repeat;height: 10px;width: 745px}

.box-page2-content{float: left;width:746px;margin-top: 10px}
.title-page2{background: url(../images/bg_titlel_page2.png) no-repeat;width: 5px;height: 31px;padding-left: 5px;margin-left: 1px}
.title-page2-r{background: url(../images/bg_titler_page2.jpg) no-repeat 100% 0;padding-right: 5px;height: 31px;float: left;}
.title-page2-c{background: url(../images/bg_titlec_page2.png) repeat-x;height: 23px;width: 725px;float: left;}
.title-page2-c{padding: 8px 5px 0}
.title-page2-c a,.title-path strong{color: #333}
.title-page2-c strong{color: #e9631a}
.title-page2-c img{margin: 0 3px}
.bg-page2-bottom{background: url(../images/bg_page2_bottom.png) no-repeat;height: 10px;}

.content-page{background: url(../images/bg_page2_center.jpg) repeat-y;padding: 10px;}
.content-page h1.name-dv{color: #808080;font: bold 18px arial; margin: 10px 0 10px 20px;}

/*** TABS ****/
ul.tabs {
	margin: 0;padding: 0;
	list-style: none;
	height: 37px;
	border: 1px solid #ddd;background: url(../images/bg_tabs.jpg) repeat-x;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 37px;
	line-height: 31px;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
    background: url(../images/divide_tabs.jpg) no-repeat right center;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1em;
	padding: 0 15px;
	outline: none;margin-top:10px
}
ul.tabs li a:hover,html ul.tabs li.active a {
	color: #055175
}
html ul.tabs li.active {
	background: #fff;
}
html ul.tabs li.active a {
font-weight: bold
}
.tab_container {
	clear: both;
	width: 100%;
}
.products-nb{margin: 20px 10px;overflow: hidden;}
p.img-products-nb{float: left;width:191px;margin-right: 15px;}
p.img-products-nb img{width:191px;height: 169px}
p.summary-products{float: left;width:500px;line-height: 20px;margin-top: 25px;text-align: justify;}
p.summary-products a,.info-sp-cm h1 a{color: #055175;font: bold 14px arial;text-transform: uppercase;}

.products-nb-list{overflow: hidden;}
.box-sp-nb-cm{float: left;width:332px;margin: 15px;}
.avt-img-sp-cm{float:left;width:84px;margin-right: 10px;}
.avt-img-sp-cm img{height: 84px}
.info-sp-cm{float: left;width:238px}
.info-sp-cm h1{margin: 4px 0}
.info-sp-cm h1 a{font: bold 12px arial;}
.info-sp-cm p.nd-sp-cm{text-align: justify;color: #555;height: 90px;overflow: hidden}
.info-sp-cm p.details-view{background: url(../images/bg_viewdetail.png) no-repeat;width:93px;height: 24px;margin: 10px 0 0;}
.info-sp-cm p.details-view a{color: #fff;display: block;margin: 5px 0 0 5px;padding: 4px 0 0 5px;*padding:0 0 0 4px}

.paging-sp{height: 25px;margin: 20px 0 0;text-align: center}
.paging-sp ul li{float: left;margin: 0 7px}
.paging-sp ul li a{color: #055175}
.paging-sp ul li a.paging-active{color: red;font-weight: bold}

/*** SP-chitiet ***/
.infodetails-socialtool{overflow: hidden;margin: 12px 0 15px 10px}
.infodetails{float: left;margin-right: 10px;width:350px}
.socialtool{float: right;width:350px;text-align: right;}
.date-post{float:left;margin-right: 15px;position: relative;background: transparent url(../images/bg-date.jpg) no-repeat;height: 41px;width:37px;text-align: center;color: #fff}
.date-post h1.day{color: #e96f00;font: bold 15px arial;position: absolute;bottom: 0;left:8px;top:17px;}
.date-post span{font-size: 11px}
.view-post{float:left}
.view-post h1{color: #ed7000;font: bold 14px arial}
.view-post p{margin-top: 3px;color: #6e6e6e;font-size: 11px}
.content-infodetails{overflow: hidden;}
p.img-spdetails{float: left;width:345px;margin-right: 15px;}
p.img-spdetails img{width:342px;height: 313px;}
p.content-spdetails{float: left;width:365px;line-height: 25px}
p.content-spdetails strong{text-transform: uppercase;font-weight: bold;color: #003366}
.tags-article{overflow: hidden;margin: 15px 0 0 -8px;background: #f8f8f8;width:743px;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #e9e9e9}
.tags-article img{float: left;width:62px;margin-right: 10px;}
.tags-article p{float: left;margin-top: 10px}
.tags-article p a{margin: 0 10px; color: #6e6e6e}

/** Contact **/
.contact{ margin: 10px;color: #333}
.contact p{text-align: center;line-height: 20px}
.contact .name_company{text-transform: uppercase}
.contact p a{color: #08547b}
.contact p a:hover{text-decoration: underline}
.contact p strong{font-size: 15px;color: #08547b;font-weight: bold;}
.frm_contact{margin-top:10px;overflow: hidden;padding-left: 50px}
.txt_name{margin: 5px 0;  overflow: hidden}
.txt_name label{float: left;width:150px;color: #333;padding-top: 10px}
.input_text{width : 350px;padding: 3px;float: left;overflow: hidden}
.btn_contact{margin: 20px 0 0 150px}
.btn_contact1{margin-left: 0}
.frm_contact span{color: red;margin:0 3px}
.opt-choose{padding: 5px;width:360px}

/*** NEWS ***/
.news{padding: 0 5px 5px}
.details_services{overflow: hidden;line-height: 20px;padding: 10px 0;border-bottom: 1px dashed #ccc}
.avatar_serv{float: left;width: 150px;margin-right:10px}
.avatar_serv img{width:150px;height: 100px;border:1px solid #ccc}
.info_serv{float: left;width:556px}
p.title_serv{margin-bottom: 5px}
p.title_serv a{color: #08547B;font: bold 13px/1 Arial}
p.intro_serv{line-height: 18px;color: #686868;text-align: justify;}
.nd-dv-tt p{text-align: justify;line-height: 18px}
.tool-like{float: right;margin: 20px 30px 0 0}
.list-extra-news{margin: 15px 10px 0 10px}
.list-extra-news ul li{margin: 5px 0;line-height: 20px}
.list-extra-news ul li a{background:  transparent url(../images/icon-list-news.gif) left center no-repeat;padding-left: 10px;color:#055175;}
.list-extra-news ul li a:hover{color: #eb7000;font-weight: bold;}
.paging {
    display: block;
    /*margin: 5px 0;*/
    text-align: right;
}
.paging a {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #74BBED;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    padding: 0 3px;
    text-align: center;
    width: 15px;
}
.paging a:hover {
    background-color: #423A37;
    color: #FFFFFF;
}
.paging a.active {
    background-color: #FFC47B;
    color: black;
    font-weight: bold;
}
.bottom-paging .paging a.active, .bottom-paging .paging span.active {
    color: #00AFEF;
    cursor: default;
}
.bottom-paging .paging {
    font-family: Tahoma,Geneva,sans-serif;
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}
.bottom-paging .paging .prev {
    background: url("../images/arrow_left2.png") no-repeat scroll 2px 2px transparent;
}
.bottom-paging .paging .next {
    background: url("../images/arrow_right2.png") no-repeat scroll 2px 2px transparent;
}
.bottom-paging .paging .first {
    background: url("../images/first2.png") no-repeat scroll 2px 2px transparent;
}
.bottom-paging .paging .last {
    background: url("../images/last2.png") no-repeat scroll 2px 2px transparent;
}
.bottom-paging .paging span.first, .bottom-paging .paging span.last, .bottom-paging .paging span.prev, .bottom-paging .paging span.next {
    background-position: left -20px;
}
.bottom-paging .paging .page {
    padding: 0 0 0 10px;
}
.details-info-sp ul{ list-style: circle;padding-left: 385px;}
.details-info-sp ul li{ padding: 2px;line-height: 23px;}
.details-info-sp p{ line-height: 20px;}
.new-home img{ width: 199px!important;height: 150px!important;margin-top: 2px!important;}
.nd-dv-tt p img{width:745px;}

.list-extra-news ul{padding-left:5px;}