* {border: 0;}


body { width:100%; padding:0; text-align:center; margin:0 auto; background-color: #ccc; font: 0.70em  Verdana, Arial, Helvetica; }
html > body {min-height: 1000px;height: auto;}

#vrch01 {width:1020px; height:220px; text-align:center; margin:0 auto; background: url(../images/vrch.jpg) 0 100% no-repeat;}
.text_vrch01 {text-align: right;  padding: 70px 30px 0px 25px; color: #fff; line-height: 160% }
#vrch02 {width:1020px; height:30px; text-align:center; margin:0 auto; background: url(../images/cara_vrch.jpg) 0 100% repeat-y;}
.vrch02_text {text-align: left; font-size: 0.90em; padding: 4px 20px 0px 30px; color: #fff; }

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

#obsah, #prava {float:left; }
#obsah { width: 830px; } .obsah {margin-left: 25px; text-align: left}
#prava { width: 180px; } 

.leva, .prava {float:left; }
.leva {width: 500px; }
.prava {width: 300px; } .prava_text {padding-left: 15px}

.poslat {padding:8px; border: 1px solid #cc0000; background: #ffffcc; width: 690px}

.kosik {float:left; display: block; margin: 2px; background: #666; height: 15px; width:80px; padding-top: 3px}
.kosik2 { float:left;display: block; margin: 2px; background: #ccc; height: 15px; width:80px; padding-top: 3px}
.bila_kosik {text-align:center; color: white; }
.kosik:hover {color:#ffff80;}
.kosik2:hover {color:#ffff80;}

ol {color: black}
.kolektiv {text-align:right; padding: 10px 30px 5px 0}
.zelena {font-size: 1.20em; color: darkgreen; padding: 10px 0 10px 0}
.menicko {text-align: left; padding: 10px 0 10px 20px}
.razeni {text-align: right;  padding-right: 10px}
.obr_okolo {text-align:center;  padding: 5px; margin-top: 5px}
.obr_vel {width: 130px; height: 110px; border: 1px solid #ddd;}
.nastav {width: 165px; border: 1px solid #172983 ; padding: 0px; background:#eee; text-align:center}
.zbozi {width: 370px; float: left; margin: 5px; padding: 5px; background:#eee;line-height: 150%; border: 1px solid #ddd;font-size: 0.80em;}
.zbozi2 {width: 230px; height:160px; float: left; margin:3px; padding: 3px; background:#eee;line-height: 150%; border: 1px solid #ddd;font-size: 0.80em;}
.tlacitka {text-align:right; padding: 10px 5px 0 5px}
.ekosik {padding-top: 30px;  }
.kateg { height: 50px;  padding-top:10px}
.klient {padding-top: 10px; }

.podminky {text-align:left; padding: 0 20px 0 20px}
.spodek {text-align:left; margin:0 auto; padding:0; width: 1020px; }
.cena {color: red; font-size: 1.20em; height: 20px; font-weight:bold; padding-top: 5px; }
.cena_velika {color: red; font-size: 1.50em; padding: 25px; text-align: center}

.vypisek {text-align: right; padding: 20px; }
.menu_male {font-size: 0.80em;  padding: 5px; border-bottom: 1px solid #ddd;color:#999}
.menu_male1 {font-size: 0.80em;  padding: 5px; border-top: 1px solid #ddd;color:#999}
.kontakt {text-align: center; margin: 0px;background: #ccc; width: 180px; border-bottom: 3px solid #000; border-top: 3px solid #000;text-align:center}
.pismo_spodek{text-align: left; height:30px; padding: 20px 0 20px 50px; color: silver}
.spodni_odkaz {color: silver}
.seda {color: silver; text-decoration: none}
.obr {margin-top: 10px; padding: 3px; border: 1px solid #eee; }
.logo {margin-top: 10px; padding: 5px; border: 1px solid #ddd; margin-right: 15px}
.logo2 {margin-top: 5px; padding: 3px; border: 1px solid #999; }
.odstavec {text-align:justify; color:#000; padding: 5px 20px 5px 0px}
.odstavecek {text-align:justify; color:#000; padding:10px 20px 10px 15px}

.cesta {margin:8px 8px 8px 8px; font-size: 1.30em; font-weight: bold; color: #000080}
.lobr {float: left; padding: 5px; margin-right: 10px; border: 1px solid #ddd;}
.pobr {float: right; padding: 5px; margin: 10px 0px 0 0px; border: 1px solid #ddd;}
.clear {clear: both}
.cisto {clear: both}
.modra {color: blue}
.cerna {text-decoration: none; color: black}


.hledam {padding: 15px}

.nadpisek {padding: 5px; color: white; font-size: 1.50em;}
.aktuality {text-align:justify; padding: 5px;  border: 1px solid #000; color: white; background: #333}

input { border: 1px solid #000; padding: 1px; margin: 2px}
textarea { border: 1px solid #000; padding: 1px; margin: 2px}


.velka_bila {color: white; padding: 5px}
.bila {color: white}
.mezera {height: 20px; width: 600px;}
.detail {padding: 10px; text-align:left; }
.datum {font-size: 0.80em; color: #333; padding: 10px 0 10px 0;}
li.odraz {padding: 6px; color:#333}
li.odraz1 {list-style-type: none; padding: 6px; color:#333}
strong {color: black}
a { color: red; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}
.cervena {color:red; padding: 6px; font-weight: bold}
.zelena {color:green; padding: 6px; font-weight: bold}
.cervena_odkaz {color:red; text-decoration: underline;}

.one {background-color:#eee; padding: 3px 5px 3px 5px;}
.two {background-color:#ddd; padding: 3px 5px 3px 5px;}

table{ margin-bottom:1em; color:black}
td{ padding:0px 5px 0px 5px;}

table.tabulka_velka {width: 790px; text-align: left; color: black; border: 1px solid #eee; font-size: 0.80em;}
table.tabulka { text-align: left; color: black; border: 1px solid #eee; font-size: 0.80em;}
th {padding: 2px 5px 2px 5px; color: white; background-color:#666;}
td.cell1a{text-align: right; width: 150px; border-bottom: 1px solid #eee; padding: 5px 3px 5px 3px}
td.cell2a{  background:#eee; }

table.prodejny {width: 500px; text-align: left; color: black; border: 1px solid #eee;}
td.cell1{text-align: left; width: 20%; border-bottom: 1px solid #eee; padding: 5px 3px 5px 3px}
td.cell2{ width: 80%; background:#eee; }

table.prihlaseni {width: 170px;  margin-left:5px; margin-top: 5px; text-align:center}
td.cell5 {text-align: left; padding: 1px 2px 1px 2px; color: #000}
td.cell6 { padding: 1px 2px 1px 2px;}
td.stred { text-align:center; }

table.kosicek { padding: 8px; border: 1px solid #eee; width: 660px}
td.kosik1 { text-align: center; padding: 2px 5px 2px 5px; background-color: black; color: white}
td.kos2{ background-color:#eee; color: black; border: 1px solid #ddd;  text-align: right;  padding: 2px 5px 2px 5px; }
td.kosik3{ background-color:#ddd; color: red; border: 1px solid black;  text-align: right;  padding: 2px 5px 2px 5px; }

td.tabulka3 { padding: 5px 2px 5px 5px; color: black}
td.tabulka4 { width: 160px; padding: 2px 5px 2px 5px; text-align: right; background-color:#eee;}
td.tabulka5 { padding: 2px 2px 2px 5px; border: 1px solid #eee;}
td.tabulka6 { padding: 10px 2px 10px 5px; }
td.tabulka05 { padding: 2px 2px 2px 5px; border: 1px solid #ddd;}
td.koupit { width:70px; padding: 2px; border: 1px solid #ddd; background-color:darkred; color:white}
td.koupit1 { width:70px; padding: 2px; border: 1px solid #ddd; background-color:darkblue; color:white}




td.tab1{ background:#000080; color: white; padding: 5px; width: 250px}
td.tab2{ text-align: right; padding: 2px;}
td.tab3{ text-align: left; padding: 2px;}
td.tab4{ text-align: center; padding: 2px;}

h1 {font-size: 1.50em; text-align: left; color: red;  margin-bottom: 0; padding: 10px 0 5px 0; }
h2 {font-size: 1.30em; text-align: left; color: #003399;  margin: 0; padding: 10px 0 10px 0}

h3 {font-size: 1.10em; text-align: center; color: blue;  margin: 0; padding: 10px 0 5px 0}
h3.stred {font-size: 1.10em; text-align: center; color: red;  margin: 0; padding: 10px 0 5px 0}
h4 {font-size: 1.10em; text-align: left; color: #3399cc;  margin: 0; padding:10px 0 5px 0}
h4.stred {font-size: 1.10em; text-align: center; color: blue;  margin: 0; padding:10px 0 10px 0}

.c {border:none; padding: 0px 1px 0 1px}
.efoto {width: 180px; height: 250px; float:left; border:1px solid #fff; text-align:center; margin:3px; padding: 0px;  background: url(../images/pozadi.jpg) 0 100% no-repeat;}
.text_efoto {padding: 6px}
.efoto:hover {border:1px solid #aaa; color:#000; background:#ddd}

.foto {width: 260px; height: 230px;  border:1px solid #cc0000; background:#666; text-align:center; margin: 5px 0 5px 0; padding: 5px; color: white}
.foto:hover {border:1px solid #000; background:#999}


.odkaz {color: blue; text-decoration: underline}

#lmenu { margin: 10px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 180px;
  color: #fff;
  text-align: left;
  text-decoration: none;  
  border-bottom: 1px solid #ddd;
 
  background: #4c4a4b;
}
#lmenu a:hover {
  color: #CC0000; 
  text-decoration: underline; 
  background:#eee;
  }

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