/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:url(../img/bg.gif) repeat-x top #0494ce}
html, input, textarea
	{	font-family:Tahoma; 
		color:#ffffff;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#77df49; text-decoration:underline; font-weight:bold} 
a:hover{text-decoration:none}

ul{margin:0; padding:0; list-style:none; line-height:1.3em}
ul li{background:url(../img/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal;} 
ul li a:hover { text-decoration:none; color:#77df49; }

/*header*/
#header{ height:447px}
#header .flash{ position:absolute; margin:0 -10px 0 -40px}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .title{  margin-bottom:5px}
#content .title1{  margin-top:5px; position:absolute}
#content .title2{  margin:5px 0 6px 0}
#content .title_1{background:url(../img/bg_5.gif) no-repeat top left #047eb3; padding:9px 26px 21px 80px; color:#a2e8ff; font-weight:bold; font-size:0.9em}
#content .title_1 a{color:#a2e8ff; text-decoration:none}
#content .title_1 a:hover{text-decoration: underline}
#content .title_1 strong a{color:#ffffff}
#content p{ margin:0px 0px 15px 0px}
#content .p1{ margin:5px 0px 5px 0px}
#content .p2{ margin:0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:20px 0px 16px 0px}
#content .line{ margin:15px 0px 13px 0px }
#content .indent{padding:0px 0px 24px 9px}
#content .indent_col1{padding:5px 25px 15px 10px}
#content .indent_col2{padding:5px 25px 0px 24px}
#content .indent_col3{padding:5px 25px 0px 24px}
#content .indent_1{padding:0px 0px 0px 105px}
#content .indent_2{padding:0px 0px 5px 0px}
#content .indent_3{padding:0px 0px 0px 95px}
#content .indent_4{padding:0px 0px 0px 144px}

.block{ width:218px; background:url(../img/bg_2.gif); float:right}
.bg_block{ background:url(../img/bg_1.gif) no-repeat top;}
.bg_block1{ background:url(../img/bg_3.gif) no-repeat bottom; padding:28px 17px 17px 23px;}
/*table*/
.table{ width:440px; height:223px; background:#cacaca; font-size:0.9em}
.table td{ background:#0497d0;}
.table .col_1{ height:24px; width:138px; vertical-align:middle; text-align:center}
.table .col_2{ width:99px; vertical-align:middle; text-align:center}
.table .col_3{ width:94px; vertical-align:middle; text-align:center}
.table .col_4{ width:104px; vertical-align:middle; text-align:center}
.table .col_5{ height:200px; padding:10px 0px 5px 14px}
.table .col_6{ padding:10px 0px 5px 14px}
.table .col_7{padding:10px 0px 5px 14px}
.table .col_8{ padding:10px 0px 5px 14px}
.table ul{margin:0; padding:0; list-style:none; line-height:1.7em}
.table ul li{background:url(../img/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
.table ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal; font-size:1.2em} 
.table ul li a:hover { text-decoration:none; color:#77df49; }

.block2{background:url(../img/bg_4.gif) repeat-x top #0476af }
.block2 .h1{ height:18px; }
.block2 .fr1{ text-align:right; margin-right:23px;font-size:0.9em}
.block2 .fr2{ text-align:right; margin-right:5px;font-size:0.9em}
.icon3{ margin-left:2px; vertical-align:middle}
.block2 .indent_5{padding:0px 140px 10px 22px; color:#6cc1e4; line-height:1.2em; background:url(../img/line3.gif) no-repeat bottom #0476af; height:100%}
.indent_6{padding:10px 0px 0px 0px;}
.but2{ margin:0px 0px 14px 174px; position:absolute }
.vam1{background:url(../img/line4.gif) no-repeat top left #047bb2; padding:0px 0px 0px 20px; height:36px; font-size:0.9em; }


/*index.html*/
#page1 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-2.html*/
#page3 #content .indent_col1{padding:5px 0px 15px 10px}
/*index-3.html*/
#page4 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-3.html*/
#page8 #content p{margin:0px 0px 20px 0px}


/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(../img/bg_bot.gif) repeat-x top; padding:35px 25px 28px 16px; margin-right:28px}


.jamp1{ width:42px; }
.jamp2{ width:74px;}
.jamp3{ width:95px;}
.jamp4{ width:87px; margin-left:15px}
.jamp5{ width:87px; margin:0 35px 0 5px}
select{ font-size:1em; color:#666666; margin-left:5px; vertical-align:middle; height:21px;}
.input{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:173px; height:22px;
	font-size:0.9em;
	padding-left:5px;
	margin-bottom:6px
}
.input1{
	color:#666666;
	width:16px; height:16px;
	font-size:0.9em;
	margin:0 5px 0 5px;
	vertical-align:middle
}.input2{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:215px; height:21px;
	font-size:1em;
	padding-left:5px;
	margin:0 0px 0 9px;
	vertical-align:middle
}
input{
   width:193px; height:18px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:3px
}
textarea{
   width:193px; height:152px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:11px;
   overflow:auto}
   
  .col1, .col2, .col3, .col4{ float:left}
/*======= width =======*/
.w{margin:0 auto; text-align:left; width:775px; }

/*======= header =======*/
#header {background:url(../img/top.jpg) no-repeat top center}
#header .col1{ width:405px}
#header .col2{ width:370px}

/*======= index.html =======*/
#page1 #content .col1{ width:295px}
#page1 #content .col2{ width:480px}
/*======= index-1.html =======*/
#page2 #content .col1{ width:234px; background:url(../img/bg_li.gif) repeat-y right}
#page2 #content .col2{ width:540px}
/*======= index-2.html =======*/
#page3 #content .col1{ width:472px; background:url(../img/bg_li.gif) repeat-y right}
#page3 #content .col2{ width:303px}
/*======= index-3.html =======*/
#page4 #content .col1{ width:295px}
#page4 #content .col2{ width:480px}
/*======= index-4.html =======*/
#page5 #content .col1{ width:234px; background:url(../img/bg_li.gif) repeat-y right}
#page5 #content .col2{ width:263px; background:url(../img/bg_li.gif) repeat-y right}
#page5 #content .col3{ width:278px}
/*======= index-5.html =======*/
#page6 #content .col1{ width:472px; background:url(../img/bg_li.gif) repeat-y right}
#page6 #content .col2{ width:303px}
/*======= index-6.html =======*/
#page7 #content .col1{ width:234px; background:url(../img/bg_li.gif) repeat-y right}
#page7 #content .col2{ width:263px; background:url(../img/bg_li.gif) repeat-y right}
#page7 #content .col3{ width:277px}
/*======= index-7.html =======*/
#page8 #content .col1{ width:775px}

/*======= footer =======*/
#footer { height:110px; }

.clear_full{
	clear:both;width:100%;height:1px
}

.tnhp_travel_list{
	width:420px;
	float:right;
	/*background:#04a0d3;
	padding:3px;*/
}

.tnhp_travel_list .list_item{
	width:380px;
	display:block;
	margin-bottom:12px;
	padding:7px;
	border-bottom:1px dotted #55B1EF;
	margin-right:0px;
	padding-bottom:3px;
}

.tnhp_travel_list .list_item .in1{
	float:left;
	width:228px;
	display:block;
}

.tnhp_travel_list .list_item .in1 .inx1{
	/* height:30px; */
	height: 34px;
	display:block;
	margin-top:-7px;
	margin-left:-7px;
	/* background:#00B1EF; */
	background:url(../img/bl1.jpg);
	padding:8px;
	width:90px;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.tnhp_travel_list .list_item .in1 .inx1 .inxy1{
	color:inherit;
	text-decoration:none;
}

.tnhp_travel_list .list_item .in1 .inx2{
	/* height:30px; */
	height:34px;
	display:block;
	margin-top:-7px;
	margin-left:20px;
	/*background:#E86908;*/
	background:url(../img/bl2.jpg);
	padding:8px;
	width:90px;
	font-size:14px;
	font-weight:bold;
	float:left;
}

.tnhp_travel_list .list_item .in1 .inx2 .inxy2{
	color:inherit;
	text-decoration:none;
}

.tnhp_travel_list .list_item .in1 .inx3{
	width:100%;
	display:block;
	margin-top:10px;
	float:left;
}

.tnhp_travel_list .list_item .in1 .inx3 p{
	margin-bottom:5px !important;
}

.tnhp_travel_list .list_item .in2{
	float:right;
	width:130px;
	display:block;
}

.tnhp_travel_list .list_item .in2 .in2x1{
	cursor:pointer;
	float:right;
	width:140px;
	border:4px solid #00B1EF;
	height:38px;
	margin-right:-11px;
	margin-top:-6px;
	display:block;
}

.tnhp_travel_list .list_item .in2 .in2x2{
	cursor:pointer;
	float:right;
	width:140px;
	border:4px solid #00B1EF;
	height:170px;
	margin-right:-11px;
	margin-top:-11px;
	display:none;
}

.tnhp_travel_list .list_item .in2 .in2x3{
	cursor:pointer;
	float:right;
	width:140px;
	border:4px solid #00B1EF;
	height:38px;
	margin-right:-11px;
	margin-top:5px;
	display:block;
}

.tnhp_travel_list .list_item .in2 .in2x4{
	cursor:pointer;
	float:right;
	width:140px;
	border:4px solid #00B1EF;
	height:170px;
	margin-right:-11px;
	margin-top:5px;
	display:none;
}

.tnhp_travel_review .header{
	width: 720px;
}
.tnhp_travel_review .stars{
	display:inline;
	margin-left:7px;
}
.tnhp_travel_review .header .title{
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px !important;
	display:block;
}
.tnhp_travel_review .header .descr{
	margin-bottom:30px !important;
}

.tnhp_travel_review .header .preview{
	border:5px solid #61BEDF;
	margin:0 10px 10px 1px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat !important;
	background-color:#BFEEFF;
}
.tnhp_travel_review .header .thumb{
	width:100px;
	height:60px;
	border:5px solid #61BEDF;
	margin:0 10px 10px 1px;
	float:left;
	cursor:pointer;
}

.tnhp_travel_detailed .header{
	width: 720px;
}
.tnhp_travel_detailed .header .a{
	width:320px;
	float:left;
}
.tnhp_travel_detailed .header .b{
	width:400px;
	float:right;
}
.tnhp_travel_detailed .header .title{
	font-size:15px;
	color:#fff;
	font-weight:bold;
	margin-bottom:6px !important;
	float:left;
	width:420px;
}
.tnhp_travel_detailed .header .subtitle{
	font-size:13px;
	color:#fff;
	float:left;
	width:420px;
}

.tnhp_travel_detailed .header .price{
	height:24px;
	display:block;
	margin-left:20px;
	background:url(../img/bl3.jpg);
	padding:10px 6px 6px;
	width:94px;
	font-size:13px;
	font-weight:bold;
	float:right;
	text-align:center;
}

.tnhp_travel_detailed .header .date{
	height:24px;
	display:block;
	margin-left:20px;
	background:url(../img/bl4.jpg);
	padding:10px 6px 6px;
	width:64px;
	font-size:13px;
	font-weight:bold;
	float:right;
	text-align:center;
}

.tnhp_travel_detailed .header .type{
	height:24px;
	display:block;
	margin-left:20px;
	background:url(../img/bl5.jpg);
	padding:10px 6px 6px;
	width:144px;
	font-size:13px;
	font-weight:bold;
	float:right;
	text-align:center;
}

.tnhp_travel_detailed .header .title .link1,
.tnhp_travel_detailed .header .link1,
.tnhp_travel_detailed .header .subtitle .link1{
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #99CEDF;
}
.tnhp_travel_detailed .header .title .stars{
	display:inline;
	margin-left:3px;
}
.tnhp_travel_detailed .header .c{
	width:330px;
	float:left;
	padding-top:24px;
}
.tnhp_travel_detailed .header .d{
	width:378px;
	float:right;
	padding-top:24px;
}

.tnhp_travel_detailed .header .c .descr{
	width:304px;
	border:1px solid #61BEDF;
	padding:6px;
	margin-bottom:12px;
}
.tnhp_travel_detailed .header .c .descr .title,
.tnhp_travel_detailed .header .d .descr .title{
	font-size:13px;
	color:#07456F;
	font-weight:bold;
	margin-bottom:10px;
}
.tnhp_travel_detailed .header .d .descr .title{
	width:220px;
}
.tnhp_travel_detailed .header .c .descr td{
	border-bottom:1px dotted #cfcfcf;
	background: #61BEDF;
	padding:2px 3px;
	color:#fff;
	font-size:11px;
}
.tnhp_travel_detailed .header .c .descr td.label{
	background: #51AECF;
	font-size:12px;
}

.tnhp_travel_detailed .header .d .descr{
	width:364px;
	border:1px solid #61BEDF;
	padding:6px;
	margin-bottom:12px;
}
.tnhp_travel_detailed .header .preview{
	border:5px solid #61BEDF;
	margin:0 10px 10px 1px;
	float:left;
	cursor:pointer;
	background-repeat:no-repeat !important;
	background-color:#BFEEFF;
}
.tnhp_travel_detailed .header .thumb{
	width:100px;
	height:60px;
	border:5px solid #61BEDF;
	margin:0 10px 10px 1px;
	float:left;
	cursor:pointer;
}
.tnhp_travel_detailed .header .d .descr td{
	padding:2px 3px;
	font-size:11px;
}
.tnhp_travel_detailed .header .d .descr .white img{
	background: white;
	border:3px solid #61BEDF;
	float:right;
}
.paging {
    width: 100%;
    /*display: block;*/
    margin-left: 4px;
    margin-top: 6px;
    margin-bottom: 6px;
    float:right;
    width:415px;
    /*float: left;*/
}

.paging a {
    text-decoration: none;
    border: 1px solid #7F7F67;
    padding: 0px 4px;
    font-size: 1.2em;
    color: #404030;
    margin: 1px 3px;
    font-weight: bold;
}

.paging .selected {
    color: #fff;
    background: #7F7F67;
}
.l1{
background:none !important;
padding-left:0px !important;
font-size:1.1em !important;
line-height:1.5em !important;

}
.l2{
font-size:0.8em !important;
margin-left:15px !important;
}

#zone1.indent_col2 img{
	border:1px #ddd solid;
	padding:1px;
	margin:4px 3px 1px;
}