@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:'myfont';
	src:url(../font/RobotoCondensed-Regular.ttf);
}
*{ 
	padding:0;
	margin:0;
	outline:0;
}

body
{
	font-size:13px;
	font-family:Arial,Georgia, VNI-Times;
	color:#000;
	background:#77ac26 url(../images/bg_body.jpg) no-repeat;
	
}
ol,ul
{
	list-style:none;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:none;
}
.clear
{
	clear:both;
}
a img
{
	border:none;
	
}
#wapper{
	width:980px;
	margin:0 auto;
	
}
#header{
	width:980px;
	height:270px;
	position:relative;
}
#header1{
	width:980px;
	height:270px;
}
#menu{
	width:754px;
	height:33px;
	line-height:33px;
	margin-left:210px;
	position:absolute;
	bottom:0px;
	left:0px;
}
#menu ul li.likc{
	float:left;
	width:1px;
	height:46px;
	padding:0px;
	background:url(../images/gach_doc.png) no-repeat;
}
#menu ul{
	float:left;
	}
#menu ul li{
	float:left;
	height:33px;
	display:inline;
	text-align:center;
	border:1px solid #fff;
	background:url(../images/bg_li1.png) repeat-x;
	border-radius:10px 10px 0 0px;
	margin-left:2px;
}
#menu ul li a{
	
	font-size:12px;
	font-weight:bold;
	padding:0 12px;
	text-transform:uppercase;
	color:#fff;
}
#menu ul li:hover{
	background:url(../images/bg_li.png) repeat-x;
	height:33px;
	line-height:33px;
}
#menu ul li:hover a{
	color:#ff0;
}

#slider{
	width:960px;
	box-shadow:0px 0px 10px #e7e7e7;
	margin:20px 10px;

}
.sli{
	width:947px;
	height:289px;
	margin-top:10px;
	padding:10px;
	
	border-radius:10px;
}
#product{
	float:left;
	margin-left:5px;
	width:200px;
	
}
#main_content{
	width:960px;
	margin-top:10px;
	margin-left:5px;
	background:#fff;
}

.dm{
	background:url(../images/danhmuc.png) no-repeat;
	width:200px;
	height:39px;
	line-height:45px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}
.dm p{
	margin-left:45px;
	color:#fff;
}

/*left*/
#main_content div#left_menu{
	width:200px;
	float:left;
	margin-left:5px;
	border-radius:10px;
	
}
#main_content div#left_menu ul li{
	line-height:30px;
	border-bottom:1px dotted #839274;
}
#main_content div#left_menu ul li:last-child{
	border-bottom:none;
}
#main_content div#left_menu ul li a{
	font-size:14px;
	font-weight:bold;
	color:#487503;
	line-height:19px;
}
#main_content div#left_menu ul li:hover{
	background:#5c8b00;
	
}
#main_content div#left_menu ul li:hover a{
	color:#fff;
}
div#left_menu div#bo{
	width:200px;
	border:1px solid #5c8b00;
	border-radius:5px;
	margin-bottom:22px;
	background:#fff;
	position:relative;
		z-index:999;
}
#left{
	position:relative;

}
.ngang_left{
	width:200px; 
	background:url(../images/ngang_left.png) no-repeat; 
	height:11px;
	position:absolute;
	bottom:-8px;
	left:0px;
	
}
.gach_left1{
	background:url(../images/gach_ngang.png) no-repeat;
	width:200px;
	height:9px;
}
#thongke{
	width:200px;
}
#thongke p{
	margin:5px;
	
}
#thongke span{
	color:#c10000;
}
/*left_menu*/
/*********menu_rigth***/

/*********menu_rigth***/


#content{
	width:745px;
	float:left;
	margin-left:10px;
}
.spmoi{
	width:753px;
}
#content div#other{
	width:753px;
	margin-bottom:10px;
	
}
#content div#camnang{
	width:753px;
}
#content div.camnang1{
	width:515px;
	float:left;
}
#content div.camnang1 a:hover{
	color:red !important;
}
#content div.camnang2{
	width:210px;
	margin-left:7px;
	float:left;
}
#content div.camnang2 a:hover{
	color:blue !important;
}
.tieude_giua{
	width:750px;
	height:52px;
	line-height:52px;
	background:url(../images/tieude_giua.png) no-repeat;
	position:relative;
	margin:3px 0px;
}
.tieude_giua p{
	font-size:14px;
	color:#436e00;
	font-weight:bold;
	margin-left:60px;
	text-transform:uppercase;
}
#content{
	
}
#content div#wap_item{
	width:750px;
	
	border-radius:10px;
	margin-top:10px;
	
}
#content div#wap_item div.item{
	width:350px;
	font-size:14px;
	margin-right:25px;
	margin-bottom:30px;
	text-align:left;
	float:left;
	position:relative;
}
#content div#wap_item div.item img{
	float:left;
	width:168px;
	height:125px;
	margin-right:5px;
	padding:5px;
	border:1px solid #c0c0c0;
	
}
#content div#wap_item div.item h3{
	font-size:13px;
	
	font-weight:bold;
	margin-top:5px;
	color:#436e00;
}
#content div#wap_item div.item h3 a:hover{
	color:red !important;
}
#content div#wap_item div.item h4{
	font-weight:bold;
	font-size:13px;
	position:relative;
}
h3{
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
	color:#ad7b54;
}
#content div#wap_item div.item p{
	margin-top:5px;
}

/*************Album****************/
#content div#wap_item1{
	width:750px;
	
	border-radius:10px;
	margin-top:10px;
	
}
#content div#wap_item1 div.item1{
	width:155px;
	font-size:14px;
	margin-right:25px;
	margin-bottom:30px;
	text-align:left;
	float:left;
	position:relative;
}
#content div#wap_item1 div.item1 img{
	float:left;
	width:155px;
	height:112px;
	margin-right:5px;
	padding:5px;
	border:1px solid #c0c0c0;
	
}

/*****************************/


#gachden{
	background:url(../images/gach_den.png) no-repeat;
	 width:168px; 
	 height:12px;
	 position:absolute;
	 bottom:-2px;
	 left:17px;
}
#doitac{
	width:981px;
	background:url(../images/bg_doitac.png) no-repeat;
	margin-left:10px;
	margin-top:0px;
}
#menu_bottom{
	width:980px;
	height:34px;
	line-height:34px;
	border-radius:0px 0px 10px 10px;
	
	text-align:center;
}
#menu_bottom ul{
	background:none !important;
}
#menu_bottom ul li{
	display:inline;
	padding:0 10px;
	border-right:1px solid #fff;
}
#menu_bottom ul li a{
	color:#fff;
	font-size:12px;
	
	
}
#menu_bottom ul li a:hover{
	color:#ff0;
}
#footer{
	width:980px;
	text-align:center;
	position:relative;
	margin-bottom:10px;
	
}

#hotro{
	width:270px;
	float:left;
	margin-left:40px;

}



/* --------------------- Phan trang ------------------*/
.phantrang{
	text-align:center;
	margin-top:5px;
  float:right;
  margin-right:110px;
  margin-bottom:10px;
}
.phantrang img
{
  margin-top:-2px;
}
.phantrang a{

  color:#000000;
  padding: 3px 5px;
  text-align:center;
  text-decoration:none;
  margin:0px 3px;
  display:block;
  float:left;
  
}
.phantrang span{
  float:left;
	color:#64841b;	
	font-weight:bold;
  background:#4d4d4d;
  padding: 3px 5px;
  border:1px solid #000000;
  border-radius:4px;
  box-shadow:0px 2px 2px #262626;
  color:#ffffff;
}

/*----------------------------------------------------*/

#share{
	width:69px;
	position:absolute;
	top:730px;
	left:15px;
	padding:10px 0;
}
#share img {
	margin-top:20px;
}

    /*****************  back-top and back-down ----***********/
    #top-buttom-image {
      
       _position: absolute;
       bottom:25px;
       right:5px;
       z-index:1000;
       clip:inherit;
       _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
       _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);

    }
	
#go_top{
    display:block;
    width:31px;
    height:31px;
    position:fixed;
    background-color:#2ccaae;
    bottom:15px;
    right:15px;
}
 
/*-- tạo mũi tên --*/
#go_top:before{
    content:"";
    position:Absolute;
    width:0;
    height:0;
    border:11px solid transparent;
    border-bottom:11px solid white;
    left:5px;
    top:-8px;
}
 
 
#go_top:after{
    content:"";
    position:Absolute;
    width:10px;
    height:17px;
    background-color:white;
    left:11px;
    top:14px;
}