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

/*  reset begin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	margin-top: 0px;
	background:transparent;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	text-align:center;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/*  reset end  */
/* MISC BEGIN */
.clrfloat{clear:both;height:0px; line-height:0px;}
.clr{clear:both}
.left{float:left; margin-right:10px;}
.right{float:right; margin-left:10px;}
.mar_top_10{margin-top:10px;}
.mar_bot_10{margin-bottom:10px;}
.pad_top_30{padding-top:30px;}
.mar_top_30{margin-top:30px;}
.mar_bot_25{margin-bottom:25px;}
.mar_10{padding:10px;}
div#pagenav{
	text-align:right;
	line-height:22px;
	padding-right: 25px;
}
div#pagenav a {
	padding:0 2px;
	margin:0 2px;
	border:solid 1px #F60;
	font-weight:bold;
	font-size:12px;
	color:#f60;
}
div#pagenav a:hover {
	color:#fff;
	background:#f60;
}
/* MISC end */

/* typo begin */
div.content h1{}
div.content h2{ font-size:16px; color:#0072bf; font-weight:bold;}
div.content h3{}
div.content h4{}
div.content h5{}
div.content h6{}
div.content p{}
div.content ul.check li{}
div.content ul.order li{}
div.content blockquote, div.content q {font-style:italic; color:#F60;}
.blue {color:#0072bf}
/* typo end */

/* Layout position begin */

/* BLOCK MENU PROPERTY OF D&N advertising :)) 
a.block_menu { display:block; width:133px; position:absolute; height:32px; text-align:center; color:#fff; font-weight:bold;}
a#home{z-index:20; background:url(../images/button/xanh.gif) center bottom; right:369px}
a#intro{z-index:19; background:url(../images/button/xanh.gif) center bottom; right:251px}
a#consultant{z-index:18; background:url(../images/button/xanh.gif) center bottom; right:133px;}
a#contact{z-index:17; background:url(../images/button/xanh.gif) center bottom; right:10px}
div#wrap_menu_item a {padding-top:222px;}
div#wrap_menu_item a:hover, div#wrap_menu_item a.active{ height:36px; z-index:21; padding-top:230px;}
 END BLOCK MENU */
div#search{

}
div#language{
	position:absolute;
	left:925px;
	top:237px;
	z-index:25;
	height: 19px;
}
div#language img{ margin:2px;}
div#search input{
/*	background:url(../images/search_box.png) no-repeat;*/
	height:20px;
	width:154px;
	margin-left:10px;
	border:none;
	font-size:11px;
	line-height:20px;
	padding-left:10px;
	border:solid 1px #333399;
	width:140px;
}
div#search label{ color:#993300; font-weight:bold; padding-left:10px; }
#wrappage{
	width:1000px;
	margin:0 auto;
	text-align:center;
	border-left:solid 1px #121212;
	border-right:solid 1px #121212;
	background:url(../images/repeat_left_col.png) top left repeat-y #fff;
}
	/* wrap end */
	#head{height:272px; position:relative; text-align:left; background:url(../images/top_repeat.png) top left repeat-x;}
	h2.hotline{
	position:absolute;
	display:block;
	/*z-index:100;*/
	color: #8E4B38;
	font-weight:bold;
	font-size:14px;
	top: 177px;
	left: 36px;
}
		#livina_logo{
	width:183px;
	height:215px;
	position:absolute;
	/*z-index:41;*/
	background:url(../images/livina_logo_bg.png) no-repeat;
	top:0px;
	left:0px;
	padding-top: 25px;
	padding-left: 33px;
}
		#flash{
	position:absolute;
	right:5px;
	width:800px;
	z-index:5000;
	height:198px;
	top: 12px;
}	
		#hmenu{
	position:absolute;
	width:1000px;
	/*z-index:40;*/
	width:980px;
	right: 10px;
	height: 100px;
	bottom: 8px;
}			
	/* head end */	
	#body{
	text-align:left;
	background:url(../images/top_body.png) top left no-repeat;
	height:100%;
	position: relative;
	padding-bottom: 0px;
}
		#col_left_top{
	background:url(../images/top_col_left.png) top left no-repeat;
	padding-bottom: 15px;
}
		#col_left_bottom{/* background:url(../images/bot_left.png) bottom left no-repeat;*/}
		#col_left{
	width:200px;
	float:left;
	background:url(../images/repeat_left_col.png) repeat-y;
	margin-top: 11px;
}
			#vnav{}
			#web_status{}
		/* col_left end */
		
		.col_main{
	width:790px;
	float:right;
	padding-top: 10px;

	}		
		/* col_main end */		
	/* body end */
div#footer{
	background:#333399 url(../images/repeat_bottom.png) top left repeat-x;
	text-align:left;
	padding-left: 10px;
	padding-bottom: 5px;
}
div#footer p, div#footer p a{ line-height:18px; font-size:11px; color:#fff;}	
div#footer p a:hover {text-decoration:underline;}
div#footer a img {
	float:left;
	padding-left:40px;
	margin-right:80px;
	padding-top:15px
}
	/* footer end */
	div.content{padding:0 20px 0 30px;}
/* Layout position end*/
/* Skin begin */
body{
	background:#f0f0f0/*#e1c08b;*/
}

h1.little_header{ display:block; height:32px; width:180px;  background:url(../images/title_bar/dmsp_title.gif) no-repeat top left; margin:0 auto;}
h1.little_header span{
	color:#fff;
	line-height:32px;
	font-weight:bold;
	padding-left:20px;
}
div.dark_shadow{
	background:url(../images/dark_shadow.png) bottom right no-repeat #333399;
	padding-bottom: 12px;
	padding-right: 5px;
	margin: 0 auto;
	width: 180px;
}
h1.title_orange_s{
	display:block;
	width:168px;
	height:43px;
	background:url(../images/title_bar/headtitle_nho.png) top left no-repeat;
	margin-left: -7px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:43px;
	padding-left:20px;
}
div.title_big_2 {
	height:40px;
	border-bottom:solid 2px #333399;
}
div.title_big_2 h1{
	height:27px;
	display:block;
	background:url(../images/title_bar/headtitle_xanh.png) no-repeat bottom right;
	padding-right:120px;
	float:left;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
	padding-top: 15px;
}
div.title_big_2 h1 a {
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
div.title_big_2 h1 a:hover{text-decoration:underline;}
div.litle_panel{ margin-top:10px;}
div.panel_content{ background:#fff; padding:15px 0;}
/* Skin end */
/* Form begin*/
/* Form end */
div#support_online dl dt, div#support_online dl dd { text-align:center; font-size:11px;line-height:normal;}
div#support_online dl{padding:5px 0; border-bottom: solid 1px #f0f0f0}
div#support_online dl.online dd{color:#f00;}
div#support_online dl.offline dd{color:#999;}
div#news_product dl.product_mini{padding:5px 0; border-bottom:solid 1px #f0f0f0;}
div#news_product dl.product_mini dt, div#news_product dl.product_mini dd {text-align:center; font-weight:bold; color:#003399;}
div#news_product dl.product_mini dd a{color:#003399;}
div#news_product dl.product_mini dt.pro_img a img{border:solid 1px #333;}
div.litle_panel{
	width:180px;
	margin:0 auto;
	padding-top: 10px;
}
div#web_status div div div span{ font-size:10px}
div#truycap, div#webstatus{
	width:74px;
	text-align:center;
	float:left;
	border: solid 1px #f0f0f0;
}
div#truycap{
	margin-right:5px;
	margin-left: 8px;
}

/* -------------------------- */
div.big_panel {
	background:url(../images/big_shadow.gif) bottom right no-repeat;
	padding-right: 10px;
	padding-bottom: 14px;
}

h1.big_title{display:block; border-bottom:solid 2px #f98a18; margin-left:5px; height:46px;}
h1.big_title span{display:block; position:relative; height:46px;}
h1.big_title span img{
	display:block;
	position:absolute;
	left:-5px;
	top: 15px;
}
div.nav_linhtinh{padding-top:20px;}
div.content{
	padding-left:10px;
	padding-bottom:30px;
	padding-top: 20px;
}

div.content span, div.content p {
	line-height:16px;
}

div.content p {
	padding-top:0px;
}

div#gttc div.content p {
	padding-top:0px !important;
}

div#gttc div.content p{padding:5px 0;}


div.product_show, div.product_show2{
	padding-left:10px;
	padding-bottom:30px;
	padding-top: 20px;
}
div.pro_group{width:238px; height:214px; float:left; background:url(../images/big_shadow_2.gif) bottom right no-repeat; padding-right:8px; padding-bottom:14px; margin:1px; overflow:hidden;}
div.pro_group h2{display:block; height:29px;}
div.pro_group dl.pro_group_content{
	display:block;
	height:183px;
	width:228px;
	background:#f5f5f5;
	position:relative;
	overflow:hidden;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	border-left:solid 1px #dedede;
	border-top:solid 1px #dedede
}
div.pro_group dl.pro_group_content dt a{display:block; width:217px; height:95px; margin:10px auto; position:relative; overflow:hidden;}
div.pro_group dl.pro_group_content dt a span.water_mark{display:block; width:217px; height:95px; position:absolute; left:0px; background:url(../images/wt_p.png) center center no-repeat; z-index:100; visibility:hidden;}
div.pro_group dl.pro_group_content dt a:hover span.water_mark {z-index:100; cursor:pointer; visibility:visible;}
div.pro_group dl.pro_group_content dd {line-height:18px;}
div.pro_group dl.pro_group_content dd a { font-size:11px; padding:0 10px; line-height:normal; cursor:pointer;} 
div.pro_group h2 {display:block;}
div.pro_group h2 a {
	display:block;
	height:29px;
	padding-right:35px;
	background:url(../images/left_folder.png) bottom right no-repeat;
	line-height:29px;
	float:left;
	padding-left:10px;
	border-left:solid 1px #dedede;
	font-weight:bold;
	color:#333399
}

dl.product2{display:block;width:355px;float:left;margin:5px 5px;padding:5px 10px 5px 0;	margin-right:5px;border-bottom:solid 1px #f0f0f0;
}
dt.pro_img2 { float:left; margin-right:10px;}
dt.pro_img2 a img{ border:solid 1px #f0f0f0;}
dd.pro_name2 a{
	color:#993300;
	font-weight:bold;
}
dd.pro_des2 {line-height:18px;}
dd.pro_nav2 { text-align:right;}
dl.product2 .pro_price2 strong {color: #FA8715;}
dl.product2 .pro_price2 strong span {
	color: #993300;
}

dl.product3{display:block;}
dt.pro_img3 { float:center; margin-right:10px;}
dt.pro_img3 a img{ border:solid 1px #f0f0f0;}
dd.pro_name3 a{
	color:#993300;
	font-weight:bold;
}
dd.pro_des3 {line-height:18px;}
dl.product3 .pro_price3 strong {color: #FA8715;}
dl.product3 .pro_price3 strong span {
	color: #993300;
}

.style1 {
	color: #FF0000;
	font-weight: bold;
}
.style2 {
	color: #003399;
	font-weight: bold;
}
.style3 {color: #FF0000}
.style4 {color: #0033CC}
dd.pro_group2 .pro_price2 strong {
	color: #FA8715;}
	
marquee#slogun{
	display:block;
	margin:0 100px;
	color:#C00;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	padding: 10px;
}
div.other_prod dl{display:block; width:82px; border:solid 1px #f0f0f0; float:right; margin:10px 0 0 2px;}
div.other_prod dl dt img{border-bottom:solid 1px #f0f0f0}
div.other_prod dl dd {
	text-align:center;
	background:#333399;
}
div.other_prod dl dd a{font-size:10px; font-weight:bold; color:#fff; line-height:normal;}
div.other_prod dl dd:hover {
	background:#333399;
}

/* asdjlaskjd */
div.tin_ngan{
	margin:5px 30px 5px 20px;
	border-bottom:solid 1px #dedede;
	padding:5px 0;
}
div.tin_ngan a.newsimg {display:block; background:#f0f0f0; border:solid 1px #999; float:left; padding:2px; margin-top:5px; margin-right:10px;}
div.tin_ngan p {text-align:justify;}
div.tin_ngan p, div.tin_ngan h3 { padding-left:56px;}
div.tin_ngan a.newsimg:hover { border:solid 1px #fff;}
p.date{color:#F60;padding:0px!important;}
div.tin_ngan p.chitiet{ text-align:right;/* background:url(../images/dotted.gif) repeat-x bottom;padding:0px;*/}
object { background:#fff;}
/* ---------------  theem theem  */
	#head{height:272px; position:relative; text-align:left; background:url(../images/top_repeat.png) top left repeat-x;}
	h2.hotline{
	position:absolute;
	display:block;
	z-index:7;
	color:#8E4B38;
	font-weight:bold;
	font-size:14px;
	top: 167px;
	left: 36px;
}
		#livina_logo{
	width:183px;
	height:215px;
	position:absolute;
	z-index:41;
	background:url(../images/livina_logo_bg.png) no-repeat;
	top:0px;
	left:0px;
	padding-top: 25px;
	padding-left: 33px;
}
		#flash{
	position:absolute;
	width:980px;
	z-index:6;
	height:198px;
	top: 12px;
	left: 10px;
	overflow: hidden;
}	
		#hmenu{
	position:absolute;
	width:1000px;
	z-index:4;
	width:980px;
	right: 10px;
	height: 100px;
	bottom: 8px;
}			
/*  DAY LA CAI MARRQUEE BEN FILE .HTML */
/* <marquee onmouseout="this.start()" onmouseover="this.stop()" scrollamount="4" direction="left" style="display:block; width:970px; color:#FFf; height:24px; background:url(images/marquee.png) top left repeat-x; position:absolute; bottom:40px; right:15px; line-height:24px; font-size:11px; z-index: 100;"> */