body { margin: 0; padding: 0; background: #7db00b; font-family: Verdana, sans-serif; font-size: 13px; line-height: 1.6em; color: #3e3e3e; }
body#index-page {  background: #7db00b url("../img/body_repeat.gif") repeat-y center; }
#page-wrap { background: url("../img/body_top.jpg") no-repeat center top; }
#page { background: white url("../img/inter_top.gif") repeat-x top; }
#index-page #page { width: 770px; margin: 0 auto; padding-top: 445px; position: relative; min-height: 650px; background: transparent; }
#index-page h1 { display: none; }
#logo-link, #logo-link:hover { background: url("../img/transparent.gif"); position: absolute; top: 0; left: 20px; width: 437px; height: 168px; color: white; text-decoration: none; }
#logo-link span { position: absolute; top: 86px; left: 307px; padding: 0 5px; }
#logo-link:hover span { background-color: #d22238; }
#login { position: absolute; top: 466px; left: -7px; }
#main-wrap { background: url("../img/logo.jpg") no-repeat -10px top; } 
#main { background: url("../img/inter_bottom.gif") repeat-x bottom; padding: 180px 20px 30px 20px; } 
#content { width: 925px }
#index-page #main { margin: 0 25px 30px 233px; background: none; padding: 0; *margin-top: 460px; }
#footer { background: #7db00b; padding: 15px 20px; }
#index-page #footer { background: #7db00b url("../img/body_bottom.gif") no-repeat center top; text-align: center; padding: 20px 0 15px 194px; margin: 0; }

#counter { font-family: Impact, sans-serif; font-weight: normal; font-size: 2em; text-align: center; margin: 40px 0 25px 0; *margin: 30px 0 33px 0; color: #7db00b; line-height: 1.2em; *line-height: 2em; }
#counter strong { font-weight: normal; font-size: 2.4em; }
#reservation-link-wrap { text-align: center; margin:  0 0 0 0; }
#reservation-link { *line-height: 2em; font-size: 1.1em; font-weight: bold; color: white; text-decoration: none; padding: 12px 35px 16px 35px; *padding-top: 8px; background: url("../img/reservation-button.gif") no-repeat;}
#show-link-wrap { text-align: center; margin:  20px 0 35px 0; }

h1, h2, h3 { font-family: Impact, sans-serif; font-weight: normal; color: #d22238; margin-top: 0; line-height: 1em; }
#index-page h3, h2 { font-size: 1.8em; color: #7db00b; }
#index-page h2, h1 { font-size: 2.5em; }
#index-page h2 { margin: .5em 0; color: #7db00b; }
h1 { *padding-bottom: .5em; }
#login h3 { color: #d22238; font-size: 1.8em; margin: 0 0 10px 0; line-height: 1em; }
label { font-weight: bold; }
#login label { color: #d22238; font-size: 0.9em; display: block; position: absolute; }
#login-email, #login-password { width: 150px; height: 20px; background: url("../img/transparent.gif"); border: none; left: 4px; color: #3e3e3e; position: absolute; z-index: 100; }
#login-email-label { top: 32px }
#login-password-label { top: 88px }
#login-email { top: 60px }
#login-password { top: 117px }
#login-submit { top: 151px; left: 36px; position: absolute; width: 103px; height: 30px; background: none; border: none; color: white; font-weight: bold; cursor: pointer; }
a {  color: #d22238; }
a img { border: none; }
a:hover {  background-color: #d22238; color: white; text-decoration: none; }
.clear { clear: both; font-size: 1px; line-height: 1px } 

#sidebar { position: absolute; left: -7px; top: 710px; width: 175px; color: white; }
#sidebar h3 { color: #fbed12; font-size: 1.8em; margin: 0 0 7px 0; line-height: 1em; }
#sidebar p { margin-top: 0; }
#sidebar h4 { margin: 7px 0 0 0; font-size: 1em; }

#lang { background: white; position: absolute; top: 0; left: -20px; padding: .2em .9em; margin: 0; }
#lang img { vertical-align: middle; }

.submit { font-size: 1.3em; font-weight: bold; padding: 8px 20px; }
ul { list-style: square; }
table { border-collapse: collapse; margin-bottom: 20px; }
table th, table td { text-align: left; vertical-align: top; border-bottom: 1px solid #dfdfdf; padding: 7px 10px; }
form p.info { font-size: 0.8em; margin: 3px 0 0 0; }
hr { height: 1px; background: #dfdfdf; border: none; margin: 20px 0; *margin: 1px 0; }

.errors { color: #d22238; font-weight: bold; background: #ffacac; padding: 1px 15px; margin-bottom: 10px; }
.errors p { margin-bottom: -10px; }
.hightlight { background: #fffeab; padding: 10px 15px; }

#selected-place { font-size: 1.4em }
#thanks { width: 690px; }

#steps { height: 48px; color: white; font-weight: bold; margin: -5px 0 15px -4px; padding: 0; display: block; }
#steps.step1 { background: url("../img/1step.gif") no-repeat; }
#steps.step2 { background: url("../img/2step.gif") no-repeat; }
#steps.step3 { background: url("../img/3step.gif") no-repeat; }
#steps li { padding: 14px 60px; display: block; float: left; }
#step2 { padding-left: 57px !important; }
#step3 { padding-left: 41px !important; }

#plan-tabs { margin: 20px 0 0 0; }
#plan-tabs a { display: block; float: left; padding: 8px 30px; background: #dfdfdf; border-bottom: 2px solid white; color: #3e3e3e; text-decoration: none; font-weight: bold; }
#plan-tabs a.selected { background: #fbed12; border-bottom-color: #fbed12; }
#plan-tabs a:hover { background: #fbed12; }
#plan3-tab { margin-left: 2px; }

#plan-wrap { border-top: 5px solid #fbed12; border-bottom: 1px solid #dfdfdf; clear: both; padding: 15px 0; margin: 0 0 20px 0; *margin-top: -20px; *padding-top: 5px; }
#plan2, #plan3 { position: relative; width: 950px; height: 640px; }
#plan2 { background: url("../img/1podlazi.png"); }
#plan3 { background: url("../img/2podlazi.png"); display: none; }

#level2-area1 { top: 431px; left: 23px; }
#level2-area2 { top: 431px; left: 185px; }
#level2-area3 { top: 501px; left: 218px; }
#level2-area4 { top: 76px; left: 268px; }
#level2-area5 { top: 165px; left: 268px; }
#level2-area6 { top: 408px; left: 268px; }
#level2-area7 { top: 76px; left: 565px; }
#level2-area8 { top: 428px; left: 371px; }
#level2-area9 { top: 428px; left: 426px; }
#level2-area10 { top: 487px; left: 426px; }
#level2-area11 { top: 520px; left: 426px; }
#level2-area12 { top: 557px; left: 425px; }
#level2-area13 { top: 589px; left: 425px; }
#level2-area14 { top: 428px; left: 487px; }
#level2-area15 { top: 487px; left: 487px; }
#level2-area16 { top: 520px; left: 487px; }
#level2-area17 { top: 557px; left: 487px; }
#level2-area18 { top: 589px; left: 487px; }
#level2-area19 { top: 428px; left: 541px; }
#level2-area20 { top: 78px; left: 613px; }
#level2-area21 { top: 191px; left: 667px; }
#level2-area22 { top: 359px; left: 613px; }
#level2-area23 { top: 472px; left: 613px; }
#level2-area24 { top: 73px; left: 720px; }
#level2-area25 { top: 131px; left: 720px; }
#level2-area26 { top: 166px; left: 720px; }
#level2-area27 { top: 362px; left: 720px; }
#level2-area28 { top: 419px; left: 720px; }
#level2-area29 { top: 81px; left: 784px; }
#level2-area30 { top: 207px; left: 784px; }
#level2-area31 { top: 332px; left: 784px; }
#level2-area32 { top: 465px; left: 729px; }

#level3-area1 { top: 87px; left: 207px; }
#level3-area2 { top: 433px; left: 15px; }
#level3-area3 { top: 568px; left: 203px; }
#level3-area4 { top: 87px; left: 608px; }
#level3-area5 { top: 83px; left: 720px; }
#level3-area6 { top: 230px; left: 720px; }
#level3-area7 { top: 299px; left: 712px; }
#level3-area8 { top: 333px; left: 715px; }
#level3-area9 { top: 333px; left: 780px; }
#level3-area10 { top: 368px; left: 715px; }
#level3-area11 { top: 404px; left: 715px; }
#level3-area12 { top: 373px; left: 780px; }
#level3-area13 { top: 441px; left: 719px; }
#level3-area14 { top: 87px; left: 854px; }
#level3-area15 { top: 195px; left: 662px; }
#level3-area16 { top: 384px; left: 608px; }

.cells { border-collapse: separate; border-spacing: 2px; position: absolute; }
.cells td { width: 25px; height: 25px; padding: 0; border: none; filter:alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.cells td.unavailable { border: none; background-color: transparent; }
.cells td.free { background-color: #CCFFBF }
.cells td.hover, .cells td.selected { background-color: #7db00b; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.cells td.rented { background-color: #FFBFBF }
.cells td.rented.hover { background-color: #d22238; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.cells td.special { background-color: yellow; }
.cells td.special.hover { background-color: yellow; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }


#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; line-height: 1.4em; }
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3 { font-family: Verdana, sans-serif; font-weight: bold; font-size: 1.2em; line-height: 1.5em; }
#tooltip img { float: left; margin-right: 8px }
#tooltip .with-photo { width: 220px; }
#tooltip .with-photo strong { display: block; }


#downloads img { border: 1px solid #eee; float: left; clear: both; margin-bottom: 1.5em; }
#downloads .info { margin-left: 330px; }
#downloads ul { padding: 0; margin: 5px 0 0 20px; }
#downloads em { padding-top: 1em; display: block; }

.bonus-link { color: #fbed12; font-size: 1.8em; margin: 0 -10px 0 0; display: block; line-height: 1.2em; font-family: Impact, sans-serif; font-weight: normal;  }