body{
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  text-align: center;
  color: #000000;
  margin: 0;
  padding: 0;
  margin-top: 0px;  
  margin-bottom: 0px;
}

.main{
  margin: 0 auto;
  width: 980px;
  text-align: left;
  padding: 0px;
}

.header{
  width: 100%;
  color: #FFFFFF;
  float: left;
  margin-bottom: 10px;
}

.header p {
  width: 976px;
  float: left;
  color: #FFFFFF;
  background: #B1B1B1;
  padding: 3px;
}
.header p a, .header p a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.header-pravy{
  float: right;
}

img{
  float: left;
}

.stred{
  width: 100%;
  float: left;
}

.levy-bok{
  width: 202px;
  float: left;
  overflow: hidden;
  margin-right: 18px;
  border: 1px solid #7DB9B1;
}

.levy-bok a{
  color: #000000;
  text-decoration: none;
}

.levy-bok a:hover{
  color: #000000;
}

.levy-bok ul{
  list-style: none;
  float: left;
  padding: 0;
  margin: 0;
  width: 210px;
  background-color: #FFFFFF;
}

.levy-bok li{
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 6px;
  color: white;
  margin-bottom: 1px;
}

.levy-bok .open-1, .levy-bok .h-open-1{
  background-color: #7DB9B1;
}

.levy-bok .open-1 a, .levy-bok .h-open-1 a, .levy-bok .open-item1 a, .levy-bok .open-item2 a, .levy-bok .open-item3 a{
  display: block;  
  color: #000000;
}

.levy-bok .open-item a:hover, .levy-bok .open-item2 a:hover, .levy-bok .open-item3 a:hover,
.levy-bok .h-open-item1 a, .levy-bok .h-open-item2 a, .levy-bok .h-open-item3 a{
  color: #7DB9B1;
}

.levy-bok .open-item1, .levy-bok .open-item2, .levy-bok .open-item3{
  color: #000000;
}

.levy-bok .open-item1, .levy-bok .open-1 a, .levy-bok .open-1 a:hover, .levy-bok .h-open-1 a, .levy-bok .h-open-1 a:hover{
  color: #FFFFFF;
}

.levy-bok .open-item1, .levy-bok .h-open-item1{
  margin-left: 4px;
}

.levy-bok .open-item2, .levy-bok .h-open-item2{
  margin-left: 14px;
}

.levy-bok .open-item3, .levy-bok .h-open-item3{
  margin-left: 24px;
}

.stred-text{
  float: left;
  overflow: hidden;
  width: 589px;
}

.stred-text-box{
  width: 589px;
  float: left;
  color: #000000;
  text-align: justify;
}

.stred-text-box h1{
  width: 100%;
  color: #818181;
  background: #D9D9D9;
  font-size: 10pt;
  text-align: center;
  padding: 8px;
  margin: 0 0 10px 0;
}
.stred-text-box h2{
  color: #FFFFFF;
  background: #7DB9B1;
  font-size: 10pt;
  text-align: left;
  padding: 4px;
  margin: 0;
}

.stred-text-box h2 a{
  color: #FFFFFF;
  text-decoration: none;
}

.stred-text-box .produkt0{
  width: 587px;
  border: 1px solid #7DB9B1;
  float: left;
  margin: 0 0 5px 0;
}

.stred-text-box .produkt{
  width: 290px;
  border: 1px solid #7DB9B1;
  float: left;
  margin: 0 5px 5px 0;
}

.stred-text-box .produkt2{
  width: 290px;
  border: 1px solid #7DB9B1;
  float: left;
  margin: 0 0 5px 0;
}

.stred-text-box .produkt0 img, .stred-text-box .produkt img, .stred-text-box .produkt2 img{
  margin: 5px 5px 0px 5px;
  border: 0
}

.stred-text-box .produkt p, .stred-text-box .produkt2 p {
  margin: 10px 0 0 0;
}

.stred-text-box p{
  color: #808080;
}

.stred-text-box-paticka{
  padding-top: 10px;
  width: 100%;
  float: left;
  color: #48182d;
}

.levy-bok h1{
  float: left;
  padding: 0;
  margin: 0;
  background: #7DB9B1;
  width: 100%;
  height: 23px;
  font-size: 11px;
  color: white;
  padding-top: 8px;
  padding-left: 34px;
  margin-bottom: 4px;
}

.footer{
  width: 980px;
  margin: 10px auto;
  padding: 6px 0 6px 0;
  border-top: 1px solid #B5C3C6;
  text-align: center;
  font-size: 8pt;  
  color: #B5C3C6;
}

.box{
  width: 150px;
  float: left;
  padding: 10px;
}

.box2{
  text-align: center;
  width: 150px;
  float: left;
  padding: 10px;
}

.box a{
  color: #000000;
}

.box a:hover{
  color: #000000;
}

.box2 input{
  font-size: 11px;
  margin-bottom: 4px;
}

.box-bottom{
  margin-bottom: 8px;
}

.footer a{
  color: #B5C3C6;
  text-decoration: none;
}

.footer a:hover{
  color: #000000;
}

.clear{
  clear: both;
}

.potisk a {
  color: #7DB9B1;
  font-weight: bold;
  text-decoration: none;
}
.potisk a:hover {
  color: #7DB9B1;
  font-weight: bold;
  text-decoration: underline;
}


      table {width: 100%}
      table.udaje tr th {width: 50%; text-align: right; font-weight: normal;
        color: #818181; padding: 3px}
      table.udaje tr td {width: 50%; text-align: left;
        color: #818181; padding: 3px}
      table.udaje tr td a {color: #818181; text-decoration: none}
      table.udaje tr td a:hover {color: #818181; text-decoration: underline}
      

      table.udaje2 tr th {text-align: right; font-weight: normal;
        color: #818181; padding: 3px}
      table.udaje2 tr td {text-align: left;
        color: #818181; padding: 3px}
      table.udaje2 tr td a {color: #818181; text-decoration: none}
      table.udaje2 tr td a:hover {color: #818181; text-decoration: underline}
      
      legend {color: #818181;}
      fieldset {margin: 3px 0 3px 0; border: 1px solid #B5C3C6}
      h1{font-size: 13pt; width: 974px; color: #FFFFFF; background:#7DB9B1; padding: 3px;}
      
      table.kosik {background:#B5C3C6;}
      table.kosik tr th {font-weight: bold; background:#FFFFFF;
        color: #818181; padding: 3px;text-align: center}
      table.kosik tr td {background:#FFFFFF;color: #818181; text-align: center;
       padding: 3px 20px 3px 20px}  
      table.kosik tr td img {border: 0}    
       
      table.udaje tr .modre {color: #0000FF;}
      table.udaje tr .modre a {color: #0000FF;}
      table.udaje tr .modre a:hover {color: #0000FF;}
      
      .postup {width: 980px; margin:0 0 20px 0}
      .postup img {margin: 5px 15px 5px 20px; vertical-align: bottom}
      .postup {color: #FFFFFF;}
      .postup h2 {font-size: 14pt; font-weight: normal; margin: 18px 0 0 0; padding: 0 0 0 0}
      .postup h3 {font-size: 10pt; font-weight: bold; margin: 0 0 0 0; padding: 3px 0 3px 0;
      text-align: center}
      #krok1a {width: 323px; float:left; background:#7DB9B1; margin: 0 3px 0 0}
      #krok2a {width: 322px; float:left; background:#7DB9B1; margin: 0 3px 0 3px}
      #krok3a {width: 323px; float:left; background:#7DB9B1; margin: 0 0 0 3px}
      #krok1n {width: 323px; float:left; background:#B5C3C6; margin: 0 3px 0 0}
      #krok2n {width: 322px; float:left; background:#B5C3C6; margin: 0 3px 0 3px}
      #krok3n {width: 323px; float:left; background:#B5C3C6; margin: 0 0 0 3px;}
      #krok {width: 100%; background:#7DB9B1; clear: both;}