/*
 *  screen, projection
 *	khaac, 2008
 *  ver: 1.0
 *  
 *  > Main
 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* MAIN MOTHER ELEMENT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#mother {
	width: 60em; /* 980px */
	background: #ffffff;
	overflow: visible;
	text-align: left;
	margin: 0pt auto;
	border: 0px solid #ff0000;
	position: relative;
  z-index: 3;
  overflow: visible;
  min-height: 100% !important;
}

/* IE bugfix - ??? */
* html #mother{
  height: 100%; 
}

#mother-border{
	width: 64em;
  height: auto;
	padding: 0px 0px;
	margin: 0px auto;
	border: 0;
	position: relative;
}

/* IE bugfix - ??? */
* html #mother-border{
  height: 100%; 
}

/* Two color backgrounds for 3-col layout*/
#col-left-bckg{
	left: 0;
	top: 0;
	width: 11.4375em;
	height: 100%;
	position: absolute;
	background: #DEEAFF;
}
#col-right-bckg{
	right: 0;
	top: 0;
	width: 11.21em;
	height: 100%;
	position: absolute;
	background: #FCF9C8;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SHADOWS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#shadowLeft{
  background:transparent url("../img/shadow_left.gif") no-repeat scroll right top;
  height: 100%;
  left:0pt;
  margin-left:-30em;
  position:absolute;
  top:0pt;
  width:50%;
  z-index:1;
}
#shadowRight{
    background:transparent url("../img/shadow_right.gif") no-repeat scroll 30em 0pt;
    height: 100%;
    position:absolute;
    right:0pt;
    top:0pt;
    width:50%;
    z-index:2;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER CONSTRUCTION*/
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#header {
	background: #ffffff;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 3.875em; /* 91px */
	position:relative;
}

/* force transparency */
#header a:hover{
	background-color: transparent !important;
}

#header h1 img{
 	display: block;
	border: 0px solid #ff0000;
	padding: 0px;
	margin: 0px;
	
}
/* Logo */
#logo{
	border: 0px;
	margin: 0px;
	padding: 0px;
	display:block;
	background-color:transparent;
}

/* unique logo image */
#logo img {
	width: 24.39em; /* ! h1 has 2em (2 x 16px) */
	height: 1.9375em; 
}

/* following only for debuging purposes*/
/*#logoimage{
	background: transparent url("img/header.jpg") left top no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px; 
	height: 128px;
	margin: 0px;
	z-index: 2;
}*/

#logotype span, #logotitle span{display:none;}

#motto {
	color:#757575;
	font-size:1.5em;
	overflow:hidden;
	position:absolute;
	top:25px;
	left:22em;
	width:18em;
}

#search {
	border: 0px solid #000000;
	position: absolute;
	right:0;
	top:1.31em;
	width: 11.21em;
	height: 2.55em;
	overflow:hidden;
	background: #FCF9C8 url("../img/search_shadow.gif") left bottom repeat-x;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#content{
	/*height: 100%;*/ /* IE strange */
	width: 36em;
	border: 0px solid #000000;
	padding: 0 0 8px 0;
	margin: 0;
	float:left;
	background-color: transparent;
}


#content .image-center{
	text-align: center !important;
	margin-bottom: 0.5em;
}
#content .image-center img{
	float: none;
	clear: both !important;
}

#content img{
	margin: 0.3em 1em 0.3em 1em;
	border: 1px solid #000000;
}


#content-end {
	clear: both;
	padding: 0;
	border: 0em solid #CDB780;
}
* html body div#content {
/*	height: 320px; /* nastavi vysku pro IE/Win */
}

html>body #content { 
/*	height: auto; /* vrati pravidlo */
/*	min-height: 320px;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SPECIAL HEADING FOR CONTENT */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content #high1 {
	vertical-align: middle;
	height: 2.0625em;
	padding: 0 0 0.1em 0; 
	margin: 0 0 1em 0;
	border: 0;
	position: relative;
	overflow: visible;
	display: block;
	background: transparent url("../img/high1.gif") left bottom no-repeat;
}

#content #high1 h2 {
  width: auto;
  border: 0;
	padding: 0;
	margin: 0;
	float: right;
}


#content h3 {	
	color: #0E2B8D;
	border: 0;
	margin-bottom: 1em;
	font-size:1em;
	font-weight: bold;
	border-bottom: 1px dashed #0E2B8D;
}

#content h4 {
	color: #23569C;
	font-size: 0.8em;
	margin-bottom:0.5em;
}


#content h5 {
	font-size:0.7em;
	color: #000000 !important;/* Special classes */
	margin-bottom: 0.5em;
}

#content ul li, #content ol li{
  font-size: 0.75em;
} 	


#content ul li li, #content ol li li{
  font-size: 1em;
} 	



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HISTORY
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#history {
	padding: 1.5em 0;
  font-size:0.65em;
  position: relative;
  top: 0em;
	background: transparent;
}
#history a {color: #0E2B8D;}

#history a:hover, #history .selected {
	background-color: #0E2B8D !important;
	color: #ffffff !important;
} 


 /* Values changed here - CSS hack - bottom margin for delimiting line */
* html p {
	margin-bottom: 1em;
}

/* Print icon */

#page-print{
	color: #6D533B;
	font-size: 0.65em;
    display: block;
    background: transparent url("img/print.gif") top left no-repeat;
    padding: 0px;
    text-decoration: underline;
    vertical-align: top;
    cursor: pointer;

}

#page-print:hover {
	color: #000000;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	border-top: 0em solid #5097FF;
	margin: 0px;
	padding: 0;
	/*clear: both;*/
	width: auto;
  height: auto;
	position: relative;
	background: #DEEAFF;
	
}

#footer a{
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
  color: #0E2B8D; 
	text-decoration: none;
}

#footer a:hover{
	background: transparent !important;
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* EXTRAS */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* BACK-TO-TOP */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* back-to-top section */
.back-to-top{
	margin: 1em 0 1em 0;
	border: 0px solid #000000;
	background: transparent url("../img/back_to_top.gif") 0% 50% no-repeat;
	font-size: 0.65em;
	float: right;
}
.back-to-top a{
	margin-left: 1.5em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SITEMAP */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sitemap ul li{
	list-style-type: square;
	list-style-image: url("../img/sitemap_item.gif");
	font-size: 1em !important;
}
#sitemap ul li.folder{
	list-style-type: circle !important;
	list-style-image: url("../img/sitemap_folder.gif");
}

#sitemap ul li a{
	text-decoration: none;
	font-size: 0.7em !important;
	position: relative;
}
#sitemap ul li a:hover{
	text-decoration: underline !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SEARCH FORM */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.FSF_searchResults .FSF_pages{
	border-right: 1px solid #D3D0E6;
	border-bottom: 1px solid #D3D0E6;
	background-color: #EEEDED;
	padding: 0.8em;
	margin: 0.8em 0.8em 0.8em 0;
	display: block;
}
.FSF_searchResults .FSF_resultLink, .FSF_searchResults .FSF_resultDescription{
	font-size: 0.8em;
	display: block;
	padding-left: 1em;
}
.FSF_searchResults .FSF_resultLink{
  margin-right: 0.8em; 
	background: transparent url("img/sub_menu_item_inactive.gif") 0% 50% no-repeat !important;

}