﻿body { margin: 0px; font-family: Arial,Tahoma; font-size: 12px; color: #333; background:#023c0c; padding-top: 10px; }

a { text-decoration: none; font-weight: bold; color: #023c0c;}
a:hover { color: #d71c2f; }
img { border: 0px;}

.banner { display: block; width: 960px; height: 105px; padding: 10px; margin: 0px auto; background: url('../images72010/bg_banner.jpg') no-repeat;background-color: White; }
.banner .logo { float: left; width: 244px; height: 99px; background: url('../images72010/logo.jpg');}
.banner .right { width: 680px; float: right;}
.banner .right .iata { float: right; width: 382px; height: 55px; background: url('../images72010/iata.jpg') no-repeat;}
.banner .right .language { float: right; clear: both; height: 20px;}
.banner .right .language a { float: right; padding-right: 5px;}
.banner .right .language a img { width: 29px; border: 1px solid gray;}
.banner .right .menu { display: block; clear: both; top: 50px; padding-top: 6px; height: 22px; }
.banner .right .menu .item { float: left; height: 18px; padding: 0px 7px; font-weight: normal; color: White; border-right: solid 1px white;}

.pagecontent { display: block; clear: both; width: 980px; margin: 0px auto;}
.maincontent { float: left; width: 980px; margin: 0px auto; background: white; margin-bottom: 10px; overflow: hidden; }
.maincontent .centerbanner { display: block; width: 980px; height: 200px; margin: 0px auto; border-top: 1px solid gray; border-bottom: 1px solid gray;}
.maincontent .top1 { display: block; height: 200px; padding: 10px;}
.maincontent .top1 .tracuu { float: left; width: 340px; height: 200px; background: url('../images72010/bg_tracuu.jpg');}
.maincontent .top1 .tracuu .content { display: block; height: 140px; margin: 45px 16px 0px;}
.maincontent .top1 .tracuu .content .selectcontent { float: left; width: 310px;}
.maincontent .top1 .tracuu .content .selecttype { display: block; height: 30px; font-weight: bold; text-align: center;}
.maincontent .top1 .tracuu .content .row { display: block; clear: both; height: 26px; overflow: hidden; }
.maincontent .top1 .tracuu .content .row .rowtext { float: left; width: 120px; padding-top: 5px; height: 12px;}
.maincontent .top1 .tracuu .content .row .rowvalue { float: left; width: 190px; height: 30px;}
.maincontent .top1 .slidekp { float: left; margin-left: 10px; width: 330px; height: 200px; overflow: hidden; }
.maincontent .top1 .video { float: left; width: 270px; margin-left: 8px; height: 200px; background: url('/images72010/bantin_sukien.jpg') no-repeat;}
.maincontent .top1 .video .title21 { display: block; line-height: 30px; padding: 0px 15px; color: Red;}
.maincontent .top1 .video a.tin { display: block; padding: 10px 10px 0px 28px; color: #023c0c; background: url('/images72010/bullet.jpg') 18px 13px no-repeat; text-align: justify;}

.maincontent .top2 { float: left; width: 980px; padding: 0px 10px;}
.maincontent .top2 .top { display: block; height: 54px; background: url('../images72010/top_tour.jpg') no-repeat;}
.maincontent .top2 .top a { float: left; margin: 10px 0px 0px 8px; padding: 5px 15px 5px 10px; color: white; font-size: 13px;}
.maincontent .top2 .top a:hover { background: url('../images72010/nen2.gif');}
.maincontent .top2 .top a img { float: left;}
.maincontent .top2 .top a span { float: left; padding-left: 10px;}
.maincontent .top2 .content { float: left; width: 960px; background: #023c0c;}
.maincontent .top2 .content .tourcatalog { float: left; width: 920px; margin: 0px 10px; padding: 0px 10px 0px; background: white;}
.maincontent .top2 .content .tourcatalog .catalog { display: block; height: 30px;}
.maincontent .top2 .content .tourcatalog .catalog a { float: left; padding: 3px 10px; font-size: 13px;}
.maincontent .top2 .content .tourcatalog .tour { float: left; width: 640px; padding-left: 10px; }
.maincontent .top2 .content .tourcatalog .tour .tourlink { float: left; width: 310px; color: #d00000; padding: 5px 0px; text-transform: uppercase;}
.maincontent .top2 .content .tourcatalog .tour .tourdetail { display: block; clear: both; height: 145px; }
.maincontent .top2 .content .tourcatalog .tourvideo { float: left; width: 240px; height: 290px; padding-left: 20px;}
.maincontent .top2 .content .tourcatalog .tourvideo .video { margin-top: 20px; width: 215px; border: solid 1px gray;}
.maincontent .top2 .content .tourcatalog .tourvideo .playlist { display: block; height: 85px; overflow: hidden;}
.maincontent .top2 .content .tourcatalog .tourvideo .playlist ul { display: block; margin-top: 10px; margin-left: 10px;}
.maincontent .top2 .content .tourcatalog .tourvideo .playlist ul li { list-style: none;}
.maincontent .top2 .content .tourcatalog .tourvideo .playlist ul li a { color: Blue;}
.maincontent .top2 .content .tourcatalog .tourcontainer { float: left; width: 640px; padding: 10px 0px 10px 5px;}
.maincontent .top2 .content .tourcatalog .tourcontainer .title {height: 30px; text-transform: uppercase; margin-left: 10px;}
.maincontent .top2 .content .tourcatalog .tourcontainer .title .catalog1 { color: Blue;}
.maincontent .top2 .content .tourcatalog .tourcontainer .title .tourname { color: #d00000;}
.maincontent .top2 .content .tourcatalog .tourcontainer .defaulttour { padding-bottom: 10px;}
.maincontent .top2 .bottom { display: block; clear: both; height: 16px; background: url('../images72010/bottom_tour.jpg') no-repeat;}

.maincontent .top3 { float: left; width: 960px; padding: 10px;}
.maincontent .top3 .slidein { float: left; width: 340px; height: 200px; overflow: hidden; margin-right: 10px;}
.maincontent .top3 .slideout { float: left; width: 340px; height: 200px; overflow: hidden; margin-right: 10px;}
.maincontent .top3 .hotro { float: left; width: 260px; height: 200px; background: url('../images72010/bg_hotro.jpg');}
.maincontent .top3 .hotro .content { display: block; height: 150px; margin: 40px 10px 0px;}
.maincontent .top3 .hotro .content .outbound { display: block; clear: both; padding: 0px 15px; margin: 1px 0px 2px; font-weight: bold;}
.maincontent .top3 .hotro .content .item { display: block; margin: 0px 30px; height: 30px; }

.maincontent .top4 { float: left; width: 960px; padding: 0px 10px; overflow: hidden;}
.maincontent .top4 .item { float: left; width: 235px; height: 97px; margin-left: 6px;}
.maincontent .top4 .item#first { margin-left: 0px;}

.maincontent .top5 { float: left; width: 980px;}
.maincontent .top5 .content { display: block; width: 960px; padding-top: 30px; margin: 0px 10px; padding: 10px 0px;}
.maincontent .top5 .content .left { float: left; width: 720px; background: url('../images72010/bg_km1.jpg') no-repeat;}
.maincontent .top5 .content .left .khuyenmai { display: block; padding: 10px; height: 200px;}
.maincontent .top5 .content .left .khuyenmai .block { float: left; width: 343px; height: 200px; margin-left: 10px;}
.maincontent .top5 .content .left .khuyenmai .block#first { margin-left: 0px;}
.maincontent .top5 .content .left .khuyenmai .block .title { display: block; width: 293px; height: 10px; padding: 8px 15px 12px; margin: 10px auto; background: url('../images72010/bg_km.jpg'); color: White; }
.maincontent .top5 .content .left .khuyenmai .block ul { display: block; margin-left: 30px; clear: both; margin-bottom: 0px; margin-right: 10px;}
.maincontent .top5 .content .left .khuyenmai .block ul li { padding-bottom: 5px; }
.maincontent .top5 .content .left .khuyenmai .block .more { float: right; color: Red; font-size: 11px; padding-right: 20px;}

.maincontent .top5 .content .left .nhatky { float: left; width: 350px; height: 180px; }
.maincontent .top5 .content .left .nhatky .title { display: block; font-weight: bold;  padding: 5px 0px 3px 10px; margin-bottom: 10px; color: #d00000;border-bottom: solid 2px red;}

.maincontent .top5 .content .left .ykien { float: left; width: 320px; padding-left: 25px; height: 180px;}
.maincontent .top5 .content .left .ykien .title { display: block; font-weight: bold;  padding: 5px 0px 3px 10px;  margin-bottom: 10px;color: #d00000;border-bottom: solid 2px red;}
.maincontent .top5 .content .left .ykien a { display: block; padding: 0px 10px 10px 20px;}

.maincontent .top5 .content .left .tuvan { float: left; width: 350px; height: 260px; }
.maincontent .top5 .content .left .tuvan .title { display: block; font-weight: bold;  padding: 5px 0px 3px 10px; margin-bottom: 10px; color: #d00000;border-bottom: solid 2px red;}
.maincontent .top5 .content .left .tuvan a { display: block; padding: 0px 10px 10px 20px;}
.maincontent .top5 .content .left .tuvan .guituvan { display: block; width: 360px; height: 70px; margin: 0px auto;}
.maincontent .top5 .content .left .tuvan .guituvan .hinh { float: left; margin: 10px 10px 0px 10px;}
.maincontent .top5 .content .left .tuvan .guituvan .link { float: left; padding-top: 20px; font-size: 16px; color: #ba1202; text-decoration: underline;}

.maincontent .top5 .content .left .blog { float: left; width: 330px; padding-left: 30px; height: 280px; }
.maincontent .top5 .content .left .blog .title { display: block; padding: 5px 0px 3px 5px; margin: 0px 10px; border-bottom: solid 2px #d00000; color: #d00000; }
.maincontent .top5 .content .left .blog .blogitem { display: block; clear: both; margin-top: 7px; height: 105px;}
.maincontent .top5 .content .left .blog .blogitem .blogimg { float: left; margin-right: 7px; width: 100px; height: 80px; padding: 1px; border: solid 1px gray; margin-top: 7px;}
.maincontent .top5 .content .left .blog .blogitem .blogtitle { padding: 5px 0px; }
.maincontent .top5 .content .left .blog .blogitem .blogdesc { text-align: justify; height: 68px; overflow: hidden; }
.maincontent .top5 .content .left .blog .blogitem .blogdesc p { margin: 0px; margin-top: 5px;}

.maincontent .top6 { display: block; clear: both; width: 970px; padding: 5px; } 
.maincontent .top6 .qc { float:left; clear:both; width: 980px; }
.maincontent .top6 .qc .qcbox { float:left; width:485px; height:160px; margin-bottom:8px;}

.maincontent .top5 .content .adv { float: left; width: 226px; padding-left: 10px; height: 685px; }
.maincontent .top5 .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 .top5 .content .adv .item { display: block; clear: both; width: 230px; height: 140px; margin: 0px auto; margin-top: 2px; border: solid 1px gray;}
.maincontent .top5 .content .adv .item .facebook { display: block; clear: both; height: 30px; margin-top:15px; }
.maincontent .top5 .content .adv .item .facebook .icon { float: left; width: 35px; height: 35px; margin-right: 7px;}
.maincontent .top5 .content .adv .item .facebook .txt { float: left; font-size: 13px; font-weight: bold; padding-top: 7px; color: #bf0202; text-transform: uppercase;}

.maincontent .bottom  { display: block; clear: both; height: 160px; padding-top: 5px; background: url('../images72010/bottom_page.jpg') no-repeat left bottom;}
.maincontent .bottom .menubottom { display:block; clear:both; width:1000px; height:30px; margin:0px auto; margin-top:20px; text-align:center; }
.maincontent .bottom .menubottom .menu { display:block; width:950px; margin:0px auto; }
.maincontent .bottom .menubottom .menu a { float:left; height:20px; line-height:20px; padding:1px 25px; margin-top:3px; text-align:center; border-right:solid 1px;}
.maincontent .bottom .menubottom .menu a.last { border:0px;}
.maincontent .bottom .menubottom .menu a:hover { color:red;}
.maincontent .bottom .bottompage { display:block; clear:both; width:998px; height:90px; padding-top:20px; line-height:80px; margin:0px auto; background: url('../images72010/logo.jpg') 600px 0px no-repeat; }
.maincontent .bottom .bottompage span.info { display:block; margin-right:410px; padding-top:5px; line-height:15px; text-align:right;}
.fbdiv { float: left; width: 300px; height: 28px; overflow: hidden;}

.indentmenu { border-bottom: 2px solid red; height: 23px; margin-bottom: 10px;}
.indentmenu ul { padding-left: 0px;}
.indentmenu ul li { float: left; list-style: none; padding-top: 3px; padding-right: 15px; margin-left: -10px; color: Red; height: 17px; overflow: hidden;}
.indentmenu ul li a { color: #d00000;}

#slider { width: 628px; margin: 0 auto; position: relative;}

.scroll {overflow: hidden; width: 600px; height: 136px; margin: 0 auto; position: relative;border-top: solid 1px #50d0fa; border-bottom: solid 1px #50d0fa; overflow: hidden; background: #eff8fd;}

.scrollContainer { position: relative; height: 136px; }

.scrollContainer div.panel { width: 150px; height: 120px; float: left; position: relative; display: block;}

.inside {padding: 2px;}

.inside img {display: block; border: 1px solid #666; margin: 2px auto; width: 108px; height: 81px;}

.inside h2 {font-weight: normal; color: #111; font-size: 12px; text-transform: uppercase; margin: 0 0 8px 0;}

.inside h2 a { display: block; padding: 0px; color: black; text-align: center; }

.inside p { font-size: 11px; color: #ccc;}

.scrollButtons { position: absolute; cursor: pointer;}

.scrollButtons.left { left: 0px;}

.scrollButtons.right { top: 0px; right: 0px;}

.hide { display: none;}

.tooltip {display: block; margin: 0px 0px 20px 0px;}
.tooltip img.demo {width: 100px; border: 1px solid #B3D0E6; padding: 1px; float: left; margin-right: 18px;}
.tooltip .title { display: block; font-weight: bold; color: #006CB0; color: Red; text-decoration: none;}
.tooltip p {margin: 5px 0px;}

.clip { padding: 3px 0px 3px 20px; color: Red; background: url(../images72010/control_stop.png) no-repeat 0px 3px;}
.active11 {  padding: 3px 0px 3px 20px; background: url(../images72010/control_play.png) no-repeat 0px 3px;}


.indentmenu1 { height: 26px; }
.indentmenu1 ul { padding-left: 0px; margin: 5px 5px 0px 5px;}
.indentmenu1 ul li { float: left; padding-top: 3px; width: 130px; text-align: center; height: 23px; line-height: 23px; list-style: none;  overflow: hidden; background: url('/images72010/tab_sukien.jpg');}
.indentmenu1 ul li a { padding-top: 3px; width: 130px; text-align: center; height: 23px; line-height: 23px; color: White;}
.indentmenu1 ul li a.selected {padding-top: 3px; width: 130px; padding: 7px 22px 5px; text-align: center; height: 23px; line-height: 23px; margin-left: -2px; background: url('/images72010/tab_bantin.jpg') no-repeat; color: red;}

#div_to_popup {display:none; width: 854px; height: 598px;}






