/*	---------------------------------------------------------------------------------------
	Radim Kurka
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Reset & basic styles & layout
	Media:				screen, projection, handheld, tv
	Date:				14. 12. 2009
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)	
	-------------------------------------------------------------------------------------*/

/*	---------------------------------------------------------------------------------------
	Reset & default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, tbody, p, blockquote, cite, q, abbr, acronym, address, img, ins, del, code, form, fieldset, legend, label, object { margin: 0; padding: 0; }
:focus { outline: 0; }

html, body, #background, #main { width: 100%; height: 100%; cursor: default; }
body { overflow: hidden; font: 62.5%/1.6 sans-serif; }
hr { display: none; }

a:hover, a:focus, a:active { text-decoration: none; }
img { vertical-align: middle; }
a img, fieldset { border: none; }
img[usemap] { border: none; }
textarea { font-family: sans-serif; }

table { width: 100%; border-collapse: collapse; }
td, th { padding: .3em 1em; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
address { font-style: italic; }

ul li { display: block; list-style: none; }
ol { list-style-position: inside; }

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 89%; }
h6 { font-size: 60%; }

/*	---------------------------------------------------------------------------------------
	Default classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.l { float: left !important; }
.r { float: right !important; }
.c { clear: both !important; }
.n { display: none !important; }

img { -ms-interpolation-mode: bicubic; }
img.l, img.r { margin: 1em 1.5em; }
img.l { margin-left: 0; }
img.r { margin-right: 0; }
.cn { display: block; margin: .5em auto 1em !important; }

.t-l { text-align: left !important; }
.t-c { text-align: center !important; }
.t-r, .td-r td { text-align: right !important; }

.cl, .topics ul, .calendar ul, .actions li { min-height: 1px; }
.cl:after, .topics ul:after, .calendar ul:after, .actions li:after { clear: both; visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; }
.ac { position: absolute; left: -9999px; top: 0; z-index: -1; }

.ir, .ir a, #navigation li a { position: relative; overflow: hidden; display: block; }
.ir a, .ir span, #navigation li a span { width: 100%; height: 100%; }
.ir span, #navigation li a span { position: absolute; left: 0; top: 0; background-position: 0 0; background-repeat: no-repeat; }
.ir a span, a.ir span, #navigation li a span { cursor: pointer; }

/*	---------------------------------------------------------------------------------------
	Basic styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body { overflow: visible; color: #fff; background-color: #000; }

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

#navigation a { font-size: 120%; }

.preloader {
	background-image: url('../images/item.png');
	background-image: url('../images/text.gif');
	background-image: url('../images/video.png');
	background-image: url('../images/ico-video.gif');
	background-image: url('../images/dotted-h.gif');
	background-image: url('../images/ico-photos.gif');
	background-image: url('../images/ico-photos-actual.gif');
	background-image: url('./images/popup-loader.gif');
	background-image: url('../images/dotted.gif');
	background-image: url('../images/gal.gif');
	background-image: url();
}

/*	---------------------------------------------------------------------------------------
	Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#background, #main, #preloader, .illustration, .illustration-calendar { position: absolute; left: 0; top: 0; z-index: 0; overflow: hidden; width: 100%; height: 100%; min-width: 950px; min-height: 700px; }
	#background img { position: absolute; margin-top: 4.2em; }

#preloader { z-index: 999; background: #000; }
	#preloader .bar { position: absolute; left: 0; top: 50%; overflow: hidden; width: 1%; height: 1px; background: #f60; }

#main { z-index: 100; overflow: auto; }
	.illustration { background: url('../images/corner-green.png') 0 100% no-repeat; }
	
#navigation, #footer, #main .page, #column { position: absolute; }
#navigation, #footer, #main .page { left: 0; }
#navigation, #footer { z-index: 15; width: 100%; }
#main .topics, #column { bottom: 10em; padding-top: 4.2em; }
#main .page { left: 50px; }
	
/* Navigation 
----------------------------------------------------------------------------------------*/

#navigation { top: 0; line-height: 44px; color: #889199; background: #fff; }
	#navigation a { text-decoration: none; }
	
	#navigation ul, #navigation li, #navigation li a { float: left; display: inline; }
		#navigation li a { height: 44px; padding: 0; text-align: center; color: #889199; background: url('../images/navigation-item.gif') 5px 50% no-repeat; }
		#navigation li a:hover, #navigation li a:focus, #navigation li a:active { color: #000; }
		#main #navigation li a.active { color: #fff; background: #f60; }
		
			#navigation li a:hover span, #navigation li a.active span { background-position: 0 -44px; }
		
		#home { width: 100px; }
			#home span { background-image: url('../images/menu-homepage.png'); }
		#bio { width: 48px; }
			#bio span { background-image: url('../images/menu-bio.png'); }
		#novinky { width: 79px; }
			#novinky span { background-image: url('../images/menu-novinky.png'); }
		#foto { width: 56px; }
			#foto span { background-image: url('../images/menu-foto.png'); }
		#video { width: 64px; }
			#video span { background-image: url('../images/menu-video.png'); }
		#stroj { width: 59px; }
			#stroj span { background-image: url('../images/menu-stroj.png'); }
		#partneri { width: 81px; }
			#partneri span { background-image: url('../images/menu-partneri.png'); }
		
	#navigation .button { float: right; padding: 0 40px 0 20px; color: #fff; background: #7e964a url('../images/navigation-arrow-right.gif') 100% 50% no-repeat; }
	#navigation .button:hover, #navigation .button:focus, #navigation .button:active { background-color: #000 !important; }

/* Maincontent
----------------------------------------------------------------------------------------*/

.maincontent { /*min-height: 572px;*/ overflow: hidden; width: 100%; padding: 44px 0 133px; }
.maincontent ul, .maincontent p { margin-bottom: 1.5em; }
.maincontent li { padding-left: 1.5em; }

/* Breadcrumb 
----------------------------------------------------------------------------------------*/

.breadcrumb {  }

/* Content
----------------------------------------------------------------------------------------*/

#content { float: left; width: 720px; padding-left: 30px; }
.topics { width: 700px; }
	.topics h1, .topics h2 { text-transform: uppercase; }
	.topics h1 { margin-bottom: 3em; }
	#content .topics h2 { padding: .3em 0 .2em; font-size: 150%; font-weight: normal; }
	.cufon-active #content .topics h2 { font-size: 200%; }
	.topics a { text-decoration: none; }
	
	.topics .sliding { position: relative; overflow: hidden; width: 700px; }
	.topics ul { width: 720px; }
		.topics li { float: left; display: inline; width: 220px; margin-right: 20px; padding: 0; }
			.topics .photo { position: relative; display: block; }
				.topics .photo img { display: block; }
				.topics .photo span, .actions .moreinfo a { float: left; padding: .5em; line-height: 1.1; text-transform: uppercase; text-decoration: none; font-size: 110%; color: #fff; background: #f60; }
				.topics .photo span { position: absolute; left: 0; top: 0; padding: 5px; }
				.actions .moreinfo a:hover, .actions .moreinfo a:focus, .actions .moreinfo a:active { background: #000; }

	#prev-topics, #next-topics { position: absolute; left: 510px; bottom: 4.8em; }

/* Column
----------------------------------------------------------------------------------------*/

#column { right: 0; bottom: 0; padding-bottom: 188px; width: 117px; }

	#logo { position: absolute; right: 35px; top: 85px; }

	ul.actions { margin: 0; padding-bottom: 100px; }
		.actions li { width: 100%; padding: 0; } 
			.actions h2, .actions .date { margin-bottom: 15px; }
			.actions h2, .actions .moreinfo { float: right; width: 310px; padding-right: 30px; }
			.actions h2 { line-height: 1.2; text-transform: uppercase; font-size: 250%; font-weight: normal; }
				.actions h2 a { text-decoration: none; }
			.actions .date { float: right; display: inline; margin-right: 20px; padding: 0 .3em; font-size: 350%; font-style: italic; color: #fff; background: #413c29; }
			.actions .moreinfo { clear: both; }

	.calendar { }
		.calendar p { margin-bottom: 1em; text-transform: uppercase; font-size: 110%; }
		.calendar .sliding, .calendar ul { position: relative; overflow: hidden; height: 234px; }
		.calendar ul { margin: 0; padding: 0 5px; }
			.calendar li, .calendar li a { width: 58px; height: 42px; padding: 2px 5px; }
			.calendar li { margin-bottom: 1px; vertical-align: middle; color: #000; background: #fff; }
				.calendar li strong { float: left; line-height: 1.1; font-size: 350%; letter-spacing: -1px; font-weight: normal; font-style: italic; }
				.calendar li em { float: right; margin-top: 2em; text-transform: uppercase; color: #b0b0b0; }
				.calendar li a { display: block; margin: -2px -5px; text-decoration: none; background: #659ead; }
				.calendar li a:hover { background: #000; }
					.calendar li a strong, .calendar li a em { color: #fff; }
			.calendar li.act, .calendar li.act a { padding: 2px 10px; }
			.calendar li.act { margin: 0 -5px 1px; color: #fff; background: #f60; }
				.calendar li.act em { color: #fff; }
				.calendar li.act a { margin: -2px -10px; }
			
		#prev-calendar, #next-calendar { position: absolute; right: 45px; }
		#prev-calendar { bottom: 461px; }
		#next-calendar { bottom: 115px; }
		
		.action { position: absolute; right: 126px; bottom: 224px; width: 178px; padding: 10px; font-size: 110%; color: #fff; background: #6297a5; }
			.action p { margin-bottom: 15px; }
			.action table { table-layout: fixed; width: 100%; }
				.action th, .action td { background: #000 url('../images/dotted-action.gif') 0 100% no-repeat; }
				.action .last th, .action .last td { background-image: none; }
				.action th { text-align: left; text-transform: uppercase; }
				.action td { text-align: right; color: #7a7a7a; background-position: 100% 100%; }

/* Footer
----------------------------------------------------------------------------------------*/

#footer { bottom: 0; height: 6.3em; padding-top: 1.5em; color: #757575; background: #000; }
	#footer p { float: left; display: inline; margin: 0 35px; font-size: 110%; }
		#footer p em { font-style: normal; }
	#footer a { color: #757575; }
	#footer a:hover, #footer a:focus, #footer a:active { color: #fff; }

/*	---------------------------------------------------------------------------------------
	Subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.page h1 { margin: 20px 0; }
.page h2 { line-height: 1.1; text-transform: uppercase; font-size: 190%; font-weight: normal; }
.page h2 a { text-decoration: none; }
.page h2 a:hover, .page h2 a:focus, .page h2 a:active { color: #ccc; }

/*	---------------------------------------------------------------------------------------
	Text subpages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.box, .bookmarks-wrapper { width: 690px; }
.box { background: url('../images/item.png'); }
.bookmarks-wrapper { overflow: hidden; height: 444px; }
	.bookmarks-wrapper.text { height: 350px; }

.text { overflow: auto; width: 695px; font-size: 120%; }
	.text .in { overflow: hidden; padding: 33px 30px 30px 25px; background: url('../images/text.gif') 0 -14px no-repeat; }
	.col { float: left; width: 290px; }
		.col h2 { margin-bottom: 40px; }
		.col p { width: 240px; font-size: 120%; font-weight: bold; color: #f60; }
		.col p.noimp { font-size: 100%; color: #fff; }
		
	.content { float: right; width: 315px; }
		.content p { margin-bottom: 18px; color: #aaa; }
		.content p.first { color: #fff; }
		.content table { position: relative; table-layout: fixed; width: 402px; margin-left: -87px; }
			.content th, .content td { padding: .5em .3em .5em 0; }
			.content th { width: 41px; text-align: left; vertical-align: top; color: #f60; }
			.content td { color: #ccc; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
			.content .last, .content .last td { background: none; }

ul.bookmarks { overflow: hidden; width: 100%; margin: 0; line-height: 39px; text-transform: uppercase; }
.cufon-active ul.bookmarks { font-size: 150%; }
	.bookmarks li, .bookmarks li a { float: left; display: inline; }
	.bookmarks li { margin-right: 1px; padding: 0; }
		.bookmarks li a { padding: 0 21px; text-decoration: none; color: #7e878e; background: #fff; }
		.bookmarks li a.active, .bookmarks li a:hover { color: #fff; background: url('../images/item.png') 0 0; }

/*	---------------------------------------------------------------------------------------
	Multimedia
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.multimedia { width: 700px; }
	.multimedia .item { position: relative; float: left; display: inline; width: 214px; margin: 0 0 18px 8px; padding: 7px 7px 10px; background: url('../images/item.png'); }
	.multimedia .item:hover { background: #000; }
	.multimedia .first { clear: both; margin-left: 0; }
		.multimedia a { display: block; text-decoration: none; }
			.multimedia .item img { display: block; }
			.multimedia .item .date { position: absolute; right: 7px; top: 7px; padding: 0 5px; line-height: 20px; font-style: normal; color: #fff; background: #5b97a7; }
			.multimedia .item a:hover .date, .multimedia .item a:focus .date, .multimedia .item a:active .date { background: #000; }
		.multimedia .item h2 a { height: auto !important; height: 48px; min-height: 48px; padding: 8px 32px 5px 8px; line-height: 24px; background: url('../images/ico-photos.gif') 100% .4em no-repeat; }
		.multimedia .item p { margin: 0; padding: 0 8px; }
			.multimedia .item p em { font-style: normal; color: #808485; }
	
		.multimedia .video a span { position: absolute; left: 82px; top: 38px; width: 70px; height: 70px; background: url('../images/video.png'); cursor: pointer; }
		.multimedia .video h2 a { background-image: url('../images/ico-video.gif'); }

/*	---------------------------------------------------------------------------------------
	News
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.news table { table-layout: fixed; text-transform: uppercase; font-size: 110%; line-height: 24px; }
	.news th, .news td { padding: 10px 10px 10px 0; background: url('../images/dotted-h.gif') 0 100% repeat-x; }
	.news th { width: 150px; padding-left: 15px; text-align: left; }
	.news .desc { width: 330px; }
	.news .last th, .news .last td { background: none; }
		.news em { font-size: 150%; }
		.news a { display: block; padding-right: 30px; text-decoration: none; text-transform: none; text-align: right; background: url('../images/ico-photos.gif') 100% 0 no-repeat; }
		.news a:focus, .news a:hover, .news a:active { text-decoration: underline; }
	.news .actual th, .news .actual td { color: #000; background: #fff; }
	.news .actual th { color: #f60; }
		.news .actual a { color: #8f8f8f; background-image: url('../images/ico-photos-actual.gif'); }

/*	---------------------------------------------------------------------------------------
	Gallery popup
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#photos { overflow: hidden; width: 820px; height: 510px; background: #000; }
	#photos #bigger { float: left; width: 616px; height: 462px; padding: 22px 21px 26px; color: #fff; background: #000; }
		#photos #bigger img { background: url('./images/popup-loader.gif') 50% 50% no-repeat; }
	#photos #side, #photos .sliding { position: relative; overflow: hidden; width: 124px; height: 412px; }
	#photos #side { float: left; padding: 51px 19px 47px 19px; color: #fff; background: #191919 url('../images/dotted.gif') 0 0; }
		#photos .sliding ul { height: 3000px; }
			#photos .sliding li { margin-bottom: 8px; }
				#photos .sliding li a { display: block; width: 112px; height: 85px; padding: 6px; background: url('../images/gal.gif') 0 0 no-repeat; }
				#photos .sliding li a:hover, #photos .sliding li a.active { background-position: 0 -97px; }
		#prev-side, #next-side { position: absolute; left: 63px; }
		#prev-side { top: 16px; }
		#next-side { bottom: 16px; }