/* general */

body {
  color: #262626;
  font-family: Arial;
  background: #edefe9 url('../images/body-bg.png');     
  font-size: 12px;
}

#page {
  width: 860px;
  background: transparent url('../images/page-bg.png') no-repeat;
  height: 1219px;
  margin: 20px auto;
  margin-bottom: 100px;
  position: relative;
}

/* box1 - radio buttony */

#box1 {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 400px;
  height: 318px;
  top: 235px;
  left: 95px;
}

.radiootazka {
  line-height: 37px;
}

#box1 .label {
  width: 210px;
  text-align: right;
  display: inline-block;
  float: left;
  margin-right: 3px;
}

#box1 .label div {
  line-height: 18px;
  margin-top: 10px;
}

#box1 .jqTransformRadioWrapper {
  margin: 10px 0 0 23px;
}

/* box2 - namety ke zlepseni */

#box2 {
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 300px;
  height: 170px;
  top: 575px;
  left: 540px;
}

#box2 textarea {
  display: block;
  font-family: Arial;
  font-size: 12px;
  width: 250px;
  height: 120px;
  margin: 0 auto;
}

.jqTransformTextarea {
  margin: 0 auto;
}

/* box3 - klient nebo dodavatel */

#box3 {
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
  width: 220px;
  height: 100px;
  top: 925px;
  left: 573px;
  background: transparent url('../images/dotted-bg.gif') 49% 0 no-repeat;
}
#box-sliders{
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
  width: 220px;
  height: 100px;
  top: 777px;
  left: 177px;
}
#box-sliders .label{
  margin-top: 15px;
  margin-bottom: 15px;
}
#box-sliders .ui-widget.ui-widget-content{
  height: 2px;
  background-color: #00809C;
  max-width: 170px;
  margin: 0 auto;
}
#box-sliders .ui-widget.ui-widget-content:before{
  content: '0';
  position: absolute;
  left: -28px;
  height: 20px;
  width: 20px;
  top: -9px;
  font-size: 14px;
}

#box-sliders .ui-widget.ui-widget-content:after{
  content: '10';
  position: absolute;
  right: -28px;
  height: 20px;
  width: 20px;
  top: -9px;
  font-size: 14px;
}
#box-sliders .ui-slider-horizontal .ui-slider-handle{
  top: -6px;
  border-radius: 15px;
  background: #00809C;
  border: none;
}

#klient {
  position: absolute;
  top: 70px;
  left: 31px;
  display: inline;
  z-index: 3;
}

#dodavatel {
  position: absolute;
  top: 70px;
  left: 155px;
  display: inline;       
}

#klient-radio {
  position: absolute;
  top: 25px;
  left: 65px;
}

#dodavatel-radio {
  position: absolute;
  top: 25px;
  left: 125px;
}

/* input button */

#submit-button {
  display: block;
  width: 123px;
  height: 33px;
  background: transparent url('../images/button-bg.png') no-repeat;
  position: absolute;
  top: 1080px;
  left: 300px;
  text-indent: -9999px;
}

#submit-button:hover {
  background-position: 0 -33px;
}

#submit-button * {
  display: none;
}


/* dekovaci stranka */

#page-dekujeme {
  width: 300px;
  height: 300px;
  background: transparent url('../images/dekujeme-bg.png') no-repeat;
  margin: 50px auto;
  margin-bottom: 100px;
  text-align: center;
  line-height: 350px;
  font-weight: bold;
}