html {font-size: 100.01%; background: url(../img/html-bg.png) no-repeat top center #f3f3f3;}
body {
	margin: 0 0 30px 0;
	padding: 0 10px;
	font-size: 62.5%;
	text-align: center;
	font-family: "Arial CE", Arial, "Verdana CE", Verdana, sans-serif;
	color: #111111;
	background: url(../img/body-bg.png) repeat-x;
	line-height: 1.7em;
	}
	#fullpage body {padding: 0; background-position: 0 -50px;}
	#fullpage #all {width:100%; min-width:980px; width: expression(document.body.clientWidth < (1000/0.99) ? "1000px" : "auto");}
	#fullpage #top {height: 55px;}
	#fullpage #mainMenu {top: 9px; width: auto;}
	#fullpage #topMenu {display: none;}
	#fullpage #main {background-color: #FFF;}
	#fullpage #userBox {top: 10px; right: 110px;}
	#fullpage .logo {left: auto; right: 20px;}
	#fullpage .claim {display: none;}

/* global reset */
ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0;}
ul {list-style: none;}
table {	border-collapse: collapse;	font-size: 1em;}
th {text-align: left;}
fieldset {border: 0;}

/* wysiwyg reset */	
font {
	font-family: inherit !important; 
	color: inherit !important;
	font-size: inherit !important;
	}

/* ************* COMMON ************* */

.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;
	line-height: 0;
	}
.clear {clear: both;}
	
hr {
  	border: 0;
  	width: 100%;
  	color: #999;
	background-color: #999;
	height: 1px;
	margin: 0 0 15px 0;
	position: relative;
	}

a {color: #009def;}
a:hover {color: #000;}
img {border: none;}
p {margin-bottom: 15px;}
.nowrap {white-space:nowrap;}

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

.none 		{display: none;}
.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;}

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
	}

.floatright {
	float: right;
	margin: 0 0 10px 10px;
	}
	
.rgt {float: right;}
.lft {float: left;}

img.rgt {margin: 0 0 10px 15px;}
img.lft {margin: 0 15px 10px 0;}

.error{border: 1px solid #bd1a04; background: #fee9e2; color: #bd1a04; font-weight: bold; font-size: 1.2em; padding: 10px 15px; width: 400px; float: left; }
.error em {font-size: 1em;}

.warning, .ok, .info, .warningModal, .okModal, .infoModal {
	padding: 10px 15px 10px 40px;
	border: 1px solid #FFF;
	}
.warningModal, .okModal, .infoModal {
	position: absolute;
	top: 200px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	z-index: 8000;
	cursor: pointer;
	border: 10px solid #FFF;
     -moz-box-shadow: 1px 1px 10px #CACACA; 
  -webkit-box-shadow: 1px 1px 10px #CACACA; 
          box-shadow: 1px 1px 10px #CACACA; 

	}
	.warning, .warningModal {background:  url(../img/ico-warning.gif) no-repeat 10px 10px #fee5e2; border-color: #f4c1ba; color: #cc1c04;}
	.ok, .okModal {background: url(../img/ico-ok.gif) no-repeat 10px 10px #ecf7de; border-color: #d9ecc0; color: #608f1e;}
	.info, .infoModal {background:  url(../img/ico-info.gif) no-repeat 10px 10px #e0eff8; border-color: #c5e0f0; color: #2d87bb;}
	
.ico {margin: 0 4px;}
.dialogLink {cursor: pointer;}

#main .pager {font-size: 0.9em; text-align: right; margin-bottom: 8px;}
.pager em {margin-right: 20px; font-style: normal;}
.pager a.prev {background: url(../img/arrow-left.gif) no-repeat 0 50%; padding-left: 10px; margin-right: 10px;}
.pager a.next {background: url(../img/arrow-right.gif) no-repeat 100% 50%; padding-right: 10px; margin-left: 10px;}

#main ul.attachment li {background: none; padding-left: 0;}
	ul.attachment li a {display: block; padding: 2px 0 5px 25px;}
		ul.attachment li a.pdf {background: url(../img/ico-pdf.png) no-repeat; }
		ul.attachment li a.ppt {background: url(../img/ico-ppt.png) no-repeat; }
		ul.attachment li a.doc {background: url(../img/ico-doc.png) no-repeat; }
		ul.attachment li a.zip {background: url(../img/ico-zip.png) no-repeat; }
		ul.attachment li a.xls {background: url(../img/ico-xls.png) no-repeat; }
		#main ul.attachment li a:hover {background-position: 0 -35px;}


/* ********* zkratky ********* */

.focus {position: absolute; left: 198px;}

.focus a, .focus span {
	position: absolute;
	top: 0;
	left: -5000px;
	z-index: -10;
	white-space: nowrap;
	}

.focus a:focus, .focus a:active {
    z-index:2;
	top: 0;
	left: 248px;
    background:#FFED00;
	padding: 2px 5px 4px 6px;
	color: #A00000;
	font-size: 1.1em;
	font-weight: bold;
	}

/* ************* HEADINGS ************* */

h1 {font-size: 2.1em; font-weight: normal; color: #479ed0; margin-bottom: 5px; text-transform: uppercase; line-height: 1em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}

h2, h3, h4, h5, h6 {margin-bottom: 10px; color: #3e3e3e}

h2.blueHeading, h3.blueHeading {background: url(../img/sipka.png) no-repeat top right #58B9E9; padding: 10px 45px 9px 15px; color: #FFF; font-size: 1.3em; font-weight: normal; text-transform: uppercase; display: inline-block; zoom:1; *display: inline;}


/* ************* LISTS ************* */

#content ul, #content ol {margin: 0 0 20px 15px;}
	#content ul ul {margin: 0 0 0 0;}
	#content ol ol {margin: 0 0 0 20px;}
		#content ul li {
			background: url(../img/odrazka.gif) no-repeat 0 3px;
			padding-left: 20px;
			margin-top: 8px;
		}
		#content ol li {margin-top: 8px;}
	
	#content ol {margin-left: 34px;}
	
/* ************* FORMS ************* */
form {margin-bottom: 30px; clear: both;}
fieldset {border: 1px solid #cfcfcf; padding: 10px 20px; margin-bottom: 30px;  clear: both;}
legend {color: #479ed0; padding: 0 10px; font-size: 1.3em; font-weight: bold; _margin-bottom: 10px;}
input, select, textarea {font-family: Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #7d7d7d; padding: 2px;}
textarea {width: 100%; height: 80px;}

.radio, .checkbox {border: 0; position: relative; top: 2px;}

.midField {width: 130px;}
	select.midField {width: 138px;}
.shortField {width: 60px;}
.wideField {width: 230px;}
	select.wideField {width: 238px;}
.fullField {width: 490px;}

.errorField {border: 2px solid #bd1a04; background: #fee9e2; color: #bd1a04 }

.dateField {background: url(../img/ico-calendar.gif) no-repeat 98% 50%;}

.button {
	background: #8cc63f;
	border-top: 1px solid #b4da81;
	border-left: 1px solid #b4da81;
	border-right: 1px solid #7caf38;
	border-bottom: 1px solid #7caf38;
	padding: 5px 12px;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	margin-right: 15px;
	}
.button2 {
	background: #cecece;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	padding: 5px 12px;
	color: #666666;
	cursor: pointer;
	font-weight: bold;
	margin-right: 15px;
	}
	
#loginBox {	
	width: 290px;
	float: right;
	margin-left: 40px;
	margin-top: -40px;
	}
	#loginBox fieldset {
		border: 0;
		background: url(../img/box-shade.png) no-repeat bottom right;
		padding-bottom: 40px;
	}
	#loginBox h2 {font-weight: normal; font-size: 1.8em; margin-bottom: 15px;}
	#loginBox .textField {width: 220px; margin-bottom: 10px;}
	#loginBox ul {margin: 0;}
	#loginBox ul li {background: url(../img/arrow-gray.gif) no-repeat 0 6px; padding-left: 12px;}
	#loginBox .button, #loginBox .button2 {margin-right: 10px;}
	#loginBox .buttons {text-align: left;}

form.filter {margin-bottom: 10px;}
.filter fieldset {
	border: 0;
	padding: 2px 10px;
	background: #ECECEC;
	margin: 0;
	}
	.filter table {margin: 0;}
	.filter tr td {background: transparent;}
	
.buttons {text-align: center;}

#all #main input.disabled, #all #main select.disabled {
	background: #E8E8E8;
	color: #999;
	border: 1px solid #999;
}


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

.vtip {vertical-align: middle; margin-right: 15px;}
p#vtip { display: none; position: absolute; padding: 5px 10px; margin-left: 20px; font-size: 1.1em; background-color: white; border: 1px solid #9acce9; z-index: 9999; background: #e0eff8; color: #2d87bb; text-align: left; width: 200px; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

#main .mandatory {text-align: right; margin-bottom: 5px;}
.star {font-weight: bold; color: #00b1f0; font-size: 1.3em; margin-left: 0;}

#main .help {text-align: right; margin-bottom: 8px;}
.help a {background: url(../img/ico-help.gif) no-repeat 0 0; padding-left: 16px;}




/* ************* TABLES ************* */

table {
	border: 0;
	border-collapse: collapse;
	font-size: 1em;
	margin-bottom: 15px;
	}
	th, td {
		padding: 8px 10px;
		vertical-align: top;
		border: 0;
		border-left: 2px solid #FFF;
		border-right: 2px solid #FFF;
		}
		th {
			background: url(../img/table-heading-bg.png) repeat-x #d6d6d6; 
			color: #3d3d3d;
			padding: 13px 10px;
			}
		td {border-bottom: 1px solid #cfcfcf;}
		th.alignTop, td.alignTop {vertical-align: top;}
		
		table.colored .even td {background: #ececec;}
		td.noBottomPadding {padding-bottom: 0;}
		
	#main tr.overTr td {background: #EFFAFF;}
		
form table, #tabs table, table.treeView {width: 100%;}

.formTab th, .formTab td {vertical-align: middle; background: none; padding: 5px 10px 5px 0; border: 0;}
#main .formTab tr.overTr td {background: #FFF;}
.formTab th {width: 150px;}

.innerHead {padding-left: 15px; font-weight: bold;color: #3d3d3d;  }

form em {font-size: 0.9em;}

table.treeView {margin-bottom: 0;}
.treeView .checkbox {margin: 0 10px 0 5px;}
.treeView .lastChange, .treeView .priority {width: 1%; white-space: nowrap;}
table.treeView tr td {padding: 4px 10px;}
.treeView .visible {display: table-row;}

/* steps */
ul#steps {margin-left: 0; margin-bottom: 10px;}
ul#steps li {
	background: url(../img/step-gray.gif) no-repeat top right;
	padding: 8px 35px 12px 35px;
	margin-right: -25px;
	color: #656565;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
	float: left;
	font-size: 1.2em;
	position: relative;	
	}
	#steps li strong {color: #acacac; font-size: 1.5em; position: relative; top: 2px;}
	ul#steps li.s1 { padding-left: 20px;}
	ul#steps li.active, ul#steps li.lastActive {
		background: url(../img/step-blue.gif) no-repeat top right;
		padding: 14px 35px 18px 20px;
		position: relative;
		top: -5px;
		color: #FFF;
		z-index: 90;
		}
		ul#steps li.lastActive {background: url(../img/step-blue-last.gif) no-repeat top right;}
		#steps li.active strong, #steps li.lastActive strong {color: #90d0ef;}
		
		#steps a {text-decoration: none; color: #656565;}
	
	.s1 {z-index: 89;}
	.s2 {z-index: 88;}
	.s3 {z-index: 87;}
	.s4 {z-index: 86;}
	.s5 {z-index: 85;}
	.s6 {z-index: 84;}
	.s7 {z-index: 83;}
	.s8 {z-index: 82;}
	.s9 {z-index: 81;}

		
/* ************* FLOAT CLEAR ************* */

#footer, .subMenu, .subMenu ul, #steps {
	overflow: hidden;
	_display: inline-block;
	}
	

/* ****************************************** */	
/* ******************* PAGE ***************** */
/* ****************************************** */	

#all {
margin: 0 auto;
text-align: left;
font-size: 1.2em;
width: 980px;

}


/* *************************************** */	
/* ************** HEADER ***************** */
/* *************************************** */	

#top {
	position: relative;
	height: 157px;
	z-index: 999;
	}
	.logo {
		position: absolute;
		top: 8px;
		left: 12px;
		}
	.claim {
		position: absolute;
		top: 57px;
		left: 150px;
		font-size: 2em;
		color: #FFF;
	}
	#userBox {
		position: absolute;
		top: 60px;
		right:40px;
		text-align: right;		
		width: 300px;
		color: #0d5173;
		}
		#userBox strong {font-size: 1.3em;}
		#userBox a {
			background: url(../img/arrow-top.gif) no-repeat 0 5px;
			padding-left: 10px;
			color: #FFF;
			margin-left: 10px;
			text-decoration: none;
			}
			
		#top a:hover {text-decoration: underline;}		
	
/* **************************************** */	
/* ***************** MENU ***************** */
/* **************************************** */	
#topMenu {
	width: 100%;
	position: absolute;
	top: 0;
	left: right;
	text-align: right;
	font-size: 0.8em;
	}	
		#topMenu  a {
			  display: inline-block;	
			  text-decoration: none;
			  color: #FFF;
			  text-transform: uppercase;
			  padding: 10px 12px 10px 10px;
			  background: url(../img/topmenu-bg.gif) no-repeat top right;
			 }


 ul#mainMenu {
	list-style: none;
	width: 100%;
	position: absolute;
	top: 111px;
	left: 0;
	z-index: 99999;
	}
	 ul#mainMenu li {display: block; float: left; position: relative;}			
		 ul#mainMenu li a {
			  display: block;
			  float: left;				
			  text-decoration: none;
			  color: #FFF;
			  text-transform: uppercase;
			  padding: 15px 13px 20px 13px;
			  margin-right: 1px;
			 }
		 ul#mainMenu li a.active, ul#mainMenu li.over a, ul#mainMenu li:hover a {background: url(../img/menu-bg.png) repeat-x #FFF; color: #00529a;}
		 ul#mainMenu li a:hover {text-decoration: underline;}
		 ul#mainMenu li a.active:hover {text-decoration: none;}
		 
		 ul#mainMenu ul {
			 position: absolute;
			 top: 46px;
			 left: -1px;
			 width: 200px;
			 background: #FFF;
			 border: 1px solid #cfcfcf;
			 border-top: 0;
			 border-bottom: 0;
			 display: none;
			 z-index: 99999;
		 	}
			ul#mainMenu li:hover ul, ul#mainMenu li.over ul {display: block;}
			ul#mainMenu ul li {
				border-bottom: 1px solid #cfcfcf;
				display: block;
				float: none;
			}
			ul#mainMenu li.over ul li a {_background-image: none;}
			ul#mainMenu ul li a, ul#mainMenu li:hover ul li a {
				color: #009def;
				padding: 3px 15px;
				float: none;
				font-size: 0.9em;
				background: #FFF;
				text-transform: none;
				margin: 0;
			}
			#top ul#mainMenu ul li a:hover {background: #009def; color: #fff;}
		 
#sidecol1 ul.subMenu  {
	list-style: none;
	margin: 0 0 20px 15px;
	background: #eaeaea;
	padding: 5px 0;
	}
	#sidecol1 ul.subMenu ul {padding-bottom: 10px;}
	#sidecol1 ul.subMenu li {margin: 0; float: left; display: block; width: 100%;}
		#sidecol1 ul.subMenu a {
			color: #3e3e3e;
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			display: block;
			padding: 0 10px;
			}
			#sidecol1 ul.subMenu ul a {
				text-transform: none;
				color: #009def;
				font-weight: normal;
				background: url(../img/arrow-gray.gif) no-repeat 12px 7px; 
				padding-left: 13px;
				zoom: 1;
				}
			#sidecol1 ul.subMenu a:hover, #sidecol1 ul.subMenu a.active {text-decoration: underline;}
			#sidecol1 ul.subMenu ul a:hover, #sidecol1 ul.subMenu ul a.active {background-color: #FFF; text-decoration: none;}
			
			#sidecol1 ul.subMenu a span {
				display: block;
				padding: 7px 0;
				background: url(../img/line-dbl.gif) repeat-x top left;
				}
				#sidecol1 ul.subMenu ul a span, #sidecol1 ul.subMenu a.first span {background: none;}
				
				#sidecol1 ul.subMenu ul a span {padding: 2px 0 2px 10px}

			
/* ********************************************** */	
/* ************** PAGE STRUCTURE ***************** */
/* ********************************************** */	


#main {
	padding: 20px 0 0 0;
	background: url(../img/main-bg.png) no-repeat top center #FFF;
	width: 100%;
	min-height:550px;
	_height: 550px;
	}
	#maincol {
		width: 730px;
		float: right;
		}
			#content {
				margin: 0 15px 0 0;
				padding: 15px 0 30px 0;
				}
	#sidecol1 {
		width: 215px;
		float: left;
		}
		
.noColumn #maincol {width: auto; float: none; margin: 0 40px;}
.noColumn #sidecol1 {display: none;}

		
/* breadcrumbs */		
.breadcrumbs {
	padding: 0 0 10px 0;
	font-size: 0.9em;
	margin-bottom: 20px;
	color: #6d6d6d;
	}
	.breadcrumbs span {margin: 0 5px;}
	.breadcrumbs a {color: #6d6d6d;}
	.breadcrumbs strong {color: #363636;}

/* appendix */
.appendix {margin-bottom: 10px;}
.appendix p {
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
}

/* document */
.documentPerex {font-style: italic;}
.documentData {font-size: 0.9em; text-align: right;}
	


		


/* *************************************** */	
/* ************** FOOTER ***************** */
/* *************************************** */	

.bottomMenu {
	background: #CCC;
	padding: 15px;
	margin-bottom: 0;
}

#footer {
	background: url(../img/footer-bg.png) no-repeat top right #f3f3f3;
	clear: both;
	font-size: 0.9em;
	zoom: 1;
	color: #585858;
	}
	#footer p {margin-bottom: 0;}
	#footer a {color: #585858;}
	#footer a:hover {color: #000;}
	
	.copyright {
		float: left;
		padding: 15px 15px 0 15px;
		}
	.developer {
		float: right;
		padding: 15px 15px 0 15px;
		}
		.developer a {background: url(../img/logo-mf.gif) no-repeat top right; padding: 2px 20px 2px 0; text-decoration: none;}
	.odkazy {
		clear: both;
		margin: 0 15px;
		}
		.odkazy a {background: url(../img/square.gif) no-repeat 0 6px; padding-left: 10px; margin-right: 6px;}
		.odkazy a.first {background: none; padding: 0;}
		
		
/* **************************************** */	
/* ************** VARIOUS ***************** */
/* **************************************** */
ul#treeview {margin: 0 2px;}
ul#treeview li {background: none; border-top: 1px solid #cfcfcf; margin: 0; padding: 0 0 0 0; line-height: 2em; overflow: hidden; _display: inline-block; clear:both;}
.treeview .hitarea {
    cursor: pointer;
    float: left;
    height: 17px;
    width: 16px;
	}
	.treeview .expandable-hitarea {background: url(../img/ico-plus.gif) no-repeat 4px 7px;}
	.treeview .collapsable-hitarea {background: url(../img/ico-minus.gif) no-repeat 4px 7px;}
	
	ul#treeview li div.item {padding-left: 16px;}
	ul#treeview li li div.item {padding-left: 32px;}
	ul#treeview li li li div.item {padding-left: 48px;}
	ul#treeview li li li li  div.item {padding-left: 64px;}
	ul#treeview li li li li li  div.item {padding-left: 80px;}
	
	ul#treeview li li .hitarea {margin-left: 16px;}
	ul#treeview li li li .hitarea {margin-left: 32px;}
	ul#treeview li li li li .hitarea {margin-left: 48px;}
	ul#treeview li li li li li .hitarea {margin-left: 64px;}
	ul#treeview li li li li li li .hitarea {margin-left: 80px;}
	
ul#treeview .treeItemName {float: left; font-weight: normal;}
ul#treeview .change {width: 102px; display: block; float: right; text-align: left;}
ul#treeview .priority {width: 60px; display: block; float: right; text-align: left;}