body {
   margin: 0 0 0 0;
	color: #dbdbdb;
	background-color: #004066;
	background-image: url(/images/bg_all.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	overflow: -moz-scrollbars-vertical;
}

p {
	margin: 0 0 19px 0;
	line-height: 140%;
	text-align: justify;
}

.perex {
	text-align: justify;
	font-style: italic; 
}

a, a:visited, a:hover {
	color: #f5d41e;
	background-color: transparent;
	text-decoration: underline;
}

h1 {
	font-size: 15pt;
	margin-bottom: 20px;
	font-weight: normal;
	color: #f5d41e;
}

h2 {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 16px;
	color: white;
}

h3 {
	font-size: 10.5pt;
	font-weight: bold;
	margin-bottom: 12px;
	color: white;
}


table.okraj {
	border: 1px solid #f5d41e;
	border-collapse: collapse;
/*	height: 100px;
	overflow: auto;*/
}

table.okraj th, table.okraj td {
	border: 1px solid #f5d41e;
	border-collapse: collapse;
}

table {
	font-size: 8pt;
}

th {
	color: #f5d41e;
	font-weight: bold;
	padding: 3px 8px 3px 8px;
}

td {
	padding: 2px 9px 2px 9px;
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.pravyobr {
	float: right;
	margin: 1px 0 1ex 2em;
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	clear: right;
}

.levyobr {
	float: left;
	margin: 1px 2em 1ex 0;
	font-size: 8pt;
	font-style: italic;
	text-align: center;
	clear: left;
}

.nahled {
	width: 200px;
	height: 200px;
	border: none;
}

/* záležitosti rozvržení nechat na konci  */

#rozvrzeni {
	width: 930px;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	min-height: 600px;
	background-color: #004066;
	background-image: url(/images/bg_page.png);
	background-repeat: repeat-x;
	background-position: top;
}

#titulek {
	position: relative;
	width: 600px;
	height: 100px;
}

#titnabidka {
	position: absolute;
	left: 600px;
	top: 0;
	width: 330px;
	height: 130px;
	background-image: url(/images/head_yellowmenu_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #5c9fc8;
	font-size: 8.5pt;
}

#titnabpolozky {
	margin: 10px auto 0 24px;
	width: 128px;
	float: left;
}

#titnabpolozky a, #titnabpolozky a:hover, #titnabpolozky a:visited {
	color: #5c9fc8;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}

#titnabjazyky {
	float: right;
	margin: 10px 16px 0 auto;
	text-align: right;
}

#titnabjazyky span, #titnabjazyky a, #titnabjazyky a:hover, #titnabjazyky a:visited {
	color: #5c9fc8;
	padding: 2px 0 0 18px;
	display: inline-block;
	background-position: top left;
	background-repeat: no-repeat;
}

#titnabjazyky a, #titnabjazyky a:hover, #titnabjazyky a:visited {
	color: #505659;
	text-decoration: none;
	margin-left: 5px;
}

#titnabjazyky a, #titnabjazyky a:visited { background-image: url(/images/arrow_yellow_off.png); }
#titnabjazyky span                       { background-image: url(/images/arrow_yellow_on.png); }

#titnabvyhl {
	float: right;
	clear: right;
	margin: 10px 10px 0 auto;
}

#titnabvyhl input, .vyhledavani input {
	height: 19px;
	border: none;
}

#vyhlbox {
	background-color: white;
	width: 100px;
	color: #5c9fc8;
	vertical-align: bottom;
	font-size: 8.5pt;
}

#vyhlimg {
	width: 18px;
}

#titnabzpet {
	display: block;
	position: absolute;
	top: 105px;
	left: 201px;
	color: #5c9fc8;
	text-decoration: none;
	height: 20px;
	padding: 5px 0 0 30px;
	background-image: url(../images/head_yellowmenu_back.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#titzalozky {
	position: absolute;
	left: 0;
	top: 110px;
	background-color: transparent;
	height: 20px;
}

#titzalozky a, #titzalozky a:hover, #titzalozky a:visited {
	color: white;
	text-decoration: none;
	cursor: hand;
}

#titzalozky img {
	border: none;
	margin-right: 2px;
}

.titzal01, .titzal02, .titzal03, .titzal04 {
	display: inline-block;
	vertical-align: top;
	height: 17px;
	padding: 3px 4px 0 10px;
}

.titzal01  { background-color: #15A0CB; }
.titzal02  { background-color: #007DA4; }
.titzal03  { background-color: #006290; }
.titzal04  { background-color: #FFD500; }

#obsah {
	position: absolute;
	width: 930px;
	left: 0;
	top: 130px;
}

#aktuality {
	float: right;
	width: 330px;
	height: 250px;
	background-image: url(/images/news_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#aktuality div {
	margin: 16px 0 4px 24px;
	padding-right: 30px;
/*	background-image: url(/images/news_link.png);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: pointer;  vypnuto do zprovoznění aktualit */
}

#aktuality span {
	font-weight: bold;
}

#aktuality p {
	margin-top: 4px;
	color: #DDC01C;
}

#uvodtext {
	margin: 32px 362px 32px 32px;
	min-height: 218px;
}

#uvodboxy {
	position: relative;
   left: 32px;
	width: 810px;
	height: 310px;
}

.uvodboxhorni {
	position: absolute;
	top: 0;
	width: 250px;
	height: 48px;
	padding-left: 10px;
	background-image: url(/images/selectbox_head.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: #f5d41e;
	font-size: 10.5pt;
	cursor: pointer;
}

.uvodboxhorni span {
	display: block;
	font-size: 7.5pt;
	color: #dbdbdb;
	margin: 4px 0 8px 0;
}

#uvodboxstred01, #uvodboxstred02, #uvodboxstred03 {
	position: absolute;
	top: 50px;
	width: 255px;
	height: 190px;
	padding-left: 5px;
	background-repeat: repeat-y;
	background-position: left;
}

#uvodboxstred01 a, #uvodboxstred02 a, #uvodboxstred03 a, #uvodboxstred01 a:visited, #uvodboxstred02 a:visited, #uvodboxstred03 a:visited {
	display: block;
	color: #dbdbdb;
	text-decoration: none;
	padding: 2px 0 0 18px;
	margin-top: 6px;
	background-repeat: no-repeat;
	background-position: top left;
}

#uvodboxstred01 { left: 0;      background-image: url(/images/selectbox_01_bg.png); }
#uvodboxstred02 { left: 275px;  background-image: url(/images/selectbox_02_bg.png); }
#uvodboxstred03 { left: 550px;  background-image: url(/images/selectbox_03_bg.png); }

#uvodboxstred01 a       { background-image: url(/images/menu_01_arrow_off.png); }
#uvodboxstred01 a:hover { background-image: url(/images/menu_01_arrow_on.png); color: #f5d41e; }

#uvodboxstred02 a       { background-image: url(/images/menu_02_arrow_off.png); }
#uvodboxstred02 a:hover { background-image: url(/images/menu_02_arrow_on.png); color: #f5d41e; }

#uvodboxstred03 a       { background-image: url(/images/menu_03_arrow_off.png); }
#uvodboxstred03 a:hover { background-image: url(/images/menu_03_arrow_on.png); color: #f5d41e; }

#uvodboxspodni01, #uvodboxspodni02, #uvodboxspodni03 {
	position: absolute;
	top: 240px;
	width: 255px;
	height: 65px;
	background-repeat: no-repeat;
	background-position: top left;
}

#uvodboxspodni01 { left: 0;     background-image: url(/images/selectbox_01_bottom.png); }
#uvodboxspodni02 { left: 275px; background-image: url(/images/selectbox_02_bottom.png); }
#uvodboxspodni03 { left: 550px; background-image: url(/images/selectbox_03_bottom.png); }

#paticka {
	margin-top: 16px;
	border-top: 1px solid #3f7ca1;
	font-size: 7.5pt;
	padding: 8px 0 20px 32px;
	clear: both;
}

#kreatura {
	float: right;
	padding-right: 32px;
}

#paticka a, #paticka a:visited { color: #5c9fc8; text-decoration: none; }

#paticka a:hover { text-decoration: underline; }

#nabidka {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
}

#nabhorni {
	display: block;
	width: 220px;
	height: 25px;
	background-repeat: no-repeat;
}

#nabstred01, #nabstred03, #nabstred02 {
	min-height: 300px;
	padding: 6px 5px 10px 5px;
	background-position: left;
	background-repeat: repeat-y;
}

#nabstred01 { background-image: url(/images/menu_01_bg.png); }
#nabstred02 { background-image: url(/images/menu_02_bg.png); }
#nabstred03 { background-image: url(/images/menu_03_bg.png); }


#nabdolni {
	display: block;
	width: 220px;
	height: 65px;
}


#nabstred01 a, #nabstred02 a, #nabstred03 a, #nabstred01 a:visited, #nabstred02 a:visited, #nabstred03 a:visited, .mapawebu a, .mapawebu a:visited {
	display: block;
	color: #dbdbdb;
	text-decoration: none;
	padding: 2px 0 0 18px;
	margin: 6px 5px 0 0;
	background-repeat: no-repeat;
	background-position: top left;
}

#nabstred01 a       { background-image: url(/images/menu_01_arrow_off.png); }
#nabstred01 a.bez   { background-image: none; }
#nabstred01 a:hover, #nabstred01 a.zap { background-image: url(/images/menu_01_arrow_on.png); color: #f5d41e; }

#nabstred02 a       { background-image: url(/images/menu_02_arrow_off.png); }
#nabstred02 a.bez   { background-image: none; }
#nabstred02 a:hover, #nabstred02 a.zap { background-image: url(/images/menu_02_arrow_on.png); color: #f5d41e; }

#nabstred03 a       { background-image: url(/images/menu_03_arrow_off.png); }
#nabstred03 a.bez   { background-image: none; }
#nabstred03 a:hover, #nabstred03 a.zap { background-image: url(/images/menu_03_arrow_on.png); color: #f5d41e; }

#nabkontext {
	margin-top: 10px;
	background-image: url(/images/contextmenu_bg.png);
	background-position: left;
	background-repeat: repeat-y;
}

#nabkontext a, #nabkontext a:visited, #nabkontext a:hover {
	display: block;
	margin: 2px 5px 2px 5px;
	padding: 4px 0 4px 24px;
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 7.5pt;
	color: #004066;
	text-decoration: none;
}

.nabkontroz {
	display: block;
	width: 220px;
	height: 5px;
}

#nabkontdolni {
	display: block;
	width: 220px;
	height: 55px;
}

#clanek {
	position: relative;
	left: 270px;
	width: 630px;
	min-height: 550px;
	padding-top: 32px;
}

.podperex {
	display: inline-block;
	margin-right: 10px;
	width: 200px;
	vertical-align: top;
}

.pphorni {
	cursor: pointer;
	background-image: url(/images/perexbox_head.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 8px 20px 0 8px;
	height: 42px;
	color: #f5d41e;
   font-size: 10.5pt;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.ppstred01, .ppstred02, .ppstred03 {
	background-position: left;
	background-repeat: repeat-y;
	font-size: 8pt;
	color: #dbdbdb;
	padding: 8px 8px 0 8px;
	height: 120px;
}

.ppstred01 img, .ppstred02 img, .ppstred03 img {
	display: block;
/*	width: 184px;
	height: 100px;
	margin-bottom: 4px; */
	margin: 0 auto 4px auto;
	text-align: center;
}

.ppstred01 { background-image: url(/images/infobox_01_bg.png); }
.ppstred02 { background-image: url(/images/infobox_02_bg.png); }
.ppstred03 { background-image: url(/images/infobox_03_bg.png); }

.ppstred p {
	line-height: normal;
}

.ppspodni {
	display: block;
	width: 200px;
	height: 65px;
	margin-bottom: 20px;
}

.mapawebu a       { background-image: url(/images/webmap_arrow_off.png); }
.mapawebu a.bez   { background-image: none; }
.mapawebu a:hover, mapawebu a.zap { background-image: url(/images/webmap_arrow_on.png); color: #f5d41e; }

.kestazeni a, .kestazeni a:hover, .kestazeni a:visited {
	display: block;
	min-height: 64px;
	padding-left: 70px;
	color: #f5d41e;
	margin-bottom: 6px;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

.kestazeni span {
	color: #dbdbdb;
	font-size: 8.5pt;
}

.vyhledavani h2 {
	font-weight: normal;
	margin: 20px 0 0 0;
}

.reference img {
	border: 1px solid #dbdbdb;
}

#posunovac {
	height: 160px;
	background-image: url(../images/posunovac_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	z-index: 0;
}

#posunnadpis {
	display: block;
	width: 320px;
	height: 30px;
	margin: 0 32px 0 auto;
	text-align: right;
}

.posunnavigace {
	display: inline-block;
	cursor: pointer;
	height: 90px;
	width: 32px;
	margin: 0 0 0 0;
}

#posunblok {
	position: relative;
	display: inline-block;
	height: 90px;
	width: 860px;
	clip:rect(0px, 860px, 90px, 0px); 
	overflow: hidden;	
	z-index: 1; 
}

#posunvnejsek {
	position: absolute; 
	left: 0;
	top: 0; 
	height: 90px;
	width: 860px;
	clip:rect(0px, 860px, 90px, 0px); 
	overflow: hidden;	
	z-index: 1; 
}

#posunobsah {
	position: absolute;
	visibility: hidden; 
	left: 0;
	top: 0; 
	z-index: 1;
	white-space: nowrap;
}

#posunvnitrek img {
	border: none;
}

.clear {
	clear: both;
}