﻿
#menu { width: 100%; height: 30px; line-height: 30px; margin: 0px auto; padding: 0px; background: url('../trang-chu_files/bg_topmenu.jpg'); }
#menu a.item { float: left; padding: 0px 20px; height: 20px; line-height: 20px; margin-top: 5px; color: white; border-right: solid 1px white;}
#menu a.item:hover { color: #c7ff03;}
#menu .language { float: right; margin: 6px 10px 0px 0px; border: solid 1px white; padding: 1px;}

#maincontent { clear: both; width: 100%; margin: 0px auto; position:relative;left:5px; }

/*quang cao noi dia, outbound, tra cuu thong tin, quang cao khach san*/
#maincontent .top1 { width: 100%; height: 200px; }
#maincontent .top1 .noidia { float: left; width: 330px; height: 200px; }

#maincontent .top1 .tracuu { float: left; width: 330px; height: 200px; background: url('../trang-chu_files/bg_tracuu.jpg'); margin-left: 5px; }
#maincontent .top1 .tracuu .title { display: block; width: 202px; height: 45px; line-height: 45px; padding: 10px 0px 0px 90px; margin: 0px auto; text-transform: uppercase; color: #bf0202; font-weight: bold;}
#maincontent .top1 .tracuu .selecttype { display: block; height: 30px; line-height: 30px; margin: 0px 15px;}
#maincontent .top1 .tracuu .selectcontent { display: block; height: 70px; margin: 5px 15px; }
#maincontent .top1 .tracuu .selectcontent .row { display:block; clear:both; line-height:40px; text-align:center;}
#maincontent .top1 .tracuu .selectcontent .row .rowtext { float:left; clear:both; width:100px; line-height:26px; text-align:left;}
#maincontent .top1 .tracuu .selectcontent .row .rowvalue { float:left; width:190px; line-height:26px;}

#maincontent .top1 .khachsan { float: left; width: 330px; height: 200px; margin-left: 5px; }
#maincontent .top1 .khachsan .title { display: block; width: 252px; height: 45px; line-height: 45px; padding-left: 60px; background: url('../trang-chu_files/tracuu.jpg') 0px 3px no-repeat; margin: 0px auto; text-transform: uppercase; color: #bf0202; font-weight: bold; }
#maincontent .top1 .khachsan a.item { display: block; padding: 3px 0px 8px 30px; margin: 0px 10px; background:url('../trang-chu_files/kmicon.jpg') no-repeat 10px 8px; }
#maincontent .top1 .khachsan a.datphong { float: right; margin-right: 15px;}

/*

*/

/*tour trong nuoc va nuoc ngoai*/
#maincontent .top2 { width: 100%; height: 600px; background-color: white; }

#maincontent .top2 .tourcat { float: left; width: 480px;}
#maincontent .top2 .tourcat#in { }
#maincontent .top2 .tourcat .head { display: block; width: 440px; margin: 0px auto; height: 48px; background: url('style-h3.jpg') no-repeat;margin-top:5px;}
#maincontent .top2 .tourcat .head a.name { float: left; height: 30px; line-height: 30px; padding: 0px 15px; margin-top: 5px; color: #fff601; font-size: 14px; margin-left: 30px; font-weight: bold;}
#maincontent .top2 .tourcat .head a.all { float: right; height: 30px; line-height: 30px; padding: 0px 15px; margin-top: 5px; color: black; font-size: 11px; text-transform: uppercase; font-weight: normal; font-weight: bold;}
#maincontent .top2 .tourcat .tour { display: block; clear: both; height: 185px; margin-top: 5px; }
#maincontent .top2 .tourcat .tour .tourname { display: block; padding: 10px;  font-size: 14px; font-weight: bold;font-family:verdana}

/*quang cao du hoc, ve may bay, trung tam van chuyen*/
#maincontent .top3 { clear: both; width: 100%; height: 100px; margin: 7px 0px;}
#maincontent .top3 .item { float: left; width: 245px; height: 100px; margin-left: 5px; }
#maincontent .top3 .item#first { margin-left: 2px;}

/*ban tin fiditour, kham pha, tu van, ho tro truc tuyen*/
#maincontent .top4 { float: left; width: 100%; height: 963px; margin-bottom: 0px;}
#maincontent .top4 .top { width: 100%; height: 26px; font-size: 0px; background: url('../trang-chu_files/top_tour.jpg');}
#maincontent .top4 .content { width: 100%; height: 925px; background-color: white;}
#maincontent .top4 .content .col { float: left; width: 373px; margin-left: 5px;}

#maincontent .top4 .content .col .bantin { display: block; width: 360px; height: 250px; margin: 0px auto; border: solid 1px white;}

#maincontent .top4 .content .col .khampha { display: block; clear: both; width: 340px; height: 410px; padding: 0px 10px; margin: 0px auto; border: solid 1px white; }

#maincontent .top4 .content .col .tuvan {  display: block; clear: both; width: 360px; height: 170px; margin: 0px auto;  }
#maincontent .top4 .content .col .tuvan .title { display: block; padding: 5px 0px 3px 10px; margin: 0px 10px; height: 40px; background: url('../trang-chu_files/bg_top1.jpg') 0px 10px no-repeat; font-weight: bold; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .content .col .tuvan a.item { display: block; padding: 3px 0px 8px 30px; color: #023c0c; margin: 0px 10px; background:url('../trang-chu_files/bubblet.jpg') no-repeat 10px 6px;}

#maincontent .top4 .content .col .guituvan { display: block; width: 360px; height: 50px; margin: 0px auto; }
#maincontent .top4 .content .col .guituvan .hinh { float: left; margin: 0px 10px;}
#maincontent .top4 .content .col .guituvan .link { float: left; padding-top: 20px;}

#maincontent .top4 .content .col .tuvan1 {  display: block; clear: both; width: 360px; height: 240px; margin-top: 10px; }
#maincontent .top4 .content .col .tuvan1 .title { display: block; padding: 5px 0px 3px 10px; margin: 0px 10px; height: 40px; background: url('../trang-chu_files/bg_top1.jpg') 0px 12px no-repeat; font-weight: bold; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .content .col .tuvan1 .video { display: block; width: 200px; height: 177px; margin: 10px auto; border: solid 1px gray;}

#maincontent .top4 .content .col .blog { display: block;clear: both; width: 360px; height: 400px; margin-top: 13px;}
#maincontent .top4 .content .col .blog .title { display: block; padding: 5px 0px 3px 10px; margin: 0px 10px;  height: 40px; background: url('../trang-chu_files/bg_top1.jpg') 0px 10px no-repeat; font-weight: bold; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .content .col .blog .blogitem { display: block; clear: both; margin-top: 7px; height: 105px;}
#maincontent .top4 .content .col .blog .blogitem .blogimg { float: left; margin-right: 7px; width: 100px; height: 80px; padding: 1px; border: solid 1px gray; margin-top: 7px;}
#maincontent .top4 .content .col .blog .blogitem .blogtitle { padding: 5px 0px; color: #023c0c}
#maincontent .top4 .content .col .blog .blogitem .blogdesc { text-align: justify; height: 68px; overflow: hidden; }
#maincontent .top4 .content .col .blog .blogitem .blogdesc p { margin: 0px; margin-top: 5px;}

#maincontent .top4 .content .col .hotro { display: block; clear: both; width: 360px; height: 240px;}
#maincontent .top4 .content .col .hotro .title { display: block; padding: 5px 0px 3px 10px; margin: 0px 10px;  height: 40px;background: url('../trang-chu_files/bg_top1.jpg') 0px 8px no-repeat; font-weight: bold; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .content .col .hotro .outbound { display: block; clear: both; padding: 5px 20px; margin-top: 7px; font-weight: bold;}
#maincontent .top4 .content .col .hotro .item { display: block; margin: 5px 70px; height: 30px; }

#maincontent .top4 .content .adv { float: left; width: 235px;}
#maincontent .top4 .content .adv .title { display: block; padding: 19px 0px 3px 0px; margin-bottom: 10px; border-bottom: solid 2px #c13a48; font-weight: bold; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .content .adv .item { display: block; clear: both; width: 230px; height: 140px; margin: 0px auto; margin-top: 0px; border: solid 1px gray;}
#maincontent .top4 .content .adv .item .facebook { display: block; clear: both; height: 35px; margin-top:15px; }
#maincontent .top4 .content .adv .item .facebook .icon { float: left; width: 35px; height: 35px; margin-right: 7px;}
#maincontent .top4 .content .adv .item .facebook .txt { float: left; font-size: 13px; font-weight: bold; padding-top: 7px; color: #bf0202; text-transform: uppercase;}
#maincontent .top4 .bottom { width: 100%; height: 15px; font-size: 0px; background: url('../trang-chu_files/bg_bottom.jpg') no-repeat;}

.indentmenu { font: bold 13px Arial; width: 100%; margin-top:10px; background: url('../trang-chu_files/bg_bantin.jpg') 5px 15px no-repeat; color:#f8f921; font-weight:bold; height: 55px; }
.indentmenu .title { float: left; width: 80px; padding-left: 12px; color: #bf0202; text-transform: uppercase; }
.indentmenu ul { margin: 0; padding: 0; float: left; margin-top: 10px; }
.indentmenu ul li { display: inline; }
.indentmenu ul li a { float: left; color: #e55100; padding: 5px 7px; text-decoration: none;  }
.indentmenu ul li a.selected { color: #e55100 !important; padding-top: 6px; padding-bottom: 4px; }
.tabcontent { display: block; height: 200px; background-color: white; }
.tabcontent a { display: block; padding: 10px 20px 0px 20px; font-weight: bold; color: #023c0c; text-align: justify;}
.tabcontent a:hover { color: #cd0101;}
.tabcontent a.t { display: block; padding: 8px 0px 3px 30px; color: #023c0c; margin: 0px 10px; background:url('../trang-chu_files/bubblet.jpg') no-repeat 10px 11px;}
.tabcontent a.t:hover { color: #cd0101;}

.tabcontent .kpitem { display: block; clear: both; margin-top: 5px; height: 105px;}
.tabcontent .kpitem .kpimg { float: left; margin-right: 7px; width: 100px; height: 80px; margin-top: 10px; padding: 1px; border: solid 1px gray;}
.tabcontent .kpitem .kptitle { padding: 5px 0px; color: #023c0c; }
.tabcontent .kpitem .kpdesc { text-align: justify; height: 65px; overflow: hidden;}
.tabcontent .kpitem .kpdesc p { margin: 0px;}

/*doi tac fiditour*/
#maincontent .top5 { width:100%; } 
#maincontent .top5 .dt { float:left; clear:both; width:804px; }
#maincontent .top5 .dt .doitac { float:left; clear:both; width:804px;}
#maincontent .top5 .dt .doitac .topdt { display:block; clear:both; height:15px; background:url('../trang-chu_files/bg_top_doitac.jpg');}
#maincontent .top5 .dt .doitac .dtcontent { float:left; width:804px; height: 205px; background-color:White;}
#maincontent .top5 .dt .doitac .bottomdt {display:block; clear:both; height:10px; background:url('../trang-chu_files/bg_bottom_doitac.jpg') no-repeat 0px 0px;}
#maincontent .top5 .dt .doitac .dtcontent .box1 { float:left; width:630px; }
#maincontent .top5 .dt .doitac .dtcontent .box1 .dttitle { display:block; line-height:30px;color: #cd0101; padding:0px 15px; font-weight:bold; font-size:14px;}
#maincontent .top5 .dt .doitac .dtcontent .box1 .ks { float:left; width:195px; margin-left:5px;}
#maincontent .top5 .dt .doitac .dtcontent .box1 .ks .doitactitle { display:block; line-height:20px; font-weight:bold; color:#4089f6; margin:3px 12px; font-size:14px;}
#maincontent .top5 .dt .doitac .dtcontent .box1 .ks a { display: block; padding: 3px 0px 8px 20px; margin: 0px 10px; background:url('../trang-chu_files/bubblet.jpg') no-repeat 0px 6px;}
#maincontent .top5 .dt .doitac .dtcontent .box2 { float: left; width: 160px; }
#maincontent .top5 .dt .doitac .dtcontent .box2 .dttitle { display: block; color: #cd0101; line-height: 30px; padding:0px 20px; font-weight:bold; font-size:14px;}
#maincontent .top5 .dt .doitac .dtcontent .box2 a.tuvan { display: block; padding: 5px 10px;}
#maincontent .top5 .dt .doitac .dtcontent .box2 a.tuvan:hover { color: red;}

#maincontent .top5 .qc { float:left; clear:both; width:100%; margin-top:10px; }

#maincontent .top5 .qc .qcbox { float:left; width:500px; height:163px; margin-bottom:8px;}
#maincontent .top5 .lienket { float:right; width:185px; margin-right:0px; }
#maincontent .top5 .lienket .lk { display:block; width:180px; height:110px; margin:0px auto; margin-bottom:5px; }

/*bottom menu*/
#bottom { width: 100%; margin: 0px auto; margin-top: 10px; clear: both;}
#bottom  #menubottom { display:block; clear:both; width:100%; height:30px; margin:0px auto; margin-top:20px; background:url('../trang-chu_files/bg_bottommenu.jpg'); text-align:center; }
#bottom  #menubottom .menu { display:block; width:654px; margin:0px auto; }
#bottom  #menubottom .menu a { float:left; height:20px; line-height:20px; padding:1px 25px; margin-top:3px; color: white; text-align:center; border-right:solid 1px; font-weight:bold;}
#bottom  #menubottom .menu a.last { border:0px;}
#bottom  #menubottom .menu a:hover { color:#c7ff03; border-color: White;}
#bottom  #bottompage { display:block; clear:both; width:998px; height:70px; padding-top:10px; line-height:80px; margin:0px auto; background: url('../trang-chu_files/bg_bottompage.jpg') ; }
#bottom  #bottompage span.info { display:block; margin-right:410px; padding-top:5px; line-height:15px; text-align:right; color:#fff;}

.more1 { float: right; font-size: 10px; font-weight: bold; color: red;}

/* Top Menu*/
.TopMenuOut
{
    border:0px solid #AACCEE;
    background:url(bgmenu1.png);
    color:#ffffff;
    font-weight: bold;
    text-decoration:none;
	height:40px;

}
.TopMenuOver
{
    border:0px solid #AACCEE;
    background:url(bgmenu1.png);
    color:#333333;
    font-weight: bold;
	height:40px;

}
/* Ket thuc Top Menu*/

/* Link Top Menu*/
A.LinkTopMenu:Link{
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration:none;
	display:block;
	margin-bottom:3px;


}
A.LinkTopMenu:Visited{
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-decoration:none;
	display:block;	
	margin-bottom:3px;	
}
A.LinkTopMenu:Hover{
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;

    font-weight: bold;
    text-decoration:underline;
}
/* Ket thuc Link Top Menu*/

/* Menu con trong Menu Top*/
#dropmenudiv {
    position:absolute;
    border:1px solid #d66268;
    line-height:25px;
    z-index:100;
    background-color: #e15b61;
    text-indent: 5px;
}

#dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 5px;
    COLOR: #ffffff;
    border-bottom: 1px solid #d66268;
    TEXT-DECORATION: none;
	font-weight:bold;
}

#dropmenudiv a:hover {

    COLOR: #ffffff;
    TEXT-DECORATION:underline;

}

/* menu */
#header_menu{ text-indent:8px;}
#header_menu img{ border:0;}