body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	padding:0px;
	margin:0px;
	background-color:#8B8484; /* barva pozadí stránky, pokud mám v pozadí přechod tak si picknu spodní barvu  */
}
/* 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%;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	color:#FFFFFF;
}
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: 916px; /* 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:361px; /* výška bez horního menu */
	background-image: url(../obrazy/obr_01.jpg);
}
#logo {
	float:left;
	display:block;
   width:340px;  /* šířka levé části hlavičky s logem */
	height:100%;
}
#hlavicka_grafika {
	float:left;
	background-repeat:no-repeat;
	width:570px;  /* celkova sirka - sirka loga */
	height:100%;
}
#hlavicka_grafika a, #zahlavi #hlavicka_grafika span {
	display:block;
	float:right;
	color:#FFFFFF;
}

#zahlavi #hlavicka_grafika .nodisplay {
	display:none;
}


#hlavicka_grafika .vykup_za_hotove {
	width:200px;
	height:35px;
}

#hlavicka_grafika .menu {
	width:65px;
	height:15px;
	padding:5px;
	position:absolute;
	top:333px;
	color:#FFFFFF;
}

#hlavicka_grafika .kontakt {
	width:75px;
	left:612px;
}
#hlavicka_grafika .faq {
	width:75px;
	left:710px;
}
#hlavicka_grafika .testy {
	width:75px;
	left:787px;
}

#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:340px;
	height:300px;  /* dávám nižší pokud mám pod jazykem jazykové mutace */
}

#logo .lang_top {
	position:absolute;
	top:120px;
	left:30px;
}
#logo .lang_top span {
	display:inline; /* protože jsem výše span vypnul tak zde zase zobrazím*/
}

/* ----------------------------------- top menu --------------------------- */
#zahlavi_menu {
	float:left;
   width:836px;
	height:28px;
	padding-left:80px;
	padding-top:7px;
	background-image: url(../obrazy/obr_02.jpg);
}
#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:#FFFFFF;
	font-size:100%;
	text-align:center;
	text-decoration:none;
	width:183px;
	height:22px; /* 24 - 4 */
	padding:2px 0px 0px 0px;
	background-image: url(../obrazy/menu_item.jpg);
	background-repeat:no-repeat;
}
#zahlavi_menu li a:hover {
	text-decoration:underline;
}


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

#obsah {
	width: 100%;
	height: auto;
	padding-top:0px;
	min-height:600px;
	background-image: url(../obrazy/obr_05.jpg);
	clear:both;
}
/* pomocí tohoto udělám grafiku v horní části obsahu stránky */
#obsah_grafika {
	width: 100%;
	height: auto;
	background-image: url(../obrazy/obr_04.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	min-height:100px;
}
/* pomocí tohoto udělám grafiku ve spodní části obsahu stránky */
#obsah_grafika_bottom {
	width: 100%;
	height: auto;
	min-height:600px;
}

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

#stred {
	width:621px; /* obsah - leve menu - prave menu - paddingy */
	float:left;
	min-height:600px;
	height:100%;
	padding:5px 10px 10px 15px;
}
.vypis #stred {
	width:646px; /* obsah - leve menu - prave menu - paddingy */
	float:left;
	padding:5px 0px 10px 0px;
}
#stred p {
	margin:8px 0px 5px 0px;
	text-align:justify;
}
#stred ul {
	margin:10px 5px 10px 20px;
}
#stred li {
	margin:5px 5px 5px 5px;
	list-style-type: square;
}
#stred a {
	text-decoration:underline;
	/* color:#E80813; */
}

#stred h2 {
	font-size:160%;
	margin:7px 0px 5px 5px;
	padding:0px 0px 5px 50px;
	border-bottom:dotted 1px #FFFFFF;
	color:#FFFFFF;
}
.vypis #stred h2 {
	margin:7px 3px 5px 20px;
}
#stred h3 {
	font-size:130%;
	margin:10px 0px 5px 0px;
	color:#FFFFFF;
}
#stred h4 {
	font-size:100%;
	margin:10px 0px 5px 0px;
	color:#D46B08;
}


/* ----------------------------------- leve menu --------------------------- */
#leve_menu {
	clear:left;
	width:250px;  /* 184 - kolik padding od okraje */
	float:left;
	padding:0px 0px 0px 0px; /* levy okraj například kvůli stínování */
}

#novinky {
	width:100%;
}

#novinky_grafika_uvod {
	width:210px;
	background-repeat:no-repeat;
	min-height:50px;
	background-image: url(../obrazy/obr_03.jpg);
	padding:60px 10px 10px 30px;
}

#novinky p.aktuality {
	display:none;
}
#novinky a.novinky {

}
#novinky .novinka {
	border: 1px solid #000000;
	background-color:#BBB7B7;
	margin-bottom:10px;
}

#novinky p.nadpis {
	margin:5px 0px 5px 7px;
	color:#061973;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:left;
	display:inline;
	width:126px;
	float:left;
}
#novinky p {
	margin:5px 10px 5px 7px;
	font-size:100%;
	text-align:center;
	line-height:120%;
}
#novinky p.datum {
	margin:8px 10px 5px 0px;
	text-align:right;
	font-size:80%;
	display:inline;
	width:65px;
	float:right;
}
#novinky .detail {
	text-align:right;
}
#novinky a {
	color:#FFFFFF;
	text-decoration:none;
}
#novinky a:hover {
	text-decoration:underline;
}

/* ----------------------------------- patka pod --------------------------- */
#patka_pod {
	width:916px;
	clear:both;
	height:39px;
	font-size:100%;
	color:#FFFFFF;
	background-image: url(../obrazy/obr_06.jpg);
}
#patka_pod a {
	color:#FFFFFF;
}
#patka_pod p {
	font-size:80%;
}
#patka_pod .patka_leva {
	float:left;
	padding:18px 3px 0px 25px;
	width:26%;
	text-align:left;
}
#patka_pod .patka_prava {
	float:right;
	padding:18px 53px 0px 3px;
	width:60%;
	text-align:right;
}

/* ----------------------------------- cesta = drobečková nápověda --------------------------- */
#cesta {
	padding-left:35px;
}

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

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

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

#stred #menu_katalog ul {
	margin:0px;
	padding:0px;
}

#stred #menu_katalog li {
	float:left;
	display:block;
	width:auto;
	margin:5px 5px 5px 15px;
	padding:0px;
}

#flash {
	height: 203px;
	width: 279px;
	position: absolute;
	left: 464px;
	top: 88px;
}

/* ----------------------------------- fotogalerie  --------------------------- */


#fotogalerie {
	width:600px;
	float:left;
}

.clanky #stred #fotogalerie a.obr {
	margin:0px 5px 10px 0px;
	display:block;
	width:146px;
	height:99px;
	text-align:center;
	float:left;
	background-color:#FFFFFF;
}

.clanky #stred #fotogalerie a img {
	float:left;
	margin-left:0px;
}

.clanky #stred .obr_dalsi {
	text-align:center;
	margin:0px;
}

.clanky #stred #fotogalerie a.prvni {
	margin-left:2px;
	clear:left;
}