/*menu*/
body {background-image: url('obrazky/pozadi.jpg');background-repeat:no-repeat; font: 10px verdana, sans-serif; margin:0;padding:0;}
#page {width:978px; margin-left:auto; margin-right:auto;}
a:visited {color:#333399;}
ul, h1, h2, h3 {text-align:left;}
#menu {width:978px; height:23px; text-align:center; margin:0 auto;background-color:#ffcc33;border-bottom: 3px solid #ffcc33;}
#menu ul {line-height:180%;margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background-color:#ffcc33; }
#menu ul {} /*tu bylo jeste block-inline*/
#menu ul {display:inline;}
#menu li {z-index:100; margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
#menu a {display:block; font:normal 11px verdana, sans-serif; color:blue; line-height:25px; text-decoration:none;padding:0 20px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; }
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
#menu li.left ul a {text-align:right;}
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul,
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
#menu li a.drop {background:transparent url('obrazky/sipka-do.gif') no-repeat right center;}
#menu li a.fly {background:transparent url('obrazky/sipka-pr.gif') no-repeat right center;}
#menu li.left ul a.fly {background:transparent url('obrazky/sipka-le.gif') no-repeat left center;}
#menu li a:hover, #menu li a.fly:hover {color:#333399; white-space:nowrap;background:#ccccff;}
#menu li:hover > a, #menu ul li:hover > a.fly {color:#333399; white-space:nowrap; background-color:#ccccff;}
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/*hlavicka*/
#logo img {text-decoration:none; border:none;}
/* nadpisy */
h1 {font-size: 20px;color:#CC9966;}
h2 {font-size: 11px;color:#999999;}


/* tabulky */

table {border-collapse:separate;}
td {border: 1px solid #999966;padding:2px 3px;font-size:11px;}
/* rychle odkazy */
#rychle_odkazy {float:left; height:850px; width:99px; border:1px solid blue; padding:5px; margin:8px 5px 0 0;font: 11px verdana, sans-serif;  }
#rychle_odkazy a {display:block; text-decoration:none;color:#333399;}
#rychle_odkazy a:hover {background-color:#ffcc33;}
a:hover#pocitadlo {background-color:#d7d6fe;}
#rychle_odkazy img {border:none; width:100%;}
hr {color:blue;}



/* obsah  */
#obsah {height:850px; border:1px solid blue; padding: 10px 10px 0 10px;margin: 8px 0px 0 2px; font-size:12px;text-align:justify; overflow:auto;}
#obsah h2 {font-size: 18px;color:#333333;}
#obsah h3 {font-size: 12px;color:#999999;}
#obsah a {font-size:13px; text-decoration:none; color:#333399; font-weight:bold;}
#obsah a:hover {background-color:#ffcc33;}
#obsah p {text-align:justify;}
#obsah li {margin-top:8px;}

/*portret*/
img.portret {float:right; border: 1px solid blue;margin:-10px 38px 0px 10px;}
img.trida {float:right; border: 1px solid blue; margin:0  20px  0 0;}
#pohar {float:right;margin:-38px 5px 8px 10px;padding:0; }
#pohar img {border: 1px solid blue; width:90px;margin:0;}
/*fotogalerie*/
li#popisek {position:absolute;top:-37px;left:80px; font: 18px verdana; color:#333333;}
#obsah .gallery li {margin-top:1px;}
/* default link style - needed to make the:active work correctly in IE */
a,a:visited,a:hover,a:active {color:#333333;}
#album {position:relative;background-color:#ccccff;width:640px;height:462px;border:1px solid #999999; margin:8px auto 20px auto; padding-right:0;}
.gallery {padding:0; margin:430px 0 0 0; list-style-type:none; position:relative;  }
.gallery img {border:0;}
.gallery li {float:left;}/* tohle asi pryc */
.gallery li a,.gallery li a:visited {background-color:#ffffcc; float:left;text-decoration:none;color:#999999;text-align:center;width:26px;height:26px;
line-height:24px;border:1px solid #999999;margin:2px; }
.gallery li a img {position:absolute;top:-500px;left:0;visibility:hidden;}
/* umísteni obrazku na_lezato  */
.gallery li a img {top:-421px;height:360px;margin-left:81px;}
/* leva pozice v bloku u obrazku na_vysku  */
.gallery li .vv a img {height:360px;margin-left:81px;border-left:120px solid #ccccff; border-right: 120px solid #ccccff;}
.gallery li a:hover {background:#ccccff; color:#333333; border-color:blue;}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active,.gallery li a:focus {background:#ffcc33; color:#333399; }
.gallery li a:active img,.gallery li a:focus img {visibility:visible;}