/* Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html > body .clearfix {
	display: block;
	width: 100%;
}
* html .clearfix {
	height: 1%;
}

html
{
	overflow:auto;
}

/* */
body
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:11px;
	margin:0px;
	padding:0px;
	background:transparent url(/images/bg.jpg) center top;
	line-height:1.5em;
}
a
{
	text-decoration:none;
	color:#e37100;
	outline:none;
}
a:hover
{
	color:#FF0000;
}

a img
{
	border:none;
}

form
{
	margin:0px;
	padding:0px;
}
input,textarea
{
	background:#341d0b; 
	border:#463123 1px solid;	
	color:#FFF;
}
.clear
{
	clear:both;
}

h3.title
{
	font-size:16px;
	text-transform:uppercase;
	padding:0px 0px;
	margin:16px 0px;
}

#body h3.title, #footer h3.title
{
	background:transparent url(/images/bullet-circle.png) 5px center no-repeat;
	text-indent:20px;
}

#banner-wrapper
{
	background-color:#fce6ce;
	margin-top:8px;
}


#banner
{
	margin:0px auto;
	width:950px;
	height:107px;
	position:relative;
}
#banner .flags {
position:absolute;
right:10px;
top:0px;
}

#menu-wrapper
{
	
	height:61px;
	background:transparent url(/images/bg-menu.png) left top repeat-x;
}

#menu
{
	margin:0px auto;
	width:950px;
}

#menu ul, #menu li
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu li
{
	float:left;
	display:inline;
}

#menu li a
{
	display:block;
	height:61px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#menu li a:hover
{
	background-position:left -61px;
}

#menu li a.active
{
	background-position:left bottom;
}

#menu li a.trang-chu
{
	width:106px;
	background-image:url(/images/menu-trangchu.png);
}

#menu li a.gioi-thieu
{
	width:114px;
	background-image:url(/images/menu-gioithieu.png);
}
#menu li a.san-pham
{
	width:125px;
	background-image:url(/images/menu-sanpham.png);
}
#menu li a.cong-trinh
{
	width:198px;
	background-image:url(/images/menu-congtrinh.png);
}
#menu li a.bang-gia
{
	width:123px;
	background-image:url(/images/menu-banggia.png);
}
#menu li a.showroom
{
	width:129px;
	background-image:url(/images/menu-showroom.png);
}
#menu li a.lien-he
{
	width:94px;
	background-image:url(/images/menu-lienhe.png);
}

#container
{
	margin:0px auto;
	width:950px;
	text-align:left;
	padding:10px 0px 10px;
}

#body
{
	width:700px;
	float:left;
	display:inline;
}
#tgp_slide
{
	width:690px;
	margin:0px auto;
	padding:2px;
	border:1px solid #25170c;
}
#right
{
	width:250px;
	float:left;
	display:inline;
}
#right .support-box
{
	width:250px;
	height:272px;
	background:transparent url(/images/bg-support.png) right top no-repeat;
}
#right .support-box .content
{
	padding:85px 15px 0 30px;
	color:#000000;
	height:120px;
}

#right .box
{
	background:transparent url(/images/bg-box-bottom.png) bottom left no-repeat;
	width:250px;
	padding-bottom:10px;
}

#right .box h3.title
{
	background:transparent url(/images/bg-box-top.png) top left no-repeat;
	height:20px;
	padding:22px 0 11px;
	text-align:center;
	margin:0px;
}

#right .box .content
{
	background:transparent url(/images/bg-box-middle.png) top left repeat-y;
	padding:8px 18px 8px;
}

#right .product-list-box ul, #right .product-list-box li
{
	list-style:none;
	padding:0px;
	margin:0px;
	zoom:1;
}

#right .product-list-box li a, #right .product-list-box li.cat span.title
{
	display:block;
	height:28px;
	line-height:28px;
	background:transparent url(/images/bg-delimiter.png) bottom center no-repeat;
}

#right .product-list-box li a
{
	color:#FFFFFF;
}

#right .product-list-box li a:hover
{
	color:#fae80b;
}

#right .product-list-box li.cat span.title
{
	color:#fae80b;
	font-weight:bold;
}

#right .product-list-box li.cat span.title span
{
	display:block;
	background:transparent url(/images/bullet-arrow-2.png) left center no-repeat;
	text-indent:10px;
}

#right .product-list-box ul.sub span
{
	display:block;
	background:transparent url(/images/bullet-arrow.png) 10px center no-repeat;
	text-indent:25px;
}
#right .product-list-box ul.sub li a.active
{
	color:#FAE80B;
	font-weight:bold;
}

#products .pro_box
{
	width:182px;
	height:182px;
	position:relative;
	background:transparent url(/images/bg-product.png) left top no-repeat;
	padding:20px;
	float:left;
	display:inline;
	margin:0px 5px 18px 6px;
}
#products .pro_box .pro_img
{
	width:180px;
	height:180px;
}
#products .pro_box .pro_title
{
	position:absolute;
	bottom:22px;
	left:20px;
	width:180px;
	height:34px;
	line-height:34px;
	background:transparent url(/images/bg-caption.png) left top;
	text-indent:11px;
	font-size:13px;
}
#products .pro_box .pro_desc
{
	display:none;
}
#footer-wrapper
{
	height:264px;
	background:transparent url(/images/bg-footer.jpg) left top repeat-x;
	padding-top:1px;
}

#footer
{
	width:950px;
	margin:0px auto;
}

#project-box, #image-box, #company-box
{
	float:left;
	display:inline;
}

#project-box .anythingSlider, #image-box .images, #company-box
{
	padding:1px;
	border:1px solid #693E1E;
	background:transparent  url(/images/bg-box.png) left top;
}

#project-box .anythingSlider 
{
	width:680px;
	height:144px;
	position:relative;
	display:none;
	top:0px;
}
#project-box .anythingSlider .wrapper {
	width:652px;
	overflow:auto;
	height:144px;
	position:absolute;
	top:0;
	left:16px;
}
#project-box .anythingSlider .wrapper  ul
{
	width:99999px;
	height:144px;
	list-style:none;
	position:absolute;
	top:0;
	left:0;
	margin-top:13px;
	overflow:hidden;
	left:-41px;
}
#project-box .anythingSlider .wrapper  ul li {
	display:block;
	float:left;
	padding:0;
	text-align:center;
	position:relative;
}
#project-box .anythingSlider .forward
{
	position:absolute;
	width:28px;
	height:29px;
	left:662px;
	top:45px;
	margin-top:10px;
}
#project-box .anythingSlider .back
{
	position:absolute;
	width:28px;
	height:29px;
	top:45px;
	left:-2px;
	margin-top:10px;
}
.item
{
	display:inline;
	float:left;
	height:143px;
	position:relative;
	width:160px;
	height:120px;
	margin-right:2px;
	margin-left:1px;
}
#company-box
{
	width:210px;
	height:136px;
	padding:5px 12px 5px 12px;
}
#image-box
{
	margin-left:10px;
}

#copyright
{
	clear:both;
	width:950px;
	margin:0px auto;
	position:relative;
}

#copyright .company
{
	position:absolute;
	top:10px;
	left:10px;
}

#copyright .tgp
{
	font-weight:bold;
	position:absolute;
	top:10px;
	right:10px;
	text-align:center;
}


/*
-------------------- SELECT -----------------------------
*/
#select-wrapper
{
	padding:5px;
	position:relative;
}
#product-select
{
	display:none;
}

.jqTransformSelectWrapper {
	width: 100px;
	height: 34px;
	color:#ad8154;
	position:relative;
}

.jqTransformSelectWrapper div span {
	
	background: url(/images/select-left.png) no-repeat top left;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 34px;
	line-height: 34px;
	text-indent:10px;
	overflow: hidden;
	cursor:pointer;
	display:block;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 34px;
	height: 34px;
	background: url(/images/select-right.png) no-repeat top right;
	outline:none;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 34px;
	left: 0px;
	list-style: none;
	display: none;
	margin: 0px;
	padding: 0px;
}

.jqTransformSelectWrapper ul a {
	display: block;
	height:34px;
	line-height:34px;
	text-indent:10px;
	text-decoration: none;
	color:#E3D7C2;
	background-color: #4d331f;
}

.jqTransformSelectWrapper ul a.selected {
	background: #2f190a ;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}
/*============================ report_paging ============================ */
.navigation {
	font-size:10px;
	clear: both;
	padding: 10px 0px;
	text-align: center;
	cursor:default;
	font-weight:bold;
	color:#fff;
}
.navigation .current_page_item, .navigation .page_item a {
	outline:none;
	margin:2px;
	padding:2px 6px;
	border: 1px solid #d48359;
	text-decoration:none;
}
.navigation .page_item a {
	border: 1px solid #fff;
	color:#fff;
}
.navigation .current_page_item, .navigation .page_item a:hover {
	color: #FFFFFF;
	background-color:#d48359;
}
/*============================ report_paging ============================ */
.bt_xem
{
	margin-left:134px;
	display:inline-block;
	width:60px;
	height:14px;
	background:url(/images/xem_tiep.png) no-repeat;
	position:absolute;
}/* ====================== BAO GIA =========================== */
ul.tailieu, ul.tailieu li.item
{
	list-style:none;
	padding:0px;
	margin:0px;
}

ul.tailieu li.item
{
	margin-left:10px;
	display:inline;
	width:40%;
}
.tpllist {
	width:348px;
	float:left;
	display:inline;
	background:url("/images/bg-box.png") repeat scroll left top;
	border:1px solid #693E1E;
}

.tpllist ul, .tpllist li
{
	padding:0px;
	margin:0px;
}

.tplinfo {
	margin:15px 30px 0 65px;
}
.tplinfo dt {
	font-size:105%;
	font-weight:bold;
}
.tplinfo dt a{
	color:#FAE80B;
}
.tplinfo dd {
	margin:5px 0;
	text-indent:0;
}
.tplinfo dd.desc {
	font-size:90%;
	line-height:1.6em;
}
.tplinfo dd.info {
	font-size:85%;
}
.tplinfo dd.info img {
	vertical-align:middle;
}
.tplinfo dd.info img.imgdl {
	vertical-align:baseline;
}
.counterbox {
	background:transparent url(/images/counterbox.gif) no-repeat scroll center top;
	float:left;
	height:56px;
	padding:3px 0 0;
	width:51px;
	margin:15px;
	display:inline;
	font-size:12px;
}
.counterbox ul, .counterbox li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.counter-num {
	font-weight:bold;
	text-align:center;
	color:#000;
}
.counter-txt {
	text-align:center;
	color:#000;
}
.counter-type-pdf {
	background:transparent url(/images/filetypes/icon_pdf.gif) no-repeat scroll 0 0;
}
.counter-type-doc {
	background:transparent url(/images/filetypes/icon_doc.gif) no-repeat scroll 0 0;
}
.counter-type-docx {
	background:transparent url(/images/filetypes/icon_doc.gif) no-repeat scroll 0 0;
}
.counter-type-xls {
	background:transparent url(/images/filetypes/icon_xls.gif) no-repeat scroll 0 0;
}
.counter-type-xlsx {
	background:transparent url(/images/filetypes/icon_xls.gif) no-repeat scroll 0 0;
}
.counter-type-ppt {
	background:transparent url(/images/filetypes/icon_ppt.gif) no-repeat scroll 0 0;
}
.counter-type-pptx {
	background:transparent url(/images/filetypes/icon_ppt.gif) no-repeat scroll 0 0;
}
.counter-type-rar {
	background:transparent url(/images/filetypes/icon_rar.gif) no-repeat scroll 0 0;
}
.counter-type-zip {
	background:transparent url(/images/filetypes/icon_zip.gif) no-repeat scroll 0 0;
}
.counter-type-waiting {
	background:transparent url(/images/filetypes/icon_waiting.gif) no-repeat scroll 0 0;
}

.counter-type, .counter-type-approved {
	height:11px;
	left:-3px;
	position:relative;
	text-indent:-2000em;
	top:3px;
	width:29px;
	z-index:900;
}
dl.info {
	float:left;
	display:inline;
	margin:10px 0;
	width:300px;
}
dl.info img {
	vertical-align:middle;
}
.tpllist_newest
{
	
	background:url("/images/bg-box.png") repeat scroll left top;
	border:1px solid #693E1E;
}
	.tpllist_newest .tpllist
	{
		display:block;
		width:310px;
		border:none;
		float:left;
		display:inline;
	}
	.tpllist_newest .new
	{
		font-weight:bold;
		padding:0px 15px;
		font-size:13px;
		float:left;
		height:89px;
		line-height:89px;
		display:inline;
		width:320px;
	}
	.tpllist_newest .counterbox
	{
		background:transparent url(/images/counterbox-large.gif) no-repeat scroll center top;
		float:left;
		height:60px;
		padding:3px 0 0;
		width:60px;
		margin:15px;
		display:inline;
		color:#000;
	}
	.tpllist_newest .counterbox .counter-num
	{
		font-size:15px;
		color:#000;
	}
	
	.tpllist_newest .counter-type
	{
		top:6px;
	}
	
	.tpllist_newest .tplinfo dt
	{
		font-size:130%;
	}
	.tpllist_newest .tplinfo dt a
	{
		color:#FAE80B;	
	}.content
{
	margin:10px;
}
