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

body {
	font-family:"ARIAL";
	margin: 0px;
	font-size: 12px;
	background:url(../images/web/body.jpg) center bottom;
	background-attachment:fixed;
	color:#000;
	background: #06648c;
}

#divAdLeft
{	
	display: block;
	position: absolute;
}

#divAdRight
{
	display: block;
	position: absolute;

}


.search{
	margin-top: 7px;
	padding:2px 0xp;
	margin-left: 8px;
	border: none;
	background: none;
	color: #8a8888;
	width: 170px;
}

.submit{
	margin-left: 17px;
	width: 35px;
	background: none;
	border: none;
}


#wapper{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	border-radius:5px;
	background: GREEN;
}

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

#top{
	width: 100%;
	height: 235px;
	position: relative;
}

#banner{
	width: 100%;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#divmenu{
	width: 100%;
	height: 40px;
	background-image:url('../images/web/divmenu.png');
	position: absolute;
	bottom: 0px;	
}

#menu{
	width: 70%;
	height: 40px;
	position: absolute;
	left: 0;
}

#divsearch{
	width: 30%;
	height: 40px;
	position: absolute;
	right: 0px;
}

.divsearch{
	width: 242px;
	height: 30px;
	background-image:url('../images/web/search.png');
	margin: 0 auto;
	margin-top: 5px;
}

.spnoibat{
	margin-top:5px;
	width: 100%;
	height: 200px;
	background-image:url('../images/web/chay.png');
	position: relative;
}

.divspnoibat{
	width: 100%;
	height: 154px;
	position: absolute;
	top: 10px;
}

/*ddsdsd*/
#productslide-wrapper {
	height:154px;
	width:100%;
}

#slide-left, #slide-right, #productslide {
	cursor:pointer;
	float:left;
	height:154px;
}

#productslide {
	cursor:default;
	margin:0 10px;
	width:903px;
}

#productslide marquee{ 
	margin:9px 0;
}

#productslide img {
	cursor:pointer;
	margin:0 5px;
	border: 2px solid red;
}

/*end*/


#mid{
	width: 100%;
	height: 100%;
	background: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
}

#left{
	width: 210px;
	height: 100%;
	float: left;
	margin-left: 5px;
}

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

.lefttop{
	width: 100%;
	height: 35px;
	background-image:url('../images/web/topleft.png'); 
}

.leftmid{
	width:210px;
	height: 100%;
	background-image: url('../images/web/midleft.png');
	padding-bottom: 5px;
	border-bottom-left-radius:4px; 
	border-bottom-right-radius:4px; 
}

.canhleleft{
	width: 200px;
	height: 100%;
	margin: 0 auto;
}

.text_left{
	color: #fff;
	font-size: 13px;
	line-height: 35px;
	margin-left: 30px;
	font-weight: bold;
	text-transform: u
}

#content{
	width: 560px;
	height: 100%;
	float: left;
	margin-left: 5px;
} 

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

.contenttop{
	width: 100%;
	height: 35px;
	background-image: url('../images/web/content_top.png');
}

.canhlecontent{
	width: 550px;
	height: 100%;
	margin: 0 auto;
	padding-top: 8px;
	text-align: justify;
}

.slideshow{
	width: 100%;
	height: 170px;
}

.divgioi{
	width: 200px;
	height: 131px;
	background-image: url('../images/web/gioi.png');
	position: relative;
}

.gioi{
	width: 190px;
	height: 55px;
	color:#fff;
	position: absolute;
	left: 5px;
	top: 30px;
	font-size: 20px;
}
.ngaythang{
	width: 190px;
	height: 40px;
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-align: right;
	font-weight: bold;
	color: #fff;
}

.tennick{
	width: 65px;
	height: 60px;
	float: left;
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: red;
	
}

.nick{
	width: 135px;
	height: 60px;
	float: right;
}

.slideshowleft{
	width: 200px;
	height: 170px;
	margin-left: 5px;
}

.bando{
	width: 200px;
	height: 170px;
}

.tuvan{
	width: 185px;height: 100%;
	background-image: url('../images/web/tuvan.png');
	margin-bottom: 3px;
	line-height: 18px;
	background: #61a2fb;
	margin-left: 5px;
	padding:5px; 
	border: 2px solid #fff;
	border-radius:5px;
	box-shadow: 0 0 5px #eee;
	text-shadow: 0 0 1px #fff;
}

.tuvan a{
	text-decoration: none;
		margin-left: 12px;
		font-weight: bold;
		color: #685c47;
}



.sanpham{
	width: 175px;
	height: 200px;
	border:1px solid #02618b;
	float: left;
	margin:5px 3px;
	position: relative;
}

.sanphammoi{
	width: 33px;
	height: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.imagessanpham{
	width: 100%;
	height: 160px;
	position: relative;
}

.tensanpham{
	width: 100%;
	height: 20px;
	font-weight: bold;
	color: #4f4f4f;
	text-align: center;
}

.gia{
	width: 100%;
	height: 20px;
	font-weight: bold;
	color: red;
	text-align: center;
	font-style: italic;
}

.tensanpham a{
	text-decoration: none;
	color: #4f4f4f;
	font-style: italic;
}

.tensanpham a:hover,.xem_chi_tiet a:hover{
	text-shadow: 0 0 1px #4f4f4f;
}

.divimages{
	position:absolute;
	top:5px;
	left:6px;
	width: 160px;
	height: 145px;
	margin: 0 auto;
	padding: 2px;
	border-radius:5px;
}

.tintucmot{
	width: 265px;
	height: 120px;
	float: right;
	margin: 5px 0px;
	border: 1px solid #cacaca;
	border-radius:3px; 
}

.tintuchai{
	width: 265px;
	height: 120px;
	float: left;
	margin: 5px 0px;
	border: 1px solid #cacaca;
	border-radius:3px; 
}

.titletintuc{
	padding-top:5px; 
	margin-bottom: 5px;
}

.titletintuc a{
	color: #0f83ba;
	text-decoration: none;
	font-weight: bold;
}

.titletintuc a:hover{
	text-shadow: 0 0 1px #16829c;
}

.imagestintuc{
	float: left;
	width: 100px;
	height: 80px;
	margin-right: 8px;
	border: 2px solid #16829c;
	border-radius:5px;
}

.imagesdetail{
	width: 200px;
	margin: 0 auto;
	float: left;
}

.sanphammota{
	width: 300px;
	height: 100px;
	float: right;
}

#right{
	width: 210px;
	height: 100%;
	float: right;
	margin-right: 5px;
}

.tintuc{
	width: 100%;
	height: 100px;
	background: red;
}

.duonggach{
	width: 100%;
	height: 3px;
	border-bottom: 1px dotted #242424;
}

.xem_chi_tiet{
	text-align: right;
	margin-right: 10px;
	padding-top: 5px;
}

.xem_chi_tiet a{
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}


#bottom{
	width: 100%;
	height: 111px;
	clear: both;
	position: relative;
	background-image:url('../images/web/bottom.png'); 
}

.footer{
	width: 70%;
	height: 50%;
	position: absolute;
	left: 10px;
	top:10px;
	line-height: 18px;
	font-weight: bold;
	color: #004d6e;
	font-size: 13px;
}

.design{
	width: 220px;
	height:60px;
	position: absolute;
	right: 0px;
	bottom:5px;
	color: #242424;
	font-weight: bold;
	text-align: right;
}

.design a{
	text-decoration: none;
	color: #242424;
	text-align: right;
}
/*Dung chung*/

.mota{
	line-height: 20px;
	text-align: justify;
}

.noidung{
	text-align:justify;
	line-height: 18px;
}

.images_gioithieu img{
	float: left;
	margin-right: 10px;
}

.phanduong{
	width: 100%;
	height: 5px;
}
.clear{
	clear: both;
}

/*88888888888888888888888888888888888888 menu ngang88888888888888888888888888888888*/


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 200px; /* Main Menu Item widths */
margin-left: 0px;
}
 
.sidebarmenu ul li{
position: relative;
z-index: 1;
height: 28px;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #0f83ba;
text-decoration: none;
padding: 3px;
font-size: 13px;
font-weight: bold;
margin-left: 0px;
line-height: 20px;
text-transform: uppercase;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
 /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: #0f83ba;
}

.sidebarmenu ul li a:hover{
color: #fff;
text-shadow:none;
border-radius:5px;
background: #0F83BA;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 180px; /*Sub Menu Items width */
top: 0px;
background: #0064E8;
visibility: hidden;

}

.sidebarmenu ul li ul li{
	background-image: url('../images/layout/bg_dmcon.jpg');	
}

.sidebarmenu ul li ul li a{
	padding:4px;	
}

.sidebarmenu ul li ul li a:hover{
	color: #fff;
	text-decoration: underline;	
}

.sidebarmenu ul li span:hover{
color: #fff;
text-shadow:none;
border-radius:5px;
background: #0F83BA;
}

.sidebarmenu a.subfolderstyle{
/*	background: url(../images/arrow-list.png) no-repeat 97% 50%; */
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }

.sidebarmenu ul li a span{
	color: #242525;
	text-transform: capitalize;
	font-size: 12px;
}

/* End */


/***********************************************************************#pagination*/

#pagination{
	text-align: left;
	font-weight: bold;	
	
}

#pagination a{
	padding: 2px 4px;
	display: inline-block;
	color: white;
	text-decoration: none;
}

#pagination div{
	width:18px;
	float:left;
	text-align:center !important;
}

#pagination .pag_first{

}

#pagination ._pag_last{
	
}



#pagination .pag_next a{
	padding:2px 4px;
	display:inline-block;
	color:#000;
	font-weight:bold;
	
}

#pagination .pag_prev{
	margin-right:35px;
}

#pagination .pag_prev:hover{

}


#pagination .pag_prev a{
	padding:2px 4px;
	display:inline-block;
	color:#000;
	font-weight:bold;
}

#pagination .pag_num a{
	display:inline-block;
	padding: 2px 5px;
	color:#000;
	font-weight:bold;
	font-size:13px !important;	


}

#pagination .pag_num:hover{
	font-size:12px !important;	
	background:#FFF;
	color:#fff;
	display:inline-block;
	font-weight:bold;
	background: #02618b;
	border-radius:3px;
	padding: 2px;
	
}

#pagination .pag_num:hover a{
	font-size:12px !important;
	color:#fff !important;
	text-align:center !important;
	display:inline-block;
}

#pagination .pag_cur {
}

#pagination .pag_cur p{
	margin-top:0px;
	color: #fff;
	background: #02618b;
	padding:3px 3px;
	border-radius:3px; 
}