@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
html{
	background: url(../img/bg2.jpg);
	background-attachment:fixed;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:20px;
	text-align:justify;
	width:100%;
}

.clear{
	clear:both;
}
.clear_left{
	clear:left;
}
.clear_right{
	clear:right;
}

.noidung p{
	padding-left:20px;
}
.fload_left{
float:left;
}
.fload_right{
float:right;
}
h1, h2, h3, h4, h5, h6{
	font-size:12px; 
}
img, p, ul{
	border:0px;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	outline: none;
}
select{
	outline:none;
}
table{
	border-collapse:collapse;
}
/*---------- Một số chuẩn khi cắt css và tránh lỗi IE6-------------
- Khi thêm thuộc tính margin cho thẻ phải thêm thuộc tính display:inline (trừ những thẻ không có chi�u cao, rộng cố định thì không cần thiết)
- Khi thêm padding chi�u nào của một thẻ phải giảm độ rộng, cao tương ứng nếu thẻ có chi�u rộng hoặc cao cố định.
- Tất cả các link phải có hover
- Những button như Hủy,Gửi đặt trong thẻ input phải có thuộc tính cursor:pointer . 
- Những Title chỉ có một dòng thì tránh dùng padding-left khi muốn cách đầu dòng_ nên dùng text-indent:px và nên sét chi�u rộng và thuộc tính overflow:hidden.
- Nếu thẻ <img/> đặt trong một thẻ khác mà hình ảnh quá nh� thì phải có thuộc tính font-size:1px trong thẻ chứa <img/>

* ---------------------------Qui tắc đặt tên--------------*/
a:hover{
	text-decoration:underline;
}
.page{
	text-align:right;
	position:absolute;
	top:-36px;
	right:0px;
}
.page a{
	color:#006991;
	margin-right:12px;
}
.page a:hover,.page a.active{
	font-weight:bold;
	color:#f80808;
	text-decoration:none;
}
.page a img{
	vertical-align:inherit;
}

/* GLOBAL*/

.wrapper{
	width:1000px;
	margin:20px auto;
	
}

.contain{
	width:1000px;
	background:url(../img/bg.png) repeat;
	float:left;
	border:1px solid #FFF;
}
.flashhead{
	width:1000px;
	height:245px;
	float:left;
}

.flashhead img{
	width:1000px;
	height:245px;
}

.menu{
	width:1000px;
	float:left;
	background:url(../img/bgmenu.png) repeat-x;
	height:50px;
	margin-top:10px;
}


/*=====================MENU==============================*/

div.menu_top{
	width:850px;
	float:left;
}

.clock{
	width:150px;
	float:left;
}
.clock p{
	float:left;
	color:#FFF;
	padding-top:15px;
	padding-left:3px;
	font-weight:bold;
}
.clock img{
	float:left;
	margin-left:10px;
}

.left{
	float:left;
	width:280px;
	border:1px solid #FFF;
}
.sidebar1{
	width:275px;
	margin:5px 2px;
	float:left;
}
#top1{
	width:271px;
	float:left;
	background:url(../img/sbtop.png) no-repeat;
	height:24px;

}

#mid1{
	width:271px;
	float:left;
	background:url(../img/sbcen.png) repeat-y;
}

#bot1{
	width:271px;
	float:left;
	background:url(../img/sbbot.png) no-repeat;
	height:22px;
}
#bot1 a{
	float:left;
	margin:5px 10px;
}

.sidebar2{
	width:280px;
	float:left;
	margin:5px 2px;
}
#top2{
	float:left;
	background:url(../img/topsidevar.png) no-repeat;
	width:271px;
	height:36px;
}

#top2 h1{
	display:block;
	width:211px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	font-size:14px;
	padding-top:10px;
	padding-left:60px;
}

#mid2{
	float:left;
	width:271px;
	background: url(../img/midsidevar.png) repeat-y;
}
#bot2{
	float:left;
	width:271px;
	background:url(../img/botsidevar.png) no-repeat;
	height:36px;
}

#mid2 span{
	display:block;
	width:245px;
	color:#1c87dc;
	font-weight:bold;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:10px;
	padding-top:10px;
	font-size:14px;
	border-top:1px dotted #CCCCCC;
	margin-top:10px;
	margin-left:7px;
	float:left;
}

#mid2 ul li{
	background:url(../img/icon.png) no-repeat left center;
	float:left;
	padding-left:10px;
	margin-left:10px;
}

#mid2 ul li a{
	width:231px;
	display:block;
	color:#03528f;
	padding-left:10px;
	line-height:30px;
	text-transform:capitalize;
	border-bottom:1px dotted #CCCCCC;
}

#mid2 ul li a:hover{
	width:251px;
	display:block;
	color:#F30;
	padding-left:10px;
	line-height:30px;
	text-decoration:none;
	text-transform:capitalize;
}

#mid2 span a{
	color:#1c87dc;
	text-decoration:none;
}
#mid2 span a:hover{
	color:#F30;
	text-decoration:none;
}

#mid2 p{
	background:url(../img/truycap.png) no-repeat;
	width:24px;
	height:34px;
	margin:10px 0px 5px 20px;
	padding-top:5px;
	padding-left:8px;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000;
	font-weight:bold;
	font-size:14px;
	float:left;
}

/**********************************************************/ 
.supporter_item { padding:5px 0 5px 10px; border-bottom:1px dotted #ff3399; }
.supporter_item a { display:block; margin-bottom:5px; padding-left:20px; font-weight:bold; color:#2d80c5; text-transform:capitalize; text-decoration:none; font-size:12px; }
.supporter_item a:hover { color:#F60; }
.supporter_item a.yahoo { background-repeat:no-repeat; }
.supporter_item a.phone { background:transparent url(../img/phone_arrow.gif) no-repeat 0 0; }
.supporter_item a.email { background:transparent url(../img/email_arrow.gif) no-repeat 0 0; text-transform:lowercase; }
.supporter_item a.skype { background:transparent url(../img/skype_arrow.gif) no-repeat 0 0; }
/**********************************************************/


.search{
	width:270px;
	height:70px;
	margin-top:3px;
}

/*======================
SEARCH===================*/
.searchform {
float: left;
margin-top: 10px;
border:#999 1px solid;
height:37px;
width:240px;
margin-left:15px;
background:#FFF;
}
.searchform input[type=text]
{
width:185px;
height:30px;
border:0px;
background:#ffffff;
float:left;
margin:0px;padding:3px;
}
.searchform input[type=submit]

{
float:right;
margin:2px 2px 2px 2px;
height:35px;
padding-top:1px;
width:45px;
}

.content{
	width:700px;
	float:left;
	margin-left:10px;
	border:1px solid #FFF;
	background:#FFFFFF;
}

.slideshow{
	width:690px;
	height:300px;
	border:1px solid #CCC;
	margin:5px;
}


.product{
	width:688px;
	float:left;
	margin:5px;
}

.topproduct{
	background:url(../img/topcontent.png) no-repeat;
	width:688px;
	float:left;
	height:42px;
}

.cenproduct{
	width:687px;
	float:left;
	border:1px solid #CCC;
}

.news{
	width:670px;
	float:left;
	border:1px solid #CCC;
	margin:5px 10px;
}

.news img{
	float:left;
    width:120px;
	border:1px solid #CCC;
	margin:5px 10px;
}

.news a{
	color:#1a76ff;
	font-weight:bold;
	font-size:14px;	
}
.news a:hover{
	color:#F30;
	text-decoration:none;
}

.news span{
	padding:5px;
	font-size:10px;
	color:#666666;
	
}

.news p{
	display:block;
	padding:5px;
}

.more{
    width:500px;
    padding-right:50px;
	height:50px;
}
.more img{
	border:none;
}
.more a.detail, .more a.detail:hover{
    display:block;
	width:50px;
    float:right;
}

.topproduct h2{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
	display:block;
	width:680px;
	text-align:center;
	text-transform:uppercase;
}

.tinmoi{
	width:690px;
	margin:5px;
	float:left;
	border:1px solid #999;
}

#tinmoileft{
	width:340px;
	float:left;
	border-right:1px dotted #999999;
}

#tinmoileft h3{
	display:block;
	width:320px;
	color:#FF3300;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;
}

#tinmoileft ul li{
	padding-left:15px;
	margin-left:15px;
	line-height:26px;
	padding-right:5px;
	background: url(../img/icon2.png) no-repeat left center;
}

#tinmoileft ul li a{
	display:block;
	width:300px;
	color: #666;
	float:left;
	line-height:26px;
}

#tinmoileft ul li a:hover{
	display:block;
	width:320px;
	color:#F00;
	float:left;
	line-height:26px;
	text-decoration:none;
} 

.doitac{
	width:1000px;
	float:left;
	height:160px;
}

.doitacleft{
	background:url(../img/leftdoitac.png) no-repeat;
	float:left;
	width:42px;
	height:157px;
}

.doitacmid{
	background:url(../img/middoitac.png) repeat-x;
	width:920px;
	height:157px;
	float:left;
}

.doitacright{
	background:url(../img/rightdoitac.png) no-repeat;
	width:34px;
	height:157px;
	float:left;
}

.readmore{
	float:left;
	width:300px;
	margin:10px 0px;
}

.readmore a{
	color: #F30;
	text-align:right;
	padding-left:200px;
}

.footer{
	width:1000px;
	float:left;
	background:url(../img/bgfooter.png) repeat;
	margin:10px auto;
}
.footer p{
	display:block;
	width:1000px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:26px;
	padding:2px 0px;
}
.footer a{
	font-weight:bold;
	font-size:14px;
	color: #F30;
	text-shadow:1px 1px 1px #FFF;
}

.cenproduct p{
	padding:5px 10px;
}

.cenproduct a{
	display:block;
	float:left;
	width:500px;
	margin-left:20px;
	color:#999999;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	text-transform:capitalize;
}

.cenproduct a:hover{
	display:block;
	float:left;
	width:500px;
	margin-left:20px;
	color:#F30;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	text-decoration:none;
	text-transform:capitalize;
}

/*==============================================
					CONTACT
=================================================*/
.contact_form{
	margin:20px 5px;
	border-top:1px solid #2694ed;
	padding-top: 20px;
}
#contact h3{
	margin-bottom:10px;
	padding-left:30px;
}

#contact form label{
    float: left;
    line-height: 24px;
    width:70px;
	font-weight:bold;
	margin-left:20px;
}
#contact form input, #contact form textarea{
    border: 1px solid #CCCCCC;
    float: left;
    height: 24px;
    margin-bottom: 7px;
	width:273px;
}

#contact form textarea{
	height:100px;
}
#contact form input.input_submit, #contact form input.input_reset{
    background:#06C;
    border:none;
    color: #FFF;
    height: 22px;
    line-height: 22px;
    margin-left: 70px;
    margin-top: 10px;
    text-align: center;
	padding-bottom:2px;
    width:68px;
	cursor:pointer;
}
#contact form input.input_reset{
    margin-left: 10px;
	background: #06C;
	color: #FFF;
	width:68px;
}

#site_lang img { margin:5px 20px; width:50px; height:35px; }
#site_lang { text-align:center; }
.padd-5 { padding:10px; }
.paginator { float:right; margin-top:5px; margin-right:20px; }
.paginator ul{margin: 0;padding: 0;list-style-type: none;overflow: hidden;width: 100%;}
.paginator li{display: inline;margin: 0;float:left;}
.paginator li a { display: block; color:#F30; text-decoration: none;font-size:14px;font-family: arial; font-weight:bold; margin:0 5px;  }
.paginator li a:hover{ color:#009; }
.paginator li a.current { color:#009; }

input.text { width:200px; padding:2px; border:1px solid #AAAAAA; background:#FFFFFF; font-weight:normal; }
input.text:hover, input.text:focus { border-color:#C5C5C5; background:#F6F6F6; }
input.button, button.button { padding:3px; border:1px solid #707070; background:#F2F2F2; font-weight:bold; text-transform:capitalize; cursor:pointer; }
input.button:hover { background:#FFFFFF; }
.area { width:400px; height:100px; padding:2px; border:1px solid #AAAAAA; background:#FFFFFF; font-weight:normal; }

.form table { width:100%; }
.form table tr td { padding:3px 0; vertical-align:top; text-transform:capitalize; font-weight:bold; }
.flsh_msg { margin-bottom:5px; padding:5px; border:1px solid #CBDDE7; background:#FFFFFF; }
.flsh_msg .flsh_succ { padding:5px; border:2px dotted #84A7DB; background:#C3D2E5 ; font-weight:bold; color:#0055BB; text-transform:capitalize; } 
.flsh_msg .flsh_fail { padding:5px; border:2px dotted #DE7A7B; background:#E6C0C0; font-weight:bold; color:#CC0000;  text-transform:capitalize; }

#image_entries:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.hinhanh{
    width:180px;
    height:160px;
    float:left;
    margin-top:10px;
    margin-left:20px;
}
.hinhanh img {
    width:180px;
    height:160px;
    padding:2px;
    border:1px solid #DDDDDD;
    float:left;    
}

.cenproduct .fulltext { padding:0 10px; }