html, body {
    height: 100%;
}
body {
    background-color: #fff;
    color: #082266;
    margin: 0em;
    padding: 2em;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
    font-size: 85%;
    line-height: 1.6em;
    behavior: url("./csshover.htc"); /* WinIE behavior call */
}


body#tmpbody {
    background-color: #12244A;
    padding: 0em;
    /*text-align: center;*/
}
body#tmpbody p {
    text-align: justify;
}
body#tmpbody p.center {
    text-align: center;
}
body#tmpbody p.right {
    text-align: right;
}
body#tmpbody p.left {
    text-align: left;
}


hr {
    display: none;
}


h1, h2, h3, h4, h5, h6 {
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
    font-weight: bold;
}
h1 {
    margin-top: 0em;
    color: #000099;
}
h2 {
    font-size: 140%;
    margin-top: .5em;
    margin-bottom: .5em;
    color: #291779;
}
h3 {
    font-size: 125%;
    margin-top: 1.5em;
    margin-bottom: .25em;
    color: #000080;

}
h4 {
    font-size: 100%;
    margin-top: 1.5em;
    margin-bottom: 0em;
    color: #0A3369;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    margin-top: 1.5em;
    margin-bottom: .25em;
    color: #555;
}
h6 {
    font-size: 100%;
    margin-top: 1.5em;
    margin-bottom: .25em;
    color: #808080;
}

a {
    color: #000099;
    font-weight: normal;
    text-decoration: underline;
    font-size: 100%;
}
a:hover {
    text-decoration: none;
    color: #800000;
}
a:visited {
    color: #000060;
}
a:hover img {
  /*filter: alpha(opacity=80);
  -moz-opacity: .80;
  -khtml-opacity: .80;
  opacity: .80;*/
  filter: gray;
}



img {
    border: 1px solid #ccc;
}

img.ico {
    border: none;
}

p {
    font-size: 100%;
    margin-top: .25em;
    margin-bottom: 1.5em;
}

ul {
  margin: 0em;
  padding: 0em;
  margin-bottom: 1.5em;
  margin-top: .5em;
  list-style-type: none;
  line-height: 1.5em;
}
ol {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}
ul li {
    margin-left: 0em;
    padding-left: 15px;
    background-image: url("./li.gif");
    background-repeat: no-repeat;
    background-position: 0% 50%;
    margin-bottom: .25em;
}
ol li {
    margin-left: 0em;
    padding-left: 25px;
    margin-bottom: .5em;
}

form {
    margin-top: 2em;
    margin-bottom: 4em;
}

input, select, textarea {
	font-family      : Verdana, sans-serif;
	font-size        : 100%;
	margin-top: .5em;
}


fieldset {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
  padding: .5em 2em;
  padding-bottom: 1.5em;
}
label {
  float          : left;
  width          : 30%;
  text-align     : left;
  margin-right: 1em;
  clear: both;
  margin-top: .5em;
}
legend {
  padding: 0.2em 0.5em;
  margin-bottom: .5em;
  color: #0046D5;
}


#page {
    width: 915px;
    height: 613px;
    background-image: url("./page-with-main.jpg");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -305px 0px 0px -454px;
    overflow: auto;
    background-color: #fff;
}


#logo a {
    width: 641px;
    height: 112px;
    position: absolute;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    z-index: 2;
    top: 2px;
    left: 137px;
    line-height: 1em;
}
#logo span {
    display: block;
    background-repeat: no-repeat;
    width: 641px;
    height: 112px;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    background-image: url("./logo.jpg");
    cursor: pointer;
    cursor: hand;
}
h1#logo {
    font-size: 100%;
    line-height: 1em;
    margin: 0em;
}

#main {
    position: absolute;
    top: 244px;
    left: 105px;
    width: 700px;
    height: 350px;
    overflow: auto;
}
#mainin {
    padding-right: 20px;
    padding-bottom: 1.5em;
}
/* \*/
* html #mainin {
 	/* IE bug kvůli italic písmu !!! */
	overflow: hidden;
	o\verflow: visible;
	overflow: auto;
	/*w\idth: auto;*/
	/*he\ight: 1%;*/
}
/* */

#mainin div.imgcaption {
    font-size: 100%;
    font-weight: normal;
    text-align: center;
    margin-top: .5em;
    margin-bottom: 0em;
    padding-bottom: .5em;
    line-height: 0em;
}



#navigation {
  position: absolute;
  z-index: 90;
}
#navigationin {
  font-size: 100%;
}
#navigation ul {
  margin: 0em;
  padding: 0em;
  overflow: hidden; /* kvůli šířce odkazu 100% */
}
#navigation ul li {
    background: none;
}
#navigation ul.menu li a {
    display: block;
    line-height: 1em;
    background-repeat: no-repeat;
    position: absolute;
    overflow: hidden;
}
#navigation ul.menu li a span {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    cursor: hand;
}
#navigation li a:hover span, #navigation li a:hover {
    background-position: 0px;
    z-index: 100;
}
#navigation li a.vybrany span, #navigation li a.vybrany {
    z-index: 90;
}
#navigation h2 {
    display: none;
}

#navigation #menu1, #navigation #menu23 {
    display: none;
}

#navigation #menu2 a {
    width: 70px;
    height: 190px;
    top: 208px;
    left: 3px;
}
#navigation #menu2 a span {
    width: 70px;
    height: 190px;
    background-image: url("./menu-2-cz.jpg");
}
#navigation #menu2 a:hover span, #navigation #menu2 a.vybrany span {
    background-position: -70px 0px;
}

#navigation #menu3 a {
    width: 112px;
    height: 95px;
    top: 135px;
    left: 15px;
}
#navigation #menu3 a span {
    width: 112px;
    height: 95px;
    background-image: url("./menu-3-cz.jpg");
}
#navigation #menu3 a:hover span, #navigation #menu3 a.vybrany span {
    background-position: -112px 0px;
}


#navigation #menu4 a {
    width: 115px;
    height: 100px;
    top: 124px;
    left: 125px;
}
#navigation #menu4 a span {
    width: 115px;
    height: 100px;
    background-image: url("./menu-4-cz.jpg");
}
#navigation #menu4 a:hover span, #navigation #menu4 a.vybrany span {
    background-position: -115px 0px;
}

#navigation #menu5 a {
    width: 92px;
    height: 102px;
    top: 126px;
    left: 241px;
}
#navigation #menu5 a span {
    width: 92px;
    height: 102px;
    background-image: url("./menu-5-cz.jpg");
}
#navigation #menu5 a:hover span, #navigation #menu5 a.vybrany span {
    background-position: -92px 0px;
}

#navigation #menu6 a {
    width: 110px;
    height: 87px;
    left: 334px;
    top: 139px;
}
#navigation #menu6 a span {
    width: 110px;
    height: 87px;
    background-image: url("./menu-6-cz.jpg");
}
#navigation #menu6 a:hover span, #navigation #menu6 a.vybrany span {
    background-position: -110px 0px;
}

#navigation #menu7 a {
    width: 95px;
    height: 95px;
    left: 456px;
    top: 120px;
}
#navigation #menu7 a span {
    width: 95px;
    height: 95px;
    background-image: url("./menu-7-cz.jpg");
}
#navigation #menu7 a:hover span, #navigation #menu7 a.vybrany span {
    background-position: -95px 0px;
}

#navigation #menu8 a {
    width: 78px;
    height: 93px;
    left: 559px;
    top: 131px;
}
#navigation #menu8 a span {
    width: 78px;
    height: 93px;
    background-image: url("./menu-8-cz.jpg");
}
#navigation #menu8 a:hover span, #navigation #menu8 a.vybrany span {
    background-position: -78px 0px;
}
			
#navigation #menu9 a {
    width: 109px;
    height: 97px;
    left: 644px;
    top: 124px;
}
#navigation #menu9 a span {
    width: 109px;
    height: 97px;
    background-image: url("./menu-9-cz.jpg");
}
#navigation #menu9 a:hover span, #navigation #menu9 a.vybrany span {
    background-position: -109px 0px;
}
	
#navigation #menu10 a {
    width: 85px;
    height: 81px;
    left: 754px;
    top: 142px;
}
#navigation #menu10 a span {
    width: 85px;
    height: 81px;
    background-image: url("./menu-10-cz.jpg");
}
#navigation #menu10 a:hover span, #navigation #menu10 a.vybrany span {
    background-position: -85px 0px;
}

#navigation #menu11 a {
    width: 82px;
    height: 175px;
    left: 818px;
    top: 227px;
}
#navigation #menu11 a span {
    width: 82px;
    height: 175px;
    background-image: url("./menu-11-cz.jpg");
}
#navigation #menu11 a:hover span, #navigation #menu11 a.vybrany span {
    background-position: -82px 0px;
}

#navigation #menu12 a {
    width: 70px;
    height: 190px;
    top: 208px;
    left: 3px;
}
#navigation #menu12 a span {
    width: 70px;
    height: 190px;
    background-image: url("./menu-12-en.jpg");
}
#navigation #menu12 a:hover span, #navigation #menu12 a.vybrany span {
    background-position: -70px 0px;
}

#navigation #menu14 a {
    width: 119px;
    height: 95px;
    top: 135px;
    left: 15px;
}
#navigation #menu14 a span {
    width: 119px;
    height: 95px;
    background-image: url("./menu-14-en.jpg");
}
#navigation #menu14 a:hover span, #navigation #menu14 a.vybrany span {
    background-position: -119px 0px;
}

#navigation #menu15 a {
    width: 78px;
    height: 103px;
    top: 124px;
    left: 134px;
}
#navigation #menu15 a span {
    width: 78px;
    height: 103px;
    background-image: url("./menu-15-en.jpg");
}
#navigation #menu15 a:hover span, #navigation #menu15 a.vybrany span {
    background-position: -78px 0px;
}

#navigation #menu16 a {
    width: 123px;
    height: 103px;
    top: 126px;
    left: 218px;
}
#navigation #menu16 a span {
    width: 123px;
    height: 103px;
    background-image: url("./menu-16-en.jpg");
}
#navigation #menu16 a:hover span, #navigation #menu16 a.vybrany span {
    background-position: -123px 0px;
}

#navigation #menu17 a {
    width: 113px;
    height: 89px;
    top: 138px;
    left: 341px;
}
#navigation #menu17 a span {
    width: 113px;
    height: 89px;
    background-image: url("./menu-17-en.jpg");
}
#navigation #menu17 a:hover span, #navigation #menu17 a.vybrany span {
    background-position: -113px 0px;
}

#navigation #menu18 a {
    width: 96px;
    height: 98px;
    top: 119px;
    left: 454px;
}
#navigation #menu18 a span {
    width: 96px;
    height: 98px;
    background-image: url("./menu-18-en.jpg");
}
#navigation #menu18 a:hover span, #navigation #menu18 a.vybrany span {
    background-position: -96px 0px;
}

#navigation #menu19 a {
    width: 84px;
    height: 95px;
    top: 132px;
    left: 554px;
}
#navigation #menu19 a span {
    width: 84px;
    height: 95px;
    background-image: url("./menu-19-en.jpg");
}
#navigation #menu19 a:hover span, #navigation #menu19 a.vybrany span {
    background-position: -84px 0px;
}

#navigation #menu20 a {
    width: 85px;
    height: 99px;
    top: 123px;
    left: 657px;
}
#navigation #menu20 a span {
    width: 85px;
    height: 99px;
    background-image: url("./menu-20-en.jpg");
}
#navigation #menu20 a:hover span, #navigation #menu20 a.vybrany span {
    background-position: -85px 0px;
}

#navigation #menu21 a {
    width: 76px;
    height: 88px;
    top: 140px;
    left: 776px;
}
#navigation #menu21 a span {
    width: 76px;
    height: 88px;
    background-image: url("./menu-21-en.jpg");
}
#navigation #menu21 a:hover span, #navigation #menu21 a.vybrany span {
    background-position: -76px 0px;
}

#navigation #menu22 a {
    width: 80px;
    height: 169px;
    top: 227px;
    left: 816px;
}
#navigation #menu22 a span {
    width: 80px;
    height: 169px;
    background-image: url("./menu-22-en.jpg");
}
#navigation #menu22 a:hover span, #navigation #menu22 a.vybrany span {
    background-position: -80px 0px;
}



#setlanguage {
    position: absolute;
    right: 25px;
    top: 67px;
}
#setlanguage a {
    display: block;
    margin-bottom: 3px;
}
#setlanguage img {
    border: none;
}

#repro a {
    position: absolute;
    top: 39px;
    right: 36px;
    z-index: 10;
    width: 16px;
    height: 15px;
    overflow: hidden;
}
#repro a span {
    display: block;
    width: 16px;
    height: 15px;
    background-image: url("./repro.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    position: absolute;
    top: 0px;
    left: 0px;
}



.floatleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
    clear: both;
}
.floatright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
    clear: both;
}

.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.jusify {
    text-align: justify;
}

.cleaner {
		clear      : both;
		height     : 1px;
		font-size  : 1px;
		border     : none;
		margin     : 0px;
		padding    : 0px;
		background : transparent;
}

.error {
    color: #cc0000;
    border: 1px solid #ff0000;
    padding: .5em 1em;
    margin-top: 2em;
    margin-bottom: 2em;
}

.prispevky .button a {
  padding: .1em .2em;
  background-color: #291779;
  color: #fff;
}
.prispevky .button a:hover {
  background-color: #313131;
}
.prispevky .formular, .prispevky .formular form {
  float: none;
  margin-left: 0em;
}
.prispevky .jmeno {
  font-weight: bold;
  font-size: 110%;
}
.prispevky .datum {
  font-style: italic;
}
.prispevky .text {
  margin: .5em 0em;
}
.prispevek {
  margin: 1em 0em;
  padding: 0em;
  border-bottom: 1px solid #aaa;
  border-bottom: 2px solid #082266;
}
.odpoved {
  margin: .75em 0em .75em 2em;
  padding: .5em 1em;
  border-top: 1px dotted #082266;
}


/* modul Fotogalerie */
#gallery .galleryimage {
  float: left;
  overflow: hidden;
  height: 124px;
  height: 150px;
  width: 164px;
}
#gallery p.image {
  margin: 0em;
  text-align: center;
}
#gallery p.imageinfo {
  text-align  : center;
  margin      : 0em;
}
#gallery .pozn {
  color: #666;
  font-size: 85%;
  display: none;
}
#gallery .delic {
  color: #AD3429;
  font-size: 80%;
}
#gallery .vybrany {
  font-weight: bold;
  font-size: 100%;
}
#gallery a {
  white-space: nowrap;
}
#tmpbody #gallery p {
  text-align: left;
}

form.GalleryPaging {
    clear: both;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: .2em .4em;
    font-size: 90%;
    font-weight: bold;
    color: #333;
}
.GalleryPaging div.center {
    min-height          : 14px;
    height              : auto;
    _height             : 14px;
    position: relative;
}
.GalleryPaging div.center select { 
    margin: 0em; padding: 0em;
    font-weight: bold;
}
.GalleryPaging div.center a { 
    display: block; 
    width: 14px; 
    height: 15px; 
    position: absolute;
    right: 4px;
    top: 0px;
    background-repeat: no-repeat; 
}
.GalleryPaging div.center a.pagingleft { 
    background-image: url("./paging_left.jpg");
    right: 22px;
}
.GalleryPaging div.center a.pagingright { 
    background-image: url("./paging_right.jpg");
}
.GalleryPaging div.center a.pagingleftoff { 
    background-image: url("./paging_left_off.jpg");
    right: 22px;
}
.GalleryPaging div.center a.pagingrightoff { 
    background-image: url("./paging_right_off.jpg");
}
.GalleryPaging div.center a span { 
    display: none; 
}

#ModuleGalleryCategories select  {
    font-size: 100%;
    color: #000;
    font-family: Tahoma, sans-serif;
}