/*Hoang Ha style like havico*/



body {

	margin: 0;

	padding: 0;

	color: #222 !important;

	font-family: Lucida Grande, Arial, sans-serif;

	line-height: 1.6;

/*	background-color: #665f5f;

	background-repeat: repeat;

	background-image: url(../images/main_bg.jpg);

	*background:url(images/bg1.jpg) repeat fixed 0 0;

	background-attachment:fixed;*/
	background: -moz-linear-gradient(top,  rgba(22,63,110,0.8) 0%, rgba(22,63,110,1) 14%, rgba(22,63,110,1) 29%, rgba(29,99,157,1) 45%, rgba(22,63,110,1) 69%, rgba(22,63,110,1) 84%, rgba(22,63,110,0.8) 92%, rgba(22,63,110,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(22,63,110,0.8)), color-stop(14%,rgba(22,63,110,1)), color-stop(29%,rgba(22,63,110,1)), color-stop(45%,rgba(29,99,157,1)), color-stop(69%,rgba(22,63,110,1)), color-stop(84%,rgba(22,63,110,1)), color-stop(92%,rgba(22,63,110,0.8)), color-stop(100%,rgba(22,63,110,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(22,63,110,0.8) 0%,rgba(22,63,110,1) 14%,rgba(22,63,110,1) 29%,rgba(29,99,157,1) 45%,rgba(22,63,110,1) 69%,rgba(22,63,110,1) 84%,rgba(22,63,110,0.8) 92%,rgba(22,63,110,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(22,63,110,0.8) 0%,rgba(22,63,110,1) 14%,rgba(22,63,110,1) 29%,rgba(29,99,157,1) 45%,rgba(22,63,110,1) 69%,rgba(22,63,110,1) 84%,rgba(22,63,110,0.8) 92%,rgba(22,63,110,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(22,63,110,0.8) 0%,rgba(22,63,110,1) 14%,rgba(22,63,110,1) 29%,rgba(29,99,157,1) 45%,rgba(22,63,110,1) 69%,rgba(22,63,110,1) 84%,rgba(22,63,110,0.8) 92%,rgba(22,63,110,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(22,63,110,0.8) 0%,rgba(22,63,110,1) 14%,rgba(22,63,110,1) 29%,rgba(29,99,157,1) 45%,rgba(22,63,110,1) 69%,rgba(22,63,110,1) 84%,rgba(22,63,110,0.8) 92%,rgba(22,63,110,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc163f6e', endColorstr='#00163f6e',GradientType=0 ); /* IE6-9 */
background:#FFF;


}

p {

	display: block;

	-webkit-margin-before: 1em;

	-webkit-margin-after: 1em;

	-webkit-margin-start: 0px;

	-webkit-margin-end: 0px;

}

#hh-body-wrapper{

	margin:0;

	width:100%;

	padding: 0;

	border: 0;

	outline: 0;

	top:0;

	left:9;

	vertical-align: baseline;

}

#hh-wrapper{

	width:1010px;

	margin:0 auto;

}

#hh-header{

	width:100%;

	/*background:url(images/banner-header.jpg) no-repeat scroll right top #FCFDFC;*/

	height: 160px;

	line-height: normal;

	position: relative;

}

#hh-navigation{

	float:left;

	width:100%;
	background:#333333;

	/*background: url(images/bg-top-menu.png) no-repeat scroll left top transparent;*/

	height:35px;


}

#hh-content{

	float:left;

	width:100%;

	background:#FFF;

}

#hh-content1{

	position:relative;

	width:100%;
    display:table;
}

.col-left{

	width:210px;

	background:#FFFFFF;

	float:left;
	margin-top:10px;



}

#hh-content2{

	width:100%;

	height:110px;

}

#hh-footer{

	float:left;

	width:100%;

	height:170px;

	background:#3D3D3D;

	border-top:1px #888 solid;

	border-bottom:1px solid black;

}

#hh-copy{

	float:left;

	width:100%;

	height:110px;

	background:#212222;

	border-top:1px #444 solid;

	border-bottom:1px black solid;

}

#hh-text-link{

	float:left;

	width:100%;

	height:24px;

	background:#212222;

	border-top:1px #333 solid;

	border-bottom:1px #111 solid;

	padding:10px 0px;

}

.box{

	background: #FFF;
	width: 200px;
	margin: 0px 0px 5px 0px;
	/*border: 1px solid #063;*/
	/*border-radius:5px 5px 0px 0px;*/
	font-size:100%;
}
.box h3{

	height: 25px;
	margin-top:0;
	margin-bottom:0px;
	padding: 0px 8px 0px 8px;
	font-size: 16px;
	font-weight: bold;
	color: #05a;
	line-height: 30px;
	letter-spacing: 0px;
	text-align:left;
	font-family:Arial, sans-serif;
	text-transform:capitalize;
    text-shadow: 3px 3px 5px #DDDDDD;
    text-transform: uppercase;
/*	border-radius:4px 4px 0px 0px;*/
}
.box h4{
    font-size: 13px;
    margin: 0;
    padding: 5px 10px 2px 10px;
    _text-transform: capitalize;
}
.wrap-arrow{
    margin-left: -1px;
    position: relative;
    left: 37px;
    border-style: solid;
    border-width: 7px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 7px solid #bbb;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    top: 0px;
}
.box-arrow{
    border-style: solid;
    border-width: 7px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 7px solid white;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 1px;
    left: -7px;
}
.box-content{
	background: url(images/bg-box.png) repeat-x;
	padding: 0px 3px 5px 3px;
	margin: 0;
    border:1px solid #BBBBBB;
    border-radius:3px;
    box-shadow: 1px 2px 4px 0px #EEEEEE;
}
.box-content .text{

}
.box-content ul{
	clear:both;
    margin:0 10px 0 10px;
	padding: 0 0 5px 5px;
	list-style:none;
    border-bottom: 1px solid #EEEEEE;
}
.box-content ul:last-child{
    border-bottom: none;
}
.box-content ul li{
	background-image:url(images/li.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 6px;
	/*border-bottom: 1px solid #063;*/
    text-transform: capitalize;
	font-size:12px;
	color:#000;
    height: 19px;
}
.box-content ul li a{
	color:#05a;
	font-family:Arial, sans-serif;
	text-decoration:none;
}
.box-content ul li:hover{
	background-image:url(images/li_active.gif);
    _background-image:url(images/snow.png);
	background-position: right 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 6px;
	color:#e47911;
	text-decoration:none;
	/*padding: 0px 0px 0px 6px;
	color:#e47911;
	font-size:15px;
	font-weight:bold;*/
}
.box-content ul li:hover a{
	_color:#e47911;
	
}
.box-content ul li a:hover{
	color:#e47911;
    text-decoration:underline;
}
.box-content ul li a:visited{
	_color:#F60;
}
/*MAIN*/

.main-content{

	font-family: 'Open Sans',Helvetica,Arial,sans-serif;

	font-size: 13px;

	position: relative;

	width:796px;

	background:#FFFFFF;

	float:right;

	margin-top:20px;
    text-align: justify;

}

.main-content h1{

color: #00F;
font-size: 16px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding-top: 10px;
padding-bottom: 2px;
margin:0;
padding:0;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;

}
.main-content h2{
	color:#00F;
	font-size:15px;
	margin:0;
	padding-left:10px;
}

.main-content h3{

	color:#00F;
	margin-bottom:0px;
	font-weight:bold !important;
	font-size:14px;

	padding:0px;

	padding-left:25px;

	font-weight:normal;

}
.main-content table{
    margin:0 0 10px 20px !important;
    width:95% !important;
}
.main-content p{
	
	margin:0;
	padding:0;
	padding-left:10px;
	line-height:18px !important;
	font-size:12.5px !important;
}
.main-content p span{
	line-height:18px !important;
	font-size:12.5px !important;
}
.main-content p span span{
	line-height:18px !important;
	font-size:12.5px !important;
}
.main-content p span span span{
	line-height:18px !important;
	font-size:12.5px !important;
}
.main-content li{
	height:18px;
}
.main-content a{

	color:#366;

	text-decoration:none;

	font-size:12.5px;
	line-height:15px;

	font-family: 'Open Sans',Helvetica,Arial,sans-serif;

}
.main-content .text{
	line-height:18px !important;
	font-size:12.5px !important;
	padding:5px;
}
.main-content a:hover{

	text-decoration:underline;

	color:#603;

}

.main-content a:visited{

	color:#603;

	text-decoration:none;

}
/*SLIDESHOW INDEX*/
.slide{
	float:left;
	width:100%;
}

/*END SLIDESHOW*/
/*DANH SACH SAN PHAM INDEX*/
		/*Loai cha*/
.loai_cha{
	float:left;
	width:100%;

}
.ten_loai_cha{
	/*color:#8ea002;*/
	color:#e47911;
	display:block;
	font-weight:200;
	font-style:normal;
	/*font-family:"Comic Sans MS", cursive;*/
	font-family:Arial, Helvetica, sans-serif;
	white-space:nowrap;
	overflow:hidden;
	line-height:1;
	text-transform:uppercase;
	width:100%;
	text-align:left;
	font-size:12px;
}
.ten_loai_cha .ten{
	width:100%;
	font-size:15px;
	margin-top:20px;
	text-transform:capitalize;

}
.arrow{
	width:100%;
	text-align:center;
}
.ten_loai_con{
	float:left;
	width:100%;
}/*
.ten_loai_con ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.ten_loai_con li{
	height:40px;
	line-height:40px;
	width:100%;
	margin:0px;
	padding:0px;;
	background:#66C;
	font-size:16px;
	font-weight:bold;
	border:#FFF solid 1px;
	border-bottom:none;
	vertical-align:middle;
	color:#000;
	border-radius:10px;
}
.ten_loai_con li a{
	color:#000;
	line-height:40px;
}
.ten_loai_con li:hover{
	color:#FFF;
	background:#008000;
}*/
.xem_them{
	font-size:0.7em;
	text-align:right;
}
		/* END Loai cha*/
.sanpham{
	float:left;
	margin:5px;
	/*border:1px solid #DFDFFF;*/
}
.sanpham .tensp{
	padding:0px;
	margin:0;
    margin-top:5px;
	text-align:center;
	color:#2980b9;
}
.sanpham .tensp h4{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:100;
}
.sanpham .hinhsp{
	width:149px;
	height:110px;
	border:none;
	padding:10px 20px;
	padding-bottom:5px;
}
.sanpham .hinhsp img{
	height:100%;
	width:100%;
}
.content-top{
	width:100%;
	float:left;
}
.giasp{
	width:100%;
	text-align:center;
	font-size:0.8em;
}
.giasp span{
	color:red;
}
.btn_chitiet{
	margin:10px auto;
	text-align:center;
}
.btn_chitiet .btn{
	padding:5px 20px;
	border-radius:3px;
	font-weight:bold;
	background:#2980b9;
	color:#000;
}
.btn_chitiet .btn:hover{
	color:#F93;
	text-decoration:none;
}
.btn_chitiet .btn:visited{
	color:#F93;
	text-decoration:none;
}
/* END DANH SACH SAN PHAM INDEX*/
.content-bot{
	float:left;
	width:100%;
	padding:5px 0px;
	margin-top:20px;
}
.bot_1{
	float:right;
	width:33.33%;
	height:150px;

}
.bot_2{
	float:right;
	width:33.33%;
	height:150px;
	background:none;
}
.bot_3{
	
	float:right;
	width:33.33%;
	height:150px;
	background:white;
}
.content-bot h4{
	margin:0;
	padding:0;
	padding-left:10px;
	font-weight:bold;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	text-align:left;
}
.bot_3 ul{
	font-size:12px;
	padding-left:30px;
	margin-top:0.3em;
	list-style-image:url('images/ico_dathang.png');
}
.bot_3 li{
	text-indent:0px;
	height:2em;


}
.bot_1 ul{
	font-size:12px;
	padding-left:10px;
	margin-top:0.3em;
	list-style:none;
	/*list-style-image:url('images/news_li.png');*/
}
.bot_1 li{
	height:2em;
	background:url(images/news_li.png) 0 3px no-repeat;
	padding-left:20px;

}
.bot_2 .hinhgt{
	width:30%;
	border-radius:5px;
	border-color:#CCC;
	float:left;
}
.bot_2 .contentgt{
	width:70%;
	float:left;
}
.bot_2 img{
	width:100%;
	height:100%;
	margin-top:0.3em;
	border-radius:5px;
}
.bot_2 .contentgt p{
	padding:10px;
	padding-top:0.3em;
	text-align:justify;
}
/*END MAIN*/



/*-------------------------------------------------FOOTER----------------------------*/

.footer-content{

	width:1024px;

	margin:0 auto;

	height:100%;



}

.footer-content .col{

	width:240px;

	float:left;



	padding:10px 8px;

	color:#FFF;

}

.col p {

	margin:0;
	display: block;

	font-size: 16px;	

	font-weight: normal;

	color:#999;
	text-transform:uppercase;
	
	text-transform:uppercase;

}

.col .title_fot dot_bot_icons{

	font-size: 14px;

	font-weight: normal;

	color: #999;

	text-transform: uppercase;

	padding-bottom: 10px;

	padding-left:5px;

	cursor: pointer;

	text-decoration:none;

}

.col ul{

	margin:0;

	padding-left:20px;

}

.col .list_art li{

	padding-left:-10px;

	text-indent:-5px;

}

.col .list_art li h3{

	font-size:12px;

	font-weight:normal;

	color: #999;

	margin: 0px;

	padding: 0px;

}

.col .list_art li h3 a{

	color:#999;

	text-decoration:none;

	line-height:150%;

}

.col .list_art li h3 a:hover{

	color:white;

	text-decoration:underline;

}

.copy-content{

	width:1024px;

	margin:0 auto;

}

.top-cop{

	float:left;

	width:100%;

	margin:0;

	padding:0;

}

.top-cop .left{

	float:left;

	margin-bottom:0px;

	padding-bottom:0px;

}

.top-cop .left p{

	color:#ccc;

	margin-top:0px;

	margin-bottom:0px;

	padding-top:0px;

	padding-bottom:5px;

	font-size:13px;

}

.top-cop .left .tencty{

	padding-top:15px;
	color:#ccc;

	font-size:13px;

	font-weight:bold;

	padding-bottom:0px;

	margin-bottom:0px;

}

.top-cop .info-cop{

	float:right;

	color:#ccc;

	margin-top:60px;

	padding-top:0px;

	padding-bottom:5px;
	padding-right:50px;

	font-size:12px;

}

.bot-cop {

	float: left;

	width: 100%;

	padding: 10px 0px 0px 0px;

	position:relative;

}

.nav_bot {

	float: left;

	width: 100%;

	padding:0px;

	margin:0px;

	list-style-type:none;

	line-height:12px;

	height:12px;





	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

.nav_bot li:first-child {

	padding: 0px 0px 0px 0px;

	margin-left:0px;

	line-height:12px;



}

.nav_bot li {

	float: left;



	

	line-height:12px;



}

.nav_bot li h2 {

	font-size: 12px;

	font-weight: bold;

}

.nav_bot li:first-child a{

	padding-left:0px;

}

.nav_bot li a {

	display: block;

	color: #ccc;

	text-decoration:none;

	padding: 0px 10px;

	border-right: 1px solid #999;

}

.nav_bot li a:hover{

	color:white;

}

.link-content{

	width:1024px;

	margin:0 auto;

	position:relative;

	height:100%;

}

.list_text_link {

margin:0px;

padding:0px;

float: left;

width: 100%;

list-style-type:none;

position:relative;

}

.list_text_link li {

padding: 0px 6px 0px 0px;

float: left;

position:relative;

}

.list_text_link li h2 {

font-size: 11px;

font-weight: normal;

padding:0px;

}

.list_text_link li a {

display: block;

color: #666;

text-decoration:none;

padding:0px;

}

.list_text_link li a:hover {

	color:#FFF;

}

/*-------------------------------------------------END-FOOTER----------------------------*/

/*MENU*/

.ddsmoothmenu{

	float: left;

}



.ddsmoothmenu ul{

	z-index:100;

	margin: 0;

	padding: 0;

	list-style-type: none;

}



/*Top level list items*/

.ddsmoothmenu ul li{

	position: relative;

	display: inline;

	float: left;

}



/*Top level menu link items style*/

.ddsmoothmenu ul li a {

	display: block;

		font-weight:bold;

	padding: 0 18px;

	height: 35px;

	line-height: 35px;

	font-size: 12px;

	color: #ffffff;	

	text-decoration: none;

	outline: none;

	text-align: center;

}



* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	color: #FCEE21;

	background: #2f2f2f;

}



/*1st sub level menu*/

.ddsmoothmenu ul li ul {

	position: absolute;

	left: 0;

	padding: 10px 0 0;

	display: none; /*collapse all sub menus to begin with*/

	visibility: hidden;

	background: #313131;

	border-bottom: 4px solid #000

}



/*Sub level menu list items (undo style from Top level List Items)*/

.ddsmoothmenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.ddsmoothmenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.ddsmoothmenu ul li ul li a{

	font-weight: 400;

	width: 130px; /*width of sub menus*/

	height: 30px;

	padding: 0 30px;

	line-height: 30px;

	font-size: 11px;	

	text-align: left;

	background: none;

	color: #ccc;

	border-bottom: 1px solid #222;

	border-top: 1px solid #444;

}



.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {

	color: #fff;

	font-weight: 700;

	background: #222;

}



/* Holly Hack for IE \*/

* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/





/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}



/* ######### CSS for shadow added to sub menus  ######### */



.ddshadow{

position: absolute;

left: 0;

top: 0;

width: 0;

height: 0;

}



.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/

opacity: 0.5;

}



/* /MENU */



/*SCROLL*/

/* Container DIV - automatically generated */

.simply-scroll-container { 

	position: relative;
	padding-top:13px;

}



/* Clip DIV - automatically generated */

.simply-scroll-clip { 

	position: relative;

	overflow: hidden;

}



/* UL/OL/DIV - the element that simplyScroll is inited on

Class name automatically added to element */

.simply-scroll-list { 

	overflow: hidden;

	margin: 0;

	padding: 0;

	list-style: none;

}

	

.simply-scroll-list li {

	padding-top:30px;

	margin: 0;

	list-style: none;

}

	

.simply-scroll-list li img {



	border: none;

	display: block;

}





/* Custom class modifications - adds to / overrides above



Vertical scroller example, with custom base class */



/* Container DIV */

.vert { 

	width: 174px; /* wider than clip for custom button pos. */

	height: 400px;

	margin-bottom: 1.5em;

}



/* Clip DIV */

.vert .simply-scroll-clip {

	width: 174px;

	height: 425px;

}



/* Explicitly set height/width of each list item */

.vert .simply-scroll-list li {

	width: 174px;
	margin:-40px !important;
	height: 180px;
	border-bottom:none !important;

}
/*ĐĂNG NHẬP*/
.login-form{
  font-family: cursive;  
}
.login-form table{
    margin: 30px 200px;
}
.login-form table tr{
    text-align: center;
}
.login-form table tr td span{
    font-family: monospace;
    color: red;
}
.back-to-top{
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 80px;
    background: none;
}
.chunoi{
    color: blue;
}
/*END ĐĂNG NHẬP*/
/*BẢNG GIÁ*/
.bang-gia{
    width: 100%;
    text-align: center;
}
.bang-gia table{
    text-align: center;
    margin:5px auto;
    margin-bottom: 10px;
    width:100%;
    cursor:move;
}
.bang-gia table tbody tr th{
    background-color: #cadbff;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    padding: 3px;
}
.bang-gia table tbody tr:first-child{
    background-color: #blue;
}
.bold-td{
    font-weight: normal;
    font-size: 14px;
    color: #000;
    background-color: #a9bc6f;
}
.bold-td2{
    font-weight: normal;
    font-size: 14px;
    color: #000;
    background-color: #bc84a1;
}
sup{
    font-size:10px !important;
}
.gia-giam {
margin: 0;
padding: 0;
width: 100%;
color: #e01142 !important;
font-weight: 600;
line-height: 16px;
}
/*END BẢNG GÍA*/