/* MAIN
----------------------------------------------- */
body {font-size: 12px; line-height: 15px;}
body,
input,
select,
textarea {font-family: Arial, Helvetica, sans-serif; color: #000;}

a {color: #33f;}
a:hover {color: #f33;}

h1, h2, h3, h4, h5, h6 {margin: 0;}

h1 {font: bold 30px/36px Arial, Helvetica, sans-serif; width: 250px; margin: -12px 0 20px 318px; float: left; display: inline; position: relative;}
#ski h1 {color: #158bc5;}

h2 {font-size: 21px; line-height: 34px; margin: 55px 0 0;}
h2,
h2 a {color: #333;}
h2 a:hover {color: #f33;}

h3 {font-size: 16px; line-height: 26px; margin: 42px 0 0;}
h3,
h3 a {color: #333;}
h3 a:hover {color: #f33;}

p {margin: 0 0 15px;}

ol, ul {margin: 0 0 15px 15px; padding: 0;}
ol, ul li {padding-left: 15px;}

ul {list-style: none outside none;}
ul li {background: url(../img/li.gif) no-repeat 0 5px;}

hr {height: 1px; color: #999; background: #999; border: 0;}

/* table */
table {border-collapse: collapse; border-spacing: 0;}
td, th {padding: 0; font-weight: normal; text-align: left;}


/* FORMS
----------------------------------------------- */
form,
fieldset {margin: 0; padding: 0; border: 0; display: block;}
input,
select,
textarea {font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;}
select,
.select,
textarea,
input.text {background: #fff;}
input.image {border: 0;}
.select,
textarea,
input.text {padding: 2px 3px; border: 1px solid #7f9db9; overflow: auto;}
.select {padding: 1px 0;}
* html input.text {margin: -1px 0;}
*+html input.text {margin: -1px 0;}
input.button {padding: 1px 13px;}
* html input.button {padding: 0;}
*+html input.button {padding: 0;}
.holder {color: #ccc;}


/* LAYOUT
----------------------------------------------- */
html,
body {min-width: 990px;}
body {margin: 0; padding: 120px 0 0; text-align: center;}

#sun {left: 0; top: 0; position: absolute;}

#city {color: #fff; background: #5c5232 url(../img/city/body_bg.gif) repeat-x 50% 0;}
#city a,
#city a:link,
#city a:visited,
#city a:hover {color: #fff;}
#city input,
#city select,
#city textarea {color: #413a23;}
#city .select,
#city textarea,
#city input.text {border-color: #413a23;}

#beach {color: #751d13; background: #fcdd07 url(../img/beach/body_bg.jpg) repeat-x 50% 0;}
#beach #sun {width: 58px; height: 58px; left: 210px; top: -135px; background: url(../img/beach/sun.png) no-repeat;}
#beach a,
#beach a:link,
#beach a:visited,
#beach a:hover {color: #751d13;}
#beach input,
#beach select,
#beach textarea {color: #751d13;}
#beach .select,
#beach textarea,
#beach input.text {border-color: #413a23;}

#desert {color: #751d13; background: #f7a350 url(../img/desert/body_bg.gif) repeat-x 50% 0;}
#desert #sun {width: 37px; height: 37px; left: 310px; top: -115px; background: url(../img/desert/sun.gif) no-repeat;}
#desert a,
#desert a:link,
#desert a:visited,
#desert a:hover {color: #751d13;}
#desert input,
#desert select,
#desert textarea {color: #751d13;}
#desert .select,
#desert textarea,
#desert input.text {border-color: #413a23;}

#ski {color: #158bc5; background: #e2edf6 url(../img/ski/body_bg.gif) repeat-x 50% 0;}
#ski a,
#ski a:link,
#ski a:visited,
#ski a:hover {color: #158bc5;}
#ski input,
#ski select,
#ski textarea {color: #999;}
#ski .select,
#ski textarea,
#ski input.text {border-color: #413a23;}


#header {width: 990px; height: 120px; margin: 0 auto 40px; text-align: left; position: relative; z-index: 1;}

#content {width: 990px; min-height: 230px; margin: 0 auto 50px; text-align: left; position: relative; z-index: 1;}
* html #content {height: 230px;}

#footer {width: 990px; margin: 0 auto; position: relative; text-align: left;}

#footerWrap {height: 150px;}
#city #footerWrap {background: url(../img/city/line.gif) repeat-x;}





/* STATIC
----------------------------------------------- */
.logo {margin-left: 70px; float: left; display: inline;}
#desert .logo img {background: url(../img/desert/logo.gif) no-repeat;}
#ski .logo img {background: url(../img/ski/logo.gif) no-repeat;}
#beach .logo img {background: url(../img/beach/logo.gif) no-repeat;}
#city .logo img {background: url(../img/city/logo.gif) no-repeat;}

#lev {width: 502px; height: 354px; position: absolute;}

#desert #lev {left: 32px; top: -350px; background: url(../img/desert/lev.gif) no-repeat;}
#levdesert {margin: -25px 0 0 -40px;}

#ski #lev {left: 29px; top: -340px; background: url(../img/ski/lev.gif) no-repeat;}
#headerski {position: absolute; left: 0; top: 0;}
#levski {margin: -10px 0 0 -10px;}

#beach #lev {left: 50px; top: -270px; background: url(../img/beach/lev.gif) no-repeat;}
#headerbeach {position: absolute; left: 0; top: 0;}
#headercity {position: absolute; left: 0; top: 0;}
#levbeach {margin: -5px 0 0 -30px;}

#city #lev {left: 26px; top: -261px; background: url(../img/city/lev.gif) no-repeat; z-index: 1;}
#levcity {margin: 0 0 0 -20px;}

#luk {width: 183px; height: 79px; margin-left: 100%; left: -208px; top: 20px; background: url(../img/city/luk.gif) no-repeat; position: absolute; display: none;}
#luk a {display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; cursor: pointer;}
#city #luk {display: block;}

#licence {font-size: 10px; width: 360px; margin: 120px 40px 0 0; float: right; display: inline;}



/* NAVIGATION
----------------------------------------------- */
/* teasers */
#teasers,
#teasers li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#teasers {padding-right: 40px; float: right;}
#teasers li {width: 152px; height: 120px; margin-left: 8px; float: left;}
#teasers img {vertical-align: top;}
#teasers a {width: 100%; height: 100%; display: block; position: relative; cursor: pointer;}
#teasers strong {text-indent: -9000px; overflow: hidden;}
#teasers em,
#teasers strong {height: 28px; left: 10px; bottom: 10px; background-repeat: no-repeat; display: block; position: absolute;}
#teasers a:hover {z-index: 1;}
#teasers em {left: -9000px; bottom: 0;}
#teasers a.hover em {left: 81px;}
#teasers a.hover strong {display: none;}

#teasers .teaser-ind {background: url(../img/teasers/ind.png) no-repeat;}
#teasers .teaser-ind em {width: 110px; height: 154px; background-image: url(../img/teasers/ind_lev.png);}
#teasers .teaser-ind strong {width: 130px; background-image: url(../img/teasers/ind_txt.gif);}

#teasers .teaser-ski {background: url(../img/teasers/ski.png) no-repeat;}
#teasers .teaser-ski em {width: 110px; height: 147px; background-image: url(../img/teasers/ski_lev.png);}
#teasers .teaser-ski strong {width: 111px; background-image: url(../img/teasers/ski_txt.gif);}

#teasers .teaser-beach {background: url(../img/teasers/beach.png) no-repeat;}
#teasers .teaser-beach em {width: 110px; height: 145px; background-image: url(../img/teasers/beach_lev.png);}
#teasers .teaser-beach strong {width: 71px; background-image: url(../img/teasers/beach_txt.gif);}

#teasers .teaser-hot {background: url(../img/teasers/hot.png) no-repeat;}
#teasers .teaser-hot em {width: 110px; height: 145px; background-image: url(../img/teasers/hot_lev.png);}
#teasers .teaser-hot strong {width: 66px; background-image: url(../img/teasers/hot_txt.gif);}




/* m1 */
#m1,
#m1 li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
#m1 {margin: 0 40px 0 -10px; float: right; display: inline;}
#m1 li {margin-left: 10px;}

#m1,
#m1 a,
#m1 li,
#m1 em,
#m1 span,
#m1 strong {height: 24px;}

#m1 a,
#m1 li,
#m1 em,
#m1 span,
#m1 strong {float: left; display: inline;}

#m1 a {padding-left: 10px; background-repeat: no-repeat; cursor: pointer; position: relative;}
#m1 em {overflow: hidden; text-indent: -9000px; background-repeat: no-repeat; background-position: 1px 4px;}
#m1 span {background-repeat: no-repeat; background-position: 100% 0;}

.m1-about em {width: 50px; background-image: url(../img/m1/about.gif);}
.m1-feedback em {width: 127px; background-image: url(../img/m1/feedback.gif);}
.m1-members em {width: 132px; background-image: url(../img/m1/members.gif);}

#ski .m1-about em {background-image: url(../img/m1_ski/about.gif);}
#ski .m1-feedback em {background-image: url(../img/m1_ski/feedback.gif);}
#ski .m1-members em {background-image: url(../img/m1_ski/members.gif);}

#desert #m1 a,
#desert #m1 strong {background-image: url(../img/desert/m1_l.gif);}
#desert #m1 span {background-image: url(../img/desert/m1_r.gif);}

#beach #m1 a,
#beach #m1 strong {background-image: url(../img/beach/m1_l.gif);}
#beach #m1 span {background-image: url(../img/beach/m1_r.gif);}

#city #m1 a,
#city #m1 strong {background-image: url(../img/city/m1_l.gif);}
#city #m1 span {background-image: url(../img/city/m1_r.gif);}

#ski #m1 a,
#ski #m1 strong {background-image: url(../img/ski/m1_l.gif);}
#ski #m1 span {background-image: url(../img/ski/m1_r.gif);}

#m1 .a em,
#m1 strong em,
#m1 a:hover em {background-position: 1px -76px;}



/* BLOCKS
----------------------------------------------- */
a {outline: none;}
a img {border: 0;}
.clear {clear: both; float: none; height: 0; overflow: hidden;}
.html {width: 360px; margin-left: 590px; clear: both; line-height: 1.62em;}
#beach .html {width: 632px; margin-left: 318px;}
.wrap {width: 100%; clear: both;}
.wrap:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; overflow: hidden;}
object {outline: none;}


.tour-search {clear: both; float: right; display: inline; margin-right: 33px; padding-bottom: 230px;}
#ReSearch td a,
#ReSearch td a:link,
#ReSearch td a:visited,
#ReSearch td a:hover {color: #036; text-decoration: underline;}


/* order */
.order {width: 632px; margin-left: 318px; clear: both;}
.order fieldset {width: 100%; margin-bottom: 8px;}
.order fieldset:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; overflow: hidden;}
.order .submit {margin-top: 16px; text-align: right;}
.order .input {width: 72px; margin-right: 8px; float: left; display: inline;}
.order .type,
.order .where,
.order .quality,
.order .contact {width: 152px;}
.order .contact {margin-right: 0;}
.order label {font: 11px/13px Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 2px 4px; display: block;}
.order input.text {width: 64px;}
.order .date {position: relative;}
.order .dp-choose-date {bottom: 2px; right: 2px; position: absolute;}
.order .contact input.text {width: 144px;}
.order .email {float: right;}
.order select {width: 150px; border: 0;}
* html .order select {width: 154px; left: -2px; top: -2px; position: relative;}
* html .order .select div {width: 150px; height: 15px; overflow: hidden; position: relative;}
*+html .order select {width: 154px; left: -2px; top: -2px; position: relative;}
*+html .order .select div {width: 150px; height: 15px; overflow: hidden; position: relative;}

/* stars */
.stars,
.stars li {display: block; margin: 0; padding: 0; background: none; vertical-align: top;}
.stars {width: 90px; height: 17px; overflow: hidden; background-repeat: repeat-x; position: relative;}
.stars li {float: left;}
.stars label {width: 18px; height: 17px; line-height: 0; z-index: 3; margin: 0; background-repeat: repeat-x; background-position: 0 -1000px; text-indent: -9000px; overflow: hidden; display: block; position: absolute;}
.stars input {width: 0; height: 0;}
.stars .star1 {left: 0;}
.stars .hover1,
.stars .checked1,
.stars .star1:hover {width: 18px;}
.stars .star2 {left: 18px;}
.stars .hover2,
.stars .checked2,
.stars .star2:hover {width: 36px; left: 0;}
.stars .star3 {left: 36px;}
.stars .hover3,
.stars .checked3,
.stars .star3:hover {width: 54px; left: 0;}
.stars .star4 {left: 54px;}
.stars .hover4,
.stars .checked4,
.stars .star4:hover {width: 72px; left: 0;}
.stars .star5 {left: 72px;}
.stars .hover5,
.stars .checked5,
.stars .star5:hover {width: 90px; left: 0;}
.stars .hover1,
.stars .hover2,
.stars .hover3,
.stars .hover4,
.stars .hover5,
.stars .checked1,
.stars .checked2,
.stars .checked3,
.stars .checked4,
.stars .checked5,
.stars label:hover {z-index: 2; background-position: 0 100%;}
.stars .checked1,
.stars .checked2,
.stars .checked3,
.stars .checked4,
.stars .checked5 {z-index: 1;}
#desert .stars,
#desert .stars label {background-image: url(../img/desert/star.gif);}
#ski .stars,
#ski .stars label {background-image: url(../img/ski/star.gif);}
#beach .stars,
#beach .stars label {background-image: url(../img/beach/star.gif);}

/* contacts */
.contacts {width: 320px; min-height: 400px; margin-left: 318px; float: left; display: inline;}
.contacts h2 {font: normal 11px/14px Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #fff; height: 16px; margin: 0; padding-left: 7px; background-repeat: no-repeat; clear: both; position: relative; left: -7px;}
.contacts h2 span {padding-right: 7px; background-repeat: no-repeat; background-position: 100% 0; height: 16px; float: left;}
.contacts p {font: normal 18px/22px Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0;}
.contacts .col {width: 160px; margin-bottom: 6px; float: left;}
.contacts .clear {height: 6px;}
.contacts h2 {background-image: url(../img/city/contacts_h_l.gif);}
.contacts h2 span {background-image: url(../img/city/contacts_h_r.gif);}

/* feedback */
.feedback {width: 312px; margin-right: 40px; float: right; display: inline;}
.feedback .col,
.feedback .textarea {width: 152px; float: left;}
.feedback .textarea {float: right;}
.feedback label {font: 11px/13px Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 2px 4px; display: block;}
.feedback textarea,
.feedback input.text {width: 144px;}
.feedback .input {margin-bottom: 4px;}
.feedback textarea {height: 88px;}
.feedback .submit {clear: both; text-align: right; padding-top: 11px;}

/* personal */
.personal {width: 480px; margin-left: 478px; clear: both;}
.personal fieldset {width: 152px; margin-right: 8px; float: left; display: inline;}
.personal label {font: 11px/13px Tahoma, Geneva, Arial, Helvetica, sans-serif; margin: 0 0 2px 4px; display: block;}
.personal .input {margin-bottom: 4px;}
.personal textarea,
.personal input.text {width: 144px;}
.personal textarea {height: 126px;}
.personal .submit {text-align: right; padding: 11px 8px 0 0; clear: both;}
.personal .submit a {margin-right: 10px;}

/* errors */
.errors {border-left: 2px solid #e37f29;}

/* auth */
.auth {font: 11px/13px Tahoma, Geneva, Arial, Helvetica, sans-serif; width: 320px; margin-left: 638px; clear: both;}
.auth p {margin: 0;}
.auth fieldset {width: 100%;}
.auth fieldset:after {content: '.'; display: block; clear: both; height: 0; font-size: 0; overflow: hidden;}
.auth .input {width: 152px; margin: 0 8px 15px 0; float: left; display: inline;}
.auth .input p {margin-left: 4px;}
.auth label {margin: 0 0 2px 4px; display: block;}
.auth textarea,
.auth input.text {width: 144px; margin-bottom: 4px;}
.auth textarea {height: 126px;}
.auth .submit {text-align: right; padding: 0 8px 0 0; clear: both;}











table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
  line-height: 15px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
  color: #000;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


a.dp-choose-date {width: 16px; height: 15px; overflow: hidden; text-indent: -9000px; background: url(../img/calendar.gif) no-repeat; display: block;}