body
{
  margin: 0;
  padding: 0;
  font: 11px Verdana, "Geneva CE", sans-serif;
}

#cover
{
  width: 840px;
  margin: 12px auto;
}

#head
{
  float: left;
  height: 244px;
  width: 630px;
  background: url("head.png") no-repeat center;
}

#right
{
  float: right;
  height: 244px;
  width: 210px;
  background: url("right.png") no-repeat center;
}

#clear
{
  clear: both;
  height: 44px;
}

#main
{
  overflow: auto;
  height: 347px;
  padding: 12px;
}

#body-index #main,
#body-kontakt #main
{
  padding-left: 180px;
  background: url("left.png") no-repeat left top;
}

a
{
  color: #000000;
  text-decoration: underline;
  outline-width: 0;
}

a:hover
{
  text-decoration: none;
}

/* ------------------------------------------------------------------------- */

#tab-formular th
{
  text-align: right;
}

textarea,
.input
{
  border: 1px #000000 solid;
}

/* ------------------------------------------------------------------------- */

#right *
{
  margin: 0;
}

#right span
{
  display: none;
}

#right a
{
  float: left;
  height: 57px;
}

#home
{
  display: block;
  width: 68px;
  _width: 66px;
}

#mail
{
  display: block;
  width: 71px;
}

#print
{
  display: block;
  width: 71px;
  _width: 70px;
}

/*
  background: red;
*/

/* ------------------------------------------------------------------------- */

#right .inner
{
  clear: both;
  padding: 24px 22px 24px 24px;
  font-weight: bold;
  color: #ffffff;
}

/* ------------------------------------------------------------------------- */

h1,
hr,
#admin-menu h2,
#menu h2,
#menu span
{
  display: none;
}

/* ------------------------------------------------------------------------- */

#menu
{
  position: absolute;
  top: 258px;
  width: 842px;
  margin: 0 0 0 -1px;
  _margin: 0 0 0 -2px;
}

#menu ul
{
  margin: 0;
  padding: 0;
}

#menu li
{
  float: left;
  margin: 0 0 0 1px;
  padding: 0;
  list-style-type: none;
}

#menu a
{
  display: block;
  height: 37px;
  background-position: left bottom;
  background-repeat: no-repeat;
}

#active a,
#menu a:hover
{
  background-position: left top !important;
}

#body-index #menu-index,
#body-produkty #menu-produkty,
#body-prislusenstvi #menu-prislusenstvi,
#body-kontakt #menu-kontakt,
#body-formular #menu-formular
{
  background-position: left top;
}

/* ------------------------------------------------------------------------- */

#menu-index
{
  width: 120px;
  background-image: url("menu-index.png");
}

#menu-produkty
{
  width: 141px;
  background-image: url("menu-produkty.png");
}

#menu-prislusenstvi
{
  width: 185px;
  background-image: url("menu-prislusenstvi.png");
}

#menu-kontakt
{
  width: 132px;
  background-image: url("menu-kontakt.png");
}

#menu-formular
{
  width: 258px;
  background-image: url("menu-formular.png");
}

/* ------------------------------------------------------------------------- */

#sub
{
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  border-top: 1px #4e5e68 solid;
}

#sub li
{
  float: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#sub a
{
  display: block;
  height: auto;
  width: 140px;
  padding: 0 8px;
  line-height: 2.4em;
  border: 1px #4e5e68 solid;
  border-width: 0 1px 1px 1px;
  color: #1e323e;
  text-decoration: none;
  font-weight: bold;
  font-size: 80%;
  text-transform: uppercase;
  background: #a0b0ba;
}

#sub a:hover
{
  background: #1e323e;
  color: #ffffff;
}

.submenu ul
{
  display: block !important;
}

/* ------------------------------------------------------------------------- */

#omnet span
{
  display: none;
}

#omnet
{
  padding: 12px 0 0 18px;
  border-top: 3px #dbdbdb solid;
}

#omnet a.logo
{
  display: block;
  height: 24px;
  width: 109px;
  background: url("omnet.png") no-repeat center;
/*
  background: red;
*/
}

/* ------------------------------------------------------------------------- */

p
{
  margin: 1em 0;
}

#patka
{
  display: block !important;*/
  /*float: right;
  margin: -6px 2px 0 0;*/

  font-size: 80%;
  /*text-align: right;*/
}

/* ------------------------------------------------------------------------- */

#win td
{
  padding: 0 12px;
}

.win
{
  height: 371px;
}

.win-left
{
  text-align: center;
}

.win-left div
{
  margin-top: 12px;
}

.win-right
{
  text-align: center;
}

.win-right img
{
  border: 1px #000000 solid;
}

p.ramecek
{
  width: 200px;
  padding: 4px 1px;
  border: 1px #ed1d25 solid;
  border-width: 1px 0;
}

.red
{
  color: #ed1d25;
}

/* ------------------------------------------------------------------------- */

#list-table table
{
  width: 100%;
}

#list-table td
{
  padding: 2px 8px;
  background: #e9e9e9;
}

#formular
{
  border-spacing: 0;
  border-collapse: collapse;
}

#formular .tr td
{
  padding: 4px 8px;
  background: #ffffff;
}

#formular td
{
  padding: 2px 8px;
  border-bottom: 2px #ffffff solid;
  background: #e9e9e9;
}

/* ------------------------------------------------------------------------- */

#news h4
{
  margin: 0;
}

img
{
  vertical-align: bottom;
  border: none;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

.xxl
{
  width: 100%;
}

.nowrap
{
  white-space: nowrap;
}

.float-right
{
  float: right;
}

/* ------------------------------------------------------------------------- */

#prislusenstvi img
{
  _margin-bottom: 2em;
  border: 1px black solid;
}

#prislusenstvi h3
{
  margin: 1em 24px;
  font-size: 140%;
}

#prislusenstvi ul
{
  margin: 0 0 0 24px;
  padding: 0;
}

#prislusenstvi li
{
  font-size: 120%;
  margin: 0;
  padding: 0.7em 0;
  list-style-type: none;
}

#prislusenstvi strong
{
  padding-right: 1em;
}

/* ------------------------------------------------------------------------- */

#nahradni img
{
  margin-bottom: 1em;
  border: 1px black solid;
}

#nahradni h4,
#nahradni div
{
  margin: 1em 0;
  padding: 0 0 0 24px;
  font-size: 120%;
}

/* ------------------------------------------------------------------------- */

.odd
{
  background: #dbdbdb;
}

/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

#ds-s
{
  width: 800px;

  margin-bottom: 24px;

  border-bottom: 3px #000000 solid;

  background: url("vysavace/ds-s.png") no-repeat left 20px;
}

#ds-s h3
{
  margin: 6px 0 12px 12px;
}

#ds-s-vysavaji
{
  height: 51px;
  width: 219px;
  margin-top: 12px;

  background: #ffffff url("vysavace/vysavaji.png") no-repeat center;
}

#ds-s #popis
{
  float: left;
  height: 340px;
  width: 120px;
  margin-left: 300px;
 _margin-left: 150px;
  padding-right: 4px;

  text-align: center;

  border-right: 1px #000000 solid;
}

#ds-s #list-table
{
  float: right;
  width: 360px;
}

#ds-s .tisknout
{
  margin-top: 120px;
  margin-left: 20px;
}

#ds-s-obr
{
  width: 100%;
  text-align: center;
}

#ds-s-obr td
{
  width: 25%;
}

#ds-s-obr p
{
  width: 80px;
  margin: 1em auto;
}

/* ------------------------------------------------------------------------- */

#x-ws
{
  width: 800px;

  margin-bottom: 24px;

  border-bottom: 3px #000000 solid;

  background: url("vysavace/ws.png") no-repeat 12px 20px;
}

#x-ws h3
{
  margin: 6px 0 12px 12px;
}

#ws-vysavaji
{
  height: 51px;
  width: 219px;
  margin-top: 12px;

  background: #ffffff url("vysavace/vysavaji.png") no-repeat center;
}

#x-ws #popis
{
  float: left;
  height: 340px;
  width: 160px;
 _width: 130px;
  margin-left: 260px;
 _margin-left: 130px;
  padding-right: 10px;

  text-align: center;

  border-right: 1px #000000 solid;
}

#x-ws #list-table
{
  float: right;
  width: 360px;
}

#x-ws #list-table table
{
  float-left;
  width: 230px;
}

#x-ws .tisknout
{
  margin-top: 80px;
}

#ws-obr
{
  float: right;
  width: 110px;
  text-align: center;
}

#ws-obr p
{
  width: 80px;
  margin: 1em auto;
}

/* ------------------------------------------------------------------------- */

#x-ds
{
  width: 800px;

  margin-bottom: 24px;

  border-bottom: 3px #000000 solid;

  background: url("vysavace/ds.png") no-repeat 12px 20px;
}

#x-ds h3
{
  margin: 6px 0 12px 12px;
}

#ds-vysavaji
{
  height: 51px;
  width: 219px;
  margin-top: 12px;

  background: #ffffff url("vysavace/vysavaji.png") no-repeat center;
}

h3
{
  font-size: 120%;
}

#x-ds #popis
{
  float: left;
  height: 340px;
  width: 160px;
 _width: 130px;
  margin-left: 260px;
 _margin-left: 130px;
  padding-right: 10px;

  text-align: center;

  border-right: 1px #000000 solid;
}

#x-ds #list-table
{
  float: right;
  width: 360px;
}

#x-ds .tisknout
{
  margin-top: 80px;
}

#ds-obr
{
  width: 100%;
  text-align: center;
}

.obbr
{
  border-top: 1px #000000 solid;
  margin-top: 12px;
}

#ds-obr p
{
  width: 80px;
  margin: 1em auto;
}

/* ------------------------------------------------------------------------- */

#x4ka h3
{
  margin: 6px 0 0 12px;
}

#x4ka-vysavaji
{
  position: relative;
  top: 374px;
  left: 290px;

  height: 51px;
  width: 219px;

  background: #ffffff url("vysavace/vysavaji.png") no-repeat center;
}

.clear-x
{
  clear: both;
  height: 12px;
}

#x4ka
{
  border-bottom: 3px #000000 solid;
}

#x4ka-1
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0 1px 1px 0;

  background: url("vysavace/x4ka-1.png") no-repeat 12px 50px;
}

#x4ka-2
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0 0 1px 0;

  background: url("vysavace/x4ka-2.png") no-repeat 12px 36px;
}

#x4ka-3
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0 1px 0 0;

  background: url("vysavace/x4ka-3.png") no-repeat 12px center;
}

#x4ka-4
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0;

  background: url("vysavace/x4ka-4.png") no-repeat 12px center;
}

#x4ka-1 p,
#x4ka-2 p,
#x4ka-3 p,
#x4ka-4 p
{
  float: right;
  width: 160px;
  margin-right: 40px;
 _margin-right: 4px;
  text-align: center;
}

#x4ka-4 p
{
  width: 100px;
  margin-right: 4px;
}

#x4ka-4 h3
{
  margin: 46px 0 0 12px;
}

#x4ka .tisknout
{
  margin-top: 180px;
}

/* ------------------------------------------------------------------------- */

#x2ka h3
{
  margin: 6px 0 0 12px;
}

#x2ka-vysavaji
{
  position: relative;
  top: 340px;
  left: 570px;

  height: 51px;
  width: 219px;

  background: #ffffff url("vysavace/vysavaji.png") no-repeat center;
}

#x2ka-1
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0 1px 0 0;

  background: url("vysavace/x2ka-1.png") no-repeat 12px 50px;
}

#x2ka-2
{
  float: left;
  height: 400px;
  width: 400px;

  border: 1px #000000 solid;
  border-width: 0;

  background: url("vysavace/x2ka-2.png") no-repeat 12px 36px;
}

#x2ka-1 p,
#x2ka-2 p
{
  float: right;
  width: 150px;
  margin-right: 20px;
  text-align: center;
}

#x2ka-2 p
{
  width: 100px;
  margin-right: 0px;
}

#x2ka .tisknout
{
  margin-top: 15px;
}

#x2-obr
{
  width: 50%;
  text-align: center;
}

/* ------------------------------------------------------------------------- */

.komp-tisknout
{
  margin-left: 20px;
}