@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
body{
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
background:url(../images/bg.png) no-repeat top center #fff;;
}
a{
	text-decoration:none; color:#000;
}
a:hover{
color:#F90;	
}
a:hover{
	
}
div:hover{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.button{
background:#03F;
border:1px solid #666;
color:#FFF;
font-weight:bold;
padding:2px 5px 2px 5px;
margin:5px;	
}
.input{
margin-bottom:3px;	
}
#wrapper{
width:990px;
margin:0 auto;
}
#header{}
#xright{
float:left;
width:218px;
margin-left:10px;	
}
#banner{
}
#top-menu{
height:42px;
background:url(../images/top-menu.png) no-repeat top center;
margin-bottom:15px;
}
#nav1,#nav1 ul{
	list-style-type:none;	
}
#nav1 li{
float:left;
position:relative;
}
#nav1 .line{
width:2px;
height:36px;
background:url(../images/line.png) no-repeat center;
}

#nav1 li a{
width:120px;
height:45px;
line-height:50px;
margin-top:-5px;
display:block;
font-weight:bold;
text-align:center;
color:#FFF;
font-weight:bold;
text-transform:uppercase;
}
#nav1 .active,#nav1 li a:hover{
	background:url(../images/top-hover.png) no-repeat top center;
	color:#000;
}
#nav1 ul{
width:300px;
position:absolute;
top:45px;
left:0;
background:#E9F3F3;
display:none;
opacity:0.9;
box-shadow: 5px 5px 5px #666;
z-index:99999;
}
#nav1 ul li{
position:relative;	
}
#nav1 ul a{
color:#066;
width:150px;
text-align:left;
}

#nav1 .active2,#nav1 ul a:hover{
width:260px;
background:#063;
color:#FFF;
padding-left:10px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}
#nav1 ul ul{
position:absolute;
top:0;
left:300px;	
}
.search{
	list-style:none;
	float:left;	
}
.search li{float:left;margin-right:5px}
/*/////////////////*/
#container{
	background:#FFF;
	padding:5px;
}
#left{
width:205px;
float:left;
}
.modul{margin-bottom:5px}
.modul .title{
background:url(../images/title.png) no-repeat top  center;
font-weight:bold;
padding-left:40px;
height:37px;
line-height:37px;
color:#FFF;
text-transform:capitalize;
}
.modul .title2{
background:url(../images/title1.png) no-repeat top left;
font-weight:bold;
padding-left:40px;
height:37px;
line-height:37px;
color:#000;
text-transform:uppercase;
border-left:1px solid #e2e2e2;
}
.modul .content{
background:#fff;
border:1px solid #ccc;
border-radius:7px;
padding:7px
}
.m_bot{
background:url(../images/modul_bot.png) no-repeat top center;
height:6px;	
}
.nav2,.nav2 ul{
	list-style-type:none;
}
.nav2 li{
	position:relative;
	padding:5px 0;
}
.nav2 li img{
	position:absolute;top:12px;
	left:0;	
}
.nav2 a{
color:#2ea9ed;
display:block;
line-height:18px;
font-weight:bold;
text-transform:uppercase;
}
.nav2 ul a:hover{
	color:#039;
}
.nav2 .line{
height:2px;
background:	url(../images/line2.png) no-repeat top left;
padding:0;
}
.nav2 ul{
}
.nav2 ul a{	
color:#333;
text-transform:none;
padding-left:15px;
}
/*//////////////////*/
.nav5,.nav5 ul{
	list-style-type:none;
}
.nav5 li{
	position:relative;
}
.nav5 a{
background:url(../images/arrow2.png) no-repeat 10px 7px;
color:#3d3d3d;
display:block;
line-height:27px;
padding-left:30px;
font-weight:bold;
}
.nav5 a:hover{
	text-decoration:underline;
}
.nav5 .line{
height:2px;
background:	url(../images/line2.png) no-repeat top left;
}
.nav5 ul{
width:250px;
position:absolute;
top:0;
left:200px;
background:#FFF;
opacity:0.9;
box-shadow: 5px 5px 5px #666;
z-index:99999;
display:none;
}
.nav5 ul a{
color:#792801;
background:none;
height:25px;
padding-left:10px;
}
.nav5 ul li{
	background:none;
	padding:0;
}
.nav5 ul a:hover{
background:#C60;
color:#FFF;	
}
/*////////////*/

#nav3,#nav3 ul{
	list-style-type:none;float:left	
}
#nav3 li{
float:left;
position:relative;
bo
}
#nav3 .line{
width:1px;
height:46px;
background:url(../images/li3.png) no-repeat center;	
}

#nav3 li a{
	font-size:12px;
height:46px;
line-height:46px;
display:block;
text-align:center;
color:#FFF;
padding:0 15px;
text-transform:capitalize;
}
#nav3 .active,#nav3 li a:hover{
color:#FC0;
}


#nav3 .active2{
width:260px;
background:#063;
color:#FFF;
padding-left:10px;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
}

#main,#main_tc{
float:left;
margin-left:10px;
width:760px;
}
#main a img{border:none}

.tcat{
background:url(../images/tcat.png) no-repeat top left;
font-weight:bold;
height:30px;
line-height:32px;
color:#FFF;
font-size:13px;
text-transform:capitalize;
padding-left:40px;
position:relative;
border:1px solid #F2F2F2;
border-left:none;
border-radius:7px;
}
.tcat .viewmore{
	background:url(../images/viewmore.png) no-repeat center;
	width:75px;
	height:20px;
	display:block;
	position:absolute;right:3px;
	top:5px;	
}
.tcat span{
	background:url(../images/tcat_re.png) repeat-x top left;
	height:31px;
	padding:8px 40px 8px 20px;	
}
.tcat .tcat_L{
float:left;
display:block;
width:38px;
height:31px;
background:url(../images/L.png) no-repeat top right;
}
.tcat .tcat_M{
	float:left;
display:block;
padding:0 15px;
background:url(../images/M.png) repeat-x top left;
}
.tcat .tcat_R{
	float:left;
display:block;
width:75px;
height:31px;
background:url(../images/R.png) no-repeat top right;
}
#main .content{
padding:10px;
}
#main_tc .content{
width:534px;
}
.content .sp{
text-align:center;
float:left;
width:205px;
height:220px;
margin:10px 23px 10px 23px;
border:1px solid #DBDBDB;
}
.box_productspecial{
	padding:0 5px;
	background:#FFF;
	margin-bottom:10px;}

.lsp{
width:743px;
margin-bottom:10px;
float:left;	
}
.lsp .content{
width:721px;
}
.sp .hinh{
width:205px;
height:165px;
margin-bottom:5px;
background:url(../images/modul_bot.png) no-repeat bottom center;
padding-bottom:7px;
}
.sp .hinh img{
width:205px;
height:165px;	
}

.gia{
text-align:center;
margin-bottom:10px;	
color:#d66000;
font-weight:bold;
}
.ten{
color:#275c00;
font-weight:bold;	
}
#slider1{
	height:343px;padding:10px;background:#FFF;
}
.viewmore{
	float:right;		
	text-align:right;
	padding-right:10px;
}
.viewmore a{
	color:#FF0000;
	font-style:italic;
}
.box_new{
border-bottom:1px dotted #CCC;
margin:0 5px 10px 5px;
padding:5px;	
}
.box_new .image_boder{
padding:2px; border:#CCC;
float:left;
margin-right:5px;
}
.box_new a{
font-size:13px;
text-decoration:none;
}

.othernews{
	padding-left:10px;
	color:#FFF;
	margin-top:20px;
}
.othernews a{
	color:#0060FF;
}
.othernews a:hover{
	color:#F00;
}
.othernews h1{
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
	margin-bottom:10px;
}
.othernews ul{
	list-style-type:none;
}
.othernews ul li{
	color:#000;
	padding-left:30px;
	line-height:20px;
	height:20px;
	margin-bottom:3px;
	background:url(../images/contacts.png) no-repeat top left;
}
.sp1{
opacity:0.6;
border:1px solid #CCC;
padding:5px;
height:200px	;
text-align:center;
float:left;
width:170px;
margin:10px 5px 10px 5px;
}
/*//////////*/
#hotnews ul{
	list-style:none;}
#hotnews .content ul li{
padding:5px 0 5px;
margin:5px 2px;
border-bottom:1px dotted #000;
}

#hotnews .content ul li img{
border:2px solid #ffca11;
}
#hotnews .content ul a{
	line-height:normal;
	height:auto;
	float:left;
	width:115px;
	padding-left:10px;
}
#hotnews .content ul a:hover{
	color:#C60;
}
#footer{
height:195px;
padding:5px;
text-align:center;
color:#FFF;
}
.usual ul{
	list-style-type:none;	
}
.usual li {
    float: left;
}
.usual ul a {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
    display: block;   
    margin: 1px 1px 1px 0;
    padding: 6px 20px;
    text-decoration: none !important;
	font-weight:bold;
}
.usual ul a:hover {
    background: none repeat scroll 0 0 #111111;
    color: #FFFFFF;
}
.usual ul a.selected {
    background: none repeat scroll 0 0 snow;
    border-bottom: 1px solid snow;
    color: #000000;
    cursor: default;
    margin-bottom: 0;
	
}
.content_tab{
	clear: left;
	border-top:1px solid #EBEBEB;
	padding:9px;
}
.tour_detail{
	margin-bottom:10px;
}
.tour_detail .image{
	width:400px;
	padding:5px;
	border:1px solid #E2E2E2;
	float:left;
	margin-right:10px;	
}
.tour_detail ul{
	list-style:none;
	font-size:14px;
}
.tour_detail ul li{
line-height:25px;
border-bottom:1px dotted #CCC;
	
}
.tour_detail ul li span{
	text-transform:uppercase;
	color:#0060FF;
	font-weight:bold;
	
}
.phantrang{
	width:300px;
	margin:0 auto;
}
.phantrang a{
margin: 5px 2px 10px 2px;
text-decoration:none;
color: #666;
width:20px;
height:20px;
text-align:center;
line-height:20px;
border-radius:10px;
float:left;
border:1px solid #CCC;
}
.phantrang a:hover{
	background:#0393fc;
	color:#FFF;
}
.phantrang span{
color:#F30;
margin: 5px 2px 10px 0;
text-decoration:none;
color:#FFF;
font-weight:bold;
width:20px;
height:20px;
text-align:center;
line-height:20px;
border-radius:10px;
float:left;
background:#0393fc;
border:1px solid #CCC;
}

.clear{
clear:both;	
}