@import url('style-customs.css');
@import url('quick-call.css');
body{

	margin:0px;

	background:#c3c2c1 url(../images/teamplate/bg.png) repeat-x;

	font-family:Arial, Helvetica, sans-serif;

}

h1,h2,h3,h4,h5,h6,p{

	margin:0px;

	padding:0px;

}

img{

	border:0px none;

}

a{

	color:#224272;

	text-decoration:none;

}

a:hover{

	color:#001572;
	font-weight:bold;
	text-decoration:none;

}

.clr{

	clear:both;

}

.khung{

	margin:0 auto;

	width:992px;

	background-color:#FFFFFF;

	margin-bottom:20px;

	padding:10px;

}

.header{	

	height:135px;

}

.header #bannerleft{

	width:15%;

	float:left;

}

.header #bannercenter{

	width:30%;

	float:left;

}

.header #bannercenter h5{

	color:#1f7db1;

}

.header #bannerright{

	width:50%;

	float:left;

	padding-left:20px;

}

.menu{

	margin-top:5px;

	height:42px;

	background:url(../images/teamplate/bg-mainmenu.png) no-repeat;

}

.main{

	background-color:#666666;

	margin-top:5px;

}

#left{

	width:200px;

	float:left;

}

#left h3, #right h3{

	color:#FFFFFF;

	font-size:80%;

	line-height:30px;

	text-align:center;

	height:30px;

	background:url(../images/teamplate/bg-module-h3.png) top no-repeat;

}

#left h4{

	color:#000000;

	font-size:80%;

	line-height:30px;

	padding-left:20px;

	height:30px;

	background: #efefef url(../images/teamplate/bg-module-h4.png) left no-repeat;

	border-left:1px solid #CCCCCC;

	border-right:1px solid #CCCCCC;

}

#center{

	width:582px;

	float:left;

	margin-left:5px;

	margin-right:5px;

}

#center h3{

	height:33px;

	background:url(../images/teamplate/bg-title.png) top no-repeat;

	padding-left:50px;

	font-size:80%;

	line-height:32px;

	color:#224272;

}

#center2{

	margin-top:5px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	background-color:#FFFFFF;

	border:1px solid #CCCCCC;

	padding:5px;

	float:left;

	width:98%;

	font-size:13px;

}

#center #sanpham{

	width:32%;

	float:left;

	border:1px solid #CCCCCC;

	margin:2px;

	background-color:#efefef;

}

#center #sanpham:hover{

	border:1px solid #CCCCCC;

	background-color:#FFFFFF;
	
	font-weight:bold;

}

#center #sanpham p{

	padding:0 5px;

	font-size:90%;

	text-align:center;

	height:40px;

}

#center #gia{

	position:relative;

	padding:0px 4px;

	height:20px;

	width:31%;

	float:left;

	margin:2px;

	text-align:center;

	font-size:13px;

	width:93%;

}



#hinhanh{

	background:url(../images/teamplate/bg-sanpham-img.png) top no-repeat;

	height:198px;

	margin-top:5px;

}

#hinhanh img{

	float: left;

	height: 180px;

	margin: 0 auto;

	padding-left: 11px;

	padding-top: 5px;

	width: 160px;

}

#right{

	width:200px;

	float:left;

}

#module{

	margin-bottom:5px;

}

#module #hotro{

	padding:5px;

	border:1px solid #CCCCCC;

}

#module #hotro #nickhotro{

	border-bottom:1px dashed #CCCCCC;

	text-align:center;

	padding-bottom:10px;

	font-size:80%;

}

#module #hotro #nickhotro a{

	padding:0px 12px;

}

#module #tinnoibat{

	padding:5px;

	font-size:75%;

	border:1px solid #CCCCCC;

}

#module #spnoibat{

	text-align:center;

	padding:5px;

	font-size:80%;

	border:1px solid #CCCCCC;

}

#module #spnoibat img{

	width:180px;

}

#module #spnoibat p{

	padding-top:3px;

}

#module .noibat{

	height:30px;

	background:url(../images/teamplate/bg-module-tin.png) no-repeat;

	color:#000000;

	text-align:left;

	padding-left:20px;

	line-height: 32px;

}

#module #tinnoibat p{

	padding-bottom:5px;

	font-size:90%;

	border-bottom:1px dotted #CCCCCC;

	padding-top:2px;

}

.footer{

	margin-top:10px;

	background-color:#333333;

	float:left;

	width:100%;

}

#coppy{

	color:#555557;

	padding:20px;

	float:left;

	width:88%;

}

.buttontop{

	padding:10px;

	float:right;

	width:5%;

	text-align:right;

}

.bgwhite{

	background-color:#FFFFFF;

}

.listpage{

	display:block;

	float:left;

	padding-top:10px;

}



.listpage2{

	padding:2px 5px;

	background-color:#003366;

	color:#FFFFFF;

	margin:1px;

}

.listpage1{

	padding:2px 5px;

	background-color:#333333;

	color:#FFFFFF;

	margin:1px;

}

#tinkhac{

	float:left;

	width:582px;

}

#tinkhac h3 {

	height:30px;

	border-bottom:3px solid #FF3300;

	background:none;

	margin-top:10px;

	padding-left:20px;

}

#chitiet td{

	padding:5px;

}

#tinkhac ul{

	list-style:none;

	padding-left:10px;

	margin-top:10px;

}

#tinkhac li{

	background:url(../images/teamplate/bg-li.jpg) no-repeat;

	padding-left:12px;

	font-size:13px;

	background-position:0px 4px;

	margin:3px;

}

#thongtinchitietsanpham{

	height:30px;

	color:#FF3300;

	margin-top:10px;

}

#chitietsanpham{

	width:98%;

	border:1px solid #E8E8E8;

	padding:5px;

}

.button100{

	background: url(../images/teamplate/button/button100.PNG) no-repeat;

	border: 0 none;

	color: #333333;

	cursor: pointer;

	font-size:12px;

	height: 28px;

	padding-bottom: 1px;

	width: 98px;

	margin:10px 0px;

}

.button100:hover{

	color:#000000;

}

.button90 {

	background: url(../images/teamplate/button/buttonblack.gif) no-repeat;

	border: 0 none;

	color: #F7F8F9;

	cursor: pointer;

	font: bold 12px Arial,sans-serif;

	height: 26px;

	padding-bottom: 2px;

	width: 90px;

}

.button90:hover {

	background: url(../images/teamplate/button/buttonblack2.gif) no-repeat;

	border: 0 none;

	color: #F7F8F9;

	cursor: pointer;

	font: bold 12px Arial,sans-serif;

	height: 26px;

	padding-bottom: 2px;

	width: 90px;

}

.button70 {

	background: url(../images/teamplate/button/button70.gif) no-repeat;

	border: 0 none;

	color: #F7F8F9;

	cursor: pointer;

	font: bold 12px Arial,sans-serif;

	height: 26px;

	padding-bottom: 2px;

	width: 70px;

}

.button70:hover {

	background: url(../images/teamplate/button/button702.gif) no-repeat;

	border: 0 none;

	color: #F7F8F9;

	cursor: pointer;

	font: bold 12px Arial,sans-serif;

	height: 26px;

	padding-bottom: 2px;

	width: 70px;

}

.item {

	border-bottom: 1px dashed #CACACA;

	display: block;

	float: left;

	margin-bottom: 10px;

	padding-bottom: 10px;

	padding-top: 5px;

	width: 100%;

}

.itemimg {

	float: left;

	height: 100px;

	margin: 0 10px 10px 0;

	width: 150px;

}

.item h4 {

	font-size: 120%;

	padding-bottom: 5px;

}

.readmore{

	text-align:right; 

	padding-right:10px;

}

/*Edit*/
@media (max-width:767px) {
	body .header #bannercenter{
		display: block;
		width: 100%;
		margin-bottom: 8px;
		margin-top: 10px;
	}
	body .header #bannercenter h5{
		display: none;
	}
	body .header #bannercenter p{
		text-align: center;
		font-weight: bold;
		color: #1f7db1;
		width: 90%;
		margin: auto;
	}
}