/* @group font & reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */

body {
	line-height: 1em;
	font-size: 13px;
}

table {
	font-size: inherit;
}

/**
 * Bump up IE to get to 13px equivalent
 */

pre,code,kbd,samp,tt {
	font-family: monospace;
}

/* @end */

body {
  background: #000;
  margin:0;
  color: #666;
  font-size:11px;
  font-family:Verdana;
  line-height:18px;
}

/* ---------------TPL */

#group-tpl {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #fff;
	padding: 96px 10px 10px;
	color: #666;
}

#header-tpl {
	height: 95px;
	width: 950px;
	position: absolute;
	top: 0;
}

#leftcol-tpl {
	width: 170px;
	float: left;
	padding: 294px 10px 10px;
	color: #666;
	position: relative;
	background: /*#e0e0e0*/#FFFFFF url(/myimages/blank-leftcol.gif) no-repeat left top;
}

.hotel-result-kind2 a {
	color: #c00;
	text-decoration: none;
}

.hotel-result-kind2 a:hover {
	text-decoration: underline;
	color: #c00;
}

#search-tpl {
	height: 250px;
	border: 2px solid #ccc;
	background: #900 url(/myimages/search-back.jpg) no-repeat center top;
	color: #fff;
	width: 166px;
	left: 0;
	padding: 10px;
	top: 0;
	position: absolute;
}

#content-tpl {
	border-top: 2px solid #ccc;
	padding: 25px 15px 15px;
	font-size: 11px;
}

/* _________________TPL RESULT */

#refine {
	background-color: #f2f2f2;
	padding: 15px;
	width: 686px;
	margin-bottom: 20px;
	border: 2px solid #ccc;
}

#refine p {
	padding: 0;
	margin: 0;
}

#refine select {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

#refine a {
	color: #c00;
	text-decoration: none;
}

#refine a:hover {
	text-decoration: underline;
	color: #c00;
}

.hotel-result-kind2 {
	width: 705px;
	margin-bottom: 15px;
	color: #333;
	background: url(/myimages/kind2back.gif) no-repeat;
	height: 130px;
	padding: 15px 0 15px 15px;
}

#mono-visor {
	background-color: #333;
	float: left;
	width: 700px;
	height: 250px;
}

#description {
	float: right;
	width: 400px;
}

.hotel-result-kind2 h2 a {
	color: #fff;
	text-decoration: none;
}

.hotel-result-kind2 h2 a:hover {
	text-decoration: underline;
	color: #fff;
}

.hotel-result-kind2 h2 {
	background-color: #c00;
	color: #fff;
	padding: 8px;
}

.hotel-result-kind2 span.hotel-info-result span.bold {
	font-weight: bold;
}

.hotel-result-kind2 span.hotel-info-result img {
	width: 90px;
	height: 68px;
	float: right;
	margin-left: 20px;
}

.hotel-result-kind1 {
	width: 705px;
	margin-bottom: 15px;
	color: #333;
	background: url(/myimages/kind1back.gif) no-repeat;
	height: 70px;
	padding: 15px 0 15px 15px;
}

.hotel-result-kind1 span.hotel-info-result {
}

.hotel-result-kind1 span.hotel-info-result img {
	float: right;
	height: 68px;
	margin-left: 20px;
	width: 90px;
}

.hotel-result {
	width: 720px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

.hotel-result span.hotel-info-result {
	display: block;
	float: left;
	width: 450px;
}

.hotel-result p {
	display: block;
	float: right;
	text-align: right;
}

.hotel-result p img.img-kind0 {
	width: 60px;
	height: 45px;
	margin-bottom: -30px;
}

.hotel-result span.hotel-info-result h2 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

.hotel-result span.hotel-info-result h2 a {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

span.actual-page {
	background-color: #900;
	color: #fff;
	padding: 1px;
	font-weight: bold;
	font-size: 12px;
}

span.starbox {
	
}

span.starbox img.star {
	width: auto;
	height: 16px;
	border-style: none;
	float: none;
	margin: 0 0 -2px;
}

/* _________________TPL DETAILS KIND0 */

#photos-kind0 {
	position: relative;
	float: right;
	width: 200px;
	margin-left: 40px;
	margin-bottom: 40px;
}

#photos-kind0 p {
	position: absolute;
	top: 153px;
	font-size: 10px;
	left: 0;
}

#photos-kind0 img {
	/*width: 200px;
	height: 150px;*/   
	position: relative;
	top: 10px;
} 

#info-kind0 {
}

#info-kind0 h1 {
	font-size: 16px;
}

.hotel-result-kind01 {
	width: 720px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
	position: relative;
	height: 55px;
}

.hotel-result-kind01 h2 {
	font-size: 12px;
}

.hotel-result-kind01 span.hotel-info-result-kind01 {
	display: block;
	float: left;
	width: 450px;
	position: absolute;
	left: 0;
	top: 13px;
}

.hotel-result-kind01 p {
	display: block;
	position: absolute;
	right: 75px;
	top: 13px;
}

.hotel-result-kind01 img.img-kind01 {
	width: 60px;
	height: 45px;
	margin-bottom: -15px;
	margin-left: 20px;
	position: absolute;
	right: 0;
}

/* _________________ */

#group {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #fff;
	padding: 380px 10px 10px;
	color: #999;
}

#header {
	height: 380px;
	width: 950px;
	position: absolute;
	top: 0;
}

#wrapper {
	width: 950px;
}

#leftcol {
	width: 170px;
	float: left;
	background-color: #e0e0e0;
	padding: 10px;
	color: #666;
	position: relative;	
	margin-bottom: 10px;
}

#leftcol-b {
	width: 170px;
	float: left;
	background-color: #fff;
	color: #666;
	position: relative;
	text-align: left;
}

#content {
	padding-top: 10px;
	padding-right:15px;
	padding-left:15px;
}

#rightcol {
	width: 750px;
	float: right;
}

#visor {
	height: 274px;
	color: #999;
	width: 750px;
	position: absolute;
	left: 200px;
	top: 96px;
}

#index-options {
	height: 274px;
	width: 720px;
	position: absolute;
	left: 215px;
	top: 96px;
}

#index-options .option {
	width:150px;
	float:left;
	height:252px;
	border:1px solid #ccc;
	margin-right:10px;
	padding:10px;
	background-color:#f2f2f2;
}

#index-options h2 {
	font-size:16px;
	margin-top:2px;
	margin-bottom:2px;
}

#index-options p {
	border-top:1px solid #ccc;
	margin-top:2px;
	padding-top:2px;
	font-size:10px;
}

#index-options .last {
	margin-right:0;
}

#photos {
	padding: 10px;
	width: 700px;
	background-color: #f3f3f3;
	margin-bottom: 20px;
}

#google-map {
	width: 420px;
	background-color: #333;
	margin-bottom: 20px;
	float: right;
	height: 220px;
}

p.info {
	display: block;
	float: left;
	width: 280px;
}

#photos img {
	height: 150px;
	padding: 0;
	margin: 0 10px 10px 0;
}

#language {
	position: absolute;
/*	top: 72px; */
top: 12px;
	right: 0;
}

#menu {
	position: absolute;
	top: 72px;
	left:215px;
}

span.logo {
	position: absolute;
	top: -33px;
	left: 0;
}

#search {
	height: 250px;
	color: #fff;
	width: 166px;
	left: 0;
	position: absolute;
	top: 96px;
	padding: 10px;
	border: 2px solid #ccc;
	background: #900 url(/myimages/search-back.jpg) no-repeat center top;
}

#search label, #search-tpl label {
	margin-bottom: 3px;
	display: block;
	font-weight: bold;
}

#search select, #search-tpl select {
	margin-bottom: 4px;
	font-size: 11px;
	width: 160px;
}

#search input, #search-tpl input {
	margin-bottom: 4px;
	font-size: 11px;
	width: 160px;
}

#search button, #search-tpl button {
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

p {
	margin-bottom: 5px;
}

#content-tpl p {
	margin-bottom: 10px;
}

strong {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}

.clear {
	clear: both;
}

h1 {
	font-size: 22px;
	margin-bottom: 10px;
	line-height: 1.2em;
	color: #666;
}

h2 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #666;
}

h3 {
	font-size: 16px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #999;
	margin-top: 20px;
	padding-bottom: 3px;
	color: #666;
}

a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

a:hover {
	font-weight: bold;
	color: #c00;
	text-decoration: none;
}

#language a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#language a:hover {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#map {
	width:170px;
	padding: 8px;
	border: 1px solid #ccc;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#map img {
	margin-bottom: 10px;
}

#footer {
	background-color: #900;
	color: #fff;
	position: absolute;
	bottom: -181px;
	width: 950px;
	left: 0;
	padding: 10px;
}

#footer img {
	float: left;
	margin-right: 30px;
	margin-left: 10px;
}

#footer #footer-txt {
	height: 85px;
	float: left;
	width: 520px;
	padding-top: 5px;
	margin-right: 10px;
}

#footer #links {
	height: 85px;
	float: left;
	width: 200px;
	padding-top: 5px;
	text-align: right;
}

#footer .footer-bottom {
	width: 950px;
	border-top:1px solid #fff;
	padding-top:10px;
}

#footer .footer-bottom {
	
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

#hotels {
	border: 1px solid #ccc;
	float: left;
	margin-top: 10px;
	width: 504px;
	padding: 8px;
}

.city-box {
	width: 161px;
	float: left;
	margin-right: 10px;
	height: 240px;
	margin-bottom: 10px;
}

.city-box-last {
	width: 161px;
	float: left;
	height: 210px;
	margin-bottom: 10px;
}

.city-box img, .city-box-last img {
	width: 161px;
	display: block;
	margin-bottom: 5px;
	height: 121px;
}

.city-box strong, .city-box-last strong {
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #666;
}

.city-box p, .city-box-last p {
	margin: 0;
	padding: 0;
}

.price {
	font-weight: bold;
	color: #c00;
	font-size: 12px;
}

.right {
	text-align: right;
}

.ico {
	margin-bottom: -3px;
}

/* Contact Form------------------------------------ */

.contact-form {
	margin-top:25px;
	width:500px;
}

.contact-form strong {
	margin-bottom:10px;
	display:block;
	font:bold 14px "Trebuchet Ms", Verdana;
}

.contact-form form {
	background-color:#f1f1f1;
	padding:20px 20px 5px;
}

.contact-form form label {
	display:block;
	margin-bottom:5px;
	color:#333;
	float:left;
	width:120px;
	line-height:1.6em;
}

.contact-form form input {
	margin-bottom:10px;
	width:300px;
	padding:1px;
}

.contact-form form textarea {
	width:295px;
	padding:3px;
	margin-bottom:20px;
}

.contact-form form input.submit {
	width:60px;
	height:19px;
	float:right;
	margin-top:10px;
	margin-right:30px;
}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/images/prev.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/images/next.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/images/close.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



.highslide-html {
	background-color: white;
	border: 2px solid gray;
}
.highslide-html-content {
	position: absolute;
	display: none;
	padding: 10px;
	background: #fff;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
}
.control {
	float: right;
	display: block;
	margin: 0 5px;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
	cursor: move;
}

.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;
}