@charset "utf-8";

#container {
	width:1320px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/wood.png);
}
#container #contain{
	width:1310px;
	
}
#container #header {
		
	background-color:#004184;
	height:220px;
	width:1210px;
/* Phần điều khiển header*/	
}
#container #header #khung{
	width:1190px;
	height:210px;
	float:left;
}
#container #header #khung #khunglogo{
	width:300px;
	height:130px;
	margin-top:70px;
	margin-left:7px;
	background-color:#004184;
	float:left;
}
#container #header #khung #chenhinh{
	width:786px;
	height:211px;
	background-color:#004184;
	float:left;
	margin-top:5px;
	
	
	}
	
/* Phần kết thúc điều khiển header*/

#container #navigation {
	background-image: url(images/wood.png);
	height:57px;
	width:1210px	
}
	
#container #khoangtrang1 {
	background-image: url(images/wood.png);
	height:2px;
}
#container #contain #danhmucsp {
	background-color:#C5E7FD;
	height:60px;
}
/* Phần điều khiển phần hàng ưu thích*/
#container #contain #hanguuthich{
	background-color:#903;
	float:right;
	width:200px;
	height:40px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #hanguuthich #khunghanguuthich{
	width:150px;
	height:10px;
	margin-left:40px;
	margin-top:6px;
}
#container #contain #hanguuthich #khunghanguuthich a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
/* Phần kết thúc điều khiển kiểu chữ trong phần hàng ưu thích*/
#container #contain #right #show{/* Trình diễn các sản phẩm bán chạy như sensor*/
	background-color:#FFF;
	height:400px;
	margin-top:42px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}


#container #contain #left {
	background-image: url(images/wood.png);
	float:left;
	width:220px;
	height:836px;
	}
	
	#container #contain #left #rail{
	width:200px;
	height:auto;
	}
	
	#container #contain #left #2V{
	width:200px;
	height:80px;
	}
	
	
#container #contain #left #informationatp{
	position:fixed;
	top:50%;
	}

#container #contain #left #map{
	width:220px;
	height:220px;
	}	


	
#container #contain #left #logohang img{
	
	margin-top:5px;
	}
		
#container #contain #left #infomation{
	width:200px;
	height:40px;
	background-color:#E6E6E8;
	margin-top:5px;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #infomation #khung{
	width:200px;
	height:20px;
	margin-left:0px;
	background-color:#D3D5D9;
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
 border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;

}
#container #contain #left #khung{
	width:200px;
	height:200px;
	margin-top:5px;
	background-color:#FFF;
}
#container #contain #left #khung #hinh{
	width:190px;
	height:190px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	background-color:#fff;
	
}	
#container #contain #right{
	background-image: url(images/wood.png);
	float:right;
	width:200px;
	height:440px;
}
#container #contain #right #show{
	margin-top:0px;
}
/* Phần đầu điều khiển file flash phần hàng bán nhiều*/
#container #contain #right #show #chenflash{
	width:198px;
	height:400px;
	margin-top:5px;
	margin-left:0px;
	background-color:#FFF;
	float:left;
	border: 1px solid #EBEBEB;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #right #show #chenflash #dieukhienflash{
	margin-top:5px;
	margin-left:30px;
}

#container #contain #millder{
	background-color:#FFF;
	float:left;
	margin-left:3px;
	margin-top:0px;	
	width:1080px;
	height:auto;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}




#container #contain #under-right{
	background-color:#EBEBEB;
	float:right;
	width:200px;
	height:384px;
	margin-top:15px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần điều khiển nội dung công trình*/
#container #contain #under-right #khungchu{
	width:100px;
	height:20px;
	margin-left:60px;
	background-color:;
}
#container #contain #under-right #khungchu a{
	font-family:"Pacifico", arial, serif;
	color:#990033;
}
#container #contain #under-right #chenhinh{
	width:855px;
	height:344px;
	margin-top:13px;
	margin-left:5px;
	background-color:000;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/* Phần đầu, phần điều khiển mục hãng sản xuất*/
#container #contain #left #danhmucsp{
	
	background-color:#903;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
#container #contain #left #danhmucsp #khungdanhmucsp{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-top:-8px;
	float:left;
}
#container #contain #left #danhmucsp #khungdanhmucsp a{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 5px;
	color:fff;
	text-align:center;
}
#container #contain #left #danhmucsp p{ 
	margin-top:1px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

#container #footer{
	background-color:#004184;
	height:230px;
	width:960px;
	float:left;
	margin-left:250px;
	margin-top:50px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
}
/*Phần điều khiển nội dung ô footer*/
#container #footer #noidung{
	width:560px;
	height:220px;
	margin-top:9px;
	margin-left:9px;
	background-color:#004184;
	float:left;
}
#container #footer #noidung a{
	color:#fff;
}
#container #footer #productvietnam{
	width:150px;
	height:20px;
    margin-top:70px; 
	background-color:#004184;
	float:right;
}
#container #footer #productvietnam {
	color:#fff;
}
/*Kết thúc footer*/
/* Phần tiếp theo là điều khiển khung hình*/

#container #contain # #khungngoai{
	width:1075px;
	height:205px;	
}

#container #contain #millder #khungngoai #khunghinh{
	width:1070px; /* be ngang khung hinh sẽ nhảy sang bên*/
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

#container #contain #millder #khungngoai #khunghinh .holder{
	width:290px;
	height:360px;
	background-image:url(); /*chèn hình nền nổi vào*/
	float:left;
	margin-left:31px;
	margin-top:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;border-radius: 5px;
	
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	-moz-box-shadow: #B3B3B3 3px 3px 3px;
	 box-shadow: #B3B3B3 3px 3px 3px;
    
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung{
	margin-left:15px;
	color:#3AA0D0;
	width:280px;
}
#container #contain #millder #khungngoai #khunghinh .holder .noidung dl dt a{
	text-decoration:none;
	color:#3AA0D0;
	
}
#container #contain #millder #khungngoai #khunghinh .holder .thumb {
	width:250px;
	heigh:250px;
	margin-top:0px;
	margin-left:30px;
	margin-right:42px;
}

.clearfloat{
	clear:both;
}
#container #contain #millder #khungngoai #khunghinh .holder .title{
	width:300px;
	height:30px;
	margin-left:10px;
	margin-right:auto;
	margin-top:5px;
}

#container #contain #millder #khungngoai #khunghinh .holder .title h4{
	margin:0;
}
#container #contain #millder #khungngoai #khunghinh .holder .title h5{
	margin:0;
	color:#900;
}

#container #sotrang{
	background-color:#FFF;
	margin-top:10px;
	width:500px;
	height:40px;
	margin-left:600px;
	-moz-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 5px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 5px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}


#container #sotrang #khungso {
	width:30px;
	height:30px;
	margin-left:15px;
	margin-top:5px;
	background-color:#903;	
	-moz-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 1px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
	
}

#container #sotrang #khungso .doimaukhungso{
	background-color:#0CC;
	width:30;
	height:30px;
	-moz-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 1px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 1px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	float:left;
}


#container #sotrang #khungso .so h4{
	margin-left:10px;
	margin-right:4px;
	margin-top:4px;
	color:#FFF;
	
}
#container #sotrang #khungso .so h4 a{
	text-decoration:none;
	color:#fff;
}
#container #contain  #mahang{
	margin-top:40px;
	height:30px;	
	width:657px;
	margin-left:222px;
	background-color:#EDEEEF;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
	
}

#container #sotrang #khungso .so h2{
	margin-left:9px;
	margin-top:0px;
	color:#FFF;
	
}
#container #sotrang #khungso .so h2 a{
	text-decoration:none;
	color:#fff;
	
}
#container #contain  #mahang{
	margin-top:40px;
	height:30px;	
	width:657px;
	margin-left:222px;
	background-color:#EDEEEF;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
	
}



	
#container #contain  #mahang #khungmahang .mahang h2{
	margin-left:20px;
	color:#C03;
	
}

/*Phần điều khiển cho phần nội dung small, nơi chứa thông tin vắn tắt cho từng sản phẩm*/
#container #contain #millder #noidungsmall {
	width:657px;
	height:145px;
	margin-left:15px;
	margin-top:5px;
	float:left;
	background-color:#D0D3D8;
	
}

#container #contain #millder #noidungsmall #hinh{
	width:130px;
	height:130px;
	margin-top:7px;
	margin-left:8px;
	background-color:#FFF;
	
}
#container #contain #millder #noidungsmall #hinh img{
	float:left;	
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung{
	width:500px;
	height:130px;
	margin-top:7px;
	margin-left:140px;
	background-color:#D0D3D8;
	
    
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma {
	height:30px;
	width:100px;
	background-color:#D0D3D8;
	float:left;
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien{
	width:350px;
	margin-top:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #ma #thongtintien a{
	margin-top:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung #giatien{
	width:160px;
	height:130px;
	margin-top:0px;
	margin-left:340px;
	background-color:#30F;
}

#container #contain #millder #noidungsmall #hinh #vietnoidung #giaban{
	height:30px;
	float:right;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban  h2{
	float:right;
	color:#F00;
	margin-top:0px;
	margin-right:10px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #osoluong{
	margin-top:0px;
	margin-right:5px;
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail{
	background-color:#69A944;
	margin-top:30px;
	margin-left:30px;
	
	-moz-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	-webkit-border-radius: 8px; /*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	border-radius: 8px;/*bo tròn 4 góc ô chữ nhật đi chung 3 lệnh*/
	
}
#container #contain #millder #noidungsmall #hinh #vietnoidung  #giaban #detail a{
	margin-left:6px;
}
/* phần điều khiển thanh horizontal*/

.cssmenu ul {
	margin-top:3px; 
	padding: 7px 6px 0; 
	background: #84A6CE url(images/overlay.png) repeat-x 0 -110px;/*màu nền thanh horizontal*/
	line-height: 100%;        
	border-radius: 1em; 
	font: normal .96em/1.5em Arial, Helvetica, sans-serif; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	background: rgb(30, 50, 230);
background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);
background: linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%);

	
	}
	
.cssmenu li {
	margin: 0 5px; 
	padding: 0 0 8px; 
	float: left; 
	position: relative; 
	list-style: none; 
	}
	
.cssmenu a {
	font-weight: bold; 
	color: #e7e5e5; /* Đổi màu chữ thanh horizontal*/
	text-decoration: none; 
	display: block; 
	padding:  8px 20px; 
	margin: 0; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;	 
	text-shadow: 0 1px 1px rgba(0,0,0, .3); 
	}
	
.cssmenu a:hover {
	background:#000;
	color:#FFF;
	}
	
.cssmenu .active a, /*Dòng này cho phép làm nổi mục đang làm việc*/ 
.cssmenu li:hover > a {
	background: #007DBF url(images/overlay.png) repeat-x 0 -40px; 
	color:#F00; /* Đổi màu thanh horizontal khi gê chuột tới*/
	border-top: solid 1px #f8f8f8; 
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	box-shadow: 0 1px 1px rgba(0,0,0, .2); 
	text-shadow: 0 1px 0 rgba(255,255,255, 1); 
	}
.cssmenu ul ul li:hover a,
.cssmenu li:hover li a {
	background: none; 
	border: none; 
	color:#F00; /* Chữ xổ xuống bật 1 hiện ra màu đỏ*/
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	}
	
.cssmenu ul ul a:hover {
	background:#8f8f8f url(images/overlay.png) repeat-x 0 -100px !important; /* Nền sổ xuống chuyển màu khi gê chuột*/
	color:#FF !important; /* Đổi màu menu xổ bật 1*/
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
	}
	
.cssmenu li:hover > ul {display: block;}
.cssmenu ul ul {
	display: none; 
    margin: 0; 
    padding: 0; 
    width: 195px; 
    position: absolute; 
    top: 40px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul ul{ /*dòng này cho phép hiện thêm menu con*/
	display: none; 
    margin: 0 98%; 
    padding: 0; 
    width: 200px; /* Điều chỉnh bề ngang của menu con*/
    position: absolute; 
    top: 10px; 
    left: 0; 
    background: #ddd url(images/overlay.png) repeat-x 0 0; 
	border: solid 1px #b4b4b4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	}
	
.cssmenu ul ul li {
	float: none; 
	margin: 0; 
	padding: 3px; 
	}
	
.cssmenu ul ul a {
	font-weight: normal; 
	text-shadow: 0 1px 0 #fff; 
	}
.cssmenu ul:after {
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; height: 0;
	}
	
* html .cssmenu  ul {height: 1%;}


/* Code cho Vertical*/
#menu8 {
	width: 200px;
	font:normal 0.7em/1.2em
	margin-top:1px;
}
	
#menu8 li a {
	text-decoration: none;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
	
#menu8 li a:link, #menu8 li a:visited {
	color:#F00; /* Mau chữ nền cho vertical*/
	display: block;
	padding: 8px 0 0 20px;
	background-color: url(../images/menu8.gif);
	background-image: url(../images/menu8.gif);
}
	
#menu8 li a:hover {
	color:#903; /* Mau chữ vertical se chuyển trạng thái khi tác động*/
	background: url(../images/menu8.gif) 0 -32px;
	padding: 8px 0 0 25px;
}
	
#menu8 li a:active {
	color: #fff;
	background: url(../images/menu8.gif) 0 -64px;
	padding: 8px 0 0 25px;
}

#menu8 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}




body {
  margin: 0px;
}
nav {
  margin-top: 10px;
  padding: 24px;
  text-align: left;
  font-family: Raleway;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
#nav-1 {
  background: #3fa46a;
}
#nav-2 {
  background: #5175C0;
}
#nav-3 {
  background: #EEA200;
}

.link-1 {
  
  
  color: #FB0102;
  font-size: 20px;
  text-decoration: none;
  
  
}
.link-1:hover {
  border-top: 4px solid #ffffff;
  border-bottom: 4px solid #ffffff;
  padding: 6px 0; 
}

.link-2 {
  transition: 0.6s;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  border-right: 2px dotted transparent;
  padding: 30px 8px 0 10px;
  margin: 0 10px;
}
.link-2:hover {
  border-right: 2px dotted #ffffff;
  padding-bottom: 24px;
}
.link-3 {
  transition: 0.4s;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding: 0 10px;
  margin: 0 10px;
}
.link-3:hover {
  background-color: #ffffff;
  color: #EEA200;
  padding: 6px 6px;
}

/*Thats all. I hope you enjoyed it.
Thanks :)*/
/***************************************************************/
/*************** Footer Bar Style ******************************/
/***************************************************************/
.footer-bar
{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #111;
    border-top: 1px solid #E62600;
    position: fixed;
    bottom: 0;
    left: 0;
}
.footer-bar .article-wrapper{
    font-family: arial, sans-serif;
    font-size: 14px;
    color: #888;
    float: left;
    margin-left: 10%;
}
.footer-bar .article-link a, .footer-bar .article-link a:visited{
    text-decoration: none;
    color: #fff;
}
.site-link a, .site-link a:visited{
    color: #888;
    font-size: 14px;
    font-family: arial, sans-serif;
    float: right;
    margin-right: 10%;
    text-decoration: none;
}
.site-link a:hover{
    color: #E62600;
}