body {
     padding: 0px;
     margin: 0px 0px 20px 0px;
     font: 70%/140% verdana, arial, helvetica, sans-serif;
     text-align: center;
     background: #fff;
}
#main {
     width: 760px;
     margin-left: auto;
     margin-right: auto;
     text-align: left;
}
#hlavicka0-null {
     width: 760px;
     height: 40px;
     padding: 0;
     border: 0;     
}
#hlavicka0 {
     padding: 5px 20px 0px 0px;
     text-align: right;
}
#hlavicka0 img { 
     margin: 3px 0px 0px 3px;
     border: 0;
}
#hlavicka1-null {
     width: 760px;
     height: 30px;
     padding: 0;
     border: 0;
     background: #7590c4;     
}
#hlavicka1 {
     padding: 0px;
}
#hlavicka2-null {
     width: 100%;
     padding: 0;
     border: 0;     
}
#hlavicka2 {
     padding: 0px;
}
#hla2-vlevo-null {
     width: 486px;
     height: 182px;
     float: left;
     padding: 0;
     border: 0;
     background-image: url("../images/hla1.gif");
     background-position: 0% 0%;
     background-repeat: no-repeat;     
}
#hla2-vlevo {
     padding: 0px;
}
#hla2-vlevo p {
     color: #7590c4;
     margin: 0px 0px 0px 84px;
     padding: 0px;
    font-weight: bold;
    font-variant: small-caps;
}
#hla2-vlevo h1.logo {
    width: 265px; 
    height: 52px; 
    padding: 0px 0px 0px 0px; 
    margin: 60px 0px 0px 50px; 
    background: url("../images/logo.gif") no-repeat; 
    cursor: pointer;
}
h1 span, .noscreen {
    display: none;
}
#stranka-null {
     width: 760px;
     float: left;
     padding: 0;
     border: 0;   
}
#stranka {
     padding: 0px;
     margin: 0px;
     border-top: 15px solid #fff;  
}
#vpravo-null {
     width: 274px;
     float: right;
     padding: 0;
     border: 0;
     margin: 15px 0px 0px 0px;
     background-image: url("../images/vpravo1.gif");
     background-position: 0% 0%;
     background-repeat: no-repeat;     
}
#vpravo {
     padding: 20px 0px 0px 20px;
     margin: 0px 8px 0px 6px;   
}
#vlevo-null {
     width: 486px;
     float: left;
     padding: 0;
     border: 0; 
     margin: 15px 0px 0px 0px;
     background-image: url("../images/vlevo1.gif");
     background-position: 0% 0%;
     background-repeat: no-repeat;    
}
#vlevo {
     padding: 20px 20px 0px 20px;
     margin: 0px 0px 0px 8px;
}
#vlevo li {
     margin: 0px 0px 3px 0px;
}
#vlevo img {
     border: 0;
}
#vlevo p {
     text-align: justify;
     text-indent: 20px;
}
#vlevo p img {
     border: 0;
     margin: 0px 20px 0px 0px;
     align: left;
}
#vlevo a { font-weight: bold;  text-decoration: underline; color: #000; }
#vlevo a:hover { color: #7590c4; }
#paticka1-null {
     clear: both;
     width: 100%;
     height: 86px;
     padding: 0;
     border: 0; 
     background-image: url("../images/pata.gif");
     background-position: 0% 100%;
     background-repeat: no-repeat;    
}
#paticka1 {
     padding: 0px 0px 1px 550px;
     color: #999;
     font-weight: bold;
}
#paticka1 p {
     padding: 17px 0px 1px 42px;
     color: #ff8a15;
}
#paticka1 p a { font-weight: bold;  text-decoration: underline; color: #ff8a15; }
#paticka1 p a:hover { color: #999; }
#paticka2-null {
     clear: both;
     width: 100%;
     margin-top: 15px;
     padding: 0;
     border: 0;
     background-image: url("../images/pata2.gif");
     background-position: 0% 0%;
     background-repeat: no-repeat;  
}
#paticka2 {
     padding: 5px 0px 5px 0px;
     color: #fff;
     font-weight: bold;
     font-variant: small-caps;
     letter-spacing: 2pt;
     text-align: center;
     font-family: Arial, Verdana, Helvetica, sans-serif;
     font-size: 150%;
}
#paticka3-null {
     clear: both;
     width: 100%;
     margin-top: 10px;
     padding: 0;
     border: 0; 
}
#paticka3 {
     padding: 0px 30px 0px 0px;
     text-align: right;
}
#paticka3 a { font-weight: normal; text-decoration: none; color: #c0c0c0; font-size: 80%; font-style: italic; }
#paticka3 a:hover { color: #666;  }
/* ---zacatek menu vpravo---------------------------------- */
.menu {
  float: left;
  width: 230px;
  margin-bottom: 10px;
}
.menu ul {
  margin: 0;
  padding: 0;
  width: 230px;
}
.menu ul li {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-variant: small-caps;
  border-bottom: 1px dashed #ebebeb;
  color: #336699;
  padding: 4px 0px 4px 0px;
  _width: 100%;
}
.menu ul li a:hover {
  color: #d77100;
}
a#klp  {
  color: #d77100;
}
.skupina {
    background: #ff8a15;
    padding: 1px 3px 1px 3px;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
}
/* ---konec menu vpravo---------------------------------- */
/* ---zacatek menu nahore---------------------------------- */
#menh {
    float: right;
    height: 25px;
    margin: 0;
    padding: 0;
}
#menh ul {
    margin: 0;
    padding: 0;
}
#menh ul li {
    margin: 0;
    height: 25px;
    padding: 0;
    list-style-type: none;
    float: left;
    background: url("../images/odr.gif") top right no-repeat;
}
#menh ul li a {
    display: block;
    color: #fff;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 20px 7px 20px;
}
#menh ul li a:hover {
    color: #ffcc00;
}
#menh .klik {
    color: #005295;
}
/* ---konec menu nahore---------------------------------- */
/* ---zacatek podmenu   svisle------------------------ */
.pmenu {
  float: left;
  width: 230px;
  margin-bottom: 10px;
}
.pmenu ul {
  margin: 0px;
  padding: 0;
  width: 230px;
}
.pmenu ul li {
  position: relative;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.pmenu ul li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #7590c4;
  font-size: 8pt;
  background: #f8f8f6 url("../images/odr4.gif") 5px 50% no-repeat;
  padding: 1px 0px 3px 24px;
  _width: 100%;
}
.pmenu ul li a:hover {
  color: #336699;
  background: #f8f8f6 url("../images/odr3b.gif") 5px 50% no-repeat;
}
a#klik3  {
  color: #336699;
  background: #f8f8f6 url("../images/odr3.gif") 5px 50% no-repeat;
}
/* ---konec podmenu   svisle------------------------ */
h2 {
     margin: 10px 0px 20px 20px;
     font-size: 150%;
     color: #7590c4;
}
.modre {
     margin: 0px 10px 0px 0px;
     color: #d77100;
     padding: 0px 2px 0px 2px;
     font-size: 100%;
     font-weight: bold;
     color: #fff;
     font-variant: small-caps;
     background: #7590c4;
}
.modre2 {
     margin: 0px 0px 0px 45px;
}
.modre3 {
     margin: 0px 0px 0px 53px;
}
.produkty {
     margin: 10px 0px 0px 37px;
     padding-bottom: 30px;
     font-size: 150%;
     font-weight: bold;
     color: #ff8a15;
}
h3, .cervene {
     margin: 20px 0px 10px 20px;
     color: #d77100;
     padding: 0px;
     font-size: 120%;
     font-weight: bold;
     font-variant: small-caps;
}
h4 {
     margin: 10px 0px 20px 20px;
     font-size: 130%;
     color: #7590c4;
     font-family: Arial, Verdana, Helvetica, sans-serif;
}
dd { 
     margin: 0px 0px 0px 130px;
     padding: 0px 0px 3px 0px;
}
dt { 
     color: #999;
     font-style: italic;
     left: 0px;
     float: left;
     margin: 0px 0px 0px 20px;
     padding: 0;
}
.bunr, bunx  {
  width: 434px;
  margin-bottom: 10px;
  padding: 5px 0px 5px 20px;
}
.bunr  {
  background: #fff9e1;
}
.bun2  {
  width: 217px;
  float: left;
}
.bunv {
  width: 434px;
  margin-bottom: 10px;
}
.bunm1 {
  width: 142px;
  float: left;
  text-align: center;
  color: #999;
  font-size: 7pt;
}
.bunm1 img {
  border: 1px solid #e0e0e0;
}
table, td, tr { 
  padding: 2px 0px 2px 0px;
  border: 0px solid #fff;
  border-collapse: collapse;
  text-align: left;
  vertical-align: top;
  font-size: 100%;
}
form, fieldset {
  border: 0px;
}
.tlacitka {
  text-align: right;
}
.katalog {
  clear: both;
  width: 230px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #fbbb73;
  background-image: url("../images/katalog.gif");
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
.katalog-tx {
  padding: 5px 10px 5px 10px;
  text-align: justify;
  background-image: url("../images/i-pdf.gif");
  background-position: 180px 45px;
  background-repeat: no-repeat;
  font-size: 8pt;
  color: #336699;
}
.katalog-tx a { font-weight: bold; text-decoration: underline; color: #d77100; }
.katalog-tx a:hover { color: #336699;  }

.upozorneni  { border: 1px solid #d92c00; padding: 0px 20px 0px 20px; margin-bottom: 20px;  }
.upozorneni-tx  { color: #d92c00; font-weight: bold; font-size: 10pt; }