body {
	background-color: black;
	color: #fbebcb;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
	background-attachment: fixed;
	background-image: url('../img/pruhy.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}

a {color: yellow; text-decoration: none}
a:hover {color: #ffff88; text-decoration: overline}
h1 {
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 26px;
	margin: 15px 0 10px 0px;
	padding: 6px 29px 6px 15px;
	font-variant: small-caps;
	text-align: right;
	border: 0;
	background-color: #880000;
	text-indent: 0;
}
h2 {
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 22px;
	margin: 23px 0 10px 0px;
	padding: 6px 29px 6px 15px;
	font-variant: small-caps;
	text-indent: 0;
	text-align: left;
	background-color: #880000;
	border: 0;
}
h3 {
	color: #ffaf04;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin: 23px 0 10px 0px;
	padding: 6px 0 6px 15px;
	text-indent: 0;
	text-align: left;
	background-color: transparent;
	border: 0;
}

h4 {
		text-indent: 0;
		margin: 18px 0 13px 0;
		text-align: justify;
		background-color: transparent;
		color: white;
		font-weight: normal;
		font-size: 15px;
		padding: 3px 0 3px 15px;
}

h3 a {color: #66ffff;}
h3 a:hover {color: #00eeff;}
p {text-indent: 15px; margin: 0; margin-bottom: 13px; text-align: justify}
ul {list-style-image: url('../img/krizek.gif');
	margin: 10px 0 20px 0;
	background-color: transparent;
	padding: 10px 0 10px 0;
	background-image: url('../img/pozadiSeznamu.gif');
}
li {text-indent: 0; margin-left: 35px; margin-bottom: 3px}
span {color: #ffaf04; font-weight: bold}
address {text-align: left; font-family: serif; color: #ffaa33; font-size: 12px; margin: 10px 0 0 0; text-indent: 22px}
pre {font-size: 14px}

/* třídy */
.poslednizmena {text-align: center; font-family: sans-serif; color: #ffaf07; font-size: 11px; margin: 10px 0 0 0; text-indent: 0}
.poznamka {font-family: serif; font-size: 12px; text-indent: 0; margin: 10px 0 0 0; font-style: italic; border-top: 1px solid #ffdda0}
.Error {color: #ff5511; font-family: monospace; font-size: 40px; font-weight: bold; margin: 0 0 12px 0; font-variant: small-caps}
.znacka,.znackaOdkazujici {text-align: right; font-style: italic; font-size: 11px}
.disabled {color: #923623; background-color: #f5f0e0}

/* definice pro DIV obsahující obrázek, který může být umístněn vlevo nebo vpravo jako plovoucí nebo uprostřed */
.lobrazek {float: left; border: 1px solid yellow; margin: 4px 15px 0 0; text-indent: 0; width: 280px}
.pobrazek {float: right; border: 1px solid yellow; margin: 4px 0 0 15px; text-indent: 0; width: 280px}
.cobrazek {
	/* vkládá se následujícím kódem:
		<div class="cobrazek"><div style="width: $sirkaObrazku px">
			<img src="$zdroj"/>
			<p>$popis</p>
		</div></div>
	*/
	border: 0;
	text-align: center;
	text-indent: 0;
	padding: 8px;
	margin: 15px 0 15px 0;
	background-color: #101010;
}
.cobrazek div {border: 1px solid #11bcab; position: relative; margin: auto; text-align: center; text-indent: 0}
img {border: 0; margin: 0}
.lobrazek p, .pobrazek p, .cobrazek p {text-indent: 4px; font-family: sans-serif; font-size: 12px; font-weight: bold; color: #bccbbc; margin: 0}
.cobrazek p {text-align: center}
.lobrazek a:hover, .pobrazek a:hover, .cobrazek a:hover {text-decoration: none}

.obalStranky {
	border: 0;
	padding: 8px 12px 8px 18px;
	width: 950px;
	background-image: url('../img/pozadiObalu.png');
}
.nadobalStranky {border: 0; border-right: 1px solid red} 

.obalZahlavi {width: 950px; border: 0}

.stranka {
	margin: 0;
	text-align: left;
	border: 1px solid yellow;
	padding: 10px;
	background-color: black;
	min-height: 120px;
	width: 847px
}

.header { /* přidáno 2007-11-28 */
	border: 0;
	padding: 0;
	margin: 0;
	color: #f2a523;
	background-color: transparent;
	height: 98px;
	text-align: right;
	vertical-align: bottom;
	background-repeat: no-repeat;
	background-position: top left;
}

.header {background-image: url('../img/header.png')}
.headerTable {border: 0; padding: 0; margin: 0 0 2px 0}
.headerText {border: 0; padding: 0 98px 9px 0; font: italic small-caps bold 20px sans-serif}
.headerText a {color: yellow}
.headerText a:hover {color: #ff4422; text-decoration: none}
 
/* Tabulka */
caption {font-weight: bold; font-size: 19px; color: #ffaf04; font-variant: small-caps}
table {border: 0; border-collapse: collapse; margin: 0 0 10px 0; color: black}
th {border: 0; padding: 4px; background-color: #ffd72d; text-align: center}
td {border: 0; padding: 4px; background-color: #ffeea7} /* lichý řádek (implicitní) */
.sudy td {background-color: #ffdf57} /* sudý řádek */
table a {color: #00ffff}
table a:hover {color: yellow}
/* zvýraznění sloupce */
.thDuraz {background-color: #808080}
.tdDuraz {background-color: #272727; color: red}
.sudy .tdDuraz {background-color: #0d0d0d; color: red}
.special, .sudy .special {background-color: #ef9913; text-align: center}
/* tabulka log umístěná v zápatí stránky */
.loga {
	width: 982px;
	border: 1px solid black;
	background-color: white;
	margin: 3px 0 0 0;
}
.loga td {background-color: white; border: 1px solid black; width: 25%; text-align: center; background-color: white}
/* další definice pro tabulky */
td h3 {margin: 0}
td p { margin: 0}


/* Definice pro horní menu */
.menu
{
	width: 950px;
	z-index: 2;
	margin: 0 0 4px 0;
}

.menuList
{
	border: 0;
	padding: 0 0 0 20px; /* vnitřní okraje */
	margin: 0; /* okraj(e) */
	background-color: transparent;
	font-family: sans-serif;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 0;
	background-image: url('../img/menuPozadi.png');
	height: 19px;
}

.menuList li
{
	display: inline; /* normálně </LI> způsobí zalomení řádku; "display: inline" toto zruší */
	list-style: none; /* žádné značky na začátku LI */
	position: relative;
	top: 1px;
	margin: 0;
}

.menuList a
{
	text-decoration: none;
	border: 0;
	border-top: 2px solid #567696;
	border-bottom: 1px solid #567696;
	padding: 10px 4px;
	margin: 0;
	background-color: transparent;
	background-image: url('../img/menuItem.png');
	color: #fbebcb;
}

.menuList a:hover
{
	background-color: transparent;
	color: #dbebfb;
	background-image: url('../img/menuSelItem.png');
	border: 0;
	border-top: 2px solid #5686a6;
	border-bottom: 1px solid #5686a6;
}

.menuList .rightaligned {
	color: white;
	margin: 1px 9px 0 0;
	font-variant: small-caps;
}

/* Podmenu
 * ------- 
 * Podmenu je vidět jen tehdy, je-li nadřízený prvek  LI  přejet myší. To je způsobeno tím,
 * že PODMENU má nastavenu vlastnost VISIBILITY na HIDDEN. Pokud je asociovaný prvek přejet
 * myší, JavaSkript menu.js se postará o umístnění a zobrazení. Pokud je menu nebo  asocio-
 * vaný prvek opuštěn, postará se skript o opětovné skrytí.
 */
.podmenu {
	border: 0;
	border-top: 2px solid #ebcc00;
	border-bottom: 1px solid #ebcc00;
	background-color: transparent;
	margin: 0;
	padding: 6px;
	color: white;
	z-index: 3;
	visibility: hidden;
	text-align: left;
	position: absolute;
	background-image: url('../img/podmenuPozadi.png');
	font-size: 12px;
}

.podmenu a {
	text-decoration: none;
	border: 0;
	padding: 0 0 0 2px;
	margin: 2px;
	background-color: transparent;
	color: #fbebcb;
	border-left: 2px solid #ebcc00;
}

.podmenu a:hover {
	border-left: 2px solid #567696;
	color: #fbebcb;
}
.podmenu li {display: block; width: 100%; text-indent: 0; list-style-image: none; list-style-type: none; margin: 0;}
.podmenu li:hover {
	background-image: url('../img/podmenuVybranePozadi.png');
}

.podmenu ul {background-image: none; margin: 0; padding: 0}
/* T. Kala 2009-06-14 */
/* poslední úprava 2009-07-01 */