@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
margin:0;
background:url(../images/bg.jpg) repeat-x top #A3A3A3;
}

.clr{
clear:both;
}

img, img a{
border:none;
}

#warpall{
width:960px;
margin:0 auto;
}

.header-top{
margin:0;
padding:0;
}

.top-left{
margin:30px 0 20px 30px;
float:left;
width:350px;
}

.top-right{
float:right;
width:500px;
}

.search{
border: 1px solid #999999;
border-radius: 3px 3px 3px 3px;
float: right;
margin: 50px 10px 0 0;
}

.search span {
background:url(../images/search.png) no-repeat;
display: block;
height: 24px;
overflow: hidden;
width: 264px;
}

#search-kwd {
	width:220px;
	background: none;
	border: medium none;
	color: #444444;
	float: left;
	font-size: 14px;
	padding: 4px 0 4px 5px;
}

.search-submit {
background: none;
border: medium none;
cursor: pointer;
float: right;
height: 26px;
text-indent: -9999px;
 width: 32px !important;
}
/**Top menu**/
.nav-menu{
width:960px;
background:url(../images/menu.png) repeat-x;
margin:0;
}

.menu{
float:left;
width:750px;
}

.menu ul{
margin:0;
padding:0;
}

.menu ul li{
background:url(../images/munu-ngang.png) repeat-y scroll right center;
float:left;
list-style:none;
padding:0 2px 0 0;
}

.menu ul li a{
color:#ababaa;
text-decoration:none;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
line-height:45px;
display:block;
padding:0 27px;
}

.menu-home{
background:url(../images/menu-hover.png) repeat-x !important ;
color:#FFFFFF !important ; 
}

.menu ul li a:hover {
background:url(../images/menu-hover.png) repeat scroll center;
color:#FFFFFF;
}

.online{
width:200px;
float:right;
}

.online a{
margin:15px 10px 0 0; 
float:right;
}

.online img{
margin-left:5px;
}
/**End menu**/

#main{
margin:20px 0 0 0;
}

.main-left{
margin:0;
float:left;
width:220px;
}


.box-shadow{
background:#FFFFFF;
background: none repeat scroll #FFFFFF;
border-radius: 4px 4px 4px 4px;
 margin-bottom: 20px;
}

.title{
border-radius:4px 4px 0 0;
background:url(../images/title.png) repeat-x;
margin:0;
}

.title h2{
background:url(../images/icontitle.png) no-repeat right center;
margin:0;
color:#FFFFFF;
line-height:40px;
padding-left:15px;
font-size:14px;
font-weight:bold;
}

.title h1{
background:url(../images/icontitle.png) no-repeat right center;
margin:0;
color:#FFFFFF;
line-height:40px;
padding-left:15px;
font-size:14px;
font-weight:bold;
}

.title span{
background:url(../images/icontitle.png) no-repeat right center;
margin:0;
color:#FFFFFF;
line-height:40px;
padding-left:15px;
font-size:14px;
font-weight:bold;
}


.bg-bod{
border-radius:0 0 4px 4px;
border:1px solid #6f6e6e;
padding-bottom:10px;
}

.list{
margin:0;
padding:0;
}

.list ul{
margin:0;
padding:0;
}

.list ul li{
border-bottom:1px dotted #444;
list-style:none;
margin:0;
padding-left:10px;
}

.list ul li a{
background:url(../images/icon1.gif) no-repeat scroll left center;
padding:5px 10px 5px 18px;
color:#444;
font-size:12px;
text-decoration:none;
line-height:18px;
display:block;
transition: all 100ms ease-out 0s;
}

.list ul li a:hover{
font-weight:bold;
text-indent: 4px;
}

.box{
border-radius:0 0 4px 4px;
border:1px solid #6f6e6e;
padding-bottom:10px;
}

.news-hot {
border-bottom: 1px dotted #444444;
margin: 10px;
overflow: hidden;
padding-bottom: 10px;
}

.news-hot img {
    border: 1px solid #666666;
    float: left;
    margin-right: 10px;
    max-width: 72px;
}

.news-hot a {
    color: #444444;
    font-size: 13px;
    margin: 0;
    text-decoration: none;
}

.news-hot a:hover {
    text-decoration: underline;
}


.tigia{
margin:10px;
}

.tigia img {
	margin-bottom:0px;
}

.tigia ul{
margin:0;
padding:10px 0 0 0;
}

.tigia ul li{
list-style:none;
padding:0px;
margin:0 0 15px;
font-weight:bold;
}

.tigia ul li a {
color: #444444;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 24px;
padding: 0px;
text-decoration: none;
}

.tigia ul li a:hover{
text-decoration:underline;
}

.gv{
background:url(../images/icon-gv.png) no-repeat;
}

.db{
background:url(../images/icon-db.png) no-repeat;
}

.ck{
background:url(../images/ck.png) no-repeat;
}

.tg{
background:url(../images/icon-tg.png) no-repeat;
}

.main-right{
float:right;
width:720px;
}

bg-bod{
border-radius:0 0 4px 4px;
border:1px solid #6f6e6e;
padding-bottom:10px;
}

.hows{
margin:0;
}


.product{
float:left;
width:156px;
margin:15px 7px 15px 15px;
}

.product a{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#FF0000;
}

.product img {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 4px #E1E1E1;
    height: auto;
    margin-bottom: 10px;
    max-width: 154px;
    transition: all 0.3s linear 0s;
}
.product p {
    color: #444444;
    font-size: 12px;
    margin: 5px 0 0;
}
.product img:hover {
    box-shadow: 0 0 7px #9D9C9C;
}

.page{
margin:10px 0 0 15px;
}

.page span {
    background: none repeat scroll 0 center #1D1D1D;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 4px;
    padding: 3px 6px 2px 5px;
    text-decoration: none;
}
.page a {
    background: none repeat scroll 0 center #666666;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 4px;
    padding: 3px 6px 2px 5px;
    text-decoration: none;
}
.page a:hover {
    text-decoration: underline;
}

#footer{
margin:0;
background:url(../images/bg-footer.jpg);
}

.text-footer{
margin:0;
text-align:center;
}

.text-footer h3{
padding:10px 0 0 0;
color:#FFFFFF;
font-size:16px;
margin:0;
text-transform:uppercase;
}

.text-footer p{
color:#FFFFFF;
font-size:12px;
margin:5px 0 0 0;
}

.text-footer a{
color:#FFFFFF;
text-decoration:none;
}

.footer-p1{
margin:7px 0 0 0;
padding-bottom:10px;
color:#FFFFFF;
font-size:12px;
}

/**Top Gioi thiệu**/
.aboutus{
margin:10px;
}

.aboutus-h3{
color:#FF0000;
font-size:16px;
font-weight:bold;
margin:0;
}

.aboutus p, aboutus span {
margin:5px 0 0 0;
color:#444;
font-size:13px;
line-height:18px;
text-align:justify;
}

.aboutus-img{
text-align:center;
margin:15px 0 15px 0;
}

.aboutus-img img{
border:1px solid #999999;
}
/**Top tin tuc**/
.news{
border-bottom: 1px dotted #444444;
margin: 0 15px;
overflow: hidden;
padding: 15px 0;
}

.news h2 {
    margin: 0;
}
.news a {
    color:#FF0000;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}
.news p {
    color: #444444;
    font-size: 13px;
    line-height: 18px;
    margin: 5px 0 0;
    text-align: justify;
}
.news a:hover {
    text-decoration: underline;
}
.news img {
    border: 1px solid #999999;
    float: left;
    margin-right: 15px;
    max-width: 150px;
}

.detail{
margin:10px;
}

.detail-h1{
font-size:16px;
font-weight:bold;
color:#FF0000;
margin:0;
}

.detail-p{
color:#666666;
font-size:12px;
margin:5px 0 0 0;
}

.detail-p1{
color:#444;
font-size:12px;
font-weight:bold;
text-align:justify;
margin:5px 0 0 0;
}

.detail-img{
text-align:center;
margin:10px 0 10px 0;
}

.detail-img img{
border:1px solid #666666;
}

.detail-p2{
color:#444;
font-size:13px;
line-height:18px;
text-align:justify;
margin:5px 0 0 0;
}

.othernews{
margin:10px 0 0 0;
}

.othernews h3{
padding:3px 0 3px 5px;
color:#444;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
}

.news-1{
margin:0;
padding:0;
}

.lienquan{
float:left;
width:157px;
margin:10px 5px 10px 12px;
}

.lienquan img{
border:1px solid #999999;
margin-bottom:10px;
max-width:150px;
display:block;
}

.lienquan a{
font-weight:bold;
color:#444;
font-size:12px;
text-decoration:none;
}

.lienquan a:hover{
text-decoration:underline;
}



.othernews ul{
margin:0 0 0 15px;
padding:0;
}

.othernews ul li{
margin:5px 0 0 0;
}

.othernews ul li a{
color:#444;
font-size:12px;
text-decoration:none;
}

.othernews ul li a:hover{
text-decoration:underline;
}
/**Top lien hê**/

.contact{
margin:10px;
}

.text-contact {
    margin: 0 0 0 40px;
}

.text-contact h3 {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}

.text-contact p {
    color: #444444;
    font-size: 12px;
    margin: 5px 0 0;
}


.bl-conten {
    margin: 15px 0 0;
}

.bl-conten p {
    margin: 5px 0 0;
    padding: 0;
}
.bl-conten label {
    color: #444444;
    float: left;
    margin: 0;
}
#contact {
    border: 1px solid #999999;
    color: #444444;
    float: right;
    height: 20px;
    margin: 0 200px 0 0;
    width: 300px;
}

.font-123{
border: 1px solid #999999;
color: #444444;
float: right;
height: 100px;
margin: 0 200px 0 0;
width: 300px;
}

.btt {
    background:url(../images/guidi.jpg) repeat-x scroll 0 0 transparent;
    border: 1px solid #601616;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 28px;
    margin: 10px 200px 10px 0;
}

.btt_1 {
    background:url(../images/guidi.jpg) repeat-x scroll 0 0 transparent;
    border: 1px solid #601616;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 28px;
    margin: 10px 10px 10px 0;
}

.masp {
    margin: 10px 0 0 80px;
}
.contact-p1 {
    color: #444444;
    font-size: 12px;
    font-weight: normal;
}
/**Het lien he**/
/**Top san pham chi tiet**/
.pro1{
margin:15px;
}

.pro1 a{
margin:0;
}


.pro1 img{
border: 1px solid #ccc;
    box-shadow: 0 0 3px #B6B4B4;
    float: left;
    height: auto;
	margin-right:15px;
    max-width: 150px;
    transition: all 0.3s linear 0s;
}

.pro img:hover{
 box-shadow: 0 0 5px #B6B4B4;
 }
 
 .pro h1{
margin:0;
color:#444;
font-size:16px;
}

.pro p{
color:#444;
font-size:12px;
margin:5px 0 0 0;
}

#f-tools {
    float: left;
    height: 24px;
    margin: 10px 0 0;
    width: 250px;
}
.f-like {
    float: left;
    text-align: left;
    width: 90px;
}
.G1 {
    float: left;
    width: 80px;
}
.Twister {
    float: left;
    overflow: hidden;
    width: 80px;
}
.pro_more-h3 {
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 0 0;
}

.pro_more{
margin:0;
}

.pro_more ul{
margin:0;
padding:0
}

.pro_more ul li{
margin:10px 0 0 0;
list-style:none;
color:#444444;
font-size:12px;
}

.othernews1{
margin:10px 0 0 0;
}

.othernews1 h3{
border-bottom: 1px solid #444;
border-top: 1px solid #444;
margin: 0;
padding: 3px 0 3px 5px;
}

.pro-product{
margin:0;
padding:0;
}