/*--------------------------- CSS Document - Set default for begin 1 HTML page coding -------------------*/
@charset "utf-8";
/* ----------------------------Public css for all pages, for anywhere in a page ------------------------*/
a:link{
	text-decoration:none;
	color:#093;	
	
}
a:hover { color:#ff6600}
a:active {text-decoration:none;}
body {
	background:url(images/brg_main.gif) #ffffff repeat-x;
	margin : 0;
	padding :0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #000;
}
img{border:0px}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	outline:0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif; font-size : 12px;
}
.clearboth { clear : both; margin-bottom:0px; margin-top:0px}
.paddingtop5 {padding-top : 5px;}
.paddingtop10 {padding-top : 10px;}
.paddingtop20 {padding-top : 20px;}
.marginbottom5 {margin-bottom:5px}
.marginbottom10 {margin-bottom:10px}
.marginbottom20 {margin-bottom:20px}
.margintop5 {margin-top:5px}
.margintop10 {margin-top:10px}
.margintop20 {margin-top:20px}
.height5px {height : 5px; clear : both;}
.height10px {height : 10px; clear : both;}
.height20px {height : 20px; clear : both;}
.height30px {height : 30px; clear : both;}
.bordertest {border : 1px solid #990000; text-align : center;}
.font11px {font-size:11px}
.bold {font-weight:bold}
.greenbold12{ color:#699f29; font-size:12; font-weight:bold}

/*--------------------------------------Start a page-----------------------------------------------------*/
#aligncenterpage {width:100%; height:auto;}
#mainsize {margin-left:auto; margin-right:auto; width : 100%; height:auto; text-align : left;}

/* -------------------------------------Header -----------------------------------------------------*/
#header { width: 100%; }
#header .header_content {width: 960px; margin-left:auto; margin-right:auto}
#header .header_content .line1 { text-align:right; height:17px }
#header .header_content .line1 a{color:#FFFFFF; font-size:10px; padding:0px 10px 0px 10px; text-decoration:none}
#header .header_content .line1 a:hover{color:#FF6600;}
#header .header_content .line2 {}
#header .header_content .line2 .logo{ float:left}
#header .header_content .line2 .menublock { float:right; margin-top:20px; width:670px}
#header .header_content .line2 .menublock .menu { height:14px; float:right}
#header .header_content .line2 .menublock .menu li,ul{  margin : 0; padding : 0; list-style:none; display:inline}
#header .header_content .line2 .menublock .menu img {border:0px}
#header .header_content .line2 .menublock .menu .menu_link1 {float:left;  background-image:url(images/menu.gif); width:82px; height:14px; background-position: 0px 0px; margin-right:17px}
#header .header_content .line2 .menublock .menu .menu_link1:hover {float:left; background-image:url(images/menu.gif); width:82px; height:14px; background-position: 0px -14px}

#header .header_content .line2 .menublock .menu .menu_link2 {float:left; background-image:url(images/menu.gif); width:96px; height:14px; background-position: -99px 0px; margin-right:17px}
#header .header_content .line2 .menublock .menu .menu_link2:hover {float:left; background-image:url(images/menu.gif); width:96px; height:14px; background-position: -99px -14px}

#header .header_content .line2 .menublock .menu .menu_link3 {float:left; background-image:url(images/menu.gif); width:97px; height:14px; background-position: -217px 0px; margin-right:17px}
#header .header_content .line2 .menublock .menu .menu_link3:hover {float:left; background-image:url(images/menu.gif); width:97px; height:14px; background-position: -217px -14px}
#header .header_content .line2 .menublock .menu .menu_link4 {float:left; background-image:url(images/menu.gif); width:80px; height:14px; background-position: -336px 0px; margin-right:17px}
#header .header_content .line2 .menublock .menu .menu_link4:hover {float:left; background-image:url(images/menu.gif); width:80px; height:14px; background-position: -336px -14px; }
#header .header_content .line2 .menublock .menu .menu_link5 {float:left; background-image:url(images/menu.gif); width:53px; height:14px; background-position: -433px 0px; margin-right:17px}
#header .header_content .line2 .menublock .menu .menu_link5:hover {float:left; background-image:url(images/menu.gif); width:53px; height:14px; background-position: -433px -14px}
#header .header_content .line2 .menublock .menu .menu_link6 {float:left; background-image:url(images/menu.gif); width:29px; height:14px; background-position: -509px 0px;}
#header .header_content .line2 .menublock .menu .menu_link6:hover {float:left; background-image:url(images/menu.gif); width:29px; height:14px; background-position: -509px -14px}

/* -------------------------------------Middle -----------------------------------------------------*/
#middle { width: 960px;  margin-left:auto; margin-right:auto}
#middle .main_col1 { float:left; width:285px;}
.openLetter { background:url(images/logo_shadow.jpg) no-repeat; padding-top:30px; }
.openLetterMoreBt { margin-top:20px; text-align:right; margin-right:20px}
.cyclingTours { width:274px; margin-top:15px}
.cyclingTours .title { height:60px;  color:#333333}
.cyclingTours p { height:25px}
.cyclingTours p a { font-size:12px; font-weight:bold; text-decoration:none;  color:#000000}
.cyclingTours p a:hover { color:#ff6600}

.map { width:274px; margin-top:15px}
.map .title { height:33px;  color:#81b12; margin-bottom:00px;  background:url(images/title_map.jpg) no-repeat }
.map .content { padding-top:10px; padding-left:10px; padding-bottom:10px; clear:both; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC}
.map .content .col1 { float:left}
.map .content .col2 { float:left; margin-left:10px}
.mapBt { margin-top:20px; }

.video { width:274px; margin-top:15px}
.video .title { height:33px;  color:#81b12; margin-bottom:00px;  background:url(images/sapa_videoclips.jpg) no-repeat }
.map .content { padding-top:10px; padding-left:10px; padding-bottom:10px; clear:both; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC}
.map .content .col1 { float:left}
.map .content .col2 { float:left; margin-left:10px}
.mapBt { margin-top:20px; }

.transport { width:274px; margin-top:15px}
.transport .title { height:45px; color:#375e04; margin-bottom:10px}
.transport p { height:25px}
.transport p a { font-size:12px; font-weight:bold; text-decoration:none;  color:#666666}
.transport p a:hover { color:#ff6600}

#middle .main_col2 { float:left; width:675px }
#middle .main_col2 .line2 { margin-top:15px}
#middle .main_col2 .line2 .col1{ float:left; width:474px}
.sapaTours {}
.sapaTours .title { color:#999999; height:57px; margin-bottom:10px;  }
.record {border:1px solid #ffffff; margin-top:10px }
.record .img { margin-right:10px; float:left; }
.record .content { float:left; width:370px}
.record .content .titleTours { font-weight:bold; }
.linepoint {background:url(images/line_point.gif) repeat-x; margin-top:15px}

.groupTours { margin-top:20px}
.groupTours .record {width:100%; margin-top:15px}
.groupTours .record strong{font-weight:bold;}

#middle .main_col2 .line2 .col2{ float:right; width:190px}
.destination {}
.destination .destinationCenter{ background:url(images/brg_destination_center.gif) repeat-y; padding-top:5px}
.destination .destinationCenter ul li {list-style:square inside;  margin-left:20px; padding-bottom:10px; }
.destination .destinationCenter ul li a{ color:#000000; font-weight:bold; text-decoration:none}
.destination .destinationCenter ul li a:hover { color:#ff6600}

.tourConsultant { margin-top:30px}
.tourConsultant .tourConsultantCenter{ background:url(images/brg_tourConsultantCenter.gif) repeat-x #6ea32a; padding:15px 5px 0px 10px}
.tourConsultant .tourConsultantCenter strong { color:#cddd1c; font-weight:bold; }
.tourConsultant .tourConsultantCenter p{ color:#FFFFFF; margin-top:10px; padding-bottom:20px}
.tourConsultant .tourConsultantCenter .textSendQuestion { color:#000000; font-size:11px; margin:0px; padding-left:3px}
.tourConsultant .tourConsultantCenter .btSendQuestion { text-align:right; margin-right:5px; margin-top:0px; padding-top:0px}

/* -------------------------------------Inside.html -----------------------------------------------------*/

.tourList { background:url(images/logo_shadow.jpg) no-repeat; padding-top:30px;}
.tourList .tourListCenter{ background:url(images/brg_tourListCenter.gif) repeat-x #456f0e; padding:15px 5px 20px 10px; width:258px}
.tourList .tourListCenter ul { }
.tourList .tourListCenter ul li { background:url(images/icon_square.gif) no-repeat ; margin-top:10px; padding-left:15px  }
.tourList .tourListCenter ul li a { color:#cddd1c; font-weight:bold; text-decoration:none}
.tourList .tourListCenter ul li a:hover{ color:#FFFFFF}
.tourList .tourListCenter .btMoreTours { text-align:right; margin-right:5px; margin-top:15px; padding-top:0px}

.titleSapaTourInside { margin-top:30px}
.titleToursH2 { color:#a9005a; font-size:16px; font-weight:bold; margin-top:20px}
.titleToursH2Sub { color:#699f29; font-size:12px; font-weight:bold; margin:10px 0px 10px 0px}
.bt_Booknow { background:url(images/bt_booknow.gif) no-repeat; width:181px; height:39px}
.bt_Booknow:hover { background:url(images/bt_booknow.gif) no-repeat; width:181px; height:39px; background-position:0px -39px}
.tourdetail { margin-top:20px}
.tourdetail .col1{ float:left; width:430px; padding-right:20px}
.tourdetail .col1 strong{ color:#699f29; font-size:14px; font-weight:bold;}
.tourdetail .col1 p{ margin-top:10px ; margin-bottom:20px; line-height:18px}
.tourdetail .col2{ float:left; width:225px; text-align:center}
.tourdetail .col2 p{ margin-bottom:30px; font-size:11px}
.titleToursH3 { color:#ff6600; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px}
.tableCoverBgrGreen  { background:#619326; padding:0px}
.tableCoverBgrGreen .number { color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; padding:10px 0px 20px 0px}
.tableinsideBgrWhite { background:#619326;}
.tableinsideBgrWhite  tr th{ background:#fffb98; color:#000000; padding-left:10px; height:25px; font-size:12px; font-weight: bold}
.tableinsideBgrWhite  tr td{ background:#ffffff; padding-left:10px; height:25px}
.converter {text-align:right; margin-bottom:20px}
.converter a{  color:#ff6600; font-style:italic; font-size:12px; text-decoration:none}
.converter a:hover { color:#699f29}
.tournote { line-height:18px; margin:20px 0px 20px 0px}
.tournote strong{color:#699f29; font-size:12; font-weight:bold; } 
.tournote p { margin-top:10px; margin-bottom:20px}
/* -------------------------------------Footer -----------------------------------------------------*/
#footer { clear:both; width: 100%; background:url(images/brg_footer.gif); margin-top:20px}
#footer .footer_content {width: 960px; margin-left:auto; margin-right:auto; text-align:center}
#footer .footer_content .line1 { color:#000000; font-size:11px; font-weight:bold; padding-top:10px}
#footer .footer_content .line1 a {color:#000000; font-size:11px; font-weight:bold; text-decoration:none; padding-left:10px; padding-right:10px}
#footer .footer_content .line1 a:hover { color:#ffffff}
#footer .footer_content .line2 { margin-top:30px; height:120px}
#footer .footer_content .line2 .col1 { float:left; margin-left:50px;  width:330px; text-align:left}
#footer .footer_content .line2 .col1 strong { color:#e26648 ; font-size:14px; font-weight:bold}
#footer .footer_content .line2 .col1 p { color:#cccccc ; font-size:11px; font-style:italic; margin-top:20px}
#footer .footer_content .line2 .col2 { float:left; }
#footer .footer_content .line2 .col3 { float:left;margin-left:50px; width:330px; text-align:left}
#footer .footer_content .line2 .col3 strong { color:#e26648 ; font-size:14px; font-weight:bold}
#footer .footer_content .line2 .col3 p { color:#cccccc ; font-size:11px; font-style:italic; margin-top:20px}
#footer .footer_content .line3 { color:#acbf95; font-size:11px; padding-bottom:10px; padding-top:5px }
#price{color:#F00;}

/****************************************
*				FR						*
****************************************/
#header .header_content .line2 .menublockfr { float:right; margin-top:16px; width:670px}
#header .header_content .line2 .menublockfr .menu { height:17px; float:right}
#header .header_content .line2 .menublockfr .menu li,ul{  margin : 0; padding : 0; list-style:none; display:inline}
#header .header_content .line2 .menublockfr .menu img {border:0px}
#header .header_content .line2 .menublockfr .menu .menu_link1 {float:left;  background-image:url(images/menu_fr.gif); width:140px; height:17px; background-position: 0px 0px; margin-right:17px}
#header .header_content .line2 .menublockfr .menu .menu_link1:hover {float:left; background-image:url(images/menu_fr.gif); width:140px; height:17px; background-position: 0px -17px}

#header .header_content .line2 .menublockfr .menu .menu_link2 {float:left; background-image:url(images/menu_fr.gif); width:117px; height:17px; background-position: -145px 0px; margin-right:17px}
#header .header_content .line2 .menublockfr .menu .menu_link2:hover {float:left; background-image:url(images/menu_fr.gif); width:117px; height:17px; background-position: -145px -17px}

#header .header_content .line2 .menublockfr .menu .menu_link3 {float:left; background-image:url(images/menu_fr.gif); width:100px; height:17px; background-position: -265px 0px; margin-right:17px}
#header .header_content .line2 .menublockfr .menu .menu_link3:hover {float:left; background-image:url(images/menu_fr.gif); width:100px; height:17px; background-position: -265px -17px}
#header .header_content .line2 .menublockfr .menu .menu_link4 {float:left; background-image:url(images/menu_fr.gif); width:75px; height:17px; background-position: -360px 0px; margin-right:17px}
#header .header_content .line2 .menublockfr .menu .menu_link4:hover {float:left; background-image:url(images/menu_fr.gif); width:75px; height:17px; background-position: -360px -17px; }
#header .header_content .line2 .menublockfr .menu .menu_link5 {float:left; background-image:url(images/menu_fr.gif); width:102px; height:17px; background-position: -433px 0px; margin-right:17px}
#header .header_content .line2 .menublockfr .menu .menu_link5:hover {float:left; background-image:url(images/menu_fr.gif); width:102px; height:17px; background-position: -433px -17px}

.bt_Booknow_fr { background:url(images/fr_gui_inside/bt_booknow_fr.gif) no-repeat; width:181px; height:39px}
.bt_Booknow_fr:hover { background:url(images/fr_gui_inside/bt_booknow_fr.gif) no-repeat; width:181px; height:39px; background-position:0px -39px}

.map .title_fr { height:33px;  color:#81b12; margin-bottom:00px;  background:url(images/fr_gui_inside/title_map_fr.jpg) no-repeat }

/****************************************
*				DE						*
****************************************/

#header .header_content .line2 .menublockde { float:right; margin-top:16px; width:670px}
#header .header_content .line2 .menublockde .menu { height:18px; float:right}
#header .header_content .line2 .menublockde .menu li,ul{  margin : 0; padding : 0; list-style:none; display:inline}
#header .header_content .line2 .menublockde .menu img {border:0px}
#header .header_content .line2 .menublockde .menu .menu_link1 {float:left;  background-image:url(images/menu_de.gif); width:100px; height:20px; background-position: 0px 0px; margin-right:17px}
#header .header_content .line2 .menublockde .menu .menu_link1:hover {float:left; background-image:url(images/menu_de.gif); width:100px; height:20px; background-position: 0px -20px}

#header .header_content .line2 .menublockde .menu .menu_link2 {float:left; background-image:url(images/menu_de.gif); width:155px; height:20px; background-position: -105px 0px; margin-right:17px}
#header .header_content .line2 .menublockde .menu .menu_link2:hover {float:left; background-image:url(images/menu_de.gif); width:155px; height:20px; background-position: -105px -20px}

#header .header_content .line2 .menublockde .menu .menu_link3 {float:left; background-image:url(images/menu_de.gif); width:100px; height:20px; background-position: -260px 0px; margin-right:17px}
#header .header_content .line2 .menublockde .menu .menu_link3:hover {float:left; background-image:url(images/menu_de.gif); width:100px; height:20px; background-position: -260px -20px}
#header .header_content .line2 .menublockde .menu .menu_link4 {float:left; background-image:url(images/menu_de.gif); width:70px; height:20px; background-position: -360px 0px; margin-right:17px}
#header .header_content .line2 .menublockde .menu .menu_link4:hover {float:left; background-image:url(images/menu_de.gif); width:70px; height:20px; background-position: -360px -20px; }
#header .header_content .line2 .menublockde .menu .menu_link5 {float:left; background-image:url(images/menu_de.gif); width:110px; height:20px; background-position: -435px 0px; margin-right:17px}
#header .header_content .line2 .menublockde .menu .menu_link5:hover {float:left; background-image:url(images/menu_de.gif); width:110px; height:20px; background-position: -435px -20px}

.bt_Booknow_de { background:url(images/de_gui_inside/bt_booknow_de.gif) no-repeat; width:181px; height:39px}
.bt_Booknow_de:hover { background:url(images/de_gui_inside/bt_booknow_de.gif) no-repeat; width:181px; height:39px; background-position:0px -39px}

.map .title_de { height:33px;  color:#81b12; margin-bottom:00px;  background:url(images/de_gui_inside/title_map_de.jpg) no-repeat }