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

#vrchtext {width:1000px; height:30px;  text-align:center; margin:0 auto;}
#vrch {width:1000px; height:220px; text-align:center; margin:0 auto; background: url(../images/podklad.jpg) 0 100% no-repeat;}
.vrch_text {text-align: left; font-size: 1.10em; padding: 10px 20px 0px 20px; color: white; letter-spacing: 0.1em;}
.vrchni_text {text-align: left; font-size: 1.10em; padding: 30px 0px 0px 510px; color: #666; letter-spacing: 0.05em; line-height: 170%}
#pruh  {width:1000px; height:30px; text-align:center; margin:0 auto; background: url(../images/pruh.jpg) 0 100% no-repeat;}
.pruh_text {text-align: left; font-size: 0.90em; padding: 8px 0px 0px 30px; color: #666; letter-spacing: 0.1em; color:white}
#pruh :hover {color:#ffff80}

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

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

.levabox,.pravabox {float:left;  }
.levabox {width: 350px; height: 260px; border: 2px solid #ddd; margin: 5px; background: url(../images/bgstranka.jpg) 0 100% no-repeat;} .levabox_obsah {padding-top: 15px; text-align: left; } 
.pravabox {width: 350px; height: 260px; border: 2px solid #ddd; margin: 5px; background: url(../images/bgstranka.jpg) 0 100% no-repeat;} .pravabox_obsah {padding-right: 10px; }

.spodek {text-align:center; margin:0 auto; padding:0; width: 1000px; }
.text_box {padding: 10px}
.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}
.kontakt2 {text-align: left; margin-top: 15px; }
.odraz {color: red; padding-left: 15px}
.copyright {text-align: left; height:100px;  padding: 25px 0px 0px 30px}
.spodni_odkaz {color: silver}
.seda {color: silver; text-decoration: none}
.obr {margin-top: 10px; padding: 5px; border: 1px solid #eee; }
.logo {margin-top: 10px; padding: 5px; border: 1px solid #eee; margin-right: 15px}
.odstavec {padding: 8px; letter-spacing: 0.02em; color:#333; }
.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}
.bila {color: white; text-decoration: none}
.konec {width:1020px; height:60px; text-align:center; margin:0 auto; background: url(../images/konec.jpg) 0 100% no-repeat;}
.okenka {width: 730px; height: 400px; background: url(../images/okenko.jpg) 0 100% no-repeat; }
.okno {text-align:center; width:160px; height:170px; float:left; border:1px solid #ddd;  margin:5px;}
.okno:hover {border:1px solid #aaa; color:#000; text-align:center; background: url(../images/logoinkor.png) 0 100% no-repeat;}
.titulek {color: red; padding-bottom: 10px}
.clanek { color:#999;border-bottom:1px solid #eee; padding-left: 6px}
.boxik {padding: 6px; color:#cc0000; border:1px solid #ddd;background-color:#eee; margin: 8px}
.mezera {height: 20px}
.vice {text-align: right}
.datum {color: silver; padding: 10px 0 10px 0;}
li.odraz {padding: 3px; color:#333}
li.odraz1 {list-style-type: none; padding: 6px; color:#333}
strong {color: black}
a { color: #0101cd; text-decoration: underline;}
a:hover {color: black; text-decoration: underline;}
.cervena {color:red}

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

table.dotaznik {font-size: 0.90em; width: 700px; background: url(../images/bgposta.jpg) 0 100% repeat-y; padding:10px; border-width: 1px; border-color:#ddd; border-style: dashed; margin-left: 10px}
td.tabulka4 { width: 120px; text-align: right; padding:5px;  }
td.tabulka5 { padding:5px; }

h1 {font-size: 1.50em; text-align: left; color: #0101cd;  padding: 10px 0 10px 0; margin: 0;  letter-spacing: 0.02em;}
h2 {font-size: 1.30em; text-align: left; color: #cc6600;  margin: 0; padding: 10px 0 5px 0}
h3 {font-size: 1.20em; text-align: left; color: #0099ff;  margin: 0; padding: 10px 10px 5px 10px}
h3.mala {font-size: 1.20em; text-align: left; color: #0099ff;  margin: 0; padding: 10px 0px 10px 0px}
h3.mala1 {font-size: 1.20em; text-align: left; color: #0099ff;  margin: 0; padding: 10px 10px 0px 10px}
h4 {font-size: 0.90em; text-align: left; color: #000;  margin: 0; padding:10px }

.foto {width: 200px; height: 130px; float:left;  text-align:center; margin:5px; padding: 5px}

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

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

.ifotka { float:left; border:1px solid #ddd; text-align:center; margin:10px; padding: 5px}
.ifotka:hover {border:1px solid #aaa; color:#000; background:#f5f5f5}
.o {border: none}

#lmenu { margin: 20px 0 0 0; padding: 0; float: left; }
#lmenu li { display: inline; }
#lmenu a {
  display: block;
  width: 180px;
  color: #000;
  text-align: left;
  text-decoration: none;  
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
border-left: 1px solid #fff;
  background: url(../images/bg.jpg) 0 100% repeat-y;
}
#lmenu a:hover {
  color: #0101cd; 
  text-decoration: none;
  background:#eee;
  }

#lmenu .click {
  display: block;
  width: 180px; 
  text-align: left;
  border-bottom: 1px solid #fff;
  background:#ddd;
 }
#lmenu a span, #lmenu .click span {
  display: block;
  padding: 3px 5px 3px 10px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}