body { background: url('images/background.gif'); background-repeat: repeat-xy; font-family: Arial; margin: 0; padding: 0; border: 0; outline:0; } 
#image_top { width: 100%; height: 163px; background: url('images/background_top.gif'); background-repeat: repeat-x; text-align: center; }

#blok {background: url('images/pozadi.gif'); position: absolute; top: 162px; width: 1000px; left: 50%; margin-left: -500px; border: solid #2860b0; border-width: 0 1px 1px 1px; text-align: justify; }

#menu {width: 170px; text-align: right; padding: 30px 0px; float: left}
#menu a {color: black; font-size: 75%; letter-spacing: 2px; font-weight: bold; display: block; padding: 7px 23px 9px 0px; background: url('images/background_menu.jpeg');}
#menu a:link 	{color: black; text-decoration: none; }
#menu a:visited    {color: #4D4D4D; text-decoration: none; }
#menu a:hover, a:active	{color: black; background: url('images/background_menu_aktiv.jpg'); } 
#menu a#aktivni {color: #e8d800; } 
#menu p {margin-left: 5px; margin-right: 5px; text-align: right; font-size: 75%; color: #3c3c3c;}
#menu #bbpocitadlo-span-vn640hi84nvpfdnphbhb1hv7fj3nbc {margin-right: 10px; }
#menu #bbpocitadlo-span-vn640hi84nvpfdnphbhb1hv7fj3nbc a {background-image: none; }
#menu #blok-bbsluzba-29ci290vf7bxx3o62sfvfp6ovx2h3u {margin-left: 10px; }
#menu p.webdesign a {background-image: none; margin-right: -22px; }

#menu .level1 {display: block; }
#menu .level2 {position: absolute; width: 7.5em; display: none; top: 1.95em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level1:hover div.level2 {display: block;}
#menu .level2 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level2 a:visited {color: #8d8d8d; }
#menu .level2 a:hover, a:active {color: #e8d800; }

#menu .level3 {display: block; }
#menu .level4 {position: absolute; width: 7.5em; display: none; top: 7.75em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level3:hover div.level4 {display: block;}
#menu .level4 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level4 a:visited {color: #8d8d8d; }
#menu .level4 a:hover, a:active {color: #e8d800; }

#menu .level5 {display: block; }
#menu .level6 {position: absolute; width: 7.5em; display: none; top: 9.7em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level5:hover div.level6 {display: block;}
#menu .level6 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level6 a:visited {color: #8d8d8d; }
#menu .level6 a:hover, a:active {color: #e8d800; }

#menu .level7 {display: block; }
#menu .level8 {position: absolute; width: 7.5em; display: none; top: 11.6em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level7:hover div.level8 {display: block;}
#menu .level8 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level8 a:visited {color: #8d8d8d; }
#menu .level8 a:hover, a:active {color: #e8d800; }

#menu .level9 {display: block; }
#menu .level10 {position: absolute; width: 7.5em; display: none; top: 13.55em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level9:hover div.level10 {display: block;}
#menu .level10 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level10 a:visited {color: #8d8d8d; }
#menu .level10 a:hover, a:active {color: #e8d800; }

#menu .level11 {display: block; }
#menu .level12 {position: absolute; width: 7.5em; display: none; top: 15.5em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level11:hover div.level12 {display: block;}
#menu .level12 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level12 a:visited {color: #8d8d8d; }
#menu .level12 a:hover, a:active {color: #e8d800; }

#menu .level13 {display: block; }
#menu .level14 {position: absolute; width: 7.5em; display: none; top: 3.9em; left: 10em; background: #2860b0; border: 1px solid #c7c7c7; z-index: 100; }
#menu .level13:hover div.level14 {display: block;}
#menu .level14 a {display: block; color: #c7c7c7; border-bottom: 1px solid #c7c7c7; text-align: left; padding: 2px 2px 2px 5px; font-variant: normal; font-weight: normal; font-size: 70%; letter-spacing: 2px; background-image: none; }
#menu .level14 a:visited {color: #8d8d8d; }
#menu .level14 a:hover, a:active {color: #e8d800; }

#foto_left {border: #2860b0 solid 1px; margin: 20px 5px; }
#foto_right {float: right; margin-left: 10px; }
#foto_floatleft {float: left; margin-right: 10px; }

iframe#diskuze {position: static; width: 100%; height: 1500px; }
iframe {position: absolute; top: 5px; left: 830px; width: 170px; padding: 0; height: 80%;  }

#middle {margin-left: 170px; width: 640px; padding: 10px; margin-top: 7px; z-index: 0; min-height: 1000px;}
#middle p, li {margin-left: 15px; margin-right: 15px; text-align: justify; font-size: 80%; color: #3c3c3c;}
#middle p a#aktivni {color: red; font-size: 120%; font-weight: bold; text-decoration: none; background-image: none; }
#middle a:link 	{color: #006600; font-weight: bold; text-decoration: none; background-image: none; }
#middle a:visited    {color: #8d8d8d;  text-decoration: none; font-weight: bold;  background-image: none; }
#middle a:hover, a:active	{color: #fac32d; font-weight: bold; text-decoration: none; background-image: none; } 
#middle p.img {text-align: center ;}
#middle h1 {margin-top: 30px; margin-left: 10px; text-align: left; font-size: 120%; color: #2860b0; border-bottom: solid #2860b0 1px; }
#middle h2 {margin-top: 50px; text-align: left; margin-left: 10px; padding-left: 30px; font-size: 80%; background: url('images/vlajka.gif'); background-repeat: no-repeat;  }
#middle p#uvitani {font-family: Verdana, sans-serif; letter-spacing: -1px; font-weight: bold; color: red; font-size: 140%; margin: 40px 10px; }
#middle p.uvitani {font-family: Verdana, sans-serif; letter-spacing: 1px; font-weight: normal; color: #2860b0; font-size: 80%; padding: 5px; margin-left: 5px;;}
#middle p.zvetseni {letter-spacing: 1px; font-weight: bold; color: red; font-size: 70%; margin-top: 40px; }

#foto {margin-left: 15px; margin-top: 15px; text-align: left}
#foto img {margin-right: 5px; margin-top: 5px; border: white solid 1px; }

table {margin-top: 20px; margin-left: 10px; color: #3c3c3c; border: 1px solid black; border-collapse: collapse;}
table tr th {background: #e3e8f1; color: black; text-align: left; font-size: 80%; font-weight: bold; border: 1px solid black; border-collapse: collapse; padding: 3px; text-align: center; }
table tr td {font-size: 80%; margin-top: 10px; vertical-align: top; border: 1px solid black; border-collapse: collapse; padding: 3px; width: 100px; text-align: center; }
table caption {margin-top: 20 px; margin-left: 30px; text-align: left; font-size: 85%; color: #3c3c3c; font-weight: bold; font-variant: small-caps; }

#blok-bbsluzba-915237 {margin: 10px; border: 0px;  }
#blok-bbsluzba-915237 a {color: black; font-size: 75%; letter-spacing: 0px; font-weight: normal; text-decoration: none; padding:0px; background-image: none; border: 0px; }
#blok-bbsluzba-915237 a:link 	{color: black; text-decoration: none; border: 0px; }
#blok-bbsluzba-915237 a:visited    {color: black; text-decoration: none; border: 0px; }
#blok-bbsluzba-915237 a:hover, a:active	{color: black; background-image: none; border: 0px; } 

