﻿.booking { display: block; text-align: right; margin: 10px 0px;}

#maincontent { width: 990px; margin: 0px 5px;}

#maincontent .top2 { float: left; clear: both; margin: 0px 0px 4px;}

#maincontent .top2 .leftblock { float: left; width: 250px; margin-right: 5px;}
#maincontent .top2 .leftblock .tourcatalog { display: block; border: solid 1px gray;}
#maincontent .top2 .leftblock .timkiem { display: block; height: 60px; margin: 8px 0px; background: url('../images/bg_timkiem.jpg');}
.thanhpho {width: 180px; margin: 20px 25px 0px;}

#maincontent .top2 .leftblock .adv { display: block; clear: both; margin-top: 5px;}
#maincontent .top2 .leftblock .adv .advitem { display: block; height: 120px; margin-bottom: 2px; }


#maincontent .top2 .rightblock { float: left; width: 735px;}
#maincontent .top2 .rightblock .titlepage { display: block; padding: 5px 0px; margin-bottom: 10px; text-transform: uppercase; color: Red; background: url('/images/hoavan.png'); font-size: 14px; font-weight: bold; border-bottom: solid 2px orange;}
#maincontent .top2 .rightblock .tourtable { width: 100%; border: solid 1px gray; margin-top: 3px; border-color: gray; border-width: 1px; border-style:Solid; border-collapse:collapse;}
#maincontent .top2 .rightblock .tableheader { background: #0d6ea1; color: White; height: 25px;}
#maincontent .top2 .rightblock .tableheader .col { padding-left: 5px; font-weight: bold;}
#maincontent .top2 .rightblock .tableheader .col#col1 { width: 15%;}
#maincontent .top2 .rightblock .tableheader .col#col2 { width: 10%;}
#maincontent .top2 .rightblock .tableheader .col#col3 { width: 30%;}
#maincontent .top2 .rightblock .tableheader .col#col4 { width: 15%;}
#maincontent .top2 .rightblock .tableheader .col#col5 { width: 15%;}
#maincontent .top2 .rightblock .tableheader .col#col6 { width: 10%;}
#maincontent .top2 .rightblock .col { padding-left: 5px;}
#maincontent .top2 .rightblock .col a { font-weight: normal; color: Blue;}
#maincontent .top2 .rightblock .col span.ghichu { display: block; padding: 3px; font-weight: bold;}
#maincontent .top2 .rightblock .row1 { background: white;}
#maincontent .top2 .rightblock .row2 { background: #e5f3fa;}

#maincontent .top2 .rightblock .top { display: block; clear: both; height: 170px; margin: 8px 0px;}
#maincontent .top2 .rightblock .top .decu { float: left; width: 420px; height: 170px; background: url('../images/decu.jpg');}
#maincontent .top2 .rightblock .top .decu .hinh { float: left; width: 150px; height: 150px; margin: 23px 8px 0px; border: solid 1px gray;}
#maincontent .top2 .rightblock .top .decu .title { display: block; padding: 26px 0px 8px;}
#maincontent .top2 .rightblock .top .decu .title .giaks { color: red; padding-left: 5px; font-weight: bold;}
#maincontent .top2 .rightblock .top .decu .desc1 { text-align: justify; height: 100px; overflow: hidden; margin-right: 8px;}
#maincontent .top2 .rightblock .top .decu .btchitiet { color: Red; padding: 0px 3px; }

#maincontent .top2 .rightblock .top .gioithieu { float: left; width: 300px; height: 170px; margin-left: 5px; padding-top: 20px;}
#maincontent .top2 .rightblock .top .gioithieu .title2 { display: block; margin: 5px 10px; padding-bottom: 3px; border-bottom: 3px solid #bf0200; text-transform: uppercase; font-weight: bold; color: Red;}
#maincontent .top2 .rightblock .top .gioithieu a { display: block; padding: 5px 5px 3px 25px; background: url('../images/bubblet.jpg') no-repeat 13px 10px;}
#maincontent .top2 .rightblock .kscontent { display: block; clear: both; margin-left: 5px;}
#maincontent .top2 .rightblock .kscontent .title { display: block; font-weight: bold; padding: 5px 0px 10px; font-size: 18px; color: #5ea326;}
#maincontent .top2 .rightblock .kscontent .tab { display: block; height: 25px;border-bottom: solid 5px #bf0200}
#maincontent .top2 .rightblock .kscontent .tab a {float: left; width: 150px; height: 25px; line-height: 25px; color: White; background: url('../images/bg_tab.jpg'); margin-right: 5px; text-align: center; padding: 0px; }
#maincontent .top2 .rightblock .kscontent .tab a:hover { color: Yellow;}
#maincontent .top2 .rightblock .kscontent .kslist { display: block; width: 725px; clear: both; overflow: hidden;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 { float: left; width: 230px; height: 230px; margin-right: 10px;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 .kstitle { display: block; height: 42px; margin: 0px 10px; padding: 10px 0px 0px; color: #fa3a00;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 .kstitle:hover {color: #0d57a9;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 .demo { display: block; width: 180px; height: 100px; margin: 0px auto; border: solid 1px green;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 .ksdesc { display: block; clear: both; margin: 5px 10px 0px; height: 45px; overflow: hidden; text-align: justify;}
#maincontent .top2 .rightblock .kscontent .kslist .ksitem1 .chitiet { float: right; margin-right: 15px; color: #fa3a00; padding-top: 0px; margin-top: 3px;}
#maincontent .top2 .rightblock .kscontent .kslist .seperator { display: block; clear: both; font-size: 0px; height: 4px; border-bottom: 2px dotted gray;}
#maincontent .top2 .rightblock .kscontent .kslist .pager { display: block; clear: both; margin: 10px 10px 0px; border-top: 2px dotted gray;}

#maincontent .top2 .rightblock .ksitem { float: left; width: 100%; clear: both; margin-top: 15px;}
#maincontent .top2 .rightblock .ksitem .info { float: left; width: 570px; margin-left: 10px;}
#maincontent .top2 .rightblock .ksitem .info .ksimg { float: left; width: 100px; height: 75px; margin-right: 10px; padding: 1px; border: solid 1px gray;}
#maincontent .top2 .rightblock .ksitem .info .ksname { display: block; padding: 0px 0px 5px; font-size: 14px;}
#maincontent .top2 .rightblock .ksitem .info .ksdesc { display: block; padding: 0px;}
#maincontent .top2 .rightblock .ksitem .info .ksdesc p { margin: 0px;}
#maincontent .top2 .rightblock .ksitem .button { float: left; width: 133px; margin-left: 10px; height: 80px; font-size: 20px; color: Blue; line-height: 40px;}
#maincontent .top2 .rightblock .ksitem .button .gia { display: block; height: 40px;}
#maincontent .top2 .rightblock .ksitem .button .gia .btdp { margin-left: 20px;}

#maincontent .top2 .rightblock .topicdesc { margin: 10px 5px; color: Gray; font-weight: bold;}
#maincontent .top2 .rightblock .topiccontent { margin: 0px 5px; }

#maincontent .top3 { display: block; clear: both; height: 287px; margin: 5px 0px;}
#maincontent .top3 .title { display: block; padding: 5px 10px;}
#maincontent .top3 .khampha { float: left; width: 323px; height: 250px; margin-right: 8px; }
#maincontent .top3 .khampha#right { margin-right: 0px;}
#maincontent .top3 .khampha .countryname { display: block; padding: 0px 10px; height: 30px; line-height: 30px; color: White; font-weight: bold; border-bottom: solid 1px red; background: url('../images/kptitle.jpg');}
#maincontent .top3 .khampha .item {  float: left; width: 100%; clear: both; margin: 10px 0px;}
#maincontent .top3 .khampha .item .hinh { float: left; width: 100px; height: 75px; margin: 0px 5px;}
#maincontent .top3 .khampha .item .topicname { display: block; font-weight: bold; padding: 0px 5px 5px 10px;}
#maincontent .top3 .khampha .item .desc { display: block; padding: 0px 5px 5px 10px;}
#maincontent .top3 .khampha .item .desc p { margin: 0px;}

.indentmenu ul { margin: 0; padding: 0; float: left;  height: 30px; }
.indentmenu ul li { display: inline; height: 30px;}
.indentmenu ul li a{ float: left; padding-right: 20px; height: 20px; text-align: center; line-height: 20px; text-decoration: none; }
.indentmenu ul li a.selected { padding-bottom: 4px; }
.ksdetail { display: block;}

.hotelimage { float: left; clear: both; width: 97%; padding: 5px; padding-bottom: 0px; margin-bottom: 10px; border: solid 1px gray;}
.hotelimage a { float: left; margin-right: 5px; margin-bottom: 5px;}
.hotelimage img { height: 80px;}

.selectlink { display: block; clear: both; height: 18px; background-color: white; background: #fff4d8;}
.selectlink .selecttext { float: left; width: 150px; color: Black; }
.selectlink .hitcount { float: left; width: 95px;text-align: right; color: Black;}

.lydo { display: block; clear: both; height: 200px; margin: 8px 0px; background: url('../images/bg1.jpg') no-repeat;}
.lydo span { display: block; padding: 5px 5px 4px 30px;background: url('../images/icon.jpg') no-repeat 10px 5px;}
.lydo div.clear { display: block; height: 20px; }

.dangky {display: block; clear: both; height: 120px; margin: 15px 0px 0px; background: url('../images/bg2.jpg') no-repeat;}
.dangky .content2 { display: block; padding: 12px 5px 20px 70px; }
.dangky .content3 { display: block; margin: 0px 10px; height: 30px;}
.dangky .content3 .btdangky { margin-top: 5px;}

#khuyenmai.kslist { display: block; clear: both;}

.tenks { display: block; margin: 10px 5px 5px; font-size: 18px; font-weight: bold; color: #5e9f27;}
.tab1 { display: block; height: 25px;border-bottom: solid 5px #bf0200; margin: 0px 5px;}
.tab1 a {float: left; width: 120px; height: 25px; line-height: 25px; color: White; background: url('../images/bg_tab.jpg'); margin-right: 5px; text-align: center; padding: 0px; }
.tab1 a:hover { color: Yellow;}

.gallery { display: block; height: 300px; margin: 5px; overflow: hidden;}
.gallery .large { float: left; width: 500px; height: 290px; overflow: hidden;}
.gallery .large img {}
.gallery .list { float: left; width: 405px; margin-left: 10px; height: 300px;}
.gallery .list .imglist { display: block; height: 250px; overflow-y: auto;}
.gallery .list .imglist .item { float: left; width: 90px; height: 70px; margin: 3px 3px 2px 0px;}
.gallery .list .imglist .item img { width: 85px; height: 70px; cursor: pointer;}
.gallery .list .contact { display: block; clear: both; height: 50px;}
.gallery .list .contact img.booking { margin-top: 0px;}
.gallery .list .contact a { float: left; margin-top: 10px; margin-right: 5px;}

.chitiet { display: block; clear: both; margin: 10px 5px;}
.chitiet .title { display: block; font-size: 18px; font-weight: bold; padding-bottom: 5px; border-bottom: dotted 2px gray; color: #5e9f27;}
.chitiet .content4 { display: block; margin: 10px 0px;}

.top31 { float: left; clear: both; width: 100%; }
.top31 .bar { display: block; height: 30px; margin-top: 10px;}
.top31 .bar .item { float: left; padding: 5px 10px 5px 30px; background: url('../images/icon.gif') no-repeat 10px 0px;}
.top31 .danhmuc { display: block; clear: both; padding: 0px 10px 10px; font-size: 18px; color: #5e9f27; font-weight: bold;}
.kstable { width: 100%; border: solid 1px gray; margin-top: 3px; border-color: gray; border-width: 1px; border-style:Solid; border-collapse:collapse;}
.kstable .tableheader { background: #0d6ea1; color: White; height: 25px;}
.kstable .tableheader .col { padding-left: 5px; font-weight: bold; vertical-align: top;}
.kstable .tableheader .col p { margin: 0px; padding: 0px;}
.kstable .tableheader .col#col1 { width: 12%;}
.kstable .tableheader .col#col2 { width: 8%;}
.kstable .tableheader .col#col3 { width: 25%;}
.kstable .tableheader .col#col4 { width: 16%;}
.kstable .tableheader .col#col5 { width: 21%;}
.kstable .tableheader .col#col6 { width: 10%;}
.kstable .col .hotelimg { display: block; width: 100px; margin-bottom: 5px;}
.kstable .col .hotelname { display: block; padding: 3px 0px; font-weight: bold;}
.kstable .col ul { margin: 0px; padding: 0px;}
.kstable .col { padding-left: 10px;}
.kstable .col a { font-weight: normal; color: Blue;}
.kstable .col .price { font-size: 14px; font-weight: bold; color: red;}
.kstable .col span.ghichu { display: block; padding: 3px; font-weight: bold;}
.kstable .row1 { background: white; padding-top: 10px;}
.kstable .row2 { background: #e5f3fa; padding-top: 10px;}
.kstable .col a.datphong { display: block; clear: both; padding-top: 10px;}

.blank { display: block; clear: both; height: 5px; font-size: 0px;}




