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

#vrch01 {width:1020px; height:228px; text-align:center; margin:0 auto; background: url(../images/podklad01.jpg) 0 100% no-repeat;}
.vrch01_text {text-align: right; font-size: 1.20em; padding: 15px 30px 0px 0px; color: white; line-height: 175%}
#vrch02 {width:1020px; height:72px; text-align:center; margin:0 auto; background: url(../images/podklad02.jpg) 0 100% no-repeat;}
.vrch02_text {text-align: left; font-size: 1.50em; padding: 20px 50px 0px 230px; color: white; }

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

#leva,#prava {float:left; }
#leva {width: 800px; } .leva_obsah {padding-left: 20px; margin-top:10px; text-align: left;} .leva_text {padding-left: 25px; padding-right: 30px; }
#prava {width: 200px; } .prava_obsah {padding-right: 10px; margin-top:10px; }

.leva,.prava {float:left; }
.leva {width: 400px; } .l_obsah {padding-right: 5px; margin-top:10px; text-align: left;}
.prava {width: 325px; } .p_obsah {padding-left: 5px; margin-top:10px; text-align: center;}

.spodek {text-align:center; margin:0 auto; padding:0; width: 1020px; }

.cena {color: red; font-size: 1.10em; font-weight:bold; border: 1px solid #ddd; padding: 6px; width: 200px; margin: 5px}
.stred {color:red; font-size: 1.10em; font-weight:bold}
.akce {padding: 6px; margin: 0px;  text-align: left; background:#ffffcc}
.baner {float: right; margin: 8px 0 15px 0; border: 1px solid #000;}
.odkaz_eshop {margin: 8px 0 15px 0; width: 250px; height:100px; background: url(../images/woman.jpg) 0 100% no-repeat; border: 1px solid #a6905e;}
.text_eshop {padding: 6px}
.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-top: 15px; color: white; font-size: 1.30em;}
.copyright {text-align: left; height:80px; padding-top: 20px; padding-left: 50px}
.spodni_odkaz {color: silver}
.seda {color: silver; text-decoration: none}
.o {margin:15px; padding:2px;border: 1px solid #eee;}
.co {margin:15px; padding:2px;border: 1px solid #eee; width:500px}
.obr {margin-top: 10px; padding: 5px; border: 1px solid #eee; }
.logo {margin-top: 10px; padding: 8px; border: 1px solid #666; margin-right: 15px; background:#ddd}
.logo2 {margin-top: 3px; padding: 3px; border: 1px solid #ddd; }
.odstavec {padding: 8px; letter-spacing: 0.02em; color:#666; }
.cesta {margin:8px 8px 8px 8px; font-size: 1.30em; font-weight: bold; color: #000080}
.lobr {float: left; padding: 5px; margin: 10px 10px 0 0; border: 1px solid #ddd;}
.pobr {float: right; padding: 5px; margin: 10px 0px 0 0px; border: 1px solid #ddd;}
.clear {clear: both}
.modra {color: blue}
.cerna {text-decoration: none; color: black}
.linky { margin-top: 10px; padding: 5px; }
.kon { width: 550px; height:220px; background: url(../images/kon.jpg) 0 100% no-repeat; border: 1px solid #a6905e;}
.nastaveni_kon {padding: 10px 15px 10px 250px}
.seda {color:#999}
.predpisy {padding: 10px; margin-left: 30px; width: 580px}

.konec {width:1020px; height:60px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}
.okenka {width: 725px; height: 235px; background: url(../images/okenko.jpg) 0 100% no-repeat; }
.okno {text-align:center; width:158px; height:210px; float:left; border:1px solid #38679b;  padding: 5px; margin:5px;}
.okno:hover {border:1px solid #aaa; color:#000; text-align:center; background: url(../images/logoinkor.png) 0 100% no-repeat;}

.vice {text-align: right}
.datum {color: silver; 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: underline;}
a:hover {color: black; text-decoration: underline;}
.cervena {color:red}
.zelena {color:green}
.poptavka {border:1px solid #aaa; float:right; padding: 8px; background:#eee; text-align:center}

table{ margin-bottom:1em;}
td{ padding:0px 5px 0px 5px;}
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;}

table.cenik {width: 680px; padding: 10px; border:1px solid #ddd;  background:#f5f5f5}
th { padding:5px; background:#666; color: white  }
td.cell1{ padding:5px; border:1px solid #ddd; background:#fff }
td.cell2{ padding:5px; text-align: right; width: 80px; border:1px solid #ddd; font-weight: bold; background:#fff}

h1 {font-size: 1.50em; text-align: left; color: #103b74;  padding: 10px 0 10px 0; margin: 0;}
h2 {font-size: 1.30em; text-align: left; color: #38679b;  margin: 0; padding: 15px 0 5px 0}
h2.malo { font-size: 1.20em; color: #6699cc;  padding: 0px 0px 0px 0px; font-variant: small-caps;}
h3 {font-size: 1.20em; text-align: left; color: blue;  margin: 0; padding: 10px 0 5px 0}
h3.stred {font-size: 1.10em; text-align: left; color: red;  margin: 0; padding-bottom: 5px}
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}

.foto {width: 150px; height: 140px; float:left; border:1px solid #ddd; text-align:center; margin:5px; padding: 5px}
.foto:hover {border:1px solid #aaa; color:#000; background:#f5f5f5}

.efoto {width: 190px; height: 185px; float:left; border:1px solid #ddd; text-align:center; margin:8px; padding: 5px; background:#f5f5f5}
.efoto:hover {border:1px solid #aaa; color:#000; background:#ccc}


.odkaz {padding: 10px; margin-top: 10px; color: blue;}

#lmenu { margin: 10px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 200px;
  color: #fff;
  text-align: left;
  text-decoration: none;  
  border-width: 1px; border-color:#999; border-bottom-style: dashed;
  
  background: #494949;
}
#lmenu a:hover {
  color: #CC0000; 
  text-decoration: underline;
 
  background:#eee;
  }

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


.stin
{
padding: 0;
position: relative;
background: #eee;
border: solid #eee 1px;
margin: 2em 1em;
}

.karticka
{
position: relative;
top: -4px;
left: -4px;
background: white;
border: solid #999 1px;
padding: 5px;
}