@font-face {
 font-family: trinhhoa;
 src: url("../images/myria.eot") /* EOT file for IE */
}

@font-face {
 font-family: trinhhoa;
 src: url("../images/myria.ttf") /* TTF file for CSS3 browsers */
}

body{
	font-family:trinhhoa;
	font-family: verdana,Geneva,sans-serif;
	font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
	margin: 0px;
	font-size: 14px;
	color:#000;
	line-height: 18px;
}

#main{
	width: 1000px;height: 100%;margin: 0 auto;
}

#top{
	width: 100%;
	height: 195px;
	position: relative;
}
#banner{
	width: 100%;height: 195px;
	position: absolute;top: 0px;z-index: 0;
}

#menu{
	width: 75%;height: 40px;position: absolute;bottom: 45px;right:0;
	z-index: 100;
}

#mid{
	width: 100%;height: 100%;padding-top: 8px;
}

#slideshow{
	width: 994px;height: 370px;
	border: 1px solid #ebebeb;background:#eee;
	padding: 2px;
}

#logan{
	width: 100%;height: 310px;
	background: url("../images/logan.png") no-repeat top center;
	padding-bottom: 10px;
}

.view-home,.content{
	width: 990px;height: 100%;padding: 5px 4px;
	border: 1px solid #ebebeb;
	margin-bottom: 5px;
}

.title-home,.content_top{
	width: 100%;height: 69px;
	background: url('../images/ttitle_home.png') no-repeat top center;
	padding-bottom: 10px;
}

.text-home,.text-content{
	color: #2dabe8;text-transform: uppercase;font-weight: bold;font-size: 140%;line-height: 55px;
	padding-left: 20px;
}

.content-home,.content_mid{
	width: 100%;height: 100%;
}

.padd-20{
	padding: 20px;
	width: 952px;
}

#left{
	width: 230px;
	height: 100%;float: left;
	padding: 0 10px;
	padding-bottom: 5px;
}
.left{
	width: 100%;height: 100%;
}
.left-top{
	width: 100%;height: 37px;
	background: url('../images/top-left.png');
}
.text-left{
	color: #fff;
	text-transform: uppercase;font-weight: 600;padding: 3px 8px;
}

.left-mid{
	width: 100%;height: 100%;padding-top: 5px;
}
.logan2{
	width: 100%;height: 740px;
	background: url('../images/logan2.png');
}

#right{
	width: 730px;height: 100%;float: right;
}


.news-home{
	width: 305px;height: 320px;position: relative;
	float: left;
	margin-right: 37px;
}
.news-home .img{
	width: 100%;height: 220px;position: absolute;top: 0;
}
.news-home .img img{
	width: 100%;height: 100%;
}

.news-home .title{
	color: #000;
	padding: 10px 0;
	position: absolute;top: 220px;width: 100%;text-align: center;
}
.news-home .title a{text-decoration: none;color: #000;text-transform: uppercase;font-weight: 600;}.news-home .title a:HOVER{color: #0482bc;}

.news-home .desc{
	position: absolute;top: 260px;text-align: justify;
}

.news-tin{
	width: 28%;float: left;
	padding: 5px 0;
	margin-left: 20px;
	background: url("../images/new21.gif") center left no-repeat;height: auto;
	padding-left: 30px;
}

.news-tin a{
	text-decoration: none;color: #000;
}

.news-tin a:HOVER{
	text-decoration: none;color: #000;
	font-weight: 600;
	color: #0374a7;
}

.images-home{
	width: 460px;height: 270px;
	float: left;
	position: relative;
}
.images-home .img{
	width: 100%;height: 100%;position: absolute;top: 0;z-index: 0;
}
.images-home .img img{
	width: 100%;height: 100%;
}
.images-home .title{
	background: #000000;
	 opacity:0.4;
 	moz-opacity:0.4;
 	filter:alpha(opacity=4);	
 	color: #fff;font-weight: bold;
 	font-size: 130%;
 	padding: 20px 0;
 	text-align: center;
 	position: absolute;bottom: 0;z-index: 10;
 	width: 100%;
 	text-transform: uppercase;
}
.images-home .title a{color: #fff;text-decoration: none;}.images-home .title a:HOVER{color: yellow;}

#bottom{
	width: 100%;height: 100%;padding: 15px 0;
	border-top: 1px solid #d8dfea;
	border-bottom: 1px solid #d8dfea;
	background: url('../images/bottom.png');
}

.bottom{
	width: 1000px;height: 100%;margin: 0 auto;
}

.facebook{
	width: 100%;height:100%;
}

.title-facebook{
	width: 100%;height: auto;padding: 10px 0;background: #b6e0f3;color: #000;font-weight: 600;padding-left: 20px;
}

.content-bottom{
	width: 100%;height: 100%;padding: 5px 0;
}

.main-bottom{
	width: 100%;height: 100%;
}
.copyright{
	width: 45%;
	height: auto;
	color: #000;
	font-size: 14px;
	float: left;
}

.copyright a{
	text-decoration: none;
	color: #000;
}

.xuhuong{
	width: 30%;height: auto;float: left;margin-left: 3%;
	color: #7c7a7a;
}

.title-xuhuong{
	color: #31aee7;font-weight: bold;
	font-size: 130%;padding-bottom: 5px;
}

.xuhuong a{
	color: #7c7a7a;
	text-decoration: none;
}

.xuhuong a:hover{
	color: #000;
}
.visitonline{
	width: 20%;float: right;
	height: auto;
	color: #7c7a7a;
}

.title-visit{
	color: #7c7a7a;font-weight: bold;
	font-size: 130%;padding-bottom: 5px;
}



#thongke{
	width: 250px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 10px;
	text-align: right;
	color: #000;
}

.design{
	width: 300px;
	height:50px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	text-align: right;
}

.design a{
	text-decoration: none;
	color: #2c2c2c;
}

.menuduoi{
	width: 700px;
	height: 35px;
	position: absolute;
	top: 20px;
	left: 0px;
}



.phattrien{
	position: absolute;
	top: 30px;
	text-align: right;
	right:20px;
	width: 100%;
	line-height: 18px;
	color: #848484;
	font-style: italic;
}

.phattrien .congty{
	color: #efefef;
	font-family: arial;
	font-size: 13px;
}

.phattrien a{
	color: #848484;
	text-decoration: none;
}



/*Product*/


.san-pham-home{
	width: 230px;
	height: 350px;
	float: left;
	position: relative;
	border: 1px solid #ddd;
	background:url('../images/stripes_black.png');
	margin-right: 20px;
	margin-bottom: 20px;
}
.name-product-home{
	width: 100%;height: auto;
	padding: 10px 0;
	text-align: center;position: absolute;
	top: 0;
}
.img-product-home{
	width: 100%;height: 310px;
	position: absolute;bottom: 0;
	z-index: 0;
	background: #fff;
	z-index: 0;
}
.name-product-home a{
	text-decoration: none;color: #000;font-weight: 600;
}
.name-product-home a:hover{
	color: #0396da;
}
.name-product-home a h4{
	margin: 0;padding: 0;text-transform: uppercase;
	font-weight: 600;
}
.des-product-home{
	position: absolute;bottom: 0;z-index: 10;
	background: #000;
	opacity:0.6;
 	moz-opacity:0.6;
 	filter:alpha(opacity=6);
 	padding: 2%;
 	width: 96%;
 	color: #fff;
 	font-size: 80%;
}

h4{
	padding: 0;margin: 0;
}

.name-product-mautk{
	width: 100%;height: auto;
	padding: 10px 0;
	text-align: center;position: absolute;
	bottom: 0;
}
.name-product-mautk a{
	text-decoration: none;color: #000;font-weight: 600;
	text-transform: uppercase;
}
.name-product-mautk a:hover{
	color: #0396da;
}
.logan{
	width: 230px;height: 75px;
	border-bottom: 1px solid #ddd;position: absolute;top: 0;
	background: url('../images/logo.png');
}
.img-product-mautk{
	width: 230px;height: 230px;
	position: absolute;top: 76px;
	background: #fff;
}

.san-pham-right{
	width: 230px;
	height: 475px;
	float: left;
	position: relative;
	border: 1px solid #ddd;
	background:url('../images/stripes_black.png');
	margin-right: 17px;
	margin-bottom: 17px;
	background: #f6f6f6;
}
.img-product-right{
	width: 100%;height: 310px;
	position: absolute;top: 0;
	z-index: 0;
	background: #fff;
	z-index: 0;
}
.name-product-right{
	width: 100%;height: auto;
	padding: 10px 0;
	text-align: center;position: absolute;
	top: 310px;
}
.name-product-right a{
	text-decoration: none;color: #000;font-weight: 600;
}
.name-product-right a:hover{
	color: #0396da;
}
.name-product-right a h4{
	margin: 0;padding: 0;text-transform: uppercase;
	font-weight: 600;
}
.des-product-righ{
	position: absolute;bottom: 0;z-index: 10;
 	padding: 2%;
 	width: 96%;
 	color: #000;
 	font-size: 80%;
}
.size{
	width: 100%;height: auto;padding: 5px 0;background: #009ce4;color: #fff;
	font-weight: 600;text-align: center;font-size: 110%;
}






.divsanpham{
	width: 170px;
	height: 180px;
	float: left;
	position: relative;
	margin: 5px 6px;
}

.div_images_product{
	width: 170px;
	height:150px;
	position: absolute;
	top: 0px;
	left:0px;

}

.images_product{
	width: 100%;
	height: 100%;
	text-align: center;
}

.images_product img{
	opacity: 1;
}

.images_product img:hover{
	opacity: 0.8;
}

.name_product{
	text-align: center;
	color: #fff;
	height: 30px;
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%;
}

.name_product a{
	color: #3b3b3b;
	text-decoration: none;
	line-height: 18px;	
	font-size: 13px; text-align: center;
	font-weight: bold;
}

.name_product a:hover{
	font-weight: bold;	
	color: red;
}

.giasp{
	width: 90%;height: 20px;margin: 0 auto;
	text-align: center;color: red;
}

.chitietdathang{
	width: 140px;height: 23px;margin: 0 auto;
	margin-top: 5px;
}

.dathang{
	width: 67px;height: 100%;float: left;
}

.chitietsp{
	width: 67px;height: 100%;float: right;
}

.pro_new{
	width: 31px;height: 12px;
	position: absolute;top: 0px;
	right: 0px;z-index: 10;
}

/*Product Detail*/

.product_detail_images{
	width: 450px;
	height: 710px;
	float: left;
	text-align: center;
	margin-right: 10px;
}

.name_product_detail{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/*articles*/

.articles{
	width: 100%;
	min-height: 110px;
	margin: 3px 0px 8px 0px;
}

.images_articles{
	width: 120px;
	height: 75px;
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #ddd;
}

.name_articles{
	color: #eb0505;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.name_articles h3{
	margin: 0;padding: 0;
	padding-bottom: 5px;
}

.name_articles a{
	text-decoration: none;
	color: #eb0505;
	text-transform: none;
	font-weight: bold;
}

.name_articles a:hover{
	color: #000;
	font-weight: bold;
}

.img_index_home{
	float: left;
}

.img_index_home img{
	padding:2px;
	border: 1px solid #9b9b9b;float: left;
}

/*articles left*/

.articles_left a{
	text-decoration: none;
	color: green;
	font-style: italic;
}

/*Album Images*/

.album_img{
	width: 125px;
	height: 105px;
	float: left;
	margin:10px 27px;
	border: 1px solid #252525;
	padding: 2px;
}

.goback{
	text-align: right;
	padding: 5px;
}

.goback a{
	text-decoration: none;
	color: #888;
}

.goback a:HOVER {
	cursor: pointer;	
}

.articles_left a:hover{
	color: red;
}

.shoplink{
	color: red;
	text-decoration: none;
}

.phone{
	background: url("../images/dt.png") center;
	width: 185px;height: 56px;position: relative;
}

.phone .ten{
	width: 130px;
	height: 25px;position: absolute;
	top: 5px;
	left: 10px;
	text-align: right;
	color: red;font-weight: bold;font-family: trinhhoa;font-size: 18px;
}

.phone .sodt{
	width: 130px;
	height: 25px;position: absolute;
	bottom: 7px;
	left: 10px;
	text-align: center;
	color: red;font-weight: bold;font-family: trinhhoa;font-size: 22px;
}
.last{
	clear: right;float: right;
	margin-right: 0;
}

ul.menu-left{
	list-style: none;padding: 0;margin: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}

ul.cate-pa{
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}

ul.menu-left li{
	padding: 5px 0;
	list-style-image: url('../images/list.png');
}

ul.menu-left li{
	list-style-image: none;
}
ul.menu-left li a{
	color: #0198dd;font-weight: 600;
	text-decoration: none;
}
ul.menu-left li a:hover{
	color: red;
}
ul.menu-left li ul{
	padding-left: 25px;
}
ul.menu-left li ul li{
	padding: 2px 0;
	list-style-image: url('../images/list.png');
}
ul.menu-left li ul li a{
	color: #000;text-decoration: none;
	font-weight: normal;
}
ul.menu-left li ul li a:hover{
	color: red;text-decoration: none;
	font-weight: 600;
}

ul.menu-dv{
	list-style: none;padding: 0;margin: 0;
	padding-bottom: 10px;
	padding-left: 15px;
}

ul.menu-dv li{
	padding: 5px 0;
	list-style-image: url('../images/list.png');
}

ul.menu-dv li a{
	color: #000;
	text-decoration: none;
}
ul.menu-dv li a:hover{
	color: red;
}