* {border:none}

body { width: 1020px; padding:0;  background:#fcfcfa url(../images/bg.jpg) 0 0 repeat-x; 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:76px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch2 {width:1020px; height:245px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}

#spodek {width:1020px; height:224px; text-align:center; margin:0 auto; background: url(../images/spodek.jpg) 0 100% repeat-y;}
.spodek {height: 150px; text-align: left;padding: 30px 0px 0px 50px;color: #90a919;font-size: 1.50em; }
.vrch01_text {text-align: left; font-size: 1.60em; padding: 30px 0px 0px 50px; color: #fff;}
.vrch02_obdelnik {width:1000px;height:195px;}
.vrch02_obdelnik1 {width:1000px;height:50px; }
.vrch02_ob {float:right; width:260px;height:50px;}
.vrch02_oba {float:right; width:350px;height:50px;}
.vrch02_ob_text {padding: 5px 0 0 20px ; text-align:left;font-size: 0.80em; line-height: 140%}
.kosik {float:right; margin:0 10px 0 0}
 

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

#obsah,#prava {float:left; }
#obsah {width: 775px; border-right: 1px solid #ddd;}
.obsah { color: #000; text-align:left; line-height: 150%; padding: 20px 20px 0 50px; }
#prava {width: 240px;  }
.obsah_prava {padding: 0 5px 0 5px; margin-right: 25px }

.copyright {color: #ccc;  text-align: left;   padding: 0px 0px 0 50px; }
.bila {color: #ccc;}
.bila_odkaz {color:#000}
.kontakt {text-align: left; padding: 10px 5px 10px 5px; line-height: 160%; font-size: 0.75em; color:#000}
.cervena {color:red}
.kurzy {padding: 8px; border:1px solid #90a919; margin: 15px 0 15px 0; background:#f6e4b2}
.odstavec { padding: 10px 0px 10px 0px; text-align: justify}
.odstavec1 { padding: 5px 0px 10px 0px; background: #eee; padding: 10px; border:1px solid #ddd;}
.cena { color: red; font-weight: bold; border: 1px solid red; width: 600px; background: #ffff80; padding: 8px; text-align:center; font-size: 1.15em; margin: 10px }
.detail { padding: 10px 0px 10px 10px; text-align: justify; border-bottom:1px solid #ddd; line-height: 140%; font-size: 0.85em; }
.prava {text-align: right}
 
.cisto {clear:both}
.mezera {height: 10px}
.reference {background:#769d02; color: white; text-align:center; width:210px; height: 30px;font-size: 1.50em;padding-top: 5px}
.odraz {padding: 5px}
a { color: #cc0000; text-decoration: underline;}
a:hover {color: #314802; text-decoration: underline;}
.seda {color:#000; padding-left: 10px}
.seda:hover {color:red}
.obr {margin: 20px 0px 10px 0px; border:1px solid #ddd; padding: 3px}
.obr1 {margin: 20px 0px 10px 3px; border:1px solid #ddd; 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; border:1px solid #fff;}
.pozor {color: red; padding: 8px; font-weight:bold}
.citat {padding: 40px 250px 0 0; text-align:right; color: #433123;}

table.letak{width: 700px; border:1px solid #cc0000; background:#eee; padding:6px;margin: 15px 0px 15px 0;}
table.cenik{width: 560px; border:1px solid #cc0000; background:#fde1bc; padding:6px;margin: 5px 0px 5px 0;}
th{text-align:center; color:white; background: #999}
td{padding: 3px 5px 3px 5px; background: #fff}

h1 {font-size: 1.50em; text-align: left; color: #314802;  padding: 0; margin-top: 0px;  }
h2 {font-size: 1.20em; text-align: left; color: #90a919;  margin: 0; padding: 10px 0 5px 0;}
h3 {font-size: 1.20em; text-align: left; color: #f4b80c;  margin: 0; padding: 10px 0 5px 0}
.velka {font-size: 1.10em;color: #fff; padding: 0 5px 5px 5px}
.nadpis {width: 140px;font-size: 1.20em; text-align: left; color: #386e34;  padding: 12px 0 5px 0; margin: 0;  border-bottom:1px solid #386e34;}
.logotyp {width: 220px; height: 220px; float:left; border:1px solid #fff; text-align:center; margin:5px; background: #fff}

.novinky {float:right; height:60px; margin: 22px 10px 0 0;}
.novinky1 {float:right; height:60px; margin: 22px 10px 0 0; text-align:right}
.h60 {height:60px;}
.h {width:60px; margin-top:25px}

table.kosik { padding: 2px; border: 1px solid #aaa; width: 700px; font-size: 0.80em; margin:10px 0 10px 0;background-color:#eee;}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: #cc0000; color: white}
td.kos2{ background-color:#fff; color: black; border: 1px solid #ddd;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#000; color: white; border: 1px solid #000;  text-align: right;  padding: 5px 5px 5px 5px; }
.foto_kosik {width: 30px}


.foto-katalog {width: 170px; height: 200px; float:left;  background: url(../images/pozadi.jpg) 0 100% no-repeat;  text-align:center; margin:5px 5px 5px 0;  font-size: 0.80em;}
.foto-katalog:hover { background: url(../images/pozadi2.jpg) 0 100% no-repeat;}
.katalog-nadpis {height: 30px; padding: 5px 5px 5px 5px;line-height:140%; font-size:1.20em; }
.katalog-foto {height:125px; width:170px;  }
.katalog-cena {padding: 15px 0 0 0;font-size:1.20em; }

.efoto {width: 170px; height: 300px; float:left; border:1px solid #fff; background: url(../images/pozadi.jpg) 0 100% no-repeat;  text-align:center; margin:5px;  font-size: 0.80em;}
.efoto:hover {border:1px solid #ddd;  background:#eee}

.efoto1 {width: 170px; height: 180px; float:left; border:1px solid #ddd; text-align:center; margin:2px;  font-size: 0.80em;}
.efoto1:hover {border:1px solid #ddd;  background:#eee}
.o {padding:5px}

.foto {width: 300px; height: 225px; float:left; border:1px solid #ddd; margin:5px;  padding: 6px}
.foto:hover {border:1px solid #aaa;  background:#eee}

.foto1 {width: 250px; height: 250px; float:left; border:1px solid #ddd; margin:10px;  padding: 6px;text-align:center}
.foto1:hover {border:1px solid #aaa;  background:#eee}

.spektrum {padding: 8px; border:1px solid #675241; background:#fde1bc; margin: 5px 0px 5px 0; width: 400px}
table.hlavni_novinka { width:560px; background:#fff; border:1px solid #cc0000; text-align:left; padding: 6px; margin: 10px; line-height: 170%}
td.hl {background:#f5f5f5;}
 
.efoto {width: 150px; height: 160px; float:left; border:1px solid #ddd; margin:5px;  padding: 6px;text-align:center;font-size: 0.80em;background:#fff}
.efoto:hover {border:1px solid #aaa;  background:#eee}

.c{padding: 0 2px 0px 2px}
.vypisek {text-align:right; padding: 6px}
.vypisek1 {text-align:right; padding-bottom: 5px;border-bottom:1px solid #eee;}
input.objednavka { border: 1px solid #82a108; padding: 1px 5px 1px 5px; margin: 3px; font-weight:bold;background:#ffb909; cursor: Pointer}
input { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5; cursor: Pointer}
select { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5}
textarea { border: 1px solid #aaa; padding: 1px; margin: 3px; background:#f5f5f5}

#lmenu { margin: 10px 0 0 5px; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 210px;
  color: #000;  
  text-align: left;
  text-decoration: none;  
  border-bottom:1px solid #edf7ef;   
  background: #f4b80c;
}
#lmenu a:hover {
  color: #cc0000; 
  text-decoration: underline;

  background:#edf7ef;
  }

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