* {border:none}

body { width: 1020px; padding:0;  background:#b9b8b6; text-align: center; margin: 0 auto;  font: 0.70em Verdana, Arial, Helvetica, sans-serif; }
html > body {min-height: 1000px;height: auto;}


#vrch1 {width:1020px; height:58px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch1a {width:1020px; height:58px; text-align:center; margin:0 auto; background: url(../images/vrch01a.jpg) 0 100% no-repeat;}
#vrch1b {width:1020px; height:58px; text-align:center; margin:0 auto; background: url(../images/vrch01b.jpg) 0 100% no-repeat;}

#vrch2 {width:1020px; height:187px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#vrch2a {width:1020px; height:187px; text-align:center; margin:0 auto; background: url(../images/vrch02a.jpg) 0 100% no-repeat;}
#vrch2b {width:1020px; height:187px; text-align:center; margin:0 auto; background: url(../images/vrch02b.jpg) 0 100% no-repeat;}

#vrch3 {width:1020px; height:50px; text-align:center; margin:0 auto; background: url(../images/vrch03.jpg) 0 100% no-repeat;}
#konec {width:1020px; height:112px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}

.vrch01_text {padding: 30px 20px 0px 0px;}
.vrch01_text_ie {height: 58px; padding: 0px 20px 0px 0px;}
.vrch02_text {text-align: left; padding: 150px 0 0 60px; color: #666; font-size: 1.50em;}
.vrch03_text_a {float:left; width: 820px; text-align: right; padding: 10px 0px 0px 0px; color: #fff; }
.vrch03_text_b {float:left; width: 190px; text-align: center; padding: 5px 0px 0px 0px; }
.konec_text {color:#666; font-size: 0.95em; text-align: right; padding: 25px 200px 0 0; line-height:140% }

.obdelnik {float:right; width:240px; height:40px;  margin-right: 3px; font-size: 1.20em; text-align:center; }

.vl {padding: 1px; margin: 2px; background: #666; border:1px solid #da5565;}
.vl:hover {background: #666; border:1px solid #666;}

#page { padding:0; text-align:center; margin:0 auto;  overflow:auto; width: 1020px; background: url(../images/cara.jpg) 0 100% repeat-y; }

#leva,#obsah,#prava {float:left; }
#obsah {width: 620px; }
.obsah { color: #000; text-align:left; line-height: 150%; padding: 0px 15px 0 15px}
#prava {width: 200px; }
.obsah_prava {padding: 0 0px 0 0px }

#leva {width: 160px; }
.obsah_leva {padding: 0 0px 0 20px }
.copyright { color: #666;  text-align: center;   padding-top: 10px; }

.kontakt {text-align: left; padding: 10px 5px 10px 5px; line-height: 160%; font-weight: bold;font-size: 0.90em; border-bottom:1px solid #ddd;}

.komponenty_odstavec1 { border-bottom: 2px solid #fff;  border-top: 2px solid #fff; font-size: 0.75em; }
.komponenty_odstavec { border-bottom: 2px solid #fff;   font-size: 0.75em; }
.datum {  font-size: 0.80em; coloe: #666}
.vypisek { text-align: right; padding: 10px 0 10px 0; font-size: 0.80em;}
.c {border: none; padding: 0 2px 0 2px}
.odstavec { padding: 5px 0px 10px 0px; text-align: justify}
.odstavec1 {font-weight: bold; padding: 5px 0px 10px 0px; text-align: justify}
.ctverec {float: right; width: 270px}
.ctverec1 {float: right; width: 270px}
.cisto {clear:both}
.mezera {height: 10px}
.doprava {text-align: right}

.odkaz  {color: red; padding:0 3px 0 3px}
 
.home {float: left; width: 295px; height: 80px; background: url(../images/po1.jpg) 0 100% no-repeat;}
.home1 {float: left; width: 295px; height: 80px; background: url(../images/po2.jpg) 0 100% no-repeat;}
.home_obsah {padding: 0 13px 0 5px}
.text_home {text-align: justify; font-size: 0.80em; line-height: 130%}

.nadpis_aktuality {float:right;  width: 165px; background: #910c0d; color: white; padding: 5px 0 5px 0; font-weight: bold; border-bottom:1px solid #666; margin-right: 15px}
.aktuality {float:right;  width: 165px; background: #eee; margin-bottom: 10px; margin-right: 15px}
.aktualita {border-bottom:1px solid #fff; padding: 5px }
.nadpis_aktuality_ie {float:right;  width: 165px; background: #910c0d; color: white; padding: 5px 0 5px 0; font-weight: bold; border-bottom:1px solid #666; margin-right: 8px}
.aktuality_ie {float:right;  width: 165px; background: #eee; margin-bottom: 10px; margin-right: 8px}

.detail_aktuality {font-size: 0.80em; padding: 8px; border-bottom:1px solid #ddd; text-align: left;}
.vice {text-align: right; padding: 3px 0 3px 0}

.odraz {padding: 5px}
a { color: red; text-decoration: underline;}
a:hover {color: #cc0000; text-decoration: underline;}
.seda {color:#666; text-decoration: none;}
.oran {font-size: 1.30em; text-align: left; color: #910c0d; font-weight: bold;  padding: 10px}
.bila {color:#fff}
.bila:hover {color:#ffff80}
.obr {margin: 10px 0px 10px 0px; border:1px solid #ddd; padding: 3px}
.obr1 {margin: 10px 10px 10px 0px; padding: 3px}
.lobr1 {float:left; margin: 5px 5px 5px 0px; padding:3px; border:1px solid #fff;}
.lobr {float:left; margin: 10px 15px 10px 0px; padding:3px; border:1px solid #e4b798;}
.pobr {float:right; margin: 5px 0px 10px 15px; text-align:center;  padding: 3px; border:1px solid #ddd;}
.pobr1 {float:right; margin: 5px 0px 10px 15px; text-align:center;  padding: 3px; }
.pozor {color: red; padding: 8px}
.odsad {padding-left: 20px}

.okolo {text-align:center}
.cervena {color:red}
.cervenavelka {color:red; font-size: 1.30em; padding: 5px 10px 5px 10px; font-weight: bold}
.velka {font-size: 1.20em;}
.otazka {color: #910c0d}
.menicko {text-align: right;  font-size: 0.80em;  }
table.tabulka{width: 590px; border:1px solid #ccc;   padding: 0px; margin: 5px 0px 5px 0;}

table.krby{width: 590px; border:1px solid #ccc;   padding: 0px; margin: 5px 0px 5px 0;}
td.krb1 {width: 50%; background: #ffffcc}

table {font-size: 0.85em;}
th{text-align:center; color:white; background: #999}
td{padding: 3px 5px 3px 5px; background: #fff}

.nadpis1 {font-size: 1.20em; text-align: left; color: #910c0d;  padding: 0px; margin-bottom: 8px; text-decoration: underline; width: 280px; font-weight: bold}
h1 {font-size: 1.30em; text-align: left; color: #910c0d;  padding: 0; margin-top: 10px;  text-decoration: underline;}
h2 {font-size: 1.20em; text-align: left; color: #fa8406;  margin: 0; padding: 10px 0 5px 0;}
h3 {font-size: 1.00em; text-align: left; color: #cc0000;  margin: 0; padding: 10px 0 5px 0}

.komponenty_foto {width: 100px; height: 90px; float:left;   text-align:center; margin: 4px;  padding: 4px; font-size: 0.80em; background:#fff;border:1px solid #ddd;   }
.komponenty_foto:hover{border:1px solid #aaa;}
.foto {width: 160px; height: 150px; float:left; border:1px solid #fff;  text-align:center; margin:5px;  padding: 3px; font-size: 0.80em; line-height:  140%  }
.foto:hover {border:1px solid #aaa;  background:#ccc}
.o {padding: 2px 2px 5px 2px}
.ob {border:none; padding-top: 5px}

.efoto {width: 90px; height: 80px; float:left; border:1px solid #fff;  text-align:center; margin:5px;  padding: 8px  }
.efoto:hover {border:1px solid #aaa;  background:#ccc}

.certifikat {width: 160px; height: 224px; float:left; border:1px solid #fff;  text-align:center; margin:7px;  padding: 8px  }
.certifikat:hover {border:1px solid #aaa;  background:#ccc}

.reg {float: left; width: 200px; height: 220px; float:left; text-align:center; margin: 2px;  font-size: 1.20em; font-weight:bold}
.stred {width: 530px; height: 400px; text-align:center; padding-left: 70px}

.otazky {color: #910c0d; }
.odpovedi {color: #000; margin-bottom: 10px; border-bottom:1px solid #ddd; text-align: justify; padding: 5px 0 5px 0;}

.firma {float:left; width: 250px; height: 110px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin: 10px; padding: 8px; background:#fff}
.cerna {color: black}
table.tab_pdf { width:590px;  border:1px solid #ddd; padding: 6px; margin-top: 10px; }
table.kestazeni { width:590px;  border:1px solid #ddd; padding: 6px; margin: 10px; }
td.cell01 {width: 60px; text-align:center;padding:2px}
.mala {width: 50px; border:1px solid #ddd; padding: 2px}
table.hlavni_novinka { width:555px; background:#fff; border:1px solid #cc0000; text-align:left; padding: 6px; margin: 10px; line-height: 170%}
td.hl {background:#f5f5f5;}

input { border: 1px solid #666; padding: 1px; margin: 3px; background:#fff; cursor: Pointer}
select { border: 1px solid #666; padding: 1px; margin: 3px; background:#fff}
textarea { border: 1px solid #666; padding: 1px; margin: 3px; background:#fff}

#lmenu { margin: 10px 10px 0 0px; padding: 0; float: right; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 170px;
  color: #000; 
  text-align: left;
  text-decoration: none;    
  border-width: 1px; border-color:#433123; border-bottom-style: dashed;
  background: #ccc;
}
#lmenu a:hover {
  color: #000; 
  text-decoration: underline;
  background:#ddd;
  }

#lmenu .click {
  display: block;
  
  text-align: left;
  border-bottom: 1px solid #eee;
  background:#e7ba9b;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 6px 5px 6px 15px;
}


#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #888;
  text-align: center;
}

#trailimageid h1 {
  font-size: 100%;
  color:black;
  font-weight: normal;
  margin: 0;
  padding: 2px 0px;
  text-align: left;
  width: 100%;
}

#trailimageid img {
  margin: 2px;
  border: none;
}

.nadpisvtabulcekatalog {COLOR: black;
font-size: 12px;
font-weight: bold;

}      

.hlavickovabunka {
background-color:  rgb(197, 196, 201); 
text-align: center;
}

.bunka {
text-align: center;
font-size: 10px;
color: black;

}

.tabulkakatalogu {
width: 590px;
border-width: 1px;
border-collapse:collapse;
border-style: solid;
border-color: black;
}

.stredik {text-align:center}

table.tabulkakatalogu td {
border-width: 1px;
border-collapse:collapse;
border-style: solid;
border-color: black;
}

.tabulkakatalogu360 {
width: 590px;
border-width: 1px;
border-collapse:collapse;
border-style: solid;
border-color: black;
}

table.tabulkakatalogu360 td {
border-width: 1px;
border-collapse:collapse;
border-style: solid;
border-color: black;
}

.tabulkasortiment {
width: 400px;
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: #000;
}

.tabulkasortiment2 {
width: 590px;
border-width: 1px;
border-style: solid;
border-color: #000;
}

td.sort {vertical-align: top; padding: 5px 2px 0 5px}