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

*/


body {
		color: #fff; 
		text-align: center; 
		line-height: 1.5em; 
		background-color: #FFCC00; 
		font-family: Verdana, "Geneva CE", lucida, sans-serif;
}



/* barevna zvyrazneni */
.colorBlack {color: #000;}
.colorWhite {color: #fff;}
.colorYellow {color: #FFBF00;}
.colorLightBlue {color: #607FCE;}
.colorDarkBlue {color: #4A619C;}
.colorError {color: #C00;}

/*
		zakladni layout webu
*/

/*#page {
	
}*/

/* hlavni centrovaci trida */
.centered-content {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/* hlavicka */
#top {
	background: #4A629D url('./images/bg-container-top.jpg') left top repeat-x;
	height: 274px;
}

	#top .centered-content {
		background: #fff url('./images/bg-header.jpg') left top no-repeat;
		height: 274px;
	}
	
	#top .centered-content #logo a img {
		position: absolute;
		left: 85px;
		top: 85px;
		border: none;
		background: none;
		padding: 0;
		margin: 0;
	}
	
	/* titulek webu */
	#top #title {
		position: relative;
		color: #333333;
	}
	
	#top #title div#address {
		display: none;
	}
		
		/* titulek webu reseny prekryvnym obrazkem */
		#title h1 {padding: 0; margin:0; line-height: 2em; text-align: center; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; }
		#title h1, #title h1 span {width: 700px; height: 274px; font-size:2em; position:absolute; overflow:hidden; right:0; top:0; z-index:0; cursor:pointer; cursor:hand;}
		#title h1 span {display:block; background: url('./images/bg-header.jpg') right top no-repeat; z-index:1;}
		#title h1 a {text-decoration: none; color: #333;}
		
	/* slogan - textovy blok */
	#top #motto {
		position: absolute;
		left: 250px;
		top: 160px;
		width: 680px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
	}
	
	#top #search-panel {
		width: 240px;
		height: 30px;
		position: absolute;
		left: 15px;
		top: 242px;
		overflow: hidden;
	}
	
	
/* hlavni obsahova cast */
#content {
	background: #4A629D;
}
	#content .centered-content {
		background: #fff url('./images/bg-page-content.png') left top repeat-y;
		color: #333;
	}
	
	/* leve 2 sloupce */
	#content .centered-content #left-two-columns {
		width: 750px;
		float: left;
	}
	
		#content .centered-content #left-two-columns #main-content {
			width: 470px;
			float: right;
			padding-bottom: 20px;
		}
		
			#main-content p {
				text-align: justify;
			}

		#content .centered-content #left-two-columns #left-column {
			width: 277px;
			float: left;
			
		}
		
			#content .centered-content #left-two-columns #left-column .content {
				margin: 0 15px 0 17px;
				font-size: 0.92em;
			}

	#content .centered-content #right-column {
		width: 225px;
		float: right;
		background: url('./images/bg-right-column-content.png') right top repeat-y;
	}
	
	#content .centered-content #right-column .content {
		padding: 20px 15px 0 25px;
		background: url('./images/bg-right-column-top.png') right top no-repeat;
		font-size: 0.92em;
	}
	#content .centered-content #right-column .bottom {
		height: 20px;
		background: url('./images/bg-right-column-bottom.png') right bottom no-repeat
	}

		.content-cleaner {
			clear: both;
			margin: 20px 9px 0px 10px;
			height: 2px;
			background: #4A629D;
		}


	
/* paticka */
#bottom {
	background: url('./images/bg-container-bottom.png') left top repeat-x;
	padding-bottom: 20px;
	position: relative;
}
	#bottom .centered-content {
		background: url('./images/bg-bottom.png') left top no-repeat;
		color: #333;
		height: 106px;
		overflow: hidden;
	}
	
	#bottom-links {
		margin: 2px 9px 0 10px;
		background: #4A629D;
		color: #fff;
		height: 50px;
		overflow: hidden;
		font-size: 0.94em;
	}
	
		#system-links {
			width: 60%;
			float: left;
			padding-top:15px;
			padding-left:10px;
		}
		
		#page-links {	
			width: 30%;
			float: right;
			padding-top:15px;
			padding-right:10px;
			text-align: right;
		}
	
	#copyrights {
		margin: 0 9px 0 10px;
		background: #4A629D;
		color: #fff;
		height: 43px;
		overflow: hidden;
		font-size: 0.82em;
		text-align: right;
		padding: 0 10px;
	}
	
	

#bottom a {
	color: #fff;
	text-decoration: underline;
}
#bottom a:hover,
#bottom a:active,
#bottom a:focus {
	color: #fff;
	text-decoration: none;
}





/* drobeckova navigace */
#PageAddress {
		font-size: 90%; 
		line-height: 150%;
		padding: 5px 0; 
		color: #455C94; 
		text-align: left;
		margin: 0;
	}
		.PageAddressItem a {
			padding-right: 12px; 
			background: url('./images/ico-navigator.gif') no-repeat right; 
			text-decoration: underline;
			color: #455C94;
		}
	   .PageAddressItem a:hover,
		.PageAddressItem a:focus {
			color: #607FCE;
			text-decoration: none;
		}

	
/* MENU, SUBMENU */


.menu-container {
	background: url('./images/bg-menu-content.png') left top repeat-y;
} 
ul#MainMenu {display: block; background: url('./images/bg-menu-bottom.png') left bottom no-repeat; margin: 0 0 40px 0; padding: 2px 0 12px 0; line-height: 150%; font-family: Arial, Helvetica, sans-serif; font-size: 110%; letter-spacing: 1px }
	ul#MainMenu li {display: block; margin: 0 15px 2px 17px; list-style: none; list-style-image: none; padding: 0;}
		ul#MainMenu li a {display: block; padding: 5px 10px;  text-decoration: none; font-weight: bold; background: #455C94 url('./images/bg-menu-item-normal.png') left top no-repeat; color: #fff;}	
		ul#MainMenu li a span {display: block; }	
		ul#MainMenu li a:hover {background: #FFEA00 url('./images/bg-menu-item-hover.png') left top no-repeat; color: #000;}
		ul#MainMenu li.currentMenuItem a {background: #FFEA00 url('./images/bg-menu-item-hover.png') left top no-repeat; color: #000;}
		ul#MainMenu li a:active,
		ul#MainMenu li a:focus {background: #FFEA00 url('./images/bg-menu-item-hover.png') left top no-repeat; color: #000;}


ul#SubMenu1, 
ul#SubMenu2  {font-size: 1.12em; margin-bottom: 40px;font-family: Arial, Helvetica, sans-serif; padding:0 0 0 10px; margin-right: 0;}

ul#SubMenu1 ul, 
ul#SubMenu2 ul{
	padding:0 0 0 10px; 
	margin-right: 0;
}
	
	ul#SubMenu1 li, 
	ul#SubMenu2 li {line-height: 200%;}
		
		ul#SubMenu1 li a, 
		ul#SubMenu2 li a {font-weight: bold;}
		
/*		ul##SubMenu1 li span, 
		ul##SubMenu2 li span {}	
		
		ul#SubMenu1 li a:hover, 
		ul#SubMenu2 li a:hover {}
		
		ul#SubMenu1 li.currentItem, 
		ul#SubMenu2 li.currentItem {}
		
		ul#SubMenu1 li a:active, 
		ul#SubMenu1 li a:focus, 
		ul#SubMenu2 li a:active, 
		ul#SubMenu2 li a:focus {}*/


#main-content .left  		{text-align:left}
#main-content .center 	  	{text-align:center}
#main-content .right 	  	{text-align:right}
#main-content .justify   	{text-align:justify}		
		
		

/* perex stranky */
#perex {
	background: #283961 url('./images/bg-perex.png') right top repeat-y;
	padding: 10px 20px;
	margin-top: -1em;
	color: #fff;
	line-height: 175%;
	letter-spacing: 1px;
	margin-bottom: 3em;
}
#perex a {
	color: #fff;
}

/* NADPISY */

h1, h2, h3, h4, h5, h6 {color: #4A629D; 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: #4A629D;}

h1 {
	font-size: 250%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0.5em 0 1em 0;
}

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

h3 {font-size: 160%; font-weight: normal; letter-spacing: 0.1em;}
h4 {font-size: 140%; font-weight: normal; letter-spacing: 0.1em;}
h5 {font-size: 120%; letter-spacing: 0.1em; color: #000;}
h6 {font-size: 100%; letter-spacing: 0.1em; color: #000;}

#motto h2, #motto h3, #motto h4, #motto h5, #motto h6, #motto p {
	margin: 0;
	padding: 0;
	line-height: 35px;
	font-family: "monotype cursiva";
	font-size: 1.5em;
}


#left-column h2, 
#left-column h3, 
#left-column h4, 
#left-column h5,
#left-column h6,
#right-column h2, 
#right-column h3, 
#right-column h4, 
#right-column h5,
#right-column h6 {
	margin: 0 0 0.5em 0;
}

#left-column h2, 
#left-column h3, 
#right-column h2, 
#right-column h3, 
h3.submenu,
h4.submenu,
h5.submenu,
h4.NewsBox,
h4.PhotoMenuTitle {	
	background: url('./images/bg-H-submenu.gif') left top no-repeat;
	padding: 5px 0 10px 70px;
	font-size: 160%; 
	font-weight: normal; 
	letter-spacing: 0.1em;
}

#left-column img,
#right-column img {
	border: none;
}




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

/* odkaz polozky sitemapu */

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

		.SiteMap ul ul {
			margin: 0 0 1em 1em;
		}
		
	.SiteMap li {
		margin: 10px 0; 
		list-style-image: url('./images/li-arrow-yellow.gif');
	}
	
		.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.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: -20px 0 2em 0;
	}	
	
	div.NewsBox {
		margin: 2em 0;
	}
	
	.NewsItem,
	.NewsBoxItem {
		padding-bottom: 40px;
	}
	
	.NewsItemTitle,
	.NewsBoxItemTitle,
	.NewsItemTitle a,
	.NewsBoxItemTitle a {
		font-weight: normal; 
		margin: 0 0 0.5em 0; 
	}
	
	#right-column h3.NewsBoxItemTitle {
		background: #fff;
		background-image: none;
		padding: 0;
		font-size: 1.18em;
		font-weight: bold;
		letter-spacing: 1px;
		font-family: Arial, Helvetica, sans-serif;
	}
	

	
	.NewsItemTitle span, 
	.NewsBoxItemTitle span {
		color: #000; 
		display:block; 
		font-size: 0.82em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.NewsBoxItemTitle span {
		font-weight: normal;
		font-size: 0.75em;
	}	
	
	/*.NewsItemText {
		text-align: left;
		font-style: italic;
	}*/
	.NewsBoxItemText { 
		text-align: left;
		font-style: normal;
		font-size: 0.82em;
	}
	
	
	.NewsDetail .NewsItemTitle {
		font-size: 1.8em;
		margin-bottom: 2em;
		margin-top: -20px;
	}
	.NewsDetail .NewsItemTitle span {
		color: #000; 
		display:block; 
		font-size: 0.6em;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.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;  }
	


	





/* modul    P H O T O G A L L E R Y   */


/* zarazeni fotky */
.PhotoPlacement {
	padding-top: 15px;
	margin-bottom: 2em;
}


.CategoryPlacementItem,
.PhotoPlacementItem {
			padding-left: 12px; 
			background: url('./images/ico-navigator.gif') no-repeat left; 
			text-decoration: underline;
			color: #455C94;
		}




/* vypis */

h3.photo-list {
	margin-top: 3em;
}



/* detail */
.photoThumb {
	margin: 0 0 0 0 ;
	padding: 0;
	text-align: center; 
	width: 235px; 
	float: left;
}

.PhotoCleaner {
	clear: both;
	height: 30px;
}

.PhotoItem { 
	margin-bottom: 2em; 
}

a.photo img {
	margin: 0;
}

.PhotoItemImg {
	float: left;
	display: inline; /* MSIE 6 double-margin hack */
	margin: 0;
}


.PhotoItemDescription {
	color: #455C94;
	font-style: italic;
}

.PhotoFormats {
	margin-bottom: 100px;
}


.photoThumb .PhotoItemImg {
	float: none;
	margin: 0;
}

.photoThumb .PhotoItemImg img {
	margin: 0px;
}

.PhotoAnnotation {
	letter-spacing: 1px;
	font-size: 90%; 
	text-align: left;
}

.PhotoItemText {
	padding-top: 2em;  
	clear: both;
}

.PhotoThumb .PhotoItem {
	margin-bottom: 0;
	float: none;
}

.photoThumb div.title {
	color:#585858; 
	letter-spacing: 1px; 
	font-size: 90%;
}

.photoThumb h4 {
	margin-top: 0px;
	padding-top: 0px; 
	text-align: center;
}

.PreviousPhoto {float: left;}
.NextPhoto {float: right; margin-right: 0;}


/* box s nahodym obrazkem */
#left-column h4.RandomPhoto {
	background: #FFEA00 url('./images/bg-menu-item-hover.png') left top no-repeat;
	color: #000;
	margin: -7px 14px 2px 13px;
	padding: 7px 7px;
	text-align: left;
}

.RandomPhotoImg {
	margin: 0px 14px 0px 13px;
}

.RandomPhotoItem {
	margin: 6em 0 3em 0;
	background: url('./images/bg-img-box-content.jpg') left top repeat-y;
	text-align: center;
	width: 242px;
}

	.RandomPhotoItemTop {
		background: url('./images/bg-img-box-top.png') left top no-repeat;
		height: 20px;
	}
	
	.RandomPhotoItemBottom {
		background: url('./images/bg-img-box-bottom.jpg') left bottom no-repeat;
		height: 10px;
	}

#left-column .RandomPhotoItem h5 {
	text-align: left;
	font-size: 90%;
	padding: 3px 0 12px 0;
	font-weight: normal;
	margin: 0 19px;
}

#left-column .RandomPhotoItem a img {
	border: 1px solid #FFCC00;
	margin: 0;
}



/*    S U B M E N U    P R O    V Y P I S     K A T E G O R I I     */

ul#ProductMenu, 
ul#PhotoMenu  {font-size: 1.12em; margin-bottom: 40px; font-family: Arial, Helvetica, sans-serif; padding:0 0 0 10px; margin-right: 0;}

ul#ProductMenu ul, 
ul#PhotoMenu ul {
	padding:0 0 0 10px; 
	margin-right: 0;
}
	
	ul#ProductMenu li, 
	ul#PhotoMenu li {line-height: 200%; }
		
		ul#ProductMenu li a, 
		ul#PhotoMenu li a {font-weight: bold;}
		
/*		ul#ProductMenu li span, 
		ul#PhotoMenu li span {}	
		
		ul#ProductMenu li a:hover, 
		ul#PhotoMenu li a:hover {}
		
		ul#ProductMenu li.currentItem, 
		ul#PhotoMenu li.currentItem {}
		
		ul#ProductMenu li a:active, 
		ul#ProductMenu li a:focus, 
		ul#PhotoMenu li a:active, 
		ul#PhotoMenu li a:focus {}		*/


		

/*  SEARCH */

/* panel pro rychle vyhledavani */

#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: 100%; color: #4A629D; float: none; line-height: 20px; font-weight: normal;}

#search-panel .input-text {
	width: 130px;
	padding: 1px 3px;
}
#search-panel .input-button {
	width: 25px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	display: inline;
	border: 1px solid #4A629D;
	background: #2E406B url('./images/img-search.gif') center center no-repeat;
	font-size: 0px;
	overflow: hidden;
	position: relative;
	top: -4px;
}

#search-panel .input-button:hover {
	background: #6A8EE4 url('./images/img-search-hover.gif') center center no-repeat;
	border: 1px solid #7499F6;
}




/* stranka s vysledky */

#search-form .input-text {margin-bottom: 0px; width: 250px; position: relative;}
#search-form form fieldset {padding-bottom: 10px;}

.search-error {display: block; color: #c00; font-weight: bold;}

h4.SearchResultsTitle  {
	margin-top: 3em;
}
.tab-sel h4.SearchResultsTitle {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

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



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

div.tab-sel {
	border: 1px solid #9E9E9E;
	/*border-top: 3px;*/
	background-color: #fff;
	background: url('./images/bg-fieldset.gif') left bottom no-repeat;
	margin:0px 0px 5px 0px;
	padding:5px 15px;
	clear:both;
}


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

ul#tabs-action li {
	margin:0px 3px 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:151px;
	overflow: hidden;
	font-weight: bold;
	display:block;
	float:left;
	border:1px solid #C2C2C2;
	background-color: #FAFAFA;
	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: #fff;
	border-color: #9E9E9E;
	position: relative;
	top: 1px;
}

ul#tabs-action li a:hover {
	background-color: #FAFAFA;
	border-color: #9E9E9E;
}