/*
 * ZTC - main.css
 *
 */

body {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	color: #666;
	background: #fff;
	font-size: 9pt;
}

a {
	color: #227a86;
}

a:hover,
a:focus {
	text-decoration: underline !important;
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 0px;
}
	h2, h2 * {
		color: #666;
	}

.xxxx h2 {
color: black;
font-size: 1em;
}



h3 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #227a86;
	padding: 0px;
}

h4 {
	font-size: 1.1em;
	color: #227a86;
	font-weight: bold;
	margin: 1em 0em 1ex 0em;
}

p {
	margin: 1ex 0em;
	padding: 0em;
}

ul {
	padding: 0em 0em 0em 1.5em;
	margin: 1em 0em;
}
	ul li {
		padding: 0em;
		margin: 1ex 0em;
		list-style: disc;
		list-style-image: url(image/li-dot.gif);
	}

.tree_listing h3 {
	color: #e68800;
}

.tree_listing a {
	color: #e68800;
}

.perex {
	clear: both;
	margin: 1em 0em;
}
	.perex .icon {
		float: left;
		width: 110px;
		height: 110px;
		border: 1px solid #ccc;
		margin: 0em 0em 1em 0em;
		overflow: hidden;
	}
		.perex .icon img {
			padding: 5px;
			display: block;
		}

	.perex .info,
	.perex h4, .perex h3, .perex h2,
	.perex .perex-body {
		margin: 0px 0px 0px 120px;
	}


/****************************************************************************
 * Header
 */

#page-layout-box--header-- {
	overflow: hidden;
	position: relative;
}
	#page-layout-box--header-- div {
	}

	#page-layout-box-inner--header-- {
		position: relative;
		left: -50%;
		background: #398fa0 top center repeat-x url(image/bg-top-left.jpg);
	}

	#page-layout-box--header--inner-- {
		position: relative;
		left: 100%;
		background: #4199af top center repeat-x url(image/bg-top-right.jpg);
	}
		#page-layout-box-inner--header--inner-- {
			position: relative;
			left: -50%;
		}

		#page-layout-box--header--inner--logo-- {
			text-align: center;
		}
			#page-layout-box-inner--header--inner--logo-- {
				width: 982px;
				margin: 0px auto;
				text-align: left;
				background: top center no-repeat url(image/flash.jpg);
				overflow: hidden;
			}

		#page-layout-box--header--inner--menu-- {
			text-align: center;
			background: #e2e2e2 bottom center repeat-x url(image/menu-bg.jpg);
		}
			#page-layout-box-inner--header--inner--menu-- {
				width: 982px;
				height: 91px;
				margin: 0px auto;
				text-align: left;
				background: bottom center no-repeat url(image/menu-bar.jpg);
				overflow: hidden;
			}

	#page-layout-box--header-- #lang-switch {
		display: block;
		margin: 0px;
		padding: 0px;
		width: 270px;
		height: 35px;
		float: left;
	}
		#page-layout-box--header-- #lang-switch a {
			position: relative;
			left: 100px;
			float: left;
			width: 32px;
			height: 32px;
			overflow: hidden;
			text-indent: -100em;
		}

	#page-layout-box--header-- h1 {
		display: block;
		margin: 0px;
		padding: 0px;
		width: 275px;
		float: left;
	}
	#page-layout-box--header-- h1 a {
		display: block;
		height: 135px;
		width: 275px;
		float: left;
		overflow: hidden;
		text-indent: -1000em;
	}

	#page-layout-box--header-- #header-flash {
		float: right;
		width: 707px;
		margin: -35px 0px 0px 0px;
		padding: 0px;
		overflow: hidden;
	}

	#page-layout-box--header-- .menu {
		padding: 15px 30px;
		clear: both;
	}
		#page-layout-box--header-- .menu ul {
			display: block;
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		#page-layout-box--header-- .menu ul li {
			display: block;
			float: left;
			width: auto;
			_width: 0;
			white-space: nowrap;
			list-style: none;
			margin: 0px 1ex;
			padding: 0px;
		}
			#page-layout-box--header-- .menu ul li span {
				display: block;
				text-decoration: none !important;
			}

			#page-layout-box--header-- .menu ul li a {
				display: block;
				padding: 0px;
				text-decoration: none !important;
				color: #666;
				font-size: 11px;
				cursor: pointer;
			}
				#page-layout-box--header-- .menu ul li a span {
					overflow: hidden;
					cursor: pointer;
					height: 24px;
				}
				#page-layout-box--header-- .menu ul li a span span {
					padding: 4px 8px 8px 8px;
				}

			#page-layout-box--header-- .menu ul li ul {
				display: none;
			}

		#page-layout-box--header-- .menu ul li.active {
			background: top left no-repeat url(image/menu-1l-hover.png);
		}
			#page-layout-box--header-- .menu ul li.active a {
				color: #fff;
				background: bottom center no-repeat url(image/menu-1b-hover.png);
			}
				#page-layout-box--header-- .menu ul li.active a span {
					background: top right no-repeat url(image/menu-1r-hover.png);
				}

			#page-layout-box--header-- .menu ul li.active ul {
				position: absolute;
				display: block;
				&width: 1000px;
				white-space: nowrap;
			}
				#page-layout-box--header-- .menu ul li.active ul li,
				#page-layout-box--header-- .menu ul li.active ul li a,
				#page-layout-box--header-- .menu ul li.active ul li span {
					display: block;
					color: #444;
					background: transparent;
					margin: 0px;
					padding: 0px;
				}

				#page-layout-box--header-- .menu ul li.active ul li {
					float: left;
					width: auto;
					_width: 0;
					position: relative;
					margin: 0px -18px 0px 0px;
					padding: 0px 9px 0px 0px;
					background: top right no-repeat url(image/menu-2r.png);
				}

				#page-layout-box--header-- .menu ul li.active ul li a {
				}
					#page-layout-box--header-- .menu ul li.active ul li a span {
						height: 22px;
						background: top left no-repeat url(image/menu-2l.png);
					}
					#page-layout-box--header-- .menu ul li.active ul li a span span {
						padding: 2px 9px 0px 9px;
					}

				#page-layout-box--header-- .menu ul li.active ul li.active a,
				#page-layout-box--header-- .menu ul li.active ul li.active a span {
					color: #000;
					text-decoration: underline !important;
				}

		#page-layout-box--header-- .menu ul li a:hover,
		#page-layout-box--header-- .menu ul li a:focus,
		#page-layout-box--header-- .menu ul li a:hover span,
		#page-layout-box--header-- .menu ul li a:focus span {
			color: #000;
		}
		#page-layout-box--header-- .menu ul li.active a:hover,
		#page-layout-box--header-- .menu ul li.active a:focus,
		#page-layout-box--header-- .menu ul li.active a:hover span,
		#page-layout-box--header-- .menu ul li.active a:focus span {
			color: #fff;
		}
		#page-layout-box--header-- .menu ul li.active ul li a:hover,
		#page-layout-box--header-- .menu ul li.active ul li a:focus,
		#page-layout-box--header-- .menu ul li.active ul li a:hover span,
		#page-layout-box--header-- .menu ul li.active ul li a:focus span {
			color: #000;
		}


/****************************************************************************
 *	Dark
 */

#page-layout-box--dark-- {
	text-align: center;
	background: #666 center center no-repeat url(image/fgrad.jpg);
	font-size: 90%;
}
	#page-layout-box-inner--dark-- {
		text-align: left;
		width: 982px;
		margin: 0px auto;
		color: #ccc;
	}

	#page-layout-box--dark-- a {
		color: #eee;
	}

		#page-layout-box--dark-- a.image,
		#page-layout-box--dark-- a.image img {
			display: block;
			text-align: center;
			padding: 0px;
			margin: auto;
			width: 113px;
			height: 113px;
		}
		#page-layout-box--dark-- a.image:hover {
			background: #fff;
		}
		#page-layout-box--dark-- a.image:hover img {
			opacity: 0.85;
			filter: alpha(opacity=85);
			-moz-opacity: 0.85;
			-khtml-opacity: 0.85;
		}

	#page-layout-box--dark-- .site_path_nav {
		margin: 2em 46px;
	}
		#page-layout-box--dark-- .site_path_nav a {
			margin: 0em 1ex;
			text-decoration: none;
		}

	#page-layout-box--dark-- .layout_show {
		overflow: hidden;
		position: relative;
		zoom: 1;
	}
		#page-layout-box--dark-- .layout_show .layout_box {
			background: center left no-repeat url(image/dark-vsep.png);
			position: relative;
			left: -2px;
		}
			#page-layout-box--dark-- .layout_show .layout_box_inner {
				padding: 0px 14px;
				overflow: hidden;
			}


/****************************************************************************
 *	Light
 */

#page-layout-box--light-- {
	text-align: center;
	background: #e1e1e1;
	border-top: 8px solid #fff;
}
	#page-layout-box-inner--light-- {
		text-align: left;
		width: 982px;
		margin: 0px auto;
		&padding: 1em 0px;
	}

	#page-layout-box-inner--light-- .layout_box_inner {
		padding: 0px 1em 0px 0px;
	}


/****************************************************************************
 *	Content
 */

#page-layout-box--content-- {
	text-align: center;
	background: #fff;
	color: #333;
}
	#page-layout-box-inner--content-- {
		text-align: left;
		width: 982px;
		margin: 0px auto;
		padding: 1em 0px 2em 0px;
	}

	#page-layout-box--content-- ul li {
		list-style-image: url(image/li-triangle.gif);
	}



/****************************************************************************
 *	Footer
 */

#page-layout-box--footer-- {
	background: #4098ae top left repeat-x url(image/foot-bg.jpg);
	text-align: center;
	color: #ccc;
	font-size: 80%;
}
	#page-layout-box-inner--footer-- {
		background: top center no-repeat url(image/foot.jpg);
		padding: 5em 0px 5em 0px;
		margin: 0px auto;
		width: 982px;
		text-align: center;
	}

	#page-layout-box--footer-- a {
		color: #eee;
		text-decoration: none;
	}


div#nadpis-titulka .layout_box_with_slot div.text_text {
	margin-top: 26px;
}