/*--- general ---*/
html, body { height: 100%; }
body {
	margin: 0 auto;
	padding: 0;
	background: #5eabfa url(../img/background.jpg) 50% bottom no-repeat fixed;
	color: #000;
	font-family: Tahoma, "Tahoma CE", "Arial CE", "Helvetica CE", Arial, lucida, sans-serif;
	font-size: 0.8em;
	text-align: center;	
}

h1, h2 { font-size: 2.4em; font-weight: normal; margin: 0.5em 0; text-align: left; }
h2 { font-size: 1.6em; }
h3 { margin: 0.5em 0; color: #396401; font-size: 1.3em; }
h4 { margin: 0.5em 0; font-size: 1.1em; }

p { font-size: 1.1em; margin: 0.8em 0; }
p.anotace { font-weight: bold; }

input, textarea, select {
	font-size: 105%;
}

a { color: #3a7403; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }

.hidden { display: none; }

.more, .more a, .back, .back a { white-space: nowrap; color: #3a7100 !important; }
.more, .more a { text-decoration: underline; }
.more a { }
.back { clear: both; text-align: right; }

hr {
	width: 100px;
	margin-left: -25px;
	color: #3a7100;
	border: none;
	border-top: 1px solid #3a7100;
	height: 1px;
}

.clr {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

/* text */
.male { font-size: 0.8em; }
.stredni { font-size: 1em; }
.velke { font-size: 1.3em; }

.hidden { display: none; }

table { clear: both; margin: 1em 0; border: none; }
table td, table th { vertical-align: top; padding: 4px 6px; }

.c { text-align: center; }
.l { text-align: left; }
.r { text-align: right; }

.b { font-weight: bold; }

ul { list-style: square; font-size: 1.1em; margin: 1em 0; padding: 0; }
ul li { list-style: square; padding: 0; margin: 0 0 0 1.6em; }

ul.links { color: #3a7100; }
ul.links li { font-weight: bold; }
ul.links li a { position: relative; top: 1px; }


/* --- page --- */
div#page {
	text-align: center;
	width: 834px;
	margin: 0 auto;
	padding: 10px 0 50px 0;
	position: relative;
}

div#top { height: 217px; position: relative; background: url(../img/pozadi.png) left bottom no-repeat; }
div#top a#logo { float: right; z-index: 10; }


/* --- menu --- */
ul#menu {
	list-style: none; text-align: left;
	margin: 0; position: absolute; height: 29px;
	right: 0; top: 235px;
}

ul#menu li {
	color: #fff; margin: 0; position: relative;
	list-style: none; float: left; height: 29px;
	background: transparent; margin-left: 7px;
}

div.lnen ul#menu li { margin-left: 3px; }
div.lnde ul#menu li { margin-left: 4px; }
div.lnpl ul#menu li { margin-left: 3px; }

ul#menu li.active { background: transparent; z-index: 5; }
ul#menu li.active a { color: #fff; }
ul#menu li a { padding: 2px 0 0 0; display: block; text-align: center; color: #223d00; text-decoration: none; font-size: 0.7em; }
ul#menu li a:hover { text-decoration: underline; }
ul#menu li span { cursor: pointer; _cursor: hand; background-position: top; display: block; position: absolute; left: 0; top: 0; height: 29px; }
ul#menu li a:hover span { background-position: 50%; }
ul#menu li.active a:hover span, ul#menu li.active span { background-position: bottom; }

ul#menu li.active a { color: #000; }

ul#menu li#m1, ul#menu li#m1 span { width: 64px; }
ul#menu li#m1 span { background-image: url(../img/cz-m1.png); }
ul#menu li#m2, ul#menu li#m2 span { width: 102px; }
ul#menu li#m2 span { background-image: url(../img/cz-m2.png); }
ul#menu li#m3, ul#menu li#m3 span { width: 62px; }
ul#menu li#m3 span { background-image: url(../img/cz-m3.png); }
ul#menu li#m4, ul#menu li#m4 span { width: 98px; }
ul#menu li#m4 span { background-image: url(../img/cz-m4.png); }
ul#menu li#m5, ul#menu li#m5 span { width: 77px; }
ul#menu li#m5 span { background-image: url(../img/cz-m5.png); }
ul#menu li#m6, ul#menu li#m6 span { width: 94px; }
ul#menu li#m6 span { background-image: url(../img/cz-m6.png); }

div.lnen ul#menu li#m1, div.lnen ul#menu li#m1 span { width: 56px; }
div.lnen ul#menu li#m1 span { background-image: url(../img/en-m1.png); }
div.lnen ul#menu li#m2, div.lnen ul#menu li#m2 span { width: 113px; }
div.lnen ul#menu li#m2 span { background-image: url(../img/en-m2.png); }
div.lnen ul#menu li#m3, div.lnen ul#menu li#m3 span { width: 73px; }
div.lnen ul#menu li#m3 span { background-image: url(../img/en-m3.png); }
div.lnen ul#menu li#m4, div.lnen ul#menu li#m4 span { width: 70px; }
div.lnen ul#menu li#m4 span { background-image: url(../img/en-m4.png); }
div.lnen ul#menu li#m5, div.lnen ul#menu li#m5 span { width: 67px; }
div.lnen ul#menu li#m5 span { background-image: url(../img/en-m5.png); }
div.lnen ul#menu li#m6, div.lnen ul#menu li#m6 span { width: 145px; }
div.lnen ul#menu li#m6 span { background-image: url(../img/en-m6.png); }

div.lnde ul#menu li#m1, div.lnde ul#menu li#m1 span { width: 58px; }
div.lnde ul#menu li#m1 span { background-image: url(../img/de-m1.png); }
div.lnde ul#menu li#m2, div.lnde ul#menu li#m2 span { width: 95px; }
div.lnde ul#menu li#m2 span { background-image: url(../img/de-m2.png); }
div.lnde ul#menu li#m3, div.lnde ul#menu li#m3 span { width: 77px; }
div.lnde ul#menu li#m3 span { background-image: url(../img/de-m3.png); }
div.lnde ul#menu li#m4, div.lnde ul#menu li#m4 span { width: 109px; }
div.lnde ul#menu li#m4 span { background-image: url(../img/de-m4.png); }
div.lnde ul#menu li#m5, div.lnde ul#menu li#m5 span { width: 73px; }
div.lnde ul#menu li#m5 span { background-image: url(../img/de-m5.png); }
div.lnde ul#menu li#m6, div.lnde ul#menu li#m6 span { width: 103px; }
div.lnde ul#menu li#m6 span { background-image: url(../img/de-m6.png); }

div.lnpl ul#menu li#m1, div.lnpl ul#menu li#m1 span { width: 57px; }
div.lnpl ul#menu li#m1 span { background-image: url(../img/pl-m1.png); }
div.lnpl ul#menu li#m2, div.lnpl ul#menu li#m2 span { width: 136px; }
div.lnpl ul#menu li#m2 span { background-image: url(../img/pl-m2.png); }
div.lnpl ul#menu li#m3, div.lnpl ul#menu li#m3 span { width: 66px; }
div.lnpl ul#menu li#m3 span { background-image: url(../img/pl-m3.png); }
div.lnpl ul#menu li#m4, div.lnpl ul#menu li#m4 span { width: 98px; }
div.lnpl ul#menu li#m4 span { background-image: url(../img/pl-m4.png); }
div.lnpl ul#menu li#m5, div.lnpl ul#menu li#m5 span { width: 72px; }
div.lnpl ul#menu li#m5 span { background-image: url(../img/pl-m5.png); }
div.lnpl ul#menu li#m6, div.lnpl ul#menu li#m6 span { width: 94px; }
div.lnpl ul#menu li#m6 span { background-image: url(../img/pl-m6.png); }


/* --- footer --- */
div#footer {
  width: 834px;
	clear: both;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	position: relative; top: 8px;
	background: url(../img/dolni_lista.png) center top no-repeat;
	height: 17px;
}

div#footer a { color: #000000; }
div#footer p { margin: 0; padding: 2px 6px; float: right }

/* --- */
div#cnt {
  position: relative; top: 4px; min-height: 70px;
	margin: 12px 0 0 0; padding: 0; text-align: left;
	clear: both; _height: 70px;
	background: transparent url(../img/podklad.png) repeat;
	width: 100%;
}

div.lista { height: 24px; width: 834px; background: transparent url(../img/horni_lista.png) right top no-repeat; position: relative; top: -7px; left: 0; padding: 0; margin: 0; }

div#left { width: 292px; float: left; text-align: center; background: transparent url(../img/delici.png) right repeat-y; }
div#left div.in { margin: 0; padding: 20px 0 15px 0; }
div#left div.in a img { padding: 1px; margin-bottom: 6px; border: 3px solid #9ceb3c; }

div#right { width: 542px; float: right; }
div#right div.in { margin: 0; padding: 0 20px 0 20px; }


/* --- */
ul#lang { margin: 0; padding: 0; list-style: none; position: absolute; left: 53px; top: 253px; }
ul#lang li { font-size: 0.7em; float: left; margin: 0; padding: 0; list-style: none; }
ul#lang li a { position: relative; display: block; text-align: center; width: 34px; height: 23px; overflow: hidden; }
ul#lang li a span { display: block; width: 34px; height: 23px; cursor: pointer; _cursor: hand; position: absolute; left: 0; top: 0; }

ul#lang li.lncz a span { background: url(../img/cz.gif); }
ul#lang li.lnde a span { background: url(../img/de.gif); }
ul#lang li.lnen a span { background: url(../img/en.gif); }
ul#lang li.lnpl a span { background: url(../img/pl.gif); }
ul#lang li.lncz_a a span { background: url(../img/cz-a.gif); }
ul#lang li.lnde_a a span { background: url(../img/de-a.gif); }
ul#lang li.lnen_a a span { background: url(../img/en-a.gif); }
ul#lang li.lnpl_a a span { background: url(../img/pl-a.gif); }

.kun { float: right; margin: 4px; padding: 0; position: absolute; bottom: 0; right: -4px; }
.uzsi { margin-right: 160px; }

div.gallery { width: 98%; text-align: center; }
div.gallery a img { padding: 1px; margin-bottom: 6px; border: 3px solid #9ceb3c; }

table.prihlas { margin: auto; }

.zmensene { margin-top: 8px; margin-left: auto; margin-right: auto; background: #eaf1fe; border: 2px solid #b8d1f4; padding: 5px; text-align: center; width: 540px; font-size: 0.8em; }

.right { text-align: right; vertical-align: middle; }

h3.hlaska { width: 99%; text-align: center; margin-top: 10px; background: #2cdf34; color: #FFFFFF; font-size: 1.1em; padding: 3px 0 3px 0; }
h3.hlaska-red { width: 99%; text-align: center; margin-top: 10px; background: #ff4542; color: #FFFFFF; font-size: 1.1em; padding: 3px 0 3px 0; }
h3.tucne { width: 99%; text-align: center; margin-top: 10px; background: #9e57cb; font-weight: bold; font-size: 1em; color: #FFFFFF; padding: 3px 0 3px 0; }

ul.adm { list-style: none; margin: 0 auto; text-align: center; }
ul.adm li { list-style: none; display: inline; margin: 6px; padding: 0; }
ul.adm li a:hover { text-decoration: none; }
div.admi { border: 2px solid #000000; background: #e2e2e2; padding: 4px; margin: 0 auto 10px auto; width: 90%; }

div.adm table, div.adm table td, div.adm table th, div.adm table img { margin: 0; padding: 0; border: 1px solid transparent; }

.pridej { text-align: center; background-color: #2cdf34; }
div.a_uprava input { text-decoration: underline; border: 1px solid #42679a; color: #42679a; line-height: normal; cursor: pointer; background: transparent; }
div.a_uprava .pridej input { background-color: #2cdf34; height: 20px; color: #FFFFFF;	width: 99%; border: 0; }

table.administrace { width: 98%; background-color: transparent; border: 1px solid #b8d1f4; }
table.administrace td { text-align: center; }

span.horni_roh { background: transparent url(../img/horni_roh.gif); width: 27px; height: 28px; position: absolute; top: 26px; left: 240px; }
span.dolni_roh { background: transparent url(../img/dolni_roh.gif); width: 28px; height: 28px; position: absolute; bottom: 20px; left: 10px; }

div.mala_galerie {
  text-align: center;
}

h1 span { font-size: 0.7em; }