body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #cdcdcd;
	background-image: url(img/layout/body_bg_repeat.gif);
	background-repeat: repeat-x;
	padding: 0;
	margin: 0;
}
body {
	font-size: 70%;
}

* {
	Xborder: solid 1px black;
}

img {
	border: none;
}
a {
	border: none;
	color: #4169E1;
	text-decoration: underline;
}
a:hover {
	color: #1E41A6;
	text-decoration: none;
}

h1 {	font-size: 1.4em;	}
h2 {	font-size: 1.3em;	}
h3 {	font-size: 1.2em;	}
h4 {	font-size: 1.1em;	}
h5 {	font-size: 1.0em;	}
h6 {	font-size: 1.0em;	}

p {		padding: 0px;	}

/* --------------------------------- */

#BodyBox {
	width: 990px;
	margin: 5px auto;
	padding: 0px;
	display: block;
	text-align: center;
}

	#MainBox {
		float: left;	
		width: 100%;
		margin: 0px;
		padding: 0px;
		display: block;
		text-align: left;
		background-color: #FFFFFF;
		background: url('img/layout/img_content_bg_repeat.gif') repeat-y;
	}	
		#HeaderBox {
			float: left;		
			width: 100%;
			background: url('img/layout/site_top_bkg.jpg') no-repeat top;
		}
			#HeaderBox .TopImageBox {
				float: left;
				display: block;
				width: 100%;
				height: 120px;
			}			
			#HeaderBox .logo {
				float: left;
				display: inline;
				margin: 10px 0px 0px 35px;
				padding: 0px;
			}
			#HeaderBox .LoginDivBox {
				
			}
			#HeaderBox .TopMenuBox {
				float: left;
				width: 100%;
				background: url('img/layout/top_menu_bkg.png') no-repeat top;
			}
				#HeaderBox .TopIconPanel {
					float: left;
					display: block;
					margin: 0px 0px;
					height: 35px;
					line-height: 35px;
					text-align: left;
					overflow: hidden;
					border: solid 0px black;
					width: 188px;
					background-color: transparent;
				}
					#HeaderBox .TopIconPanel * {
						float: left;
						margin: 8px 5px 0px 15px;
						border: solid 0px;
					 }
					#HeaderBox .subdomain_link {
						margin: 0px;
						padding: 4px 8px 4px 12px;
						color: #FFFFFF;
						text-decoration: none;
					}
					#HeaderBox .subdomain_link:hover {
						margin: 0px;
						padding: 4px 8px 4px 12px;
						color: #FFFFFF;
						text-decoration: underline;
					}
				#HeaderBox .menubox {
					list-style: none;
					padding: 0;
					margin: 0;
					XXXmargin-left: 190px;
				}
			
			#HeaderBox .menubox li,
			#HeaderBox .menubox li a {
				float: left;
			}
			#HeaderBox .menubox a {
				display: block;
				padding: 13px 35px; /* 13px 15px */
				font-size: 1.1em;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
				color: #ffffff;
			}
			
			#HeaderBox .menubox li a {
				background: url('img/layout/top_menu_level0.png') transparent top left no-repeat; }
			#HeaderBox .menubox li a.selected {
				background: url('img/layout/top_menu_level0_hover.png') #FA8401 top left repeat-x; }
			#HeaderBox .menubox li a:hover {
				background: url('img/layout/top_menu_level0_hover.png') #FA8401 top left repeat-x; }
			
		
/* --------------------------------- */
		
		#LeftBox {
			float: left;		
			width: 190px;
		}
			.MenuBoxTitle {
				font-size: 1.1em;
				margin: 12px 0px 5px 10px;
				font-weight: bold;
				color: #666666;
			}
			
			
			#LeftBox ul.menubox, 
			.menubox ul {
				margin: 0px 0px 0px 0px !important; /* overwrite default module .content */
				padding: 0px 0px 0px 0px !important; /* ditto */
				list-style-type: none;
			}
			#LeftBox ul.menubox { margin: 0px 0px 0px 0px; }
			#LeftBox ul.menubox li { margin: 0px 0px 0px 0px; }
			#LeftBox ul.menubox a {
				display: block;
				padding: 4px 0px;
				margin: 1px 0;
				text-decoration: none;
				text-transform: none;
				color: #000000;
				height: 15px;
				font-size: 1.1em;
			}
			
			#LeftBox ul.menubox li a { /* level 0 */
				padding-left: 10px;
				XXXbackground: url('img/layout/menu_level0.png') #97c41e top left;
				background-color: #8DC20E;
			}
			#LeftBox ul.menubox li a.selected {
				color: #ffffff;
				font-weight: bold;
				background-color: #FA8401;
				list-style-type: ;
			}
			#LeftBox ul.menubox li a.expand {
				font-weight: bold;
			}
			#LeftBox ul.menubox li a:hover {
				color: #ffffff;
				font-weight: bold;
				XXXbackground: url('img/layout/menu_level0_hover.png');
				background-color: #FA8401;
			}
			
			#LeftBox ul.menubox ul { /* level 1 */
				padding: 0px !important;
				background: url('img/layout/menu_level1_bottom.png') #f57102 no-repeat bottom;
			}
			#LeftBox ul.menubox ul li.first {
				padding-top: 3px;
				background: url('img/layout/menu_level1_top.png') no-repeat top;
			}
			#LeftBox ul.menubox ul li a {
				margin: 0px;
				padding-left: 23px;
				background: url('img/layout/menu_level1.gif') no-repeat 10px bottom;
			}
			#LeftBox ul.menubox ul li a.selected {
				color: #ffffff;
				font-weight: bold;
			}
			#LeftBox ul.menubox ul li a.expand {
				font-weight: bold;
			}
			#LeftBox ul.menubox ul li a:hover {
			}
			
			
			#LeftBox ul.menubox ul ul { /* level 2 */
				background: transparent;
			}
			#LeftBox ul.menubox ul ul li.first {
				background: transparent;
			}
			#LeftBox ul.menubox ul ul li a {
				padding-left: 33px;
				font-weight: normal;
				background: url('img/layout/menu_level2.gif') no-repeat 10px bottom; }
			#LeftBox ul.menubox ul ul li a.selected {
				color: #ffffff;
				font-weight: bold;
			}
			#LeftBox ul.menubox ul ul li a.expand {
			}
			#LeftBox ul.menubox ul ul li a:hover {
			}
			
			#LeftBox ul.menubox ul ul ul li a { /* level 3 */
				padding-left: 40px;
				background: url('img/layout/menu_level3.png') top left;
			}
			#LeftBox ul.menubox ul ul ul li a.selected {
			 background: url('img/layout/menu_level3_selected.png') top left; }
			#LeftBox ul.menubox ul ul ul li a.expand {
			 background: url('img/layout/menu_level3_expand.png') top left; }
			#LeftBox ul.menubox ul ul ul li a:hover {
			 background: url('img/layout/menu_level3_hover.png') top left; }
			
			.RSSfeedBox {}
			.PPCLeftBox {}
		
/* --------------------------------- */

		#ContentTop {
			border: solid 0px;
			float: left;
			display: block;
			width: 800px;
			Xheight: 30px;
			padding: 0px;
			margin: 0px 0px 0px 0px;
			overflow: hidden;
			line-height: 1.5em;	
		}
			#ContentTop .DocumentTreeline {
				width: 100%;
				float: left;
				display: block;
				background-color: #F8F8F8;
				line-height: 30px;
				padding: 0px 0px 0px 10px;
			}
			#ContentTop .DocumentTreeline a {
				color: #70A0FF;
			}
			#ContentTop .DocumentTreeline a:hover {
				color: #1E41A6;
			}
			#ContentTop .SectionTitle {
				float: left;
				display: block;
				font-size: 1.3em;
				line-height: 1.5em; 
				color: #A0A0A0;
				margin: 7px 0px 2px 12px;
			}
		
		#ContentBox {
			border: solid 0px;
			float: left;
			display: block;
			width: 780px;
			height: auto;
			padding: 0px;
			margin: 0px 0px 20px 10px;
			overflow: visible;
			line-height: 1.5em;	
		}
			#ContentBox p {
				padding-top: 1px;
				padding-bottom: 1px;
			}
		
/* --------------------------------- */

		#FooterBox {
			background-color: #CDCDCD;		
			float: left;
			display: block;
			width: 100%;
			height: 115px;
			margin: 15px 0px 0px 0px;
		}
			.SponsorLinkBox {
				float: left;
				width: 100%;
				height: 80px;
				overflow: hidden;
				background: #347c01;
			}
			.CopyLinkBox {
				width: 990px;
				height: 30px;
				background-image: url(img/layout/footer_bkg.png);
				background-repeat: no-repeat;
				background-color: #FA8401;
				float: left;
				display: block;
			}
			.CopyLinkBox a {
				color: #efefef;
				text-decoration: none;
				line-height: 30px;
				margin: 0px 15px;
			}
			.CopyLinkBox a:hover {
				color: #1E41A6;
				text-decoration: underline;
			}
				.PoweredLink {float: left;}
				.CopyrightLink {float: right;}
				.DesignedLink {float: right;}

/* --------------------------------- */

.IndexTermLink {
	margin: 0.8em 1em 0em 0em;
	float: right;
}
	.IndexTermLink a {
		color: #70A0FF;
	}
	.IndexTermLink span {
		color: #cccccc;
	}
	.IndexTermHelp {
		color: #cccccc;
	}

.BannerTopBox {
	width: 468px;
	height: 60px;
	float: right;
	margin: 30px 10px 0px 0px;
	border: solid 1px #eeeeee;
}

/* RSS */
.RSSfeedBox {
	float: left;
	margin-top: 0px;
	text-align: center;
	width: 190px;
}
.RSSfeedImage {
	margin: 0px;
	border: solid 0px;
}

/* PPC */
.PPCLeftBox {
	margin: 20px 0px 20px 5px;
	width: 180px;
	float: left;
	border: solid 0px;
	line-height: 1.5em;	
}

/* Homepage Elements */
.HPNewUserInfo {
	margin-top: 10px;
	font-size: 1.2em;
	float: left;
	width: 100%;
}

.HPTextBox {
	float: left;
	width: 595px;
	display: block;
}
	.HPTextBox h2, h4, h5 {
		Xtext-align: center;
	}
	.HPTextBox h3 {
		text-align: center;
		color: red;
	}
	.HPTextBox p {
		text-align: justify;
	}

.HPNewsBox {
	float: right;
	width: 180px;
	display: block;
}
.HPLinkBlock {
	margin-left: 1%;
	float: left;
	width: 48%;
	display: block;
}
	.HPLinkBlock h4 {
		text-align: left;
	}
	.HPLinkBlock ul {
		border-top: solid 1px #F9C100;
		padding: 15px;
		margin: 0px;
	}
	.HPLinkBlock li {
		margin: 0px 0px 5px 0px;
		text-align: left;
		padding: 0px;
		list-style-type: circle;
		list-style-position: outside;
		line-height: 1.4em;
	}


/* loginbox */
.LoginDivBox {
	float: right;
	padding-top: 20px;
	width: 200px;
}
	.LoginBoxMod {
		margin-top: 0px;
		border-style: solid;
		border-width: 0px;
		text-align: center;
		padding: 0px 0px 0px 0px;
	}
	.LoginBoxMain {
		width: 100%;
		padding: 3px 0px 3px 0px;
		margin: 0px;
		text-align: center;
	}
	.LoginBoxMain form {
		margin: 0px;
	}
	.LoginBoxError {
		width: 180px;
		text-align: center;
		padding: 5px;
		border: solid 1px #FF0000;
		margin: 25px 0px 25px 0px;
		float: left;
		background-color: #FFFFFF;
	}
	.LoginBoxErrorMsg {
		margin: 0px;
		color: red;
		text-align: center;
		font-weight: bold;
		padding: 0px;
	}

/* nenalogovany prihlasovaci formular */
.u_login_box {
	float: left; 
	width: 160px; 
	margin: 10px 0px 0px 8px; 
	border: solid 0px; 
	font-size: 1em;
}
.u_login_div {
	float: right; 
	width: 160px;
}
.u_login_txt {
	float: left; 
	width: 40px; 
	line-height: 1.8em;
	padding: 0px;
	color: #FFFFFF;
}
.u_login {
	float: right; 
	width: 100px;
	margin-right: 0px;
	height: 1em;
	background-color: #FFFDE6;
}
.u_pass_div {
	float: right; 
	width: 160px;
}
.u_pass_txt {
	float: left; 
	width: 40px; 
	line-height: 1.8em;
	padding: 0px;
	color: #FFFFFF;
}
.u_pass {
	float: right;
	width: 100px;
	margin-right: 0px;
	height: 1em;
	background-color: #FFFDE6;
}
.u_btn_div {
	float: right; 
	width: 160px; 
	text-align: right;
}
.u_btn {
	margin: 5px 0px 0px 0px; 
	padding: 0px 5px 0px 5px; 
	cursor: hand;
	float: right;
}

/* po nalogovany prihlasovaci formular */
.u_name_div {float: right; width: 160px; margin: 1px;}
.u_name_txt {float: left; width: 40px; line-height: 1.8em; padding: 0px;color: #FFFFFF;}
.u_name {float: right; width: 100px; height: 17px; line-height: 1.5em; padding: 0px; border: solid 1px; background-color: #FFFDE6; text-align: center;}
.u_surname_div {float: right; width: 160px; margin: 1px;}
.u_surname_txt {float: left; width: 40px; line-height: 1.8em; padding: 0px; color: #FFFFFF;}
.u_surname {float: right; width: 100px; height: 17px; line-height: 1.5em; padding: 0px; border: solid 1px; background-color: #FFFDE6; text-align: center;}

#BottomLinkBox {
	float: left;
	width: 100%;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
}
#BottomLinkBox .LinkBox {
	float: left;
	display: block;
	width: 150px;
	text-align: center;
	margin: 0px 6px 0px 0px;
	padding-top: 0px;
}
#BottomLinkBox .FirstBox {
	width: 100px;
	color: white;
}
#BottomLinkBox span {
	color: white;
	font-size: 0.9em;
}
#BottomLinkBox div {
	color: white;
	padding: 0px;
	text-align: center;
	font-size: 1em;
	line-height: 12px;
}
#BottomLinkBox a {
	line-height: 0.9em;
	color: white;
	padding: 0px;
}
#BottomLinkBox a:hover {
	color: white;
	font-weight: bold;
}
#BottomLinkBox img{
	margin: 1px 0px 1px 0px;
	border: solid 0px;
}

/* objekt miniatury obrazku galerie */
.gimg_mini_tbl {
	border: #FFFFFF 1px solid;
	border-collapse: collapse;
	background-color: #EFEFEF;
	margin: 3px;
	padding: 0px;
	filter: progid:dximagetransform.microsoft.shadow(color='#aaaaaa', direction=145, strength=1);
	float: left;
	width: 145px;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}
.gimg_mini_tbl td {
	border: solid 0px;
}
.gimg_mini_tbl tr {
	border: solid 0px;
}
.gimg_mini_tbl a {
	text-decoration: none;
}
.img_mini_tbl_td1 {
	padding: 2px;
	text-align: center;
	border: solid 0px;
	border-collapse: collapse;
}
.img_mini_tbl_td1 a {
	text-decoration: none;
}
.img_mini_tbl_td1 a:hover {
	text-decoration: underline;
}


/* nadpisek bloku */
.BlockTitle {
	background-image: url(img/office/img_block_title_bg.gif);
	background-repeat: repeat-x;
	line-height: 1.9em; 
	height: 2em;
	background-color: #BEBEBE;
	margin: 2px 0px 0px 0px;
	display: block;
	border-bottom: solid 1px white;
}
	.BlockTitle div.Content {
		color: white;
		margin-left: 8px;
		font-weight: bold;
	}
	.BlockTitle div.Content a {
		text-decoration: none;
	}
.BlockTitle .LeftImg {
	width: 3px;
	height: 3px;
	background-image: url(img/office/img_block_title_left.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	float: left;
}
.BlockTitle .RightImg {
	width: 3px;
	height: 3px;
	background-image: url(img/office/img_block_title_right.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	float: right;
}

.BlockTitle .SepTop2px {
	margin-top: 5px;
}