html {
  font-size: 100.01%;
  overflow-y: scroll; /* svisly posuvnik zobrazit vzdy, vodorovny dle potreby */
  overflow-x: auto;
  }
body {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #4F4F4F;
	background: url(../img/bg-body.png) no-repeat top center #fff;
	}

* {	margin: 0; padding: 0;}

h1 {font-size: 1.7em; font-weight: normal; color: #333333;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6, h7 {font-size: 1em;}

h2, h3, h4, h5, h6, h7 {margin-bottom: 1.1em;  color: #333333; padding-top: 0.3em; }
	#homepage h2, #homepage h3, #homepage h4, #homepage h5, #homepage h6 {padding-top: 0;}

	#content h1 { padding: 10px 0 17px 0;}
	#siteNavigation h4, #sidecol h3 {font-weight: normal; font-size: 1.2em; text-transform: uppercase; }
	#sidecol h3 {margin-bottom: 20px; padding-top: 4px;}

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	}
.clear {clear: both;}
	
hr {
  	border:  1px solid;
  	width: 80%;
  	/*color: #FF0000;*/
	/*background-color: #FF0000;*/
	height: 1px;
	}
	
.dots {
	background: url(../img/dots.gif) repeat-x bottom left;
	margin-bottom: 20px;
	}

/*a {font-weight: bold;}
a:link {color: #00599B;}
a:visited {color: #4A6382;}
a:hover {color: #000;}
a:active {color: #CE1E21;}*/

#content a {font-weight: bold;}
#content a:link, #homepage #main  #content h3 a:link {color: #00599B;}
#content a:visited, #homepage #main  #content h3 a:visited {color: #4A6382;}
#content a:hover, #homepage #main #content h3 a:hover {color: #000;}
#content a:active, #homepage #main  #content h3 a:active {color:#000; background:#F6F6F6;}
#content a:focus, #homepage #main  #content h3 a:focus {color:#000; background:#F6F6F6;}

#homepage #content a, #content .kontakty a, #content a.dark { font-weight: normal;}

a:link, #homepage #content a:link, #content .chapters ol li  a:link, #content .kontakty a:link, #content a.dark:link, #content #sitemap ul ul  li a:link {color: #000;}
a:visited, #homepage #content a:visited, #content .chapters ol li a:visited, #content .kontakty a:visited, #content a.dark:visited, #content #sitemap ul ul  li a:visited  {color: #4A6382;}
a:hover, #homepage #content a:hover, #content .chapters ol li a:hover, #content .kontakty a:hover, #content a.dark:hover, #content #sitemap ul ul  li a:hover {color: #595959;}
a:active, #homepage #content a:active, #content .chapters ol li a:active, #content .kontakty a:active, #content a.dark:active, #content #sitemap ul ul  li a:active {color:#595959; background-color:#F6F6F6;}
a:focus, #homepage #content a:focus, #content .chapters ol li a:focus, #content .kontakty a:focus, #content a.dark:focus, #content #sitemap ul ul  li a:focus {color:#595959; background-color:#F6F6F6;}


img {border: none;}
p {margin-bottom: 1.7em;}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none;}

.none { position:absolute; left:-1000px; top:-1000px; width:1px; height:1px;overflow:hidden;} 

.lft {
	float: left;
	margin: 0 24px 10px 0;
	}

.rgt {
	float: right;
	margin: 0 0 10px 24px;
	}

#content ul, #content ol {margin: 0 0 15px 15px;}
	#content ul ul, #content ol ol {margin: 0 0 0 15px;}
	
	#content ul li {list-style: none;}
		#content ul li {background: url(../img/li.gif) no-repeat 0 7px; padding-left: 15px; margin-bottom: 5px;}
	
	#content ol {margin-left: 34px;}
	
.anotace {color: #333;}
.actions {padding-top: 2em;}

.graybox {
	background: url(../img/dots.gif) repeat-x #eee;
	margin: 4em 0;
	clear: both;
	}
	.graybox .in {
		background: url(../img/dots.gif) repeat-x bottom left;
		padding: 26px 10px 0px 10px;
		}
		#fullgall {margin-top: 0}
		#fullgall .in {padding-bottom: 0; }
		
		.kontakty .graybox {margin-top: 2em;}
		
	#maps .in {
		padding: 33px 35px 20px 35px;
		font-size: 1.1em;
		}
		.adresa, .mapa {
			float: left;
			margin-right: 35px;
			}
		#maps img {margin-bottom: 22px;}
		
		#maps form {
			padding-top: 60px;
			}
			#maps label {font-weight: bold;}
			#maps select {width: 200px; margin-bottom: 20px;}
			
		.hasiciCR #maps img, .policieCR #maps img{margin-bottom: 5px;}
		.hasiciCR .mapa, .policieCR .mapa {font-style: italic; font-size: 0.9em;}
			
/* ****************** */
		
#articleList {
	background: url(../img/dots.gif) repeat-x top left;	
	padding-top: 2.5em;
	}
	#articleList h3 {
		font-size: 1em;
		margin-bottom: 0;
		}
	#articleList p {margin-bottom: 0;}
	.article {
		background: url(../img/dots.gif) repeat-x bottom left;
		padding-bottom: 1.5em;
		margin-bottom: 1em;
		}

	
/* ***** IE6 italic bug hack ***** */

/* \*/

.WYSIWYGContentBody {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/* ************************* */
/* ******* formulare ******* */
/* ************************* */

label, input, select {vertical-align: middle;}

option {padding-right: 7px;}
label {padding-right: 5px;}

.button {
	border: 1px solid #a6a6a6;
	background: url(../img/bg-button.gif) repeat-x #d0d0d0;
	padding: 1px 15px;
	color: #000;
	font-size: 1em;
	cursor: pointer;
	}
	
.pole {
	border: 1px solid #7f9db9;
	font-size: 1em;
	padding: 1px;
	width: 200px;
	}
	select.pole {width: 204px;}
	.date {width: 180px;}

.hrDots {
  background: #EEEEEE url(../img/dots.gif) repeat-x scroll 0 0;
  width: 100%;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;
  border: none;
  clear: both;
  position: relative;
}

#searchForm {
  float: left;
  margin: 5px 0 15px 0;
  _margin-bottom: 0px; /* oprava vzhledu IE 6 */
  padding: 0;
  width: 100%;
}

.inputBox {
  float: left;
  background: #EEEEEE;
  width: 100%;
}

#searchForm h2 {
  margin: 0;
  padding: 15px 0 10px 20px;
}

#searchForm .column1 {
  float: left;
  margin: 5px 0 10px 20px;
  width: 80px;
  clear: both;
}
#searchForm .column2 {
  float: left;
  margin: 5px 0 10px 0px;
  width: 180px;
}
#searchForm .column3 {
  float: left;
  margin: 5px 0 10px 20px;
  width: 125px;
}
#searchForm .column4 {
  float: right;
  margin: 5px 20px 10px 0px;
  width: 225px;
  _width: 220px; /* oprava vzhledu IE 6 */
}

#searchForm .button {
  float: right;
  clear: both;
  margin: 5px 20px 15px 0px;  
  _margin-bottom: 0px; /* oprava vzhledu IE 6 */
}

#searchForm .googleSearch {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 0;
}

#searchForm .googleSearch .title {
  float: left;
  margin: 12px 0px 10px 160px;
  _margin-left: 80px; /* oprava vzhledu IE 6 */
}

#searchForm .googleSearch a {
  clear: none;
  display: block;
  margin: 10px 20px 10px 0;
  _margin-right: 10px; /* oprava vzhledu IE 6 */
  float: right;
  text-decoration: none;
}

/* formular - vyhledavani googlem */
#searchForm .column1g {
  float: left;
  margin: 5px 0 10px 150px;
  width: 130px;
  clear: both;
}

#searchForm .column2g {
  float: left;
  margin: 5px 0 10px 20px;
  width: 200px;
}

#searchForm input.googleButton {
  background:#D0D0D0 url(../img/bg-button.gif) repeat-x scroll 0 0;
  border:1px solid #A6A6A6;
  color:#000000;
  cursor:pointer;
  font-size:1em;
  padding:1px 15px;
}

/* IE button fix */
	
input.button {
	width: 0;
	overflow: visible;
}
input.button[class] {width: auto;}

input, select {font-size: 1em; vertical-align: middle;}

/* tabulka bezna */
table {
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 2.5em;
	width: 99%;
	}	
	th, td {
		padding: 7px 15px;
		vertical-align: top;
		}
		th {
			background: #555555;
			color: #FFF;
			font-weight: normal;
			text-align: left;
			}
		td {
			background: url(../img/dots.gif) repeat-x bottom left #FFF;
			padding-top: 11px;
			}
			.odd td {background: url(../img/dots.gif) repeat-x bottom left #eeeeee;}
/* tabulka bez formatovani */
table.noformat {
	border: 0;
	border-collapse: collapse;
	}
	table.noformat th, table.noformat td {
		padding: 7px 15px;
		vertical-align: top;
		border: 0;
		background:none;
		color: #4F4F4F;
		}
		table.noformat th {font-weight: bold;}
		
/* skryte zkratky */
.focus {position: absolute; left: 25px;}

.focus a, .focus span {
	position: absolute;
	top: -20px;
	z-index: -10;
	white-space: nowrap;
	}
.focus a:focus, .focus a:active {
    z-index:2;
	top: 90px;
    background:#FFF;
	padding: 2px 5px 4px 6px;
}
.focus li {
	list-style-type: none;
}


/* ************************* */		
/* **** nahrada obrazkem *** */
/* ************************* */	

.dalsiaktuality, .dalsifotografie, .mail, .tisk, .policie, .hasici, .prevfoto, .nextfoto, .mapaHZS, .mvcr, .zpravodajstvi {
	position: relative;
	display: block;
	overflow: hidden;
	}
	.mail, .tisk {float: right; margin-left: 15px;}

.dalsiaktuality span, .dalsifotografie span, .logo span, .mail span, .tisk span, .policie span, .hasici span, .prevfoto span, .nextfoto span, .mapaHZS span, .mvcr span, .zpravodajstvi span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	}
		.dalsiaktuality {
			height: 19px;
			width: 101px;
			float: right;			
			}			
		.dalsifotografie, .mail, .tisk, .zpravodajstvi {
			width: 104px;
			height: 19px;
			}
			.zpravodajstvi {float: right;}
		.prevfoto {
			width: 94px;
			height: 19px;
			float: left;
			margin-right: 13px;
			}			
		.nextfoto {
			width: 114px;
			height: 19px;
			}
			.dalsiaktuality span {background: url(../img/but-dalsi.gif) no-repeat; cursor: pointer;}
				.english .dalsiaktuality span {background-image: url(../img/but-dalsi-EN.gif)}
			.dalsifotografie span {background: url(../img/but-dalsifotogalerie.gif) no-repeat; cursor: pointer;}
				.english .dalsifotografie span {background-image: url(../img/but-dalsifotografie-EN.gif)}
			.tisk span {background: url(../img/but-vytisknout.gif) no-repeat 0 0; cursor: pointer;}
				.english .tisk span {background-image: url(../img/but-vytisknout-EN.gif)}
			.mail span {background: url(../img/but-emailem.gif) no-repeat; cursor: pointer;}
				.english .mail span {background-image: url(../img/but-emailem-EN.gif)}
			.prevfoto  {background: url(../img/but-prev.gif) no-repeat 0 0; cursor: pointer;}
				.english .prevfoto span {background-image: url(../img/but-prev-EN.gif)}
			.nextfoto  {background: url(../img/but-nextfoto.gif) no-repeat 0 0; cursor: pointer;}	
				.english .nextfoto span {background-image: url(../img/but-nextfoto-EN.gif)}
			.zpravodajstvi span {background: url(../img/but-zpravodajstvi.gif) no-repeat 0 0; cursor: pointer;}
						
				.tisk:hover span, .mail:hover span, .dalsiaktuality:hover span, .dalsifotografie:hover span, .prevfoto:hover, .nextfoto:hover, .zpravodajstvi:hover span {background-position: 0 -19px;}
				.tisk:active span, .mail:active span, .dalsiaktuality:active span, .dalsifotografie:active span, .prevfoto:active, .nextfoto:active, .zpravodajstvi:active span {background-position: 0 -19px;}
				.tisk:focus span, .mail:focus span, .dalsiaktuality:focus span, .dalsifotografie:focus span, .prevfoto:focus, .nextfoto:focus, .zpravodajstvi:focus span {background-position: 0 -19px;}
				
				
		.policie, .hasici, .mvcr {
			width: 240px;
			height: 37px;
			margin-bottom: 11px;
			}
			.policie span {background: url(../img/but-policie.gif) no-repeat 0 0; cursor: pointer;}
				.hasiciCR .policie span {background: url(../img/but-policie-red.gif) no-repeat 0 0;}
			.hasici span {background: url(../img/but-hasici.gif) no-repeat 0 0; cursor: pointer;}
				.policieCR .hasici span {background: url(../img/but-hasici-green.gif) no-repeat 0 0; cursor: pointer;}
			.hasiciCR .mvcr span {background: url(../img/but-mvcr-red.gif) no-repeat 0 0; cursor: pointer;}
				.hasiciCR .english .mvcr span {background: url(../img/but-mvcr-red-EN.gif) no-repeat 0 0; cursor: pointer;}
			.policieCR .mvcr span {background: url(../img/but-mvcr-green.gif) no-repeat 0 0; cursor: pointer;}
				.policieCR .english .mvcr span {background: url(../img/but-mvcr-green-EN.gif) no-repeat 0 0; cursor: pointer;}
			
				
				
				.english .policie span {background-image: url(../img/but-policie-EN.gif)}
					.hasiciCR .english .policie span {background-image: url(../img/but-policie-red-EN.gif)}
					
				.english .hasici span {background-image: url(../img/but-hasici-EN.gif)}
					.policieCR .english .hasici span {background-image: url(../img/but-hasici-green-EN.gif)}
				
				.policie:hover span, .hasici:hover span, .mvcr:hover span, .english .mvcr:hover span {background-position: 0 -37px;}
        .policie:active span, .hasici:active span, .mvcr:active span, .english .mvcr:active span {background-position: 0 -37px;}
        .policie:focus span, .hasici:focus span, .mvcr:focus span, .english .mvcr:focus span {background-position: 0 -37px;}

		.mapaHZS {
			width: 150px;
			height: 64px;
			}
			.mapaHZS span {background: url(../img/but-mapaHZS.jpg) no-repeat 0 0; cursor: pointer;}
				.mapaHZS:hover span {background-position: 0 -64px;}
				
		/*
		a.hasici, a.hasici:focus {background: url(../img/but-hasici.gif) no-repeat 0 0; cursor: pointer;}
		a.hasici:hover {background-position: 0 -37px;}*/
	
/* ***** float clear  ********* */

.hpbox1, .hpbox2, .actions, #sidecol, #content_container, .fotobox, .galleryMini .in, .graybox .in, .pager, .article, #sitemap2, #subHPtitle  {
	overflow: hidden;
	_display: inline-block;
	}
	
/* cistic uzivatelskych wysiwyg okras */
	
font {
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	}
	

.leftcol {
	width: 48%;
	float: left;
	clear: both;
	}
.rightcol {
	width: 48%;
	float: right;
	}

/* ****************** */	
/* ***** anketa ***** */
/* ****************** */

#anketa {
  width: 100%;
}

#anketa p {
	margin-bottom: 5px;
	}

	.ank1, .ank2, .ank3, .ank4 {
		height: 11px;
		display: block;
		line-height: 11px;
		margin-top: 3px;
		width: 138px;
		background: url(../img/bg-anketa.gif) no-repeat;
		padding-right: 4px;
		}
		.ank1 span, .ank2 span, .ank3 span, .ank4 span {
			height: 11px;
			line-height: 11px;
			display: block;	
			}

		.ank1 span {background: url(../img/bg-anketa1.gif) no-repeat #2CA2CA;}
		.ank2 span {background: url(../img/bg-anketa2.gif) no-repeat #737373;}
		.ank3 span {background: url(../img/bg-anketa3.gif) no-repeat #B5B5B5;}
		.ank4 span {background: url(../img/bg-anketa1.gif) no-repeat #2CA2CA;}
		.ank5 span {background: url(../img/bg-anketa2.gif) no-repeat #737373;}
		.ank6 span {background: url(../img/bg-anketa3.gif) no-repeat #B5B5B5;}
		
/* ****************** */	
/* ****** pager ***** */
/* ****************** */

.pager {
	text-align: center;
	margin-bottom: 1em;
	margin-top: 2em;
	}
	.forGallery {margin-bottom: 0;}
	.pager br {display: none;}
	.nalezeno {
		float: left;
		}
	.stranky {
		float: right;
		 color: #cccccc;
		}
	.pager .button, .chapters .button {padding: 1px 3px;}
	#content .pager a {font-weight: normal; color: #000;}
		.stranky span, .stranky a, .stranky strong {margin: 0 4px;}
		.stranky span {color: #4f4f4f;}
		#content .pager a.next,
		#content .pager a.next:hover,
		#content .pager a.next:active,
		#content .pager a.next:focus,
		#content .pager a.next:link {background: url(../img/odrazka-sipka-modra.gif) no-repeat 100% 70%; padding-right: 15px;}
		#content .pager a.prev,
		#content .pager a.prev:hover,
		#content .pager a.prev:active,
		#content .pager a.prev:focus,
		#content .pager a.prev:link {background: url(../img/odrazka-sipka-modra-2.gif) no-repeat 0 70%; padding-left: 15px;}
		
		

#subHPtitle {
	position: relative;
	top: -15px;
	min-height: 81px;
	_height: 81px;
	}
	#subHPtitle h1 {
		top: 10px;
		position: relative;
		}

	
/* ******************************** */
/* *************obsah************** */
/* ******************************** */

#all {
margin: 0 auto;
text-align: left;
width: 991px;
font-size: 1.1em;
}

/* ******* hlavicka ******* */

#top {
	height: 178px;
	position: relative;
	}
	.img1 {background: url(../img/topimage-1.jpg) no-repeat #2172B4;}
	.img2 {background: url(../img/topimage-2.jpg) no-repeat #2172B4;}
	.img3 {background: url(../img/topimage-3.jpg) no-repeat #2172B4;}

	#top img {
    position: absolute; 
    top: 0px; 
    left: 0px;
    z-index: -10;
	}
	
	.english #top {background-image: url(../img/topimage-EN.jpg)}
	
	.logo {
		position: absolute;
		top: 0;
		left: 0;
		width: 210px;
		height: 82px;
		color: #FFF;
		font-weight: bold;
		overflow: hidden;
		z-index: 10;
		}
		.logo span {cursor: pointer;}
		/*#homepage .logo span {cursor:default;}*/ /* AC */
		.logo span.img1 {background: url(../img/logo-1.jpg) no-repeat;}
		.logo span.img2 {background: url(../img/logo-2.jpg) no-repeat;}
		.logo span.img3 {background: url(../img/logo-3.jpg) no-repeat;}
		.english #top .logo span {background: url(../img/logo-mvcr-EN.jpg) no-repeat;}
		
	#search {
		position: relative;
		float: right;
		padding: 10px 18px 0 4px;
		z-index: 10;
		}
		.searchfield {
			border: none;
			width: 130px;
			padding: 2px;
			}
		#search p {margin-bottom: 5px;}
		#search select {
			width: 165px;
			border: none;
			}
	.shortcuts {
		float: right;
		padding-top: 10px;
		width: 500px;
		text-align: right;
    z-index: 10;
		}
		.shortcuts a:link, .shortcuts a:visited, .shortcuts a:hover, .shortcuts a:active, .shortcuts a:focus {
			color: #FFFFFF;
			background: url(../img/sipka.gif) no-repeat 100% 50%;
			padding-right: 7px;
			margin-right: 13px;
			}
		
	
/* ******* menu ******* */

#h_menu {
	background: url(../img/bg-hmenu.gif) repeat-x #575757;
	width: 100%;
	}
	#h_menu ul {
		list-style: none;
		position: relative;
		width: 100%;
		}
		#h_menu ul li {
			float: left;
			position: relative;
			margin-right: -1px;
			}
			#h_menu ul li a {
				display: block;
				text-decoration: none;
				color: #FFF;
				margin: 0;
				padding: 5px 0
				}
				#h_menu ul li a span {
					border-left: 1px solid #ADADAD;
					padding: 1px 0 1px 0; 
					text-align: center;
					display: block;
					margin: 0 0;
					}					
					#h_menu .sgLine span {padding: 8px 0 8px 0;}	
					.english #h_menu ul li span {padding: 8px 15px;}				
					#h_menu ul li.first a span {border: none}
				#h_menu ul li a:hover, #h_menu ul li a:active, #h_menu ul li a:focus, #h_menu ul li.selected a {
					background: #FFF;
					color: #000;
					border-left: 1px solid #ADADAD;
					background: url(../img/bg-menulinka.gif) no-repeat top right #FFF;
					}
					#h_menu ul li.selected a span, #h_menu ul li a:hover span {border: 0;}
					
					#h_menu ul li a:hover, #h_menu ul li a:active, #h_menu ul li a:focus {background-color: #f1f1f1;}

				/* definice sirky jednotlivych polozek */ /* navrzena uprava: 70,60,130,70,110,90,50,120,70,80,70,80 */
						.m1 {width: 80px;}
							#h_menu ul li.m1 span {padding-left: 10px;}
						.m2 {width: 70px;}
						.m3 {width: 140px;}
						.m4 {width: 120px;}
						.m5 {width: 110px;}
						.m6 {width: 55px;}
						.m7 {width: 130px;}
						.m8 {width: 70px;}
						.m9 {width: 110px; }
						
						.m10 {width: 100px; }
							#h_menu ul li.m10 span {padding-right: 10px;}
					
				/* zalozka bila i pri mysi nad vnorenem menu */					
				#h_menu ul li:hover, #h_menu ul li.hover {
					background: #FFF;
					background: url(../img/bg-menulinka.gif) no-repeat top right #f1f1f1;
					}
					#h_menu ul li:hover a, #h_menu ul li.hover a {color: #000;  border-left: 1px solid #ADADAD;}
					#h_menu ul li:hover a span, #h_menu ul li.hover a span {border: 0;}
					
					#h_menu ul li:hover ul li a, #h_menu ul li.hover ul li a {border-left: 0;}
					#h_menu ul li:hover ul li, #h_menu ul li.hover ul li {background-image: none;}	
					
						#all #h_menu ul li.selected ul li a {background: none;}								
							
					
		/* **** vnorene menu **** */
						
		#h_menu ul ul {
			position: absolute;
			width: 174px;
			background: url(../img/bg-hmenu-ul.gif) no-repeat 0 0 #FFF;
			padding: 5px 0 6px 0;
			border-bottom: 1px solid #A6A6A6;
			left: 0;
			display: none;
			}
				#h_menu ul li.m10 ul {left: -71px;} /* vyjimka pro posledni polozku - dropdown doprava */
			#h_menu ul ul li {
				float: none;
				margin: 0 8px;
				border-bottom: 1px solid #D9D9D9;
				}
					#h_menu ul ul li.last {border: none;}
				#h_menu ul ul li a {
					color: #000;
					padding: 0;		
					display: block;
					width: 100%;
					overflow: hidden;			
					}
					#all #h_menu ul ul li a span {
						border: none;
						padding: 2px 0 2px 17px;
						margin: 1px 0;
						background: url(../img/sipka-gray.gif) no-repeat 6px 7px;
						display: block;
						text-align: left;
						}
						#h_menu ul .sgLine ul li a span {padding: 2px 0 2px 17px;}
						#h_menu ul ul li a:hover {
							color: #FFF;
							border: 0;
							background: none;
							}
						#all #h_menu ul ul li a:hover span {
							background: #555555;							
							}
							
			#h_menu ul li:hover ul, #h_menu ul li.hover ul {display: block;}
			#h_menu ul li {_behavior: url(design/js/hover.htc);}
			
						
			
/* submenu */

#content ul.submenu {
	background: url(../img/dots.gif) repeat-x;
	padding-top: 2em;
	margin: 1em 0;
	}

#content ul.submenu li {
	background: none;
	}			
			
			
/* **** hlavni cast **** */

#main {
	margin: 0 0 20px 0;
	}
	#siteNavigation.dots {
		padding: 30px 0 6px 0;
		margin: 0 16px 10px 18px;
		}
		#siteNavigation h4, #siteNavigation p {margin-bottom: 0;}

		
		.breadcrumbs {
			float: right;
			text-align: right;
			}
			.breadcrumbs a, .breadcrumbs span {text-decoration: none; margin: 0 5px;}
			
		.subHP .breadcrumbs {float: none; text-align: right; padding-bottom: 1px;}
	
/* **** leve menu **** */

#sidecol ul, #sidecol p {margin-right: 18px}

#sidecol {
	float: right;
	width: 260px;
	padding-top: 20px;
	}
	#sidecol ul {
		list-style: none;
		padding-bottom: 15px;
		padding-left: 15px;
		}
			#sidecol ul ul {padding-bottom: 0;}
		#sidecol ul li {
			background: url(../img/odrazka-sipka-modra.gif) no-repeat 0 2px;
			padding-left: 18px;
			margin-bottom: 5px;
			padding-bottom: 1px;
			}
		
/* buttony na weby policie/hasici/mvcr */
	.sites {
		padding-bottom: 7px;
		overflow: hidden; 
		_display: inline-block;
		}
		.sites br {display: none;}
		
/* bannery */
	.banners img {
			background: url(../img/bg-banner.gif) no-repeat;
			padding: 3px;
			margin-bottom: 7px;
			}
			
	/* FLASH */		
	.banners object {
			background: url(../img/bg-banner.gif) no-repeat;
			padding: 3px;
			margin-bottom: 7px;
			display:block; 
			width:240px; 
			height:64px; 

			}
		
/* ******************** */		
/* ****** obsah ******* */
/* ******************** */

#content_container {
	float: left;
	width: 710px;
	overflow: visible;
	}
	#content {
		margin: 15px 0 15px 18px;
		text-align: justify;
		line-height: 1.6em;
		}
		#homepage #content {line-height: 1.3em;}
		
		
		
/* ******************** */		
/* ****** fotka ******* */
/* ******************** */	
		
		.fotobox {
			text-align: center;
			margin-bottom: 1.4em;
			padding-top: 4px;
            overflow: hidden;
			/*width: 190px;*/
			}
			.fotobox img {
				border: 1px solid #A6A6A6;
				padding: 2px;
				background: #FFF;
				margin-bottom: 8px;
				}				
				
			.fotobox em {margin-bottom: 0; display: block; color:#000;}
			
			/*span.foto, span.foto span {display: block; line-height: 0;}
				span.foto {background: url(../img/bg-foto1.gif) no-repeat top left; margin-bottom: 0.8em;}
				span.foto span {background: url(../img/bg-foto2.gif) no-repeat bottom right;}
				span.foto span span {background: url(../img/bg-foto3.gif) no-repeat bottom left;}
					.foto img {
						padding: 3px;
						background: url(../img/bg-foto4.gif) no-repeat top right;
						}*/
						
				.foto img {border: 1px solid #a5a5a5; padding: 2px; background: #FFF;}				

						
/* ********************** */		
/* ****** galerie ******* */
/* ********************** */


		.box {
			text-align: center;
			float: left;
			width: 168px;		
			margin-bottom: 20px;
			}
			.box h4 {
				height: 2.5em;
				line-height: 1em;
				font-size: 1em;
				margin-bottom: 0.8em;
				line-height: normal;
				}
			.box p { text-align: center; margin-bottom: 1em;}

			#content .box a.full {
				padding-left: 18px;
				background: url(../img/odrazka-sipka-gray.gif) no-repeat 0 2px;
				line-height: normal;
				}
				
			.thumb {
				border: 1px solid #A9A9A9;
				padding: 2px;
				background: #FFF;
				}
			.thumb.active {
			    border: 3px solid #00599b;
			    padding: 0px;
			}
			.popisek {min-height: 3.5em; _height: 3.5em;}
				
			#fullgall .box {
				margin-bottom: 30px;
				}
			#fullgall p {margin-bottom: 0.3em;}
			
				
			/*.thumb, .vert, .mini {
				background: url(../img/bg-thumb.gif) no-repeat;
				padding: 3px;
				vertical-align: middle;
				}
			.vert {
				background:url(../img/bg-thumb-v.gif) no-repeat;
				}*/
			.mini {
				float: left;
				margin-right: 15px;
				position: relative;
				top: 5px;
				}
			
/* ********************** */		
/* ****** kapitoly ******* */
/* ********************** */

.chapters {margin: 0 0 2em 0; color: #000; clear:both;}			
.chapters span {font-weight: bold;}
.chapters .in {
	padding: 15px 18px 3px 18px;
	text-transform:uppercase;	
	}
	.chapters li {margin-bottom: 0.2em;}	
	.chapters li a {text-transform: none;}
	
	form#chapterSelect {
		float: right;
		margin: 0 0 3px 0;
		padding: 0;
		}
		form#chapterSelect p {margin-bottom: 0;}
				
/* ************************************ */		
/* ****** souvisejici dokumenty ******* */
/* ************************************ */

.related {margin: 4em 0;}
	.related h2 {margin-bottom: 2em;}
		.related ul {
			list-style: none;
			}
			#content .related li {
				background: url(../img/odrazka-sipka-modra.gif) no-repeat 0 4px;
				padding-left: 20px;
				margin-bottom: 2em;
				}
					.doc, .xls, .pdf, .ppt, .multim, .zip, .txt, .img, .exe {padding-right: 15px;}						
						.doc {background: url(../img/ico-doc.gif) no-repeat 100% 50%;}
						.xls {background: url(../img/ico-xls.gif) no-repeat 100% 50%;}
						.pdf {background: url(../img/ico-pdf.gif) no-repeat 100% 50%;}
						.ppt {background: url(../img/ico-ppt.gif) no-repeat 100% 50%;}
						.multim {background: url(../img/ico-multimedia.gif) no-repeat 100% 50%;}
						.zip {background: url(../img/ico-zip.gif) no-repeat 100% 50%;}
						.txt {background: url(../img/ico-txt.gif) no-repeat 100% 50%;}
						.img {background: url(../img/ico-jpg.gif) no-repeat 100% 50%;}
						.exe {background: url(../img/ico-exe.gif) no-repeat 100% 50%;}

.photorelated .related { margin: 0.8em 0;}		
.photorelated .related h2 { margin-bottom: 0.8em;font-size: 1.1em;} 		
#content.photorelated .related li { margin-bottom: 0.8em;}

/* ***************** */		
/* **** sitemap **** */
/* ***************** */
#sitemap2 {padding-top: 15px; text-align: left;}
			
#sitemap2 ul {
	width: 30%;
	float: left;
	display: block;
	margin-bottom: 2em;
		}		
	#sitemap2 ul ul {
		padding: 3px 0 0 0;
		margin: 0 0 0 0;
		width: auto;
		display: inline;
		}

#sitemap2 ul li {
	background: none;
	padding: 0 25px 0 0;
	}
	#sitemap2 ul ul li {
			padding: 4px 0 0 9px;
			}
	
	#sitemap2 ul li a {
		background: url(../img/odrazka-sipka-modra.gif) no-repeat 17px 2px; 
		padding-left: 35px;
		text-transform: uppercase;
		}
		#sitemap2 ul ul li a {
			background: none;
			font-weight: normal;
			text-transform: none;
			padding-left: 27px;
			display: block;
			}
			
	#sitemap2 .dots {
		overflow: hidden;
		_display: inline-block;
		padding-bottom: 0;
		margin-bottom: 2.5em;
		}
		
/* ***************** */		
/* **** kalendar **** */
/* ***************** */

#kalendar img {
	float: none;
	padding: 0;
	background: none;
	margin: 0 5px;
	vertical-align: middle;
	border: 0;
	padding: 0;
	}
#kalendar div {
	background: url(../img/bg-kalendar.gif) no-repeat;
	}
	
#kalendar p {color: #cccccc;}
#kalendar span {margin: 0 5px; color: #5f5f5f;}
		
#kalendar div div {
	background: url(../img/bg-kalendar-bot.gif) no-repeat bottom left;
	margin: 0;
	position: relative;
	padding: 6px 0 4px 7px;
	}
	
#kalendar table {
	width: 150px;
	margin: 0;
	}
	#kalendar table th, #kalendar table td {
		text-align: center;
		padding: 1px 1px;
		}
		#kalendar table th {
			border-bottom: 1px solid #d6d6d6;
			font-weight: bold;
			color: #5f5f5f;
			background: none;
			}	
		#kalendar table td {
			background: none;
			}
			#kalendar table td.today {
				border: 1px solid #999999;
				background: #FFF;
				}
		

/* ***************** */		
/* **** paticka **** */
/* ***************** */		

#ender {
	clear: both;
	width: 100%;
	color: #5F5F5F;
	background: url(../img/dots.gif) repeat-x;
	}
	#ender p {margin-bottom: 0;}
	#ender a {color: #000; margin: 0 10px;}
	#ender a:hover {color: #006FBD;}
	#ender a:active, #ender a:focus {color: #006FBD; background:#F6F6F6;}
	
	.copyright {
		float: left;
		padding: 10px 0 10px 10px;
		}
	.links {
		float: right;
		padding: 10px 0;
		}
		
.informations .perexBox {
    background-image: none;
    /* margin-bottom: 0; */
    padding-bottom: 0;
}

.hp-button-links a {
    display: block;
    overflow: hidden;
    position: relative;
    height: 26px;
    width: 185px;
    margin-bottom: 13px;
    text-decoration: none;
}

.hp-button-links a span {
    position: absolute;
    top: 0px; left: 0px;
    display: block;
    cursor: pointer;
    height: 26px;
    width: 185px;
}

.hp-button-links a:hover span {background-position: 0 -26px;}

#ender a.twitter, #ender a.twitter:active {
    padding: 1px 0 1px 18px;
    background: url('../img/twitter-icon-new.png') 0px 0px no-repeat;
}

#image {
    position: relative;
    overflow: hidden;
    height: 510px;
    background: url(../fancybox/loading.gif) 10px 10px no-repeat;
}
#fancybox-left {
    left: 0;
}
#fancybox-right {
    right: 0;
}
#fancybox-left, #fancybox-right {
    background: transparent url(../fancybox/blank.gif);
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 40%;
    z-index: 1000;
    text-decoration: none;
}
#fancybox-left:hover {
    background: transparent url(../fancybox/fancy_nav_left_browser.png) left center no-repeat;
}
#fancybox-right:hover {
    background: transparent url(../fancybox/fancy_nav_right_browser.png) right center no-repeat;
}
#hiddenFocus {
    position: absolute;
    top: -50px;
    left: 0;
}

/* ********************** */		
/* upravy 20.10.2015      */
/* fixni sirka thumbnailu */
/* ********************** */		

/* default */

.newsBoxMiniature {
    float: left;
    padding-top: 0px; 
}

.newsBoxAnnotation 
{
    float: none; 
    margin-left: 101px; 
    margin-top: 3px;
    width: auto; 
}

.perexBox .newsBoxAnnotation p
{
    margin-left:0px;
}
/* lstDoc */

.article .thumbbox 
{
    float: left;
    padding-top: 5px;
}

.article .infobox 
{
    margin-left: 104px;
}

.no-image .article .thumbbox 
{
    display: none;
}
.no-image .article .infobox 
{
    margin-left: 0px;
}

.article .thumbbox .mini
{
    position: static;
    top: 0px;
    margin-right: 0px;
}

/* image center instead of left align */

.article .thumbbox .thumb, 
.article .thumbbox .thumb.mini {
	border: none;
	padding: 2px;
	background: #FFF;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.artice .thumbbox .thumb.active 
{
    border: none;
    padding: 2px;
}
			    
.article .thumbcont,
.newsContMiniature 
{
    float: left;
    border: 1px #A9A9A9 solid;
	background: #FFF;
    width: 87px;
    overflow: hidden;
}

.newsContMiniature {
    margin-left: 3px;    
}

#content .newsContMiniature img.border2,
.newsContMiniature img.border2 
{
    border: none;
    padding: 2px;
	background: #FFF;
    display: block;    
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px; 
    margin-bottom: 0px; 
	clear:left;
}

/* share by facebook, twitter, googleplus */

.share
{
	position: relative;
	display: block;
	overflow: hidden;
    float: right; 
    margin-left: 15px;
}

.sharefirst
{
    margin-right: 10px; 
}

.share span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.share {
	width: 16px;
	height: 16px;
    margin-top: 2px; 
    background-color: white; 
}

#content a.share, #content a.share:link, #content a.share:visited, #content a.share:active, #content a.share:hover, #content a.share:focus
{
    color: white; 
}

.sharegoogleplus span {background: url(../img/icon-googleplus.png) no-repeat; cursor: pointer;}
.sharefacebook span {background: url(../img/icon-facebook.png) no-repeat; cursor: pointer;}
.sharetwitter span {background: url(../img/twitter-icon-new.png) no-repeat; cursor: pointer;}


#event {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 80px;
    height: 100px;
    }
    #top #event img {
        z-index: 10;
    }

/***********************************************************/
/********************* live content - error ****************/
/***********************************************************/

.livecontenterror
{
    background-color: #e0e0e0;
    margin: 5px;
    padding: 5px;
    color: red;
}

/***********************************************************/
/********************* live content - contact **************/
/***********************************************************/

.contacts {
    margin-top: 4em;
}

.contact {
    padding: 0px;
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

    .contact .c-title {
        display: inline-block;
        width: 40px;
        font-style: italic;
        color: #333;
        clear: left;
    }
    .contact .c-title-1 {
        display: inline-block;
        width: 100px;
        font-style: italic;
        color: #333;
        clear: left;
    }
    .contact .c-title-2 {
        display: inline-block;
        width: 80px;
        font-style: italic;
        color: #333;
        clear: left;
    }
    .contact .c-title-person {
        display: inline;
        font-style: italic;
        color: #333;
        clear: left;
        text-transform: lowercase;
    }
    .contact .c-block {
        float: left;
        width: 190px;
    }
    .contact .t-block {
        float: left;
    }

.contact p {
    padding: 0;
    margin: 0;
    clear: both;
    overflow: hidden;
}


/* simple */
.contact.simple {
    width: 672px; 
    min-height: 100px
}
.contact.simple .contact-name {
    font-weight: bold;
    color: #4f4f4f;
}
.contact.simple .contact-info {
    padding-left:0px
}
.contact.simple .contact-address {
    padding: 5px 0px;
}
.contact.simple .c-block {
    width: 450px;
}

/* person */
.contact.person {
    width: 672px; 
    min-height: 100px
}
.contact.person .contact-photo-1 {
    float: right; 
    width: 113px;
    height: 150px;
}
.contact.person .contact-name {
    font-weight: bold;
    color: #4f4f4f;
    float: left;
    overflow: hidden;
    width: 200px;
}
.contact.person .contact-info {
    float: left;
    clear: left;
    overflow: hidden;
    margin-top: 10px;
    width: 200px;
}
.contact.person .contact-funkce {
    padding: 0 0 5px 0;
    text-transform: lowercase;
    font-weight: normal;
}
.contact.person .contact-cinnost {
    width: 310px;
    float: right;
    margin: 0 30px 0 0;
}
.contact.person .c-block {
    width: 150px;
}



/* medium */
.contact.medium {
    width: 672px; 
    min-height: 120px;
}
.contact.medium .contact-address {
    padding: 0 10px 10px 0;  
}
.contact.medium .contact-photo-1 {
    float:right; 
    width: 200px;
}
.contact.medium .contact-photo-1 img {
    float: right;
}
.contact.medium .contact-info {
    float: left;
    overflow: hidden;
    width: 400px;
}
.contact.medium .contact-name {
    font-weight: bold;
    color: #4f4f4f;
    padding-bottom: 5px;
    float: left;
    width: 465px;
}

/* full */
.contact.full {
    width: 672px; 
    min-height: 120px;
}
.contact.full .contact-name {
    font-weight: bold;
    color: #4f4f4f;
    padding-bottom: 5px;
}
.contact.full .contact-photo-1 {
    float:left; 
    width: 113px;
    margin-right: 10px;
}
.contact.full .contact-photo-2 {
    float: right; 
    width: 200px;
}
.contact.full .contact-person {
    padding: 10px 10px 0 0;
}
.contact.full .contact-info {
    float: left;
    overflow: hidden;
    width: 345px;
    padding-top: 0;
}
.contact.full .contact-address {
    padding: 0 10px 10px 0;    
}
.contact.full .contact-hodiny {
    margin-top: 10px;   
}
.contact.full .contact-info-1 {
    float: left;
    overflow: hidden;
    width: 672px;
    margin-top: 10px;
}


.contact .contact-notfound {
    color:#606060;
    margin: 5px;
    padding: 5px;
}


.contact .contact-workflowstate
{
    float: right;
    padding: 0 0 0 10px;
    width: 16px;
    height: 16px;
}

.contact .contact-id {
    float: right;
    padding: 0 0 0 10px;
    font-weight: normal;
}

/***********************************************************/
/*********************** socialni site *********************/
/***********************************************************/

a.banner-link {
    text-decoration: none;
}

#socSite .in .box {
    width: 90px;
    height: 80px;
}

#socSite .in .box.mid {
    margin-left: 60px;
}

#socSite .in .box.right {
    float: right;
    margin-right: 3px;
}


#socSite .in .box .link a {
    font-weight: bold;
    color: #0065a4;
    border-width: 0px;
}
#socSite .in .box .link a img {
    background: none;
    padding: 2px;
}


#socSite .in .box .link a img.thumb {
    border: none;
}


/***********************************************************/
/******************** googlecs-inarticle  ******************/
/***********************************************************/

.googlecs-inarticle
{    
    margin: 10px 0;
    padding: 0;
}

.googlecs-inarticle .gcs-title
{
    margin: 0;
    padding: 0;
    font-size: 110%;
    font-weight: bold;
}

.googlecs-inarticle .gcs-form
{
    margin: 5px 0 0 0;
    padding: initial;
}

.googlecs-inarticle .gcs-form .gcs-text
{
    width: 540px;
    height: 16px;
}

.googlecs-inarticle .gcs-form .gcs-submit
{
    width: 100px;
    height: 18px;
    float: right;
}

/***********************************************************/
/*********************** audio-player **********************/
/***********************************************************/


.swapaudiobtn 
{
    width: 24px;
    height: 24px;
    min-width: 16px;
    min-height: 16px;
    border:none;
    outline:none;
    overflow:auto;
    padding: 0;
	cursor: pointer;
}

.downloadbtn {
	width: 18px;
	height: 18px;
	min-width: 12px;
	min-height: 12px;
	border: none;
	outline: none;
	overflow: auto;
	cursor: pointer;
}

.small-audio {
	padding-top: 10px;
	width: 100%;
	height: 30px;
}


.audio-player {
	background-color: #dcdcdcdc;
	width: 100%;
	padding: 10px;
	border-radius: 15px;
}

.audio-text-div {
	display: flex;
	justify-content: space-between;
	padding-right: 11px;
}

.aplayer-pause-icon {
	background: url(../img/stop.png) no-repeat center;
	/*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMy41IDVBMS41IDEuNSAwIDAgMSA1IDMuNWg2QTEuNSAxLjUgMCAwIDEgMTIuNSA1djZhMS41IDEuNSAwIDAgMS0xLjUgMS41SDVBMS41IDEuNSAwIDAgMSAzLjUgMTFWNXpNNSA0LjVhLjUuNSAwIDAgMC0uNS41djZhLjUuNSAwIDAgMCAuNS41aDZhLjUuNSAwIDAgMCAuNS0uNVY1YS41LjUgMCAwIDAtLjUtLjVINXoiLz4KPC9zdmc+') no-repeat center;*/
}
.aplayer-pause-icon:hover {
	background: url(../img/stop-hov.png) no-repeat center;
}

.aplayer-play-icon {
    background: url(../img/play.png) no-repeat center;
    /*background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImN1cnJlbnRDb2xvciIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNMTAuODA0IDggNSA0LjYzM3Y2LjczNEwxMC44MDQgOHptLjc5Mi0uNjk2YS44MDIuODAyIDAgMCAxIDAgMS4zOTJsLTYuMzYzIDMuNjkyQzQuNzEzIDEyLjY5IDQgMTIuMzQ1IDQgMTEuNjkyVjQuMzA4YzAtLjY1My43MTMtLjk5OCAxLjIzMy0uNjk2bDYuMzYzIDMuNjkyeiIvPgo8L3N2Zz4=') no-repeat center;*/
}
.aplayer-play-icon:hover {

}
.aplayer-download-icon {
	background: url(../img/download.svg) no-repeat center;
}
.aplayer-download-icon:active {
	background: url(../img/download.svg) no-repeat center;
	opacity: 0.5;
}
.aplayer-copy-icon {
	background: url(../img/copy.svg) no-repeat center;
}
.aplayer-copy-icon:active {
	background: url(../img/copy.svg) no-repeat center;
	opacity: 0.5;
}


.aplayer-cls {
    width: 100%; 
    box-shadow: 5px 5px 20px rgba(0,0, 0, 0.4); 
    visibility:hidden;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
}

.aplayer-cls::-webkit-media-controls-timeline {
	display: inline;
}

.aplayer-cls::-webkit-media-controls-current-time-display {
	display: flex;
}

li.audio-li {
	display: flex;
	background-image: none !important;
	padding-left: 0px !important;
}
.audio-li:has(.audio-icon button:hover) a.dark {
	color: #0065a4 !important;
}
.audio-last{
	margin-bottom: 50px !important;
}

li.audio-li span {
	align-self: center;
}
li.audio-li span.audio-text {
	width: 380px;
	text-align: left;
}
.audio-text{
	padding-left: 5px;
}
li.audio-li span.audio-icon {
	padding-left: 10px;
}

.download-span:hover {
	background-color: #f1f3f4;
	border-radius: 30px;
}
.download-span {
	height: 18px;
	padding: 6px;
}

.audioInf {
	font-weight: 600;
	font-size: 1.2em;
}

/***********************************************************/
/********************  test environment   ******************/
/***********************************************************/

.test-environment-header
{
	margin: 0;
	padding: 10px 10px;
	text-align:center;
	vertical-align: middle;
	font-family: Arial;
	font-weight: bold;
	font-size: 400%;
	color: black;
	background-color: white;
}

#top .test-environment-header
{
	position: absolute;
	z-index: 1000;
	left: 220px;
	top: 0px;
	background: none;
}

/***********************************************************/
/***********************************************************/
/***********************************************************/