body {
  padding: 0;
  margin: 0;
  background: #f2c699 url(/Content/gfx/city1.jpg) no-repeat;
  background-position: center 105px;
  background-size: 100% auto;
  font-family: Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  padding: 10px;
  background: url(/Content/gfx/header-bg.png) repeat-x bottom;
  z-index: 1000;
}
header div#menuHome {
  float: left;
  margin: 0 10px 0 0;
}
header div#menuAdd {
  float: left;
  margin: 20px 5px;
}
header div#menuSearch {
  float: left;
  margin: 20px 5px;
  position: relative;
}
header div#menuSearch input {
  position: absolute;
  top: -20px;
  left: 15px;
  padding: 3px;
  color: #cb477b;
  background-color: #f2c699;
  border: 1px solid #cb477b;
  border-radius: 3px;
  width: 100px;
}
header div#menuHelp {
  float: left;
  margin: 20px 5px;
}
header .cities {
  float: right;
}
header .cities a {
  text-decoration: none;
  padding: 10px 0;
  margin: 10px 5px;
  height: 55px;
  width: 150px;
  display: inline-block;
  color: #cb477b;
}
header .cities a.cities-praha {
  background-image: url(/Content/gfx/praha.png);
}
header .cities a.cities-roma {
  background-image: url(/Content/gfx/roma.png);
}
header .cities a.cities-paris {
  background-image: url(/Content/gfx/paris.png);
}
@media (max-width: 1150px) {
  header .cities a {
    width: 75px;
  }
}
@media (max-width: 768px) {
  header .cities a {
    width: 50px;
  }
}
#locks {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -45%;
  width: 90%;
  padding: 0;
  z-index: 900;
  background-image: url(/Content/gfx/bars.png);
}
.lock {
  height: 148px;
  width: 128px;
  float: left;
  background-repeat: no-repeat;
  position: relative;
}
.lock-big {
  height: 296px;
  width: 256px;
}
.lock .text {
  position: absolute;
  width: 108px;
  bottom: 0;
  left: 10px;
  text-align: center;
  /*background-color: rgba(0, 0, 0, 0.5); color: white;*/
  font-size: 8pt;
  line-height: 10pt;
  color: #713523;
  background-color: rgba(242, 198, 153, 0.8);
  border-radius: 4px;
  border: solid 0px #713523;
}
.lock-big .text {
  width: 236px;
  font-size: 12pt;
  line-height: 16pt;
  bottom: 30px;
}
#dialogue {
  position: fixed;
  width: 720px;
  height: 520px;
  top: 70px;
  left: 50%;
  margin-left: -360px;
  background-image: url(/Content/gfx/dialog-bg.png);
  background-repeat: no-repeat;
  display: none;
  z-index: 1100;
}
#dialoguePanel {
  padding: 50px;
}
#dialogueClose {
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
}
#dialogue h2 {
  font-family: Kalam;
  color: #cb477b;
}
#dialogueIframe {
  border: none;
  overflow: auto;
  width: 620px;
  height: 420px;
}
#detailLockImageFrame {
  height: 256px;
  overflow: hidden;
  width: 256px !important;
  margin: 0 auto;
  border: 1px solid #cb477b;
  border-radius: 10px;
}
#detailLockImageFrame img {
  margin: auto auto;
}
@media (max-width: 768px) {
  #locks {
    margin-left: -320px;
    width: 640px;
  }
}
h2,
h3,
p,
table,
ul,
li {
  margin-top: 0;
}
.lock.lock-type1 {
  background-image: url(/Content/img/locks/small/1.png);
}
.lock.lock-type2 {
  background-image: url(/Content/img/locks/small/2.png);
}
.lock.lock-type3 {
  background-image: url(/Content/img/locks/small/3.png);
}
.lock.lock-type4 {
  background-image: url(/Content/img/locks/small/4.png);
}
.lock.lock-type5 {
  background-image: url(/Content/img/locks/small/5.png);
}
.lock.lock-type6 {
  background-image: url(/Content/img/locks/small/6.png);
}
.lock.lock-type7 {
  background-image: url(/Content/img/locks/small/7.png);
}
.lock.lock-type8 {
  background-image: url(/Content/img/locks/small/8.png);
}
.lock.lock-type9 {
  background-image: url(/Content/img/locks/small/9.png);
}
.lock.lock-type10 {
  background-image: url(/Content/img/locks/small/10.png);
}
.lock.lock-type11 {
  background-image: url(/Content/img/locks/small/11.png);
}
.lock.lock-type12 {
  background-image: url(/Content/img/locks/small/12.png);
}
.lock.lock-type13 {
  background-image: url(/Content/img/locks/small/13.png);
}
.lock.lock-type14 {
  background-image: url(/Content/img/locks/small/14.png);
}
.lock.lock-type15 {
  background-image: url(/Content/img/locks/small/15.png);
}
.lock.lock-type16 {
  background-image: url(/Content/img/locks/small/16.png);
}
.lock.lock-type17 {
  background-image: url(/Content/img/locks/small/17.png);
}
.lock.lock-type18 {
  background-image: url(/Content/img/locks/small/18.png);
}
.lock.lock-type19 {
  background-image: url(/Content/img/locks/small/19.png);
}
.lock.lock-type20 {
  background-image: url(/Content/img/locks/small/20.png);
}
.lock-big.lock-type1 {
  background-image: url(/Content/img/locks/big/1.png);
}
.lock-big.lock-type2 {
  background-image: url(/Content/img/locks/big/2.png);
}
.lock-big.lock-type3 {
  background-image: url(/Content/img/locks/big/3.png);
}
.lock-big.lock-type4 {
  background-image: url(/Content/img/locks/big/4.png);
}
.lock-big.lock-type5 {
  background-image: url(/Content/img/locks/big/5.png);
}
.lock-big.lock-type6 {
  background-image: url(/Content/img/locks/big/6.png);
}
.lock-big.lock-type7 {
  background-image: url(/Content/img/locks/big/7.png);
}
.lock-big.lock-type8 {
  background-image: url(/Content/img/locks/big/8.png);
}
.lock-big.lock-type9 {
  background-image: url(/Content/img/locks/big/9.png);
}
.lock-big.lock-type10 {
  background-image: url(/Content/img/locks/big/10.png);
}
.lock-big.lock-type11 {
  background-image: url(/Content/img/locks/big/11.png);
}
.lock-big.lock-type12 {
  background-image: url(/Content/img/locks/big/12.png);
}
.lock-big.lock-type13 {
  background-image: url(/Content/img/locks/big/13.png);
}
.lock-big.lock-type14 {
  background-image: url(/Content/img/locks/big/14.png);
}
.lock-big.lock-type15 {
  background-image: url(/Content/img/locks/big/15.png);
}
.lock-big.lock-type16 {
  background-image: url(/Content/img/locks/big/16.png);
}
.lock-big.lock-type17 {
  background-image: url(/Content/img/locks/big/17.png);
}
.lock-big.lock-type18 {
  background-image: url(/Content/img/locks/big/18.png);
}
.lock-big.lock-type19 {
  background-image: url(/Content/img/locks/big/19.png);
}
.lock-big.lock-type20 {
  background-image: url(/Content/img/locks/big/20.png);
}
#waiting {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-top: -6px;
  margin-left: -60px;
  z-index: 1000000000;
}
/*# sourceMappingURL=Site.css.map */