* {border:none}

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


#vrch {width:1020px; height:197px; text-align:center; margin:0 auto; background: url(../images/vrch01.jpg) 0 100% no-repeat;}
#vrch2 {width:1020px; height:23px; text-align:center; margin:0 auto; background: url(../images/vrch02.jpg) 0 100% no-repeat;}
#konec {width:1020px; height:100px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}
.vrch01_text {text-align: left; font-size: 1.30em; padding: 80px 0px 0px 40px; color: #fff; line-height: 160%}
.vrch02_text {text-align: left; font-size: 0.80em; padding: 5px 0px 0px 40px; color: #666; }

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

#obsah,#leva {float:left; }
#obsah {width: 740px; }
.obsah {margin-left: 40px; margin-right: 20px;  margin-top:10px; color: #000; text-align:left; line-height: 150%}
#leva {width: 250px;  }
.leva_obsah {margin-left: 10px; margin-right: 20px;  margin-top:10px; color: #000; text-align:left; line-height: 150%}
.copyright {color: #999; text-align: left; padding: 30px 0 0 40px; font-size: 0.87em; }
.seda {color: #333;}
.logo { background: white; margin: 0px 10px 0px 0px}

.odstavec { padding: 5px 0px 5px 0px; text-align: justify}
.spodek {text-align:center; margin:0 auto; padding:0; width: 1020px; }
.bila {color: white; text-decoration:none}
a { color: red; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
.cerna {color: black}
.obr {margin: 20px 0px 10px 0px; border:1px solid #ddd; padding: 3px}
.odraz {padding: 5px 0 5px 0}
.baner {width:600px; height:150px; text-align:center; margin:0 auto; background: url(../images/foto02.jpg) 0 100% no-repeat;}
.text_baner {padding: 20px 0 10px 210px; text-align: left }

.lobr {float:left; margin: 5px 15px 10px 0px; padding:3px; border:1px solid #ddd;}
.kontakt {width: 250px;line-height: 160%; text-align:center; border-top:1px solid #ff9900; border-bottom:1px solid #ff9900; padding: 10px 0 10px 0}
.kontakty {width: 450px; border-top:1px solid #ff9900; border-bottom:1px solid #ff9900; padding: 10px 0 10px 0}
.aktualita {color: white; font-size: 0.87em;  border-width: 1px; border-color:#666; border-bottom-style: dashed; padding: 5px 0 5px 0; line-height:140%}
.datum {color:#ddd;}
.cervena_odkaz {color: red}
.cisto {clear: both;}
.mezera {height: 10px}
.cervena {color:red}
.zpet {text-align: right; padding-right: 10px; padding-top: 10px}

table.cenik{width: 600px; border-width: 1px; border-color:#ddd; border-style: dashed;}
th{text-align:center; color:white}
td{padding: 0 5px 0 5px}
td.cell1{background-color: #eee; color: black; padding: 2px 5px 2px 5px }
td.cell2{background-color: #eee; color: black; text-align: right;}


table.skoleni{width: 275px; background-color: #ccc; font-size: 0.85em; padding: 1px}
td.cell1a{background-color: #fff; color: black; text-align: right;}
td.cell2a{background-color: #eee; color: black; text-align: center;}

table.formular{width: 600px; font-size: 0.85em; }
td.tab4{background-color: #eee; color: black; text-align: right;}
td.tabulka5{color: black; text-align: left;}
td.tabulka6{color: black; text-align: center; padding: 10px}

td.tab1a{color: black; text-align: center; background-color: #eee; }
td.tab1a{color: black; text-align: center; }

h1 {font-size: 1.20em; text-align: left; color: #ff9900;  padding: 10px 0 5px 0; margin: 0;  border-bottom:1px solid #ff9900;}
h2 {font-size: 1.10em; text-align: left; color: #000099;  margin: 0; padding: 10px 0 5px 0; border-bottom:1px solid #000099;}
h2.nadpis { font-size: 1.20em; text-align: left; color: #000099;  padding: 10px 0 5px 0; margin: 0;  border-bottom:1px solid #000099;}
h3 {font-size: 1.00em; text-align: left; color: green;  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}

.baner_zelena {width: 670px; height: 130px; border:1px solid #339933; margin: 10px 0 10px 0;  background: url(../images/zelena.jpg) 0 100% no-repeat;}
.text_zelena { text-align:left; font-size: 0.90em; padding: 10px 0 0 200px; color: green}

.foto {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil01.jpg) 0 100% no-repeat;}
.foto2 {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil02.jpg) 0 100% no-repeat;}
.foto3 {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil03.jpg) 0 100% no-repeat;}
.foto4 {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil04.jpg) 0 100% no-repeat;}
.foto5 {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil05.jpg) 0 100% no-repeat;}
.foto6 {width: 215px; height: 150px; float:left; border:1px solid #ccc; text-align:center; margin:3px;  font-size: 0.87em; background: url(../images/dil06.jpg) 0 100% no-repeat;}
.foto_text {padding-top: 125px}
.foto:hover {border:1px solid #000;}
.foto2:hover {border:1px solid #000;}
.foto3:hover {border:1px solid #000;}
.foto4:hover {border:1px solid #000;}
.foto5:hover {border:1px solid #000;}
.foto6:hover {border:1px solid #000;}

.o {border:1px solid #000;}
.efoto {width: 220px; height: 180px; float:left; border:1px solid #ddd; text-align:center; margin:2px; background: url(../images/pozadi.jpg) 0 100% no-repeat;}
.efoto:hover {border:1px solid #aaa;  background:#ccc}
.co {padding-top: 10px}

input { border: 1px solid red; padding: 1px; margin: 3px; background:#f5f5f5}
input.prihlaska { border: 1px solid black; padding: 0px; margin: 0px; background:#f5f5f5}
select { border: 1px solid red; padding: 1px; margin: 3px; background:#f5f5f5}
textarea { border: 1px solid red; padding: 1px; margin: 3px; background:#f5f5f5}
.odkaz {padding: 10px; margin-top: 10px; color: blue;}

.pozor {color:red; padding: 8px}
.zelena {color: green; padding: 8px}

#lmenu { margin: 0px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 250px;
  color: #fff; font-size: 0.88em; 
  text-align: left;
  text-decoration: none;  
  border-width: 1px; border-color:#fff; border-bottom-style: dashed;
  background: #333;
}
#lmenu a:hover {
  color: #000; 
  text-decoration: underline;

  background:#ff9900;
  }

#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 15px;
}