body{
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 0.8em;
overflow: hidden;
height: 100%; 
max-height: 100%;
background:#000000;
}

body a {
  text-decoration:none;
}

body a:hover {
  text-decoration:underline;
}

#main {
  width:100%; height:430px;
  border-top:10px solid #434343;
  border-bottom:10px solid #434343;
  position:absolute;
  top:50%;
  margin:-215px 0 0 0;
  background:#000000 url(../img/obsah-bg.gif) repeat-x 0 0;
  text-align:center;
}

#ornament-top {
  width:490px; height:200px;
  background:#000000 url(../img/wave-topright.gif) no-repeat 0 0;
  position:absolute;
  right:0; top:-210px;
}

#ornament-bot {
  width:949px; height:286px;
  background:#000000 url(../img/wave-botleft.gif) no-repeat 0 0;
  position:absolute;
  left:0; bottom:-296px;
}

#telo {
  width:990px; height:450px;
  color:#ffffff;
  position:relative;
  left:0px; top:-10px;
  margin:auto;
  text-align:left;
}

#logo a, #logo a:hover {
  width:203px; height:63px;
  background:#000000 url(../img/logo-blk.gif) no-repeat 0 0;
  position:absolute;
  left:0px; top:-73px;
}

.logo2 {
  display:none;
}

#menu {
  width:100%; height:50px;
  display:block;
  position:absolute;
  left:0; top:0;
}

#menu ul {
  height:50px;
  float:left;
  margin:0;
  padding:0;
}

#menu li {
  list-style-type:none;
  display: inline;
  text-align:center;
}

#menu li a {
  height:30px;
  color:#ffffff;
  text-transform:uppercase;
  border-top:10px solid #434343;
  float:left;
  margin:0;
  padding:10px 15px 0 15px;
}

#menu li a:hover, .aktiv {
  color:#ffffff;
  border-top:10px solid #ffffff;
  background:#000000;
}

#submenu, #submenu2 {
  width:100%;
  position:absolute;
  left:0; top:57px;
}

#submenu ul, #submenu2 ul {
  float:left;
  margin:0;
  padding:0;
}

#submenu li, #submenu2 li {
  list-style-type:none;
  display: inline;
  text-align:left;
  border-right:1px solid #cc0000;
  float:left;
}

#submenu li a, #submenu2 li a {
  color:#cc0000;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:85%;
  float:left;
  margin:0;
  padding:0 10px 0 10px;
}

#submenu li a:hover, #submenu2 li a:hover {
  color:#ffffff;
}

#obsah {
  width:100%; height:315px;
  position:absolute;
  left:0; top:100px;
}

#obsah2 {
  width:620px; height:315px;
  position:absolute;
  left:0; top:100px;
  text-align:right;
}

h1 {
  font-size:250%;
  font-weight:normal;
  text-transform:uppercase;
  margin:0 0 15px 0;
}

h2 {
  font-weight:normal;
  text-transform:uppercase;
  margin:10px 0 7px 0;
}

h3 {
  color:#000000;
  font-size:150%;
  margin:0 0 10px 0;
}

h4 {
  font-size:100%;
  margin:0 0 5px 0;
}

p {
  margin:0 0 10px 0;
}

p a {
  color:#ffffff;
  font-weight:bold;
}

table {
  border-collapse:collapse;
  text-align:left;
}

td {
  border:1px solid #ffffff;
  background:#000000;
  padding:3px 5px 3px 5px;
}

td.right {
  text-align:right;
}

.tabnadpis {
  background:#cc0000;
  font-weight:bold;
}

#nutrika {
  position:absolute;
  right:0; top:50px;
  display:none;
}

#nutrika table {
  float:left;
  margin:0 0 0 20px;
}

.watt {
  position:absolute;
  right:0; top:25px;
}

a.prodpic img{
  position:absolute;
  right:0; top:100px;
  border:1px solid #ffffff;
}

a:hover.prodpic img {
  border:1px solid #000000;
}

.novinka {
  width:290px; height:270px;
  float:left;
  margin:0 25px 0 0;
  border-right:1px solid #ffffff;
  padding:0 25px 0 0; 
}

.novinka3 {
  width:290px; height:270px;
  float:left;
}

.novimg {
  width:290px; height:120px;
  margin:0 0 10px 0;
  position:relative;
}

.novimg b {
  width:280px;
  background:#000000;
  font-size:130%;
  padding:5px;
  position:absolute;
  left:0; bottom:0;
}

.datum {
  position:absolute;
  left:5px; top:5px;
}

.vice {
  background:#cc0000;
  border:1px solid #ffffff;
  float:right;
  text-align:center;
  padding:5px 10px 5px 10px;
  color:#ffffff;
}

.vice:hover {
  background:#000000;
  text-decoration:none;
}

.detailimg {
  float:left;
  margin:0 20px 20px 0;
  border:1px solid #ffffff;
}

.podporaitem {
  width:165px; height:225px;
  float:left;
  margin:0 20px 0 0;
  padding:0 20px 0 0;
  border-right:1px solid #ffffff;
}

.podporaitem2 {
  width:165px; height:225px;
  float:left;
}

.podporaitem a img, .podporaitem2 a img {
  border:1px solid #ffffff;
  margin:0 0 10px 0;
}

.podporaitem a:hover img, .podporaitem2 a:hover img {
  border:1px solid #000000;
}

.nahled {
  width:16px; height:80px;
  background:#000000;
  margin:0 0 10px 0;
}

form {
  width:710px;
  border-left:1px solid #ffffff;
  margin:0;
  padding:0 0 0 50px;
  position:absolute;
  left:230px; top:50px;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

.pole {
  width:290px;
  background:#000000;
  border:1px solid #ffffff;
  color:#ffffff;
  margin:0 0 10px 0;
  padding:3px 5px 3px 5px;
}

.pole2 {
  width:360px; height:180px;
  background:#000000;
  border:1px solid #ffffff;
  color:#ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  padding:3px 0 3px 5px;
}

#butons {
  float:right;
  margin: 10px 0 0 0;
}

.buton {
  background:#cc0000;
  color:#ffffff;
  font-weight:bold;
  border:1px solid #ffffff;
  padding:3px 15px 3px 15px;
  cursor:pointer;
  margin:0 0 0 20px;
}

.buton:hover {
  background:#000000;
  color:#ffffff;
  text-decoration:none;
}

#info {
  position:absolute;
  left:20px; bottom:0;
}

#copy {
  font-size:90%;
  color:#898989;
  position:absolute;
  right:0px; bottom:-20px;
}

#copy a {
  color:#898989;
}

#copy a:hover {
  color:#ffffff;
}

.skryty{
  display:none;
}

.viditelny {
  display:block;
}

.doleva10 {
  float:left;
  margin:0 10px 0 0;
}

.doleva20 {
  float:left;
  margin:0 20px 0 0;
}