/*------------------------------------------------------------------------
# Author: Nguyen Hong Duc
# Websites:  http://www.kimcatviet.com.vn
-------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
} /* reset CSS */
body {background: url(../images/bg_metal.jpg) ;}
.pagewrap { margin: 0 auto} /* đoạn margin: 0 auto sẽ giúp trang web luôn ở giữa màn hình*/
#header {height: 139px; position: relative; width: 920px; margin:0 auto }
	#logo {position: absolute; left: 10px; top: 35px;}
#header #topheader{ height:139px;}
	#logo h1 {background: url(../images/logo.png) no-repeat; }
	#logo a {display: block; width: 391px; height: 91px; text-indent: -5000em;}
#navi { background-color:#00C; height:44px; background:url(../images/bg_navi.png) repeat-x top left; margin:0 auto}

#container {width: 920px; margin:0 auto;}
	.item {margin: 10px; width: 210px; float: left}
    .item a img {padding: 5px; background: #FFF; border: none}
	.item a:hover img {background: #ccc}
#container #bodyhome{ padding:46px 0 0 0;margin:0 auto;}
#container #bodyhome  #roundbn{height:403px; text-align:center;}	
     .banner{ height:383px; border:#000 solid 10px;}
	 .title{ height:20px; padding:34px 0px 10px 15px;} /* top,right,bottom,left*/
#container #bodyhome .viewproduct {width: 920px; padding:15px 0 15px 0; background:url(../images/bg_homepro.png) repeat-x top left; display:inline-block }
#container #bodyhome .viewproduct .item1 {margin: 15px 21px 15px 21px; width: 179px; float: left; background:#000;height:135px;}
#container #bodyhome .viewproduct .item1 a img {padding: 5px; background: #000; border: none; width:167px;}
#container #bodyhome .viewproduct .item1 a:hover img {background: #ccc}
#container #bodyhome .viewproduct .item1 a  {text-decoration:none; font-family:Arial; font-size:10pt; color:#9f9d9d; }
#container #bodyhome .viewproduct .item1 a:hover { text-decoration:underline; font-family:Arial; font-size:10pt; color:#FFF;}
#container #bodyhome div.rounded {

	background-color: #FFF;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 5px 5px 2px #000; /* for Mozilla */
	-webkit-box-shadow: 5px 5px 2px #000; /* for webkit */
	box-shadow: 5px 5px 2px #000; /* for Opera */
	display:inline-block;
	width:900px;
}
#container #bodyhome div.rounded1 {

	background-color: #f5f5f5;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 5px 5px 2px #000; /* for Mozilla */
	-webkit-box-shadow: 5px 5px 2px #000; /* for webkit */
	box-shadow: 5px 5px 2px #000; /* for Opera */
	display:inline-block;
	width:900px;
}
 #bodyhome div.rounded .about { float:left; width:900px; }
  #bodyhome div.rounded1 .about { float:left; width:900px; }
 .text h1,h2,h3 {font-family:Arial; color: #F90; font-style:italic}
 .bodytext { padding: 40px 5px; color: #666; font-family:Arial; font-size:12px; text-align:justify; font-weight:normal; line-height:18px;background-color: #FFF;}
#container h1,h2,h3,h4,h5,h6{font-family:Arial; color:  #F90; font-style:italic}
	
	
#footer {width: 920px; height:160px; margin:0 auto; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #ccc; padding: 20px 0;}

.clear {clear: both}
/* MENU */ 
/*

#nav, #nav ul{
line-height:40px; margin:0; list-style:none; padding:0 20px 0 0; font-size:11pt; font-family:arial; font-weight:normal; text-transform: uppercase; z-index:10;
}

#nav li a{
display:block;
text-decoration: none; display:block; padding: 0 20px 0 20px; color:#939393; background: url(../images/iconmenu.png) no-repeat left}

#nav li a:hover{
color:#FFFFFF; background: url(../images/iconmenu.png) no-repeat left;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:43px;
background-color:#000;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
*/
 /*END MENU */


/*ul#menu1{ line-height:50px; margin:0; padding:0; font-size:10pt; font-family:arial; font-weight:normal; font-style:italic  } 
ul#menu1 li{ float: left;  text-transform:uppercase; padding:0 25px 0 0; color:#939393; } 
ul#menu1 li a{  text-decoration: none; display:block; padding-left: 20px; color:#939393; } 
ul#menu1 li a:hover{color:#FFFFFF;}   
ul#menu1 li ul {  display:inline-block; } 
ul#menu1 li,ul,li a{  text-decoration: none; padding-left: 10px; color:#939393; text-transform:capitalize } 
ul#menu1 li,ul,li a:hover{color:#FFFFFF;}  */ 
#menu1
{
	z-index: 10;
    display: block;
	font-size:11pt; font-family:arial; font-weight:normal; 
	text-transform:uppercase;
	text-decoration:none;
	
	
	
	}
#menu1 li { float: left; padding:0 25px 5px 5px;}
#menu1 li a{ color:#939393;text-decoration: none;font-style:italic;}
#menu1 li a:hover{ text-decoration:underline}
#menu1 li ul {
    
    margin-top: 1px;
   
	width: 150px;
}
#menu1 li ul li{
	
	 background:transparent;
	 text-transform:capitalize;
	 text-align:left;
    color: #FFFFFF;
    width: 170px;
    font-size: 12px;
    font-weight: normal;
	line-height:20px;
	position:relative;
	
	}
#menu1 li ul li a{
	
}

#copyright { margin:0px 0 0 0px;  float:right; text-align:right ; font-family:arial; font-size:12px; line-height:24px;
	}
#hoanghaisoft { margin:0 0 0 0px; float:right; text-align:right;
	}
#box3{float:left; width:170px; padding:0 0 0 5px; line-height:24px; }
#box3 .link  {font-size:13px; font-family:Arial; font-weight:normal; color: #999; text-decoration:none; text-transform:uppercase;}
#box3 .link:hover  {font-size:13px; font-family:Arial; font-weight:normal; color: #999; text-decoration: underline; text-transform:uppercase;}
#box1{float:left; width:170px; padding:0 0 0 0px; line-height:18px; }
	.link  {font-size:12px; font-family:Arial; font-weight:normal; color: #999; text-decoration:none}
#box2 {float:left; width:230px;line-height:18px;padding:0 0 0 21px; font-family:Arial; font-size:11px}
/* data Grid */
* html .header ul li {
  width: 151px;
}
#menuleft {
	width:180px; float:left; margin:5px 20px 0 0; background-color:#CECECE; 
	    box-shadow: 2px 2px 10px #000;
    -moz-box-shadow: 2px 2p 10px #000;
    -webkit-box-shadow: 2px 2p 10px #000;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
	}
#product{
	width:688px; float:left;
	
	}
.category { font-family:arial; font-size:12px; text-decoration:none; color: #333}
.category:hover { font-family:arial; font-size:12px; text-decoration: underline;}
.data {
  width: 158px;
  float: left;
  padding: 0 7px 5px 7px;
  height:200px;
 /* border-right:1px dotted #E1E1E1;
  border-left:1px dotted #E1E1E1;*/
}

* html .data {
  width: 158px;
  
}

.rowodd,.roweven {
	
	margin:0 auto;
  position: relative;
  width: 690px;
  background-color: #FFFFFFF;
}

.roweven {
  background-color: #D1DCE9;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}
.boxdata{
	line-height:20px; text-align:left; width:158px;
	}
.img_sp{
	/*border: 5px solid  #333;*/
	width:100px;
	height:67px;

	background-color: black;

	padding: 5px;

	margin: 5px 5px 5px 5px;

	display: block;
	}
.img_sp:hover{
	/*border: 5px solid  #333;*/

	background-color: #036;


	}
	
.img_sp1{
	/*border: 5px solid  #333;*/

	background-color: black;

	padding: 5px;

	margin: 5px 5px 5px 5px;

	display: block;
	}
.img_sp1:hover{
	/*border: 5px solid  #333;*/

	background-color: #666;


	}
	
.title_sp{
	
	font-family:Arial;
	color: #000;
	text-decoration:none;
	font-size:13px;
	}
.price{
	font-family:Arial;
	color: #DF0000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	
	}
.chitiet_sp{
	font-family:Arial;
	color: #0096ff;
	text-decoration:underline;
	font-size:12px;
	}
.paging_sp{
	font-family:Arial;
	color: #666;
	text-decoration:none;
	font-size:12px;
	}
.paging_sp:hover{
	font-family:Arial;
	color: #666;
	text-decoration:underline;
	font-size:12px;
	}
/* NiVo Slider */
.theme-default #slider {
    margin:0 auto;
    width:882px; /* Make sure your images are the same size */
    height:383px; /* Make sure your images are the same size */
	 border:#000 solid 10px;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:0px;
}

/* End NiVo Slider */
.register{ float:left; width:400px; margin-top:10px; font-family:arial; font-size:12px; color: #666;}
.registera{ float:left; width:400px; margin-top:10px;}
.register_in1{ float:left; width:100px; text-align:justify;}
.register_in1a{ float:left; width:90px; text-align:justify; margin-right:10px;}
.register_in2{ float:left;}
.register_in3{ float:left; width:350px; text-align:left; margin-left:5px;}
/* Menu */
#nav {
    
    z-index: 10;
    display: block;
	font-size:11pt; font-family:arial; font-weight:normal; 
	padding:0 20px 0 20px;
}
#nav li { float: left; }
#nav li:hover { position: relative }
#nav li:hover > a {
   /* background: #7c7c7c;
	
    box-shadow: 5px 5px 25px #000;
    -moz-box-shadow: 5px 5px 25px #000;
    -webkit-box-shadow: 5px 5px 25px #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}
#nav li.sub:hover > a {
  /*  border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;*/
}
#nav li a {
    text-transform: uppercase;
    text-decoration: none;
    padding: 12px 20px 12px 20px;
    display: block;
	background:  url(../images/iconmenu.png) no-repeat left;
	color:#939393;
}
#nav li a:hover {/* background-color: #7c7c7c; */color:#FFF ;background:  url(../images/iconmenuhover.png) no-repeat left;}

#nav li ul {
    background: #fff;
    margin-top: -1px;
    display: none;
}
#nav li:hover ul {
	
    display:block;
    position:absolute;
	z-index:10;
}
#nav li ul {
	
    background: #7c7c7c;
    padding: 5px 5px;
    box-shadow: 5px 5px 25px #000;
    -moz-box-shadow: 5px 5px 25px #000;
    -webkit-box-shadow: 5px 5px 25px #000;
    border-radius: 0px 15px 15px 15px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 5px 5px 5px;
}
#nav li ul li a, #nav li ul li a:hover {
	
  	 background:#7c7c7c;
	 text-transform:capitalize;
	color:#ffffff;
	width: 200px;
    font-size: 12px;
    font-weight: normal;
}
#nav li ul li a:hover { text-decoration: underline;

    box-shadow: none;
	color:#333;
	background-image: linear-gradient(bottom, rgb(255,255,255) 58%, rgb(239,239,239) 98%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 58%, rgb(239,239,239) 98%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 58%, rgb(239,239,239) 98%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 58%, rgb(239,239,239) 98%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 58%, rgb(239,239,239) 98%);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.content_new2 .news{  float:left;  overflow:hidden; color:#000000;}
.content_new2 .news .news_in{ float:left; padding:15px;}
.content_new2 .news .news_in .title_news{  float:left;}
.content_new2 .news .news_in .title_news .title_news_in{ float:left; padding:0 0 10px 2px; font-family:arial; font-size:14px}
.content_new2 .news .news_in .title_news .title_news_in a{  text-decoration:none; color:#000;font-family:arial; }
.content_new2 .news .news_in .title_news .title_news_in a:hover{text-decoration:underline;}
.content_new2 .news .news_in .detail_news_content{  float:left; padding-top: 10px;}
.content_new2 .news .news_in .detail_news_content .back{  float:right; text-align:right; padding-top:10px;}


.content_new2 .news .news_in .title_recruit{  float:left;}
.content_new2 .news .news_in .title_recruit .title_recruit_in{ float:left; padding-left:10px;}
.content_new2 .news .news_in .title_recruit .title_recruit_in a{  text-decoration:none; color:#000; }
.content_new2 .news .news_in .title_recruit .title_recruit_in a:hover{text-decoration:underline;}