body, html {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: Verdana;
  font-size: 1em;
  background-color: #cecece;
}

td {font-size: 12px;}

#page {
  width: 899px;
  margin: 0 auto;
  text-align: left;
  background-color: #ffffff;
}

#top {width: 899px; height: 68px; position: relative; background: url(../image-page/bg-top.jpg) no-repeat left top;}
#top #topbannerlink {position: absolute; top: 10px; left: 10px; width: 200px; height: 50px;}

#left {
  float: left;
  width: 676px;
}

#topmenu {position: relative; margin: 10px 0 0 10px; width: 660px; height: 285px; background: url(../image-page/bg-menu-banner.jpg) no-repeat left top}
#topmenu #tailormade {top: 0px; left: 0px; position: absolute; width: 220px; height: 285px;}
#topmenu #katalog {top: 0px; left: 220px; position: absolute; width: 220px; height: 285px;}
#topmenu #specialninabidka {top: 0px; left: 440px; position: absolute; width: 220px; height: 285px;}

#leftcontent {
  margin: 10px;
  font-size: 12px;
}

#produktybox {
  width: 676px;
  height: 80%;
  border: none;
}

#right {
  float: right;
  width: 223px;
}

#right #novinkylabel {
  margin: 10px 0 0 10px;
  width: 191px;
  height: 27px;
  background: url(../image-page/bg-novinky-label.jpg) no-repeat left top;
}

#right #banner1 {
  margin: 10px 0 0 10px;
  width: 191px;
  height: 131px;
  background: url(../image-page/bg-banner-1.jpg) no-repeat left top;
  cursor: hand;
}

#right #banner2 {
  margin: 10px 0 0 10px;
  width: 191px;
  height: 162px;
  background: url(../image-page/bg-banner-2.jpg) no-repeat left top;
  cursor: hand;
}

#right #banner3 {
  margin: 10px 0 0 10px;
  width: 191px;
  height: 95px;
  background: url(../image-page/bg-banner-3.jpg) no-repeat left top;
  cursor: hand;
}

#right #banner4 {
  margin: 10px 0 0 10px;
  width: 191px;
  height: 131px;
  background: url(../image-page/bg-banner-4.jpg) no-repeat left top;
  cursor: hand;
}

#right #banner5 {
  margin: 0 0 0 10px;
  width: 191px;
  height: 250px;
  background: url(../image-page/bg-banner-5.jpg) no-repeat left top;
  cursor: hand;
}

#rightmenu {
  position: relative;
  margin: 10px 0 0 10px;
  width: 195px;
  height: 210px;
  background: url(../image-page/bg-menu-right.jpg) no-repeat left top
}

#rightmenu #spolecnost {position: absolute; top: 0px; left: 0px; width: 195px; height: 20px;}
#rightmenu #onas {position: absolute; top: 25px; left: 0px; width: 195px; height: 25px;}
#rightmenu #kontakt {position: absolute; top: 60px; left: 0px; width: 195px; height: 25px;}
#rightmenu #onlineshop {position: absolute; top: 110px; left: 0px; width: 195px; height: 20px;}
#rightmenu #poptavka {position: absolute; top: 135px; left: 0px; width: 195px; height: 25px;}
#rightmenu #reference {position: absolute; top: 170px; left: 0px; width: 195px; height: 25px;}

#psi {
  font-size: 11px;
  height: 45px;
  line-height: 45px;
}

#psi p {
  margin: 0 10px 0 10px;
  padding: 0px;
  background: url(../image-page/logo-psi.jpg) no-repeat right;
}

#footer {
  width: 899px;
  height: 43px;
  background: url(../image-page/bg-footer.jpg) no-repeat left top;
}

.nofloat {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clear: both;
}



.tailorcolor {color: #990000;}
.katalogcolor {color: #a1b324;}
.specialcolor {color: #6699ff;}

#tailorstyle h1 {color: #990000;}
#tailorstyle strong {color: #990000;}
#tailorstyle a {color: #990000;}

#katalogstyle h1 {color: #a1b324;}
#katalogstyle strong {color: #a1b324;}
#katalogstyle a {color: #a1b324;}

#specialstyle h1 {color: #6699ff;}
#specialstyle strong {color: #6699ff;}
#specialstyle a {color: #6699ff;}

h1 {font-size: 15px;}
h2 {font-size: 14px;}
h3 {font-size: 13px;}
.vinotab { width: 600px;}
.vinoimg { margin-right: 30px;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

#tabschneider td {text-align: center; color: #6699ff; font-weight: bold; vertical-align: top;}

p { text-align: justify;}

#poptavka .inputtext { width: 200px; font-size: 12px;}
#poptavka .inputtextarea {width: 300px; height: 100px;}