.thuong {
	font-weight: normal;
	text-transform: none;
	padding: 0 5px;
}

.sanpham .tabbable {
	margin-right: 7px;
}

.sanpham .tabbable ul li  {
	
}
.sanpham .tabbable ul li a {
	color: #8A8383;
	text-transform: uppercase;
}
.sanpham .tabbable ul li.active a {
	color:#333;
	font-weight: bold;
}

.sanpham {
	clear:both;
	padding-bottom: 30px;
	margin-top: 10px;
}
.sanpham ul.danhsachsp li {
	padding: 10px 0;
	
}
.sanpham ul.danhsachsp li:hover {
	background-color: #c19153;
	border-left: 2px solid #5c5c5c;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	
}
.sanpham ul.danhsachsp li:hover a {
	color: #fff;
	font-weight: bold;
}

.sanpham ul.danhsachsp li a {
	text-transform: capitalize;
	text-decoration: none;
	color: #595959;
	padding-left: 20px;
}

.sanpham  ul.danhsachsp li.active1{
	background-color: #c19153;
	border-left: 2px solid #5c5c5c;
}

.sanpham  ul.danhsachsp li.active1:hover{
	background-color: #ba8f4f;
	border-left: 2px solid #5c5c5c;
}

.sanpham  ul.danhsachsp li.active a {
	color: #000;
	font-weight: bold;
}

.sanpham  ul.danhsachsp li.active1 a {
	color: #000;
	font-weight: bold;
}
.sanpham  ul.danhsachsp li.active1:hover {
 	
}

.sanpham  ul.danhsachsp li.active1 a {
	color: #fff;
	font-weight: bold;
}
.sanpham .line {
	position: relative;
	top: 20px;
	left: 30px;
	min-height: 1000px;
	border-left: 1px solid #333;
}
.sanpham .wrapper-category {
	position: relative;
	left: 20px;
	float: left;
	height: 260px;
	width: 253px;
	text-align: center;
	border-bottom: 1px solid #8A8383;
}


.sanpham .product-category .hinh {
	position: absolute;
	bottom: -235px;
	left: -10px;
}
.sanpham .product-category img {
	position: absolute;
	left: 15px;
	bottom: 42px;
	height: 160px;
	width: auto;
}

.sanpham .product-category {
	position: absolute;

}
.sanpham .product-category .name {

	position: absolute;
	height: 40px;
	top: 214px;
	left: 27px;
	width: 200px;
}
.sanpham .product-category .name  p {
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
}
.sanpham .product-category .name a{
	text-decoration: none;
	color: #595959;
}

/*---loaisanpham--*/

.loaisanpham  ul li {
	padding: 10px 0;
}
.loaisanpham  ul li:hover {
	background-color: #f0f0f0;
	border-left: 2px solid #5c5c5c;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	
}
.loaisanpham  ul li:hover a {
	color: #333;
	font-weight: bold;
}

.loaisanpham  ul li a {
	text-transform: capitalize;
	text-decoration: none;
	color: #333;
	padding-left: 5px;
}

.loaisanpham  ul li.active {
	background-color: #f0f0f0;
	border-left: 2px solid #5c5c5c;
}

.loaisanpham  ul li.active a {
	color: #333;
	font-weight: bold;
}

.loaisanpham  ul li.active1:hover {
 	border-top: 1px solid #5c5c5c;
}

.loaisanpham  ul li.active1 a {
	color: red;
	font-weight: bold;
}
.line {
	position: relative;
	top: 20px;
	left: 30px;
	min-height: 1000px;
	border-left: 1px solid #333;
}
.loaisanpham .wrapper-category {
	float: left;
	height: 300px;
	width: 264px;
	text-align: center;
}

.loaisanpham .product-category img {
	padding-bottom: 10px;
	height: 160px;
	width: auto;
}

.loaisanpham .product-category {
	position: relative;
	margin-top: 20px;
}
.loaisanpham .product-category .name {
	position: absolute;
	height: 40px;
	top: 215px;
	left: 27px;
	width: 200px;
}
.loaisanpham .product-category .name  p {
	text-transform: capitalize;
	font-weight: bold;
	text-align: center;
}
.loaisanpham .product-category .name a{
	text-decoration: none;
	color: #333;
}

.loaisanpham #category .col-md-10 {
	border-left: 1px solid #d5d5d5;
}

/*---chitietsanpham--*/
.chitietsanpham {
	z-index: 2;
	padding: 5px;
	margin-top: 30px;
	background-color: #fff;
}

.chitietsanpham .thongtinsanpham .masanpham {
	height: 60px;
	padding-top: 40px;
}

.chitietsanpham .thongtinsanpham p {
	text-transform: capitalize;
	font-weight: bold;
}
.chitietsanpham .thongtinsanpham .masanpham p {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.chitietsanpham .thongtinsanpham .kieumau {
	margin-left: 60px;
}
.chitietsanpham .thongtinsanpham .kieumau ul li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.chitietsanpham .thongtinsanpham .kieumau img {
	width: 50px;
	height: 50px;
}

.chitietsanpham .thongtinsanpham .tensanpham {
	padding-top: 4px;
}
.chitietsanpham .slide #d-zoom3 {
	margin-left: 50px;
}
/*---sanphamcungloai--*/
.sanphamcungloai {

}
.sanphamcungloai h4{
	margin: 20px;
}
.sanphamcungloai .wrapper {
	position: relative;
	width: 250px;
	text-align: center;
	text-transform: capitalize;
	padding: 20px 0 20px 40px ;
	margin:0 50px 0 0;
	left: -50px;
}

.sanphamcungloai .wrapper img {
	height: 130px;
	width: auto;
	padding: 10px 20px 20px 10px;
}

.sanphamcungloai .wrapper .ten {
	font-weight: bold;
}

.sanphamcungloai .wrapper .masp {
	position: absolute;
	font-weight: bold;
	padding-left: 10px;
	right: 83px;
}

/*---sanphamlienquan-*/

.sanphamlienquan h4{
	margin: 20px;
}
.sanphamlienquan .wrapper {
	width: 250px;
	text-align: center;
	text-transform: capitalize;
	padding: 20px 0 20px 40px ;
	margin:0 50px 0 -60px;
}

.sanphamlienquan .wrapper img {
	height: 130px;
	width: auto;
	padding: 10px 0px 20px 0px;
}

.sanphamlienquan .wrapper .ten {
	font-weight: bold;
}

@media screen and (max-width: 1025px){
	ul.danhsachsp {
		visibility: hidden;
		opacity: 0;
		display: none;
	}

	.sanpham .wrapper-category {
		height: 200px;
		width: 230px;
	}

	.sanpham .product-category img {
		left: 22px;
		bottom: 10px;
		width: 150px;
		height: auto;
	}

	.sanpham .product-category .name {
    	height: 40px;
    	top: 233px;
    	left: 20px;
    	width: 200px;
	}
	.sanphamcungloai .wrapper {
    	width: 200px;
    	text-align: center;
    	text-transform: capitalize;
    	padding: 0px 0 20px 0px ;
    	margin:0 20px 0 50px;
    }
    
	.sanphamlienquan .wrapper {
	width: 200px;
	text-align: center;
	text-transform: capitalize;
	padding: 20px 0 20px 0px ;
	margin:0 20px 0 0px;
}

}

@media screen and (max-width: 900px){
	nav {
		position: relative;
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		z-index: 9999;
		/*margin-left: -10px;*/
	}

	.sanpham .product-category ul {
		visibility: hidden;
		opacity: 0;
	}

	.sanpham .wrapper-category {
		padding-bottom: 20px;
	}
	.sanpham .product-category img {
	position: absolute;
	left: 28px;
	bottom: 83px;
	height: 110px;
	width: auto;
  }

	.sanpham .product-category .name {
	    height: 40px;
	    top: 170px;
	    left: -4px;
	    width: 200px;
	}

 }
/*-----media 800--*/
 @media screen and (max-width: 800px){
	.sanpham .product-category ul {
		visibility: hidden;
		opacity: 0;
	}

	.sanpham .wrapper-category {
		height: 215px;
		width: 230px;
		margin-bottom: 20px;
	}

	.chitietsanpham .slide img.img-reposive {
		width: 300px;
		height: auto;
	}

 }

  @media screen and (max-width: 500px){
 	h1,h2,h3,h4,h5,h6 {
 		padding: 0;
 	}

 	.sanpham .wrapper-category {
		margin-right: 10px;
	}
	.sanpham .wrapper-category {
    	position: relative;
    	top:0;
    	left: 1px;
    	float: left;
    	height: 150px;
    	width: 140px;
    	text-align: center;
    	border-bottom: 0px solid #dddddd;
	}

	.sanpham h3 {
		text-align: center;
	}

	.chitietsanpham .slide img.img-reposive {
		width: 250px;
		height: auto;
		margin-left: -10px;
	}
	.sanpham .product-category img {
        position: absolute;
        left: 20px;
        bottom: 83px;
        height: auto;
        width: 140px;
    }

	.sanpham .product-category .name {
	    height: 40px;
	    top: 170px;
	    left: -30px;
	    width: 200px;
	}

    .sanphamcungloai .wrapper {
    	width: 200px;
    	text-align: center;
    	text-transform: capitalize;
    	padding: 20px 0 20px 0px ;
    	margin:0 10px 0 -20px;
    }
	.sanphamlienquan .wrapper {
    	width: 200px;
    	text-align: center;
    	text-transform: capitalize;
    	padding: 20px 0 20px 0px ;
    	margin:0 10px 0 -20px;
    }
}

/*-----media 600max--*/
 @media screen and (max-width: 350px){
 	h1,h2,h3,h4,h5,h6 {
 		padding: 0;

 	}

 	.sanpham {
 		margin-left: -10px;
 	}
 	.sanpham .wrapper-category {
		margin-left: -20px;
		margin-right: 10px;
		padding: 10px;
	}
	.sanpham .wrapper-category {
    	position: relative;
    	top:-10px;
    	left: -10px;
    	float: left;
    	height: 150px;
    	width: 140px;
    	text-align: center;
    	border-bottom: 0px solid #dddddd;
	}

	.sanpham h3 {
		text-align: center;
	}

	.chitietsanpham .slide img.img-reposive {
		width: 250px;
		height: auto;
		margin-left: -10px;
	}
	.sanpham .product-category img {
        position: absolute;
        left: 40px;
        bottom: 83px;
        height: auto;
        width: 120px;
    }

	.sanpham .product-category .name {
	    height: 40px;
	    top: 170px;
	    left: -14px;
	    width: 200px;
	}

   .sanphamcungloai .wrapper {
    	width: 130px;
    	text-align: center;
    	text-transform: capitalize;
    	padding: 20px 0 20px 0px ;
    	margin:0 10px 0 -20px;
    }

	.sanphamlienquan .wrapper {
    	width: 130px;
    	text-align: center;
    	text-transform: capitalize;
    	padding: 20px 0 20px 0px ;
    	margin:0 10px 0 -20px;
    }
    .sanphamlienquan .wrapper img {
    	height:120px;
    	width: auto;
    	padding-bottom: 20px;
    	padding: 10px 20px 20px 20px;
	}
    .sanphamcungloai .wrapper img {
    	height:120px;
    	width: auto;
    	padding-bottom: 20px;
    	padding: 10px 20px 20px 40px;
	}

    .sanphamcungloai .wrapper .masp {
		position: absolute;
		left: 44px;
		top: 118px;
		font-weight: bold;
		padding: 10px 20px 20px 50px;
	}
 }
