body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	padding:0px;
	margin:0px;
	background-image: url(../obrazy/obr_20.jpg);
}
/* obecné nastavení kvůli chybám prohlížečů */
p, ul, ol, li {
	margin:0px;
	padding:0px;
	line-height:150%;
}
h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	font-size:120%;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border-width:0px;
}

form {
	margin:0px;
	padding:0px;
}

.nodisplay {
	display:none;
}

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

h2 {
	/* display: none; */
}
p.anchor {
	display: none;
}

/* určuje celkovou pozici stránky - většinou centrujeme */
#stranka_obal {
	position: relative;
	width: 996px; /* celková šířka stránky, vzskytuje se ještě občas u #zahlavi_menu */
	height: auto;
	margin: auto;
}

/* ----------------------------------- záhlaví --------------------------- */
/* obaluje hlavicku a hornu menu */
#zahlavi {
	/* background-image: url(../obrazy/obr_04.jpg); */
}
#hlavicka {
	float:left;
   width:100%;
	height:139px; /* výška bez horního menu */
}
#logo {
	float:left;
	display:block;
   width:701px;  /* šířka levé části hlavičky s logem */
	height:100%;
	background-image: url(../obrazy/obr_03.jpg);
}
#hlavicka_grafika {
	float:right;
	background-repeat:no-repeat;
	width:295px;  /* celkova sirka - sirka loga */
	height:100%;
	background-image: url(../obrazy/obr_04.jpg);
}

#zahlavi h1 { /* nahradit za span, je otázkou co vypínat raději */
	display:none; /* vypnuté pro testování, zapni u běžného návrhu */
}

#zahlavi span {
	display:none;  /* vypnuté pro testování, zapni u běžného návrhu */
}

/* kvůli proklikávacímu logu zpět, ktere prekryje jen castecne */
#logo .logo_block {
	display:block;
	width:701px;
	height:100%;  /* dávám nižší pokud mám pod jazykem jazykové mutace */
}


/* ----------------------------------- top menu --------------------------- */
#zahlavi_menu {
	float:left;
   width:925px;    /* šířka stránky - padding,  pokud nepoužiju padding tak lze nastavit na 100% */
	height:33px;  /* uprav výšku a číslo obrázku */
	padding-left: 71px; /* použiju pokud potřebuju posunout menu položky od kraje */
	background-image: url(../obrazy/obr_06.jpg); /* dávám celý obrázek do pozadí pokud nejde udělat "čistě" */
	background-repeat:no-repeat;
	background-position:left;
}
#zahlavi_menu li {
	list-style-type:none;
	float:left;
}

/* pokud by jsi chtěl hotovou nastylovanou variantu, tak jdi do peří jan */

#zahlavi_menu li a, #zahlavi_menu li.active span {
	display:block;
	color:#595858;
	background-color:#B3DFFC;  /*barvy by měli být definované pro případ, že má někdo zaplé styly, ale vypnuté obrázky */
	font-size:100%;
	font-weight:bold;
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
	width:auto;
	height:26px; /* 32 - 6 */
	padding:6px 5px 0px 5px;
	border-right: 1px dotted #000000;
}

#zahlavi_menu .pol0, #zahlavi_menu li.active span.pol0 {
	width:50px;
}
#zahlavi_menu .pol1, #zahlavi_menu li.active span.pol1 {
	width:130px;
}
#zahlavi_menu .pol2, #zahlavi_menu li.active span.pol2 {
	width:152px;
}
#zahlavi_menu .pol3, #zahlavi_menu li.active span.pol3 {
	width:107px;
}
#zahlavi_menu .pol4, #zahlavi_menu li.active span.pol4 {
	width:156px;
}
#zahlavi_menu .pol5, #zahlavi_menu li.active span.pol5 {
	width:77px;
}
#zahlavi_menu .pol6, #zahlavi_menu li.active span.pol6 {
	width:133px;
	border-right: 0px dotted #000000;
}

#zahlavi_menu li a:hover {
	text-decoration:underline;
}

#zahlavi_menu li.active, #zahlavi_menu li a.active, #zahlavi_menu li a:active, #zahlavi_menu li.active span {
	color:#FFFFFF;
	background-color:#1978BA;
	/* background-image: url(../obrazy/obr_23.jpg); */
}


/* ------------------------- hlavicka submenu ------------------------------------- */
#zahlavi_menu li ul {
	display:none;
}
#zahlavi_menu li ul li {
	display:block;
	float:none;
}
#zahlavi_menu li ul a {
	display:block;
   width:150px;
	height:30px;  /* 40 - 10 */ /* uprav podle položky výše */
	padding:10px 0px 0px 0px;
	font-weight:bold;
	border: 1px solid #000000;
	/* background-image: url(../obrazy/obr_07.jpg); */
}
#zahlavi_menu li {
	behavior:url('css/hover.htc');
}

#zahlavi_menu ul li:hover ul, #zahlavi_menu li.hover ul {
	display:block;
	position:absolute;
}
h2#slogan {
	color:navy;
	font-size:20px;
	margin-top:3px;
	/*padding-left:100px;*/
	text-align:center;
}
h2#slogan span.cerveny_text {
	color:red;
	display:inline;
}

.tbl_home {
	margin: 30px 0 0 108px;
}

/* ----------------------------------- top menu konec --------------------------- */

#obsah {
	width: 100%;
	height: auto;
	padding-top:0px;
	min-height:600px;
	clear:both;
	background:url(../obrazy/obr_26.jpg);  /* opakující se proužek tvořící pozadí */
}

/* ----------------------------------- leve menu --------------------------- */
#leve_menu {
	clear:left;
	width:161px;  /* 215 -161 - kolik padding od okraje */
	float:left;
	padding:0px 0px 0px 54px; /* levy okraj například kvůli stínování */
}
#leve_menu ul li {
	list-style-type:none;
}
#leve_menu ul li a, #leve_menu ul li.active, #leve_menu ul li.active span, #leve_menu ul li span {
	display:block;
   width:123px; /* 161 - 28 - 10 */
	padding:14px 10px 0px 28px;
	height:34px; /* 48 -  */
	font-size:100%;
	font-weight:bold;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color:#FB628A;
}

#leve_menu .pol1, #leve_menu li.active span.pol1 {
	background-color:#E8BB05;
}
#leve_menu .pol5, #leve_menu li.active span.pol5 {
	background-color:#B40BA2;
}

#leve_menu a.pol2, #leve_menu span.pol2 {
	padding-top: 5px;
	height: 43px;
}

#leve_menu .pol3, #leve_menu li.active span.pol3 {
	background-color:#FD5D06;
}
#leve_menu .pol4, #leve_menu li.active span.pol4 {
	background-color:#24DCE7;
}
#leve_menu .pol2, #leve_menu li.active span.pol2 {
	background-color:#59B914;
}
#leve_menu .pol6, #leve_menu li.active span.pol6 {
	background-color:#1978BA;
}
#leve_menu .pol7, #leve_menu li.active span.pol7 {
	background-color:#F43434;
}
#leve_menu .pol8, #leve_menu li.active span.pol8 {
	background-color:#184703;
}


#leve_menu li.active span.pol1 {
	background-color:#FBB305;
}
#leve_menu li.active span.pol2 {
	background-color:#D40DBE;
}
#leve_menu li.active span.pol3 {
	background-color:#FF6D07;
}
#leve_menu li.active span.pol4 {
	background-color:#0CD6D6;
}
#leve_menu li.active span.pol5 {
	background-color:#69D918;
}
#leve_menu li.active span.pol6 {
	background-color:#1D8DDB;
}
#leve_menu li.active span.pol7 {
	background-color:#FF3D3D;
}
#leve_menu li.active span.pol8 {
	background-color:#216305;
}

#leve_menu ul li.active {
   width:161px; /* 161 - 28 - 10 */
	height:48px; /* 48 -  */
	padding:0px 0px 0px 0px;
	text-decoration:underline;
}
/* vzniklo protoze neslo nastylovat li s padding left, posouvalo i podpolozky a opravi IE nebral */
#leve_menu ul li.active span {
	padding:14px 10px 0px 28px;
}
#leve_menu .delsi, #leve_menu ul li.active span.delsi {  /* styl použitý u položek s delším textem, nepoužívá se moc a když ano bacha na no-repeat výše */
	height:43px;
	padding:5px 10px 0px 28px;
}


/* ------------------------- leve menu submenu - varianta 1 ------------------------------------- */
/* ------------------------- rozbalovaci submenu doprava, nedodelane ------------------------------------- */

#leve_menu ul li {
	position:relative;
}
#leve_menu li ul {
	display:none;
	left:150px;
	=left:161px;
	top:15px;
	=top:0px;
	padding-left:10px;
	z-index:4;
}

#leve_menu ul li ul.delsi {
	height:auto;
	padding:0px;
	padding-left:10px;
}
#leve_menu ul li ul.pol2 {
	background-color:#EFA4EC;
}
#leve_menu ul li ul.pol4 {
	background-color:#D1EDEF;
}
#leve_menu ul li ul.pol5 {
	background-color:#BCEF95;
}
#leve_menu ul li ul.pol6 {
	background-color:#B3D7EF;
}

#leve_menu ul ul li {
	height:auto;
	width:123px;
	line-height:100%;
	list-style-type:square;
	margin:5px 5px 5px 10px;
	line-height:150%;
	position:relative;
	z-index:4;
}

#leve_menu li ul li a {
	color:black;
	display:inline;
   	width:auto;
	height:auto;
	padding:0px;
	font-weight:normal;
	background-color:transparent;
}
#leve_menu li {
	behavior:url('css/hover.htc');
}

#leve_menu ul li:hover ul, #leve_menu li.hover ul {
	display:block;
	position:absolute;
}


/* ------------------------- hledání  ------------------------------------- */

#hledani_form {
	padding-left:8px;
	padding-top:10px;
}

#hledani_form p {
	font-weight:bold;
}

#hledani_form input {
	font-size:90%;
}


/* ----------------------------------- obsah --------------------------- */

#stred {
	width:740px; /* 740 obsah - leve menu - prave menu - paddingy */
	float:left;
	min-height:600px;
	height:100%;
	padding:5px 0px 10px 0px;
}
#stred p {
	margin:12px 15px 10px 10px;
	padding:3px;
	font-size:110%;
}
#stred ul, #stred ol {
	margin:13px 20px 15px 20px;
}
#stred li {
	margin:0px 20px 0px 5px;
	font-size:110%;
	list-style-image:url(../obrazy/odrazka.gif);
}
#stred a {
	text-decoration:underline;
	/* color:#E80813; */
}

#stred h2 {
	font-size:110%;
	margin:10px 10px 5px 10px;
	margin-left:auto;
	margin-right:auto;
	color:#F43434;

	display:block;
	width:208px; /* 288px */
	height:22px; /* 67px */
	padding:25px 40px 20px 40px;
	background-image: url(../obrazy/obrazy/nadpis_pozadi_03.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
	text-align:center;
}
#stred h3 {
	font-size:110%;
	margin:10px 10px 5px 10px;
	color:#D46B08;
}
#stred h4 {
	font-size:100%;
	margin:10px 10px 5px 10px;
	color:#D46B08;
}
#stred td {
	font-size:110%;
}
#stred td p {
	margin:12px 0px 10px 0px;
}

/* ----------------------------------- prave menu --------------------------- */
#prave_menu {
	width:208px;
	float:right;
}
#novinky {
	width:100%;
	/* background-image: url(../obrazy/obr_13.gif); */
	margin-bottom:3px;
}

#novinky_grafika_uvod {
	width:100%;
	/* background-image: url(../obrazy/obr_10.jpg); */
	background-repeat:no-repeat;
	min-height:50px;
}

#novinky h3 span {
	display:block;
	width:208px;
	padding:8px 0px 0px 0px;
	height:25px; /* 29px */
	margin:0px;
	text-align:center;
	background-color:#000000;
	color:#FFFFFF;
}

#novinky a.novinky {
	display:block;
	width:208px;
	padding:8px 0px 0px 0px;
	height:25px; /* 29px */
	margin:0px;
	background-color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	border-bottom: 1px solid #000000;
}
#novinky .aktuality {
	/* background-image: url(../obrazy/obr_12.gif); */
}

#novinky p.nadpis {
	margin:15px 20px 0px 15px;
	color:#E60813;
}
#novinky p {
	margin:5px 20px 5px 15px;
	color:#E60813;
}
#novinky p.datum {
	text-align:right;
	font-size:80%;
}
#novinky .detail {
	text-align:right;
}
#novinky a {
	color:#E80814;
	padding-right:12px;
	/* background-image: url(../obrazy/obr_30.gif); */
	background-repeat:no-repeat;
	background-position:right 5px;
}
.detail #stred a .obrazek {
	float:right;
	margin:0px 0px 10px 10px;
}

/* ----------------------------------- patka --------------------------- */
#patka {
	width:100%;
	clear:both;
	height:53px;
	font-size:100%;
	color:#F43434;
	background-image: url(../obrazy/obr_28.jpg);
}
#patka a {
	color:#F43434; /* většinou dělám stejně jako barva výše */
}
#patka p {
	font-size:90%;
}
#patka .patka_leva {
	float:left;
	padding:22px 3px 0px 80px;
	width:60%;
	text-align:left;
}
#patka .patka_prava {
	float:right;
	padding:22px 53px 0px 3px;
	width:20%;
	text-align:right;
}

/* ----------------------------------- cesta = drobečková nápověda --------------------------- */
#cesta {
}

#stred .t_doleva {
	text-align:left;
}

/* ----------------------------------- přílohy --------------------------- */
.priloha {
	width:120px;
	margin-top:10px;
	text-align:center;
}

.priloha p {
	text-align:center;
	font-size:90%;
}

.prihlas #formular form {
	margin-left:95px;
}