/* 
		author: Jan Volejnik - Broli, Web Works - webdesign studio
		http://www.web-works.cz
		http://www.broli.cz

*/


body {
	background: #fff url('./images/bg-body-top.png') left top repeat-x; 
	/*font-family: Verdana, "Geneva CE", lucida, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; 
	line-height: 1.75em; 
}


.color333 {color: #333;}
.colorWhite {color: #fff;}
.colorLink {color: #FF9900;}
.colorHoverLink {color: #FFCC33;}
.colorError {color: #CC0000;}
.colorGray  {color: #8A8A8A;}

.error {color: #c00; font-weight: bold;}
p.error {padding: 1em; border: 0.5em solid #000; color: #000; font-weight: bold; text-indent: 0px; background: #FFCC33;}


	 

/* LAYOUT */


#page {
	position: relative;
	width: 982px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
}


	#top {
		height: 321px;
		background: url('./images/bg-title.jpg') left top no-repeat;
	}
	
		#top #logo {
			background: url('./images/bg-logo.png') left top no-repeat;
			width: 284px;
			height: 104px;
		}
		
			#top #logo a img {
				border: 0;
				background: none;
				background-color: transparent;
				padding: 0;
				margin: 5px 0 0 40px;
			}
	
		#top #title {
			padding: 0px; 
			margin: 0px; 
			font-size: 1.1em; 
			color: #fff;
			position: absolute;
			left: 340px;
			top: 5px;
			line-height: 29px;
			width: 350px;
			text-align: left;
			display:none; 
		}
		
			#top #title h1,
			#top #title h1 a {
				padding: 0;
				margin: 0;
				color: #fff;
				text-decoration: none;
				display:none; 
			}

	#content-container {
		background: url('./images/bg-maincontent-top.png') left top no-repeat;
	}

		
	/* drobeckova navigace */
	
	#PageAddress {
		padding: 7px 20px 5px 20px;
		position: relative;
		top: -30px;
		color: #888888;
		font-size: 0.8em;
		letter-spacing: 0.02em;
	}
		.PageAddressItem a {
			padding-right: 12px; 
			background: url('./images/ico-navigator.gif') no-repeat right;  
			text-decoration: underline;
			color: #737373;
		}
	   .PageAddressItem a:hover,
		.PageAddressItem a:focus {
			text-decoration: none;
			color: #000;
		}
		
		span.PageAddressLastItem {
			color: #ABABAB;
			letter-spacing: 0.01em;
		}
	

		
		#main-content {
			width: 615px;
			float: right;
			display: inline;
			margin-right: 20px;
			text-align: justify;
			font-size: 105%;
		}
			#main-content #perex {
				letter-spacing: 0.1em;
				margin-bottom: 30px;
				margin-top: -30px;
				line-height: 175%;
				background: #FFF8C0;
				padding: 10px 15px;
			}

		#left-column {
			width: 295px;
			float: left;
			display: inline;
			margin-left: 20px;
			/*margin-top: -20px;*/
		}		


		
	#bottom {
		font-size: 100%;
		background: url('./images/bg-footer.png') left bottom no-repeat;
		padding: 70px 15px 30px 15px;
		font-size: 0.8em;
		letter-spacing: 0.02em;
	}	
		#bottom a {
			color: #666666;
		}
		#bottom a:hover,
		#bottom a:focus,
		#bottom a:active  {
			color: #ff9900;
		}	

		#system-links {
			width: 600px;
			float: left;
		}
		
			#system-links div {
				display: inline;
			}
		
		#page-links {
			width: 300px;
			float: right;
			text-align: right;
		}
			
	#copyrights {
		margin: 0px;
		padding: 5px 15px 30px 15px;
		text-align: right;
		color: #999999;
		font-size: 0.8em;
		letter-spacing: 0.02em;
	}
	
		#copyrights a {
			color: #666666;
		}
		
		#copyrights a:hover,
		#copyrights a:active,
		#copyrights a:focus {
			color: #ff9900;
		}



/* MENU, SUBMENU */

#main-menu-box {
	position: absolute;
	left: 20px;
	top: 105px;
	width: 311px;
	height: 180px; 
} 
h4.main-menu {
	display: none;
} 
ul#MainMenu {display: block; margin: 0; padding: 0px; line-height: 150%; font-family: Arial, Helvetica, sans-serif; font-size: 110%; letter-spacing: 1px }
	ul#MainMenu li {display: block; margin-bottom: 4px; list-style: none; list-style-image: none; }
		ul#MainMenu li a {display: block; padding: 5px 10px; color: #000; text-decoration: none; font-weight: bold;}	
		ul#MainMenu li span {}	
		ul#MainMenu li a:hover {background-color: #FCDF00;}
		ul#MainMenu li.currentMenuItem a {background-color: #F5DA33; color: #666;}
		ul#MainMenu li a:active,
		ul#MainMenu li a:focus {background-color: #F5DA33;}


ul#SubMenu1, 
ul#SubMenu2  {display: block; margin: 0 0 30px 0; padding: 0px; line-height: 150%; font-family: Arial, Helvetica, sans-serif; font-size: 110%; letter-spacing: 1px;}
	
	ul#SubMenu1 li, 
	ul#SubMenu2 li {display: block; margin-bottom: 4px; list-style: none; list-style-image: none;}
		
		ul#SubMenu1 li a, 
		ul#SubMenu2 li a {display: block; padding: 5px 0 5px 20px; background: url('./images/bg-li-submenu-item.png') 0px 10px no-repeat; color: #000; text-decoration: none; font-weight: normal;}
		
		ul##SubMenu1 li span, 
		ul##SubMenu2 li span {}	
		
		ul#SubMenu1 li a:hover, 
		ul#SubMenu2 li a:hover {color: #FF9900;}
		
		ul#SubMenu1 li.currentItem, 
		ul#SubMenu2 li.currentItem {color: #FF9900;}
		
		ul#SubMenu1 li a:active, 
		ul#SubMenu1 li a:focus, 
		ul#SubMenu2 li a:active, 
		ul#SubMenu2 li a:focus {color: #FF9900;}




/* NADPISY */

h1, h2, h3, h4, h5, h6 {color: #ff9900; line-height: 1.25em; font-family: Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif; padding: 0px;margin: 2em 0 0.5em 0; text-align: left; }
h3 a, h4 a, h5 a, h6 a {color: #ff9900;}

#left-column h1, #left-column h2, #left-column h3, #left-column h4, #left-column h5, #left-column h6 {
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #000;
}

h1 {
	color: #666666; 
	font-size: 250%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: -20px 0 30px 0;
	border-bottom: 3px solid #525252;
}

h2 {
	color: #ff9900; 
	font-size: 200%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2em 0 0.5em 0;
}

h3 {font-size: 150%; font-weight: normal; letter-spacing: 0.1em;}
h4 {font-size: 140%; font-weight: normal; letter-spacing: 0.1em;}
h5 {font-size: 130%; letter-spacing: 0.1em;}
h6 {font-size: 120%; letter-spacing: 0.1em;}






/* modul    S I T E M A P     */

/* odkaz polozky sitemapu */

.SiteMap ul {
	padding: 5px 10px 5px 15px; 
	margin: 3em 0 1em 10px;
}

		.SiteMap ul ul {
			margin: 0 0 1em 1em;
		}
		
	.SiteMap li {
		margin: 3px 0; 
		padding-bottom: 10px;
		list-style-image: url('./images/bg-li-submenu-item.png');
	}
	
		.SiteMap li a {
			font-weight:normal;
			font-size: 120%;
			font-variant: small-caps;
		}
		
		.SiteMap li span {
			font-size: 90%; 
			display: block;
		}

		/* odkaz polozky sitemapu typu externi odkaz */
		.SiteMap li.externalLink a {
			background: url('./images/ico-external-link-normal.gif') 100% 0 no-repeat; 
			padding-right: 15px;
		}
		.SiteMap li.externalLink a:hover {
			background: url('./images/ico-external-link-hover.gif') 100% 0 no-repeat; 
		}

	
	
	
	
	
/* modul    N E W S     */
		
		
	h3.News {
		margin: 2em 0;
	}	
	
	div.NewsBox {
		margin: 0 0 2em 0;
		font-size: 0.9em;
	}
	
	.NewsItem,
	.NewsBoxItem {
		padding-bottom: 20px;
	}
	
	.NewsItemTitle,
	.NewsBoxItemTitle,
	.NewsItemTitle a,
	.NewsBoxItemTitle a {
		font-weight: normal; margin: 0 0 0.5em 0; 
	}
	
	.NewsItemTitle span, 
	.NewsBoxItemTitle span {
		color: #333; 
		display:block; 
		font-size: 0.75em;
	}
	.NewsBoxItemText { 
		text-align: left;
	}
	
	
	
	.NewsDetail .NewsItemTitle {
		font-size: 1.25em;
	}
	.NewsDetail .NewsItemTitle span {
		color: #000; 
		display:block; 
		font-size: 0.9em;
	}
	
	.related-files img {
		margin: 5px 0 0 0;
	}

	.NewsBottomLinks {padding-top: 50px; text-indent: 0px;}

	.related-files {text-align: left;}
	li.FileItem {margin: 2em 0; text-align: left;}
	  .FileDescription {font-size: 90%; font-style: italic;  }
	


	




/*  SEARCH */

/* panel pro rychle vyhledavani */
#search-panel{
	padding: 0; 
	margin: 0px; 
	position: absolute; 
	top: 0px;
	right: 0px;
	width: 298px;
	height: 58px;
	text-align: right;
	background: #ffffff url('./images/bg-search.png') left top no-repeat;
}

#search-panel form {
	padding: 10px 15px 10px 10px;
}

#search-panel p {padding: 0px; margin: 0px;}
#search-panel p.right a {
	display: none;
}
#search-panel h4 {display: none; }
#search-panel label {display: inline; margin: 0; padding: 0 5px 0 0; font-size: 90%; color: #333333; float: none; line-height: 20px; font-weight: normal;}

#search-panel .input-text {
	width: 160px;
	display: inline;
	border: 1px solid #333333;
	line-height: 20px;
}

#search-panel .input-button {
	width: 24px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	display: inline;
	border: 1px solid #333333;
	background: #333333 url('./images/btn-search.png') center center no-repeat;
	color: #fff;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	top: -4px;
}

#search-panel .input-button:hover {
	background: #ff9900 url('./images/btn-search-hover.png') center center no-repeat;
	border: 1px solid #ff9900;
}





#search-form .input-text {margin-bottom: 0px;}
#search-form form fieldset {padding-bottom: 10px;}
.search-error {display: block; color: #CC0000; font-weight: bold;}

h4.SearchResultsTitle  {
	margin-top: 3em;
}
.tab-sel h4.SearchResultsTitle {
	margin: 0.5em 0;
	color: #000;
	font-size: 1.1em;
}

.SearchItem {padding: 10px 0px;}
.SearchItemTitle {margin: 0px; padding: 5px 0;}
.SearchItemPhoto {width: 245px; float: left; margin: 0px; padding: 0px; text-align: left;}
.SearchItemPhoto img {
	margin: 0;
}
.SearchItemText {font-size: 85%;}
.highlight {background-color: #000; color:#FCDF00; padding: 2px 3px; }



/* hledani v obsahu ---------------------------------*/

div.tab-sel {
	border: 1px solid #FBECD2;
	/*border-top: 3px;*/
	background-color: #FDF6EA;
	margin:0px 0px 5px 0px;
	padding:15px;
	clear:both;
}


ul#tabs-action {
	margin:0px 0px 0px 0px;
	padding:0px;
}

ul#tabs-action li {
	margin:0px 10px 0px 0px;
	padding:0px;
	list-style: none;
	display:block;
	float:left;
}

ul#tabs-action li a {
	margin:0px;
	padding:5px 0px;
	text-align:center;
	width:160px;
	overflow: hidden;
	font-weight: bold;
	display:block;
	float:left;
	border:1px solid #FBECD2;
	background-color: #FFFBF6;
	color: #000;
	border-bottom:none;
	text-decoration: none;
}

ul#tabs-action li a.tab-sel, ul#tabs-action li a.tab-sel:hover {
	text-decoration:none;
	background-color: #FDF6EA;
	border-color: #FBECD2;
	position: relative;
	top: 1px;
}

ul#tabs-action li a:hover {
	background-color:#FDF6EA;
	border-color: #FBECD2;
}