/* COLORS:

text-color: #333
gray: #666
light-gray: #999;
loud: #E25C08
company blue 0664A2
backgrounds: ddd
*/
body { text-align:center; }
.container { text-align:left; }
.container .loud {color:#6599ff;}
hr {background:#EBEBEB;color:#EBEBEB;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/* BASIC */
.js .hidden {display: none; }
.float-right { float:right; }
.float-left { float:left; }
.strike { text-decoration: line-through; }
.clear { clear:both; }
a.quiet:link, 
a.quiet:visited,
.quiet { color: #666; }

div.content { background-color: #ddd; margin: 0 0 1.6em; overflow: auto; }
div.spacer  { margin: 10px; padding: 10px; background-color: #fff; }

table { width: 100%;}
table th {text-align: left; background:url(../images/table-th.gif) repeat-x #f5f5f5;}
.container table { border:1px solid #E1E1E1;     }
.container table th, .container table td { border:0;padding: 0.3em 0.8em; }
.container table th { padding: 0.3em 0.8em; }
.container table td { border-bottom:1px solid #E1E1E1; }
.container th.right, .container td.right { text-align:right; }

/* visited links */
#header a:visited, 
#title a:visited,
#filter a:visited { color: #36c; }

/* ROUNDED CORNERS */
div.content,
div.hotel-text { -moz-border-radius:10px; }

/* IMAGE REPlACEMENT */
.find-better-vacation { margin-top: 20em; background: url(../images/h-find-better-vacation.png) no-repeat center bottom scroll; text-indent: -1000em; display: block; height: 100px; }

/* HEADER */
#header { margin-top: 10px; position: relative; }
#header #home { display:block; width:265px; height: 50px; text-indent:-1000em; background: transparent url(../images/logon.png) no-repeat 0 0 scroll; }
#header #topmenu { margin: 0; padding: 0; list-style-type: none; position:absolute; right:0;top:0;}
#header #topmenu li { float: right; margin:0 10px 0; }
#header #topmenu li { background:url(../images/bullet.gif) no-repeat 0 8px;padding-left:8px; }

#header #menu { background:url(../images/menu-bg.gif) repeat-x 0 0;height:40px;overflow:hidden;margin-top:1em;border:1px solid #DDDDDE;border-width:0 1px; }
#header #menu ul { margin:0;list-style-type:none; }
#header #menu li { margin:0;float:left;height:40px;line-height:40px;vertical-align:middle;padding:0 1.6em; }
#header #menu li a { color:#333;font-size:1.2em;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif; }
#header #menu li a:hover { color:#e95e27;text-decoration:none; }
#header #menu li.selected { background:url(../images/menu-bg.gif) repeat-x 0 -40px; }
#header #menu li.selected a { color:#e95e27;font-weight:bold; }
#header #menu #contact { float:right;background:url(../images/menu-bg.gif) repeat-x 0 -40px;border-bottom:1px solid #DDDDDE;height:39px;font-size:1em;font-family:"Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;}
#header #menu #contact span { color:#F63;font-weight:bold; }
#header #menu #contact img { vertical-align:middle; }

#crumbs { border-bottom:1px solid #EBEBEB; }
#crumbs a { color:#666;position:static; }
#crumbs a:hover { color:#F63; }
#crumbs ul { margin:0.8em 1.6em;list-style-type:none;height:1.4em; }
#crumbs ul li { margin:0;padding:0 0.5em 0 1em;background:url(../images/arrow.gif) no-repeat 0 8px;float:left; }


/* PAGE TITLE */
#title { margin-top: 1.6em; position: relative; overflow: auto; padding-bottom: 10px; margin-bottom: 1.6em; border-bottom:1px solid #EBEBEB; }
#title h1, #title p { margin: 0 !important; padding: 0; }
#title h1 { float: left; }
#title p  { float: right; }
#title a  { padding:0;margin:0;float:none;position:static; }

/* HOMEPAGE */
#hp-main { margin-top: 0.4em; padding-top: 1.6em; }
#hp-main .hotel-text { margin: 10px; background-color: #fff; padding: 10px; }
#hp-main .hotel-text h3, #hp-main .hotel-text p { margin: 0; }
#hp-main input#query { width: 250px; }

#bests { height:470px;overflow:hidden; } 
#bests .best { background-color:#F7F7F7;border:1px solid #DDD; } 
#bests div.img { margin:10px 10px 0;width:450px;height:350px;overflow:hidden; } 
#bests a { color:#F63; } 


.ostars { height:16px;background:url(../images/icons/star.png) repeat-x 0 0; }
.rstars .r0 { width:0px; }
.rstars .r1 { width:16px; }
.rstars .r2 { width:32px; }
.rstars .r3 { width:48px; }
.rstars .r4 { width:64px; }
.rstars .r5 { width:80px; }
.rstars .r6 { width:96px; }
.rstars .r7 { width:112px; }

/* TOUR LISTING */
div.item { border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px; overflow: auto;}
div.item img.thumb { margin: 0 10px 0 0; border: 1px solid #ddd; padding: 2px; }
div.item div.thumb { float: left; width:158px; }
div.item div.desc { float: left;width:545px; }
div.item h2 { margin:0 0 3px; }
div.item p  { margin: 0;}

/* HOTEL DETAIL */

#hotel-gallery { float: right; width: 430px; margin: 0 0 40px 40px; border: none; }
#hotel-gallery td.viewer { width: 430px; height: 320px; text-align: center; vertical-align: top; border: none; }
#hotel-gallery td.viewer img { max-width: 402px; max-height: 300 !important; padding:2px; border: 1px solid #ddd;}

#pager { clear: both; list-style-type: none; margin-left: 0; overflow: auto;}
#pager li { float: left; margin: 0 5px 0 0; }
#pager a, #pager span { display: block; border:1px solid #ddd; padding: 3px 10px; }
#pager a:hover { color: #333; background-color: #f0f0f0; }

/* HOTEL PHOTOS */
ul#thumbs { margin:0; padding: 0; width: 320px; float: left; }
ul#thumbs.singlecol { width: 160px; }
ul#thumbs li  { list-style: none; float: left; margin: 0 10px 10px 0;}
ul#thumbs li.selected img { border-color: #000; }
ul#thumbs img.thumb { border: 1px solid #ddd; padding: 2px; }

#photo img.main { float: left; border: 1px solid #ddd; padding: 2px; max-width: 580px; }

/* tabs */
ul.tabs { padding: 6px 0; margin-left: 0; font: bold 12px Verdana; border-bottom: 1px solid #bbb; list-style-type: none; width: 100%; text-align: left; margin-bottom: 0;}
ul.tabs li { display: inline; margin: 0; }
ul.tabs li.first { margin-left: 10px; }
ul.tabs li a:link,
ul.tabs li a:visited
				{ text-decoration: none; padding: 6px 1em; margin-right: 0.1em; border: 1px solid #ddd; border-bottom: none;
				background-color: #eee; color: #505050; font-weight: normal; 
				-moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; 
				}
ul.tabs li a:hover { color: #333; border-color: #999; }
ul.tabs li a:active { color: black;}
ul.tabs li.tabs-selected a { position: relative; top: 1px; padding-top: 8px; background-color: #fff; color: #000;
				border: 1px solid #bbb; border-bottom: none; border-right-width: 2px; font-weight: bold; text-decoration: none;  }

div.tab { border: 1px solid #bbb; border-width: 0px 1px 1px; padding: 20px; overflow: auto; }
.singlephoto div.tab { border-top-width: 1px; }

/* STATIC PAGES */
#static #header { margin-bottom: 3.2em; }
#static #topmenu { display: none; }
#static ul.sidemenu { list-style-type: none; border: 1px solid #ddd; margin: 0 20px 20px 0; background-color: #eee; -moz-border-radius:4px; }
#static ul.sidemenu a:link, #static ul.sidemenu a:visited { display: block; padding: 0.2em 0; text-decoration: none; }

#static h1 { color: #36c; font-size: 1.7em; }
#static h2 { font-weight: normal; color: #36c; font-size: 1.3em; }
#static a:link, #static a:visited { text-decoration: underline; }

/* FILTER RESULTS */
#filter, #filtered { background-color: #FAFAFA; border:1px solid #E1E1E1; padding: 0; margin-right: 20px; margin-bottom: 20px; }
#filter h5, #filtered h5 { margin: 0 0 10px; color: #333; padding: 0.4em 10px;background:url(../images/table-th.gif) repeat-x #f5f5f5; }
#filter p, #filtered p { margin: 0 10px 10px; padding: 0; font-weight: bold; }

#filter ul, #filtered ul { list-style-type: none; margin: 0 0 10px; padding: 0; overflow:auto;}
#filter li, #filtered li { margin: 0 10px; padding: 0; }

#filtered p { position: relative; padding-right: 20px; }
#filtered p a { position: absolute; display: block; right:0; top:0; width: 12px; height:12px; background: transparent url(../images/cross.gif) no-repeat center center scroll; }
#filtered p a span { margin-left: -1900em; }


#termin-select { margin-bottom:1em; border:1px solid #E1E1E1;}
#termin-select h5 {margin: 0;color: #333; padding: 0.4em 10px;background:url(../images/table-th.gif) repeat-x #f5f5f5;}
#termin-select ul { list-style-type:none; margin: 0;background-color:white;height:10em;overflow-y:scroll; }
#termin-select ul li { padding:0; margin: 0; }
#termin-select ul li a { display:block; padding: 0.2em 1em; }
#termin-select ul li.selected a,
#termin-select ul li a:hover { background-color:#6599ff;text-decoration:none; color: #FFF; font-weight: bold; }

#order-box table { width:100%;background-color:white;}

div.form { background-color:white;border-top:1px solid #EBEBEB;padding:.9em 1.6em;margin-bottom:1.6em; }


.container .kform { font-family: Tahoma, Arial, sans-serif; margin: 0 0 1.6em; overflow:hidden; padding: 0 0 0 0; position: relative; }

.container .kform .info h2 { font-weight: normal; border-bottom: 1px dotted #ddd; padding-bottom: 0.9em; margin-top: 0; }
.container .kform ul { list-style-type: none; }
.container .kform ul, .kform li, .kform textarea { margin: 0 !important; padding: 0; }
.container .kform select,
.container .kform textarea,
.container .kform input.text { width:100%; font-size:1.1em;color: #333;margin: 0; border-top-color: #777; border-bottom-color: #ddd;}

.container .kform li { font-size:1.1em; padding: 0.2em 5px; width: 62%; clear: both; overflow: hidden; list-style: none; }
.container .kform li label.desc { color: #000; }

.container .kform ul.over,
.container .kform li.over { background-color: #f9f9f9; }
.container .kform li.error { background-color: ##FBE3E4 !important; border: none; }
.container .kform li.error label { color: #333; }
.container .kform li.error span label { color: #666; }
.container .kform p.errmsg { clear: both; color: red; margin: 0; padding-bottom: 0.2em;}
.container .kform li label.required sup { font-weight: bold; font-size: 6px; color: red; position: relative; top:0.5em;}

.container .kform li.leftcol { width: 45% !important; float: left; clear: both; }
.container .kform li.rightcol { width: 45% !important; float: right; margin: 0; clear: none; }

.container .kform span.leftcol { width: 47% !important; float: left; }
.container .kform span.rightcol { width: 47% !important; float: right; margin: 0; clear: none; }

.container .kform li label { display: block; color: #555; padding: 0 0 0.2em; }

.container .kform textarea { height: 9em; }
.container .kform textarea,
.container .kform input.text { padding:0.2em 0; }
.container .kform select.select { padding: 0.15em 0 0.1em; }
.container .kform select.select.addr { width: 100%; }

.container .kform li span label,
.container .kform li span select,
.container .kform li span input.text { _width:auto;} /* IE needs auto */

.container .kform div.col span { display: block; width: 100%; }
.container .kform div.col span input,
.container .kform div.col span label { float: left; width: auto; display: inline-block; }

.container .kform li input.radio { margin:0.3em 0.5em 0 0; }

.container .kform .radio input,
.container .kform .radio label { float: left; width: auto; display: inline; }

.container .kform .half { width: 50% !important; }

.container .kform li span { display: block; float: left; margin-right: 0.5em; }
.container .kform li span label { font-weight: normal; color: #666; }
.container .kform li span.symbol { font-size:1.1em; color: #555; padding-top: 0.3em; }
.container .kform li.full { width: auto; }
.container .kform .full input.text { width:100%; }
.container .kform span.full { width: 100%; }

.container .kform .phone span label { display: block; width:100%; margin:0; text-align: center }
.container .kform .phone span, .container .kform .phone input { text-align: center; }

.container .kform p.info { color: #999; padding-top: 0.4em; margin: 0;}

.container .frm-err { background: #FFE8E0 url(../images/icons_large/block_48.png) no-repeat 5px center scroll; border: 1px solid #ccc; padding: 0.8em 0.8em 0.8em 64px; margin-bottom:1.6em;}
.container .frm-err p { margin-bottom: 0.8em; }
.container .frm-err ul { list-style-type: disc; margin: 0.5em; padding: 0; }

#frmlogin { outline: 1px solid #ddd; border: 3px solid #fff; background-color: #f7f7f7; padding:0 10px; margin-bottom:1.6em; }
#frmlogin ul { background-color: none; }
#frmlogin li { width:auto; }
#frmlogin li.buttons { border: 0; margin: 0 !important; padding: 0 !important;}
#frmlogin button { font-size:1.2em;}

.container .kform li.buttons { width:100%; margin: 0.8em 0 0.8em !important; }
.container p.buttons { padding-left: 0.8em; }

.container .kform.horizontal { list-style-type: none; margin-bottom:0.8em !important; overflow:auto;}
.container .kform.horizontal li { width: auto; }
.container .kform.horizontal label { width: 28%; float: left; text-align: left; margin-right: 10px; font-weight: normal; text-align: right; padding-top: 0.2em; }
.container .kform.horizontal span label { width: auto; }
.container .kform.horizontal div { width: 69% !important; float: right; }
.container .kform.horizontal li.buttons { width: 66% !important; float: right; }
.container .kform.horizontal  input.radio { margin-top:0.5em; }


/* BUTTONS */
.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
html:not([lang*=""]) button.btn {
	margin:0 -3px;
}
.btn span { background:#ddd url(../images/btn-gray.png) repeat-x 0 0; border-left:1px solid #bbb; border-right:1px solid #aaa; margin:0; padding:3px 0; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa;}
.btn.pill-l span { border-right-width:0; }
.btn.pill-l span span {border-right:1px solid #bbb;}
.btn.pill-c span { border-right-style:none; border-left-color:#fff; }
.btn.pill-c span span { border-right:1px solid #bbb;}
.btn.pill-r span { border-left-color:#fff;}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {cursor:pointer; border-color:#9cf !important; color:#000; }
.btn:active span { background-position:0 bottom; outline:none; }
.btn:focus, .btn:active { outline:none; }