/*
main font: 
main background color: #
main text color: #
hover text color: #
active text color: #
visited text color: #
*/

/*
@font-face {
	font-family: "NokiaPureHeadline";
	src: url("../fonts/nokiapureheadlinelt-webfont.eot");
	src: url("../fonts/nokiapureheadlinelt-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/nokiapureheadlinelt-webfont.woff") format("woff"),
         url("../fonts/nokiapureheadlinelt-webfont.ttf") format("truetype"),
         url("../fonts/nokiapureheadlinelt-webfont.svg#NokiaPureHeadlineBold") format("svg");
}
*/
@font-face {
    font-family: "utm_avoregular";
    src: url("../fonts/utm_avo-webfont.eot");
    src: url("../fonts/utm_avo-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/utm_avo-webfont.woff2") format("woff2"),
         url("../fonts/utm_avo-webfont.woff") format("woff"),
         url("../fonts/utm_avo-webfont.ttf") format("truetype"),
         url("../fonts/utm_avo-webfont.svg#utm_avoregular") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "utm_avobold";
    src: url("../fonts/utm_avobold-webfont.eot");
    src: url("../fonts/utm_avobold-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/utm_avobold-webfont.woff2") format("woff2"),
         url("../fonts/utm_avobold-webfont.woff") format("woff"),
         url("../fonts/utm_avobold-webfont.ttf") format("truetype"),
         url("../fonts/utm_avobold-webfont.svg#utm_avobold") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "utm_avoitalic";
    src: url("../fonts/utm_avoitalic-webfont.eot");
    src: url("../fonts/utm_avoitalic-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/utm_avoitalic-webfont.woff2") format("woff2"),
         url("../fonts/utm_avoitalic-webfont.woff") format("woff"),
         url("../fonts/utm_avoitalic-webfont.ttf") format("truetype"),
         url("../fonts/utm_avoitalic-webfont.svg#utm_avoitalic") format("svg");
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: "utm_avobold_italic";
    src: url("../fonts/utm_avobold_italic-webfont.eot");
    src: url("../fonts/utm_avobold_italic-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/utm_avobold_italic-webfont.woff2") format("woff2"),
         url("../fonts/utm_avobold_italic-webfont.woff") format("woff"),
         url("../fonts/utm_avobold_italic-webfont.ttf") format("truetype"),
         url("../fonts/utm_avobold_italic-webfont.svg#utm_avobold_italic'") format("svg");
    font-weight: normal;
    font-style: normal;

}

/* reset & default */
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, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {background:url(../images/bg.jpg) repeat-x top ; color: #000; font-family: "Times New Roman", Times, serif; font-size: 12px; line-height: 1;}
textarea {font-family: inherit; overflow: auto; vertical-align: top; resize: none}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
table {border-spacing: 0;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
a {color: #000; text-decoration: none;}
a:hover {color: #60BB46;}
a:active {color: #60BB46;}
:focus {outline: 0;}



/* structure */
#container {width: 100%; margin: 0 auto; position:absolute}
	#header {width: 100%; background:url(../images/bg_top.jpg) repeat-x top; height:145px}
	#inner {width: 1100px; margin:0 auto;}
		#inner h1 { float:left; padding-top:10px; width:403px;}
		#inner .h-group-center{ padding-top:20px; float:right; }
		.h-group-center p{color: #000; font-size: 17px;font-family: "utm_avoregular", Times, serif; line-height:20px;text-align: center;}
		.h-group-center li{ color:#000; font-size:16px; font-family: "utm_avoregular", Times, serif; line-height:16px}
		.h-group-center li.add{background:url(../images/icon-ad.png) no-repeat center left ;}
		.h-group-center li.email{background:url(../images/icon-email.png) no-repeat center left ;}
		
					
				
	#main {width: 100%; margin: 0 auto; background-color:#fff; overflow:hidden; z-index:-9999}
		#nav {background:#9b5b11; width:1100px; margin:2px auto; overflow:hidden; -webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px; height:47px; position:relative; box-shadow: 0px 3px 3px #4f4d4d;}
				#nav li {float: left; padding: 0px 19px;background:url(../images/line-mnu-top.jpg) no-repeat center right; height:47px;}
				#nav li a{ color:#fff; font-size:16px; line-height:47px; font-weight:bold }
				#nav li a:hover, #nav a.active{ color:#000;}
				#nav li:first-child{ border-left:none; padding-left:20px}
				.search {
    background:#e6e7e8;
    width: 190px;
    height: 30px;
    float: right;
	position:relative;
	margin-right:40px; margin-top:7px;
	}
.search .s-input{ width:174px; background:none; background-color:#e6e7e8;   padding: 0px 0px 0px 5px;  color: #818181; font-size:11px; height:30px}
.s-button{ border:0; background:url(../images/icon_search.gif) no-repeat right; width:19px; height:18px;display:block;text-indent:-9999px;padding: 0; position:absolute; right:5px; top:6px}
		#slidebanner{ z-index:-9999; background:url(../images/slide1.jpg) no-repeat; height:350px; margin-top:-25px;}
	
		#main1 {width: 1100px; margin: 10px auto; background-color:#FFFFFF}
		#sidebar {float: left; width: 300px;overflow: hidden; background:url(../images/bg_mnu_left.png) no-repeat top center; }
			#sidebar .left-mnu {padding:0px 20px;}
			#sidebar h2{ background:url(../images/header_block.png) no-repeat bottom center; height:48px; font-size:20px; color:#000000;
			padding: 9px 0px 20px 0px; font-family: 'utm_avoregular', sans-serif; margin-top:10px; font-weight:300; text-align:center}
			.left-mnu ul.lmnu{ font-size:13px;  font-family: 'utm_avoregular', sans-serif;font-weight:300;}
			.left-mnu ul li {border-bottom:1px #9b5b11 dashed; margin:0px 15px;}
			.left-mnu ul li a{ background:url(../images/icon_mnu_left.gif) no-repeat 8px; padding-left:40px; line-height:35px;color:#9b5b11; font-size:16px; }
			#sidebar .support {padding:0px 20px;}
			.support h2 {font-size:16px; color:#000000; padding: 9px 0px 20px 60px; font-family: 'utm_avoregular', sans-serif; margin-top:10px; font-weight:300;}
			.support img { padding-left:27px}
			.support .hotline{background:url(../images/bg_hotline.jpg) no-repeat center left ; line-height:46px;color:#FF0000; font-size: 24px; font-weight: bold; padding: 6px 0px 0px 60px; margin: 10px 0px 0px 20px;}
			#sidebar .adv {padding:0px 20px;}
			.adv h2 {font-size:16px; color:#000000; padding: 9px 0px 20px 60px; font-family: 'utm_avoregular', sans-serif; margin-top:10px; font-weight:300; text-transform:uppercase}
			.adv img { padding-left:27px}
			
		#content {background: #fff; float:right; width:785px}
			#content .product { background: #fff; display: block; }
			#content .product h2 {background:url(../images/icon_logo.jpg) no-repeat #9b5b11; font-size: 17px; font-family: 'utm_avoregular', sans-serif; color: #fff ; position: relative; margin-bottom: 20px;  font-weight:300; height:41px; padding-left:60px; line-height:41px}
			
			
			#product .sanpham{ width:100%;}
			.sp { float:left; width:230px; height:232px; margin:  5px 15px 14px 14px;border: 1px solid #c9c8c8;}
			.sp .prod-img{ width:225px;  margin:0 auto; text-align:center; padding-top:5px;}
			.sp .text-sp {width:230px; text-align:center; padding-top:5px;}
			.sp .text-sp a{color:#694117; font-size:14px; font-weight:bold;font-family: 'utm_avoregular', sans-serif; line-height:18px;}
			.sp .detail { padding-bottom:10px;}
			.sp .detail img{ padding-left:18px;}
			#content .aboutus h2{background:url(../images/icon_logo.jpg) no-repeat #9b5b11; font-size: 17px; font-family: 'utm_avoregular', sans-serif; color: #fff ; position: relative; margin-bottom: 20px;  font-weight:300; height:41px; padding-left:60px; line-height:41px}
			.aboutus p{ text-align:justify; padding:0px 20px;font-family: 'utm_avoregular', sans-serif; font-size:14px; line-height:18px}
	#footer{ width:100%; background:#ebebea; border-top:1px #50b848 solid; min-height:130px; overflow:hidden   }
		#footer #foot_inner{ width:1100px; margin:10px auto;background:url(../images/bg_bottom.png) no-repeat;  z-index:1000; padding-top:10px}
		.text-add { float:left; width:400px;}
		.text-add h3{ color:#FF0000; font-size:14px;}
		.text-add p{font-size: 14px;line-height: 18px;padding-top: 10px; padding-right:15px;}
		.social{ float:left}
		.social h3{ color:#FF0000; font-size:14px;}
		.social a{ margin-left:5px;}
		.social img{ padding-top:15px;}
		.maps{ float:right; width:425px}
		.maps h3{ color:#FF0000; font-size:14px;}
		.maps img{ padding:10px 0px;}
		#foot_inner .footer_text { width:721px; margin:10px auto }	
		.footer_text h2 { color:#FFFFFF; font-size:28px; padding-bottom:10px;}
		.footer_text ul {width: 721px; border-top: 1px solid #FFF;}
		.footer_text li{ float:left; padding: 10px 40px; color: #fff; line-height: 19px;font-size: 14px;}
		.footer_text li:first-child{ padding-left:17px}
		.footer_text li:last-child{ padding-right:0px; float:right}	
		.footer_text li.add{ background:url(../images/icon_add.gif) no-repeat 0px 13px}
		.footer_text li.hotline{ background:url(../images/icon_tel.gif) no-repeat 17px 13px}
		.footer_text li.email{ background:url(../images/icon_email.gif) no-repeat 17px 16px}
		
#template {padding: 20px; background: #eee;}
.clear{
	clear:both;
	height:10px;
}
/* page */
.page-1 {} /* news, article page */
.page-2 {} /* product page */
.page-3 {} /* about us page */
.Nav {
	float: right;
	padding-top:15px;
}

.Nav a {
	text-decoration: none !important;
	color: #181818;
	border: #cdcdcd 1px solid;
	background: #FFFFFF;
	display: block;
	float: left;
	padding: 5px 9px;
	margin-left: 4px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.Nav a:hover {
	color: #181818;
	border: #585858 1px solid;
	background: #FFFFFF;
}

.Nav .on {
	color: #181818;
	border: #cdcdcd 1px solid;
	background: #ededed;
	display: block;
	float: left;
	padding: 5px 9px;
	margin-left: 4px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.title_newstin{
	line-height:30px;
	font-weight:bold;
	font-family:arial; 
	font-size:14px; 
	color:#ffffff;
}
.title_newstin a{
	color:#ffffff;
	text-decoration:none;
}
.title_newstin a:hover{
	color:#074691;
	text-decoration:underline;
}
.text_about p{
	font-family:arial;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	line-height:25px;
	margin-left:10px;
	margin-right:30px;
	color:#ffffff;
}
.news { padding-bottom:30px}
.c_both{
	clear:both;
}
.news_pages_more{
	margin-right:20px;
	font-family:arial; 
	font-size:13px; 
	font-weight:bold; 
	text-align:right; 
	padding-right:15px; 
	color:#ffffff;
	background:url(../images/icon_oranger.gif) right center no-repeat;
}
.news_pages_more a{
	color:#ffffff;
	text-decoration:none;
}
.news_pages_more a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.news_pages_mores{
	font-family:arial; 
	font-size:14px; 
	font-weight:normal; 
	text-align:left; 
	color:#ffffff;
}
.news_pages_mores a{
	color:#ffffff;
	text-decoration:none;
}
.news_pages_mores a:hover{
	color:#ffffff;
	text-decoration:underline;
}
FIELDSET {
	BORDER-TOP: #ccc 1px solid; MARGIN: 1em 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LEGEND {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 1.3em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 1em 0px; COLOR: #036; PADDING-TOP: 0px
}
#contact1 {
    float: left;
    margin-bottom: 50px;
    width: 360px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
#contact1 form label {
    text-align: right;
    font-weight: bold;
    line-height: 20px;
}
#contact1 form label {
    float: left;
    margin-right: 6px;
    text-align: right;
    width: 80px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 20px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
#contact1 form textarea {
    
    height: 130px !important;
}
#contact1 form input.input_submit, #contact1 form input.input_reset {
    background: url('../images/btn_contact.jpg') no-repeat scroll 0px 0px transparent;
    border: medium none;
    color: #FFF;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-left: 78px;
    margin-top: 10px;
    padding-bottom: 2px;
    text-align: center;
    width: 90px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
.map {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #CCC;
    float: right;
    height: 290px;
    width: 350px;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
	BORDER-TOP: #ccc 1px solid; MARGIN: 1em 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LEGEND {
	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 1.3em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 1em 0px; COLOR: #036; PADDING-TOP: 0px
}

FIELDSET DIV {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0.5em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
FIELDSET DIV INPUT {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #555 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #555 1px solid; WIDTH: 150px; COLOR: #333; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid
}
FIELDSET DIV TEXTAREA {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #555 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #555 1px solid; WIDTH: 150px; COLOR: #333; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid
}
FIELDSET DIV SELECT {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
DIV.fm-multi DIV {
	MARGIN: 5px 0px
}
DIV.fm-multi INPUT {
	WIDTH: 1em
}
DIV.fm-multi LABEL {
	DISPLAY: block; PADDING-LEFT: 5em; WIDTH: 200px; TEXT-ALIGN: left
}
#fm-submit {
	CLEAR: both; PADDING-TOP: 1em; TEXT-ALIGN: center
}
#fm-submit INPUT {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #333 1px solid; PADDING-LEFT: 1em; FONT-SIZE: 100%; BACKGROUND: #555; PADDING-BOTTOM: 2px; BORDER-LEFT: #333 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #333 1px solid
}
INPUT:focus {
	BACKGROUND: #efefef; COLOR: #000
}
TEXTAREA:focus {
	BACKGROUND: #efefef; COLOR: #000
}
FIELDSET DIV.fm-req {
	FONT-WEIGHT: bold;
	
}
FIELDSET DIV.fm-req LABEL:unknown {
	content: "* ";
	
}

.Nav {

	float: right;

}



.Nav a {

	text-decoration: none !important;

	color: #181818;

	border: #cdcdcd 1px solid;

	background: #FFFFFF;

	display: block;

	float: left;

	padding: 5px 9px;

	margin-left: 4px;

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.Nav a:hover {

	color: #181818;

	border: #585858 1px solid;

	background: #FFFFFF;

}



.Nav .on {

	color: #181818;

	border: #cdcdcd 1px solid;

	background: #ededed;

	display: block;

	float: left;

	padding: 5px 9px;

	margin-left: 4px;

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}

.title_newstin{



	height:25px;



	font-family:Tahoma; 



	font-size:12px; 



	font-weight:bold; 



	color:#CC0000;



}



.title_newstin a{



	color:#CC0000;



	text-decoration:none;



}



.title_newstin a:hover{



	color:#CC0000;



	text-decoration:underline;



}

.text_about{



	font-family:Tahoma;



	font-size:13px;



	font-weight:normal;



	text-align:justify;



	line-height:20px;
	padding-left:5px;



	color:#000000;



}

.c_both{



	clear:both;



}

.news_pages_more{



	font-family:Tahoma; 



	font-size:12px; 



	font-weight:normal; 



	text-align:right; 



	padding-right:15px; 



	color:#CC0000;



	background:url(../images/icon_oranger.gif) right center no-repeat;
	

}



.news_pages_more a{



	color:#CC0000;



	text-decoration:none;



}



.news_pages_more a:hover{



	color:#CC0000;



	text-decoration:underline;



}

.news_pages_mores{



	font-family:Tahoma; 



	font-size:12px; 



	font-weight:normal; 



	text-align:left; 



	



	color:#028CD4;



}



.news_pages_mores a{



	color:#004081;



	text-decoration:none;



}



.news_pages_mores a:hover{



	color:#004081;



	text-decoration:underline;



}
.img_pro img{
border: 1px solid #ffffff;
}
.img_pro:hover img{
border: 1px solid #ccc;
}
#contact1 {
    float: left;
    margin-bottom: 50px;
    width: 336px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
#contact1 form label {
    text-align: right;
    font-weight: bold;
    line-height: 20px;
}
#contact1 form label {
    float: left;
    margin-right: 6px;
    text-align: right;
    width: 80px;
    font-weight: bold;
    margin-bottom: 8px;
    line-height: 20px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
#contact1 form textarea {
    
    height: 130px !important;
}
#contact1 form input.input_submit, #contact1 form input.input_reset {
    background: url('../images/btn_contact.jpg') no-repeat scroll 0px 0px transparent;
    border: medium none;
    color: #FFF;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin-left: 78px;
    margin-top: 10px;
    padding-bottom: 2px;
    text-align: center;
    width: 90px;
}
#contact1 form input, #contact1 form textarea {
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 250px;
    background-color: #999;
    color: #FFF;
}
/* plugins */