﻿@media screen {
	html,body {
		margin:0;
		padding:0;
		background: #FC9;
		color: #966;
	}
	body {
		font: 85% Arial, sans-serif;
		text-align:center;
	}
	h1 {
		margin: 0 0 .2em;
		padding: .5em .25em 0;
	}
	h2 {
		font: italic 1.75em Georgia, "New York CE", utopia, serif;
		margin: .35em .6em .25em;
	}
	h3 {
		font: italic 1.4em Georgia, "New York CE", utopia, serif;
		margin: .4em .85em .25em;
	}
	h4 {
		margin: .5em 1em .3em;
	}
	p {
		margin: .3em 1em .5em;
		line-height: 1.5em;
	}
	p+p {
		text-indent: 2em;
	}
	address {
		margin: 1em;
	}
	img {
		border: 0.5ex solid #DDD;
	}
	a:hover {color:#930}
	a:hover img {
		border-color: #C1E1FF;
	} 
	ul {
		list-style-type: disc;
	}
	dl{
		margin: 1em;
	}
	blockquote {
		font: italic 1.2em serif;
		background: url(bg-uvozovky.png) no-repeat;
		margin: 0;
		padding: 1.5em 2.5em;
	}
	q:before {
		content: "„";
	}
	q:after {
		content: "“";
	}
	form {
		margin: 0;
		padding: 0;
	}
	fieldset {
		background: #f5f5f5;
		border: 1px solid #AAA;
	}
	fieldset legend {
		background: #EEE;
		border: 1px solid #AAA;
		border-left-width: 3px;
	}
	fieldset label {
		display: block;
		width: 75%;
		text-align: right;
		margin: 0 auto;
	}
	fieldset textarea {
		width: 350px;
		height: 150px;
	}
	/* Hlavni kontejner stranky */
	#stranka {
		color: #333;
		background: #EFEFEF url(bg.png);
		text-align:left;
		width:684px;
		margin: 15px auto 15px;
		padding: 0;
		position: relative;
	}
	/* Hlavicka stranky s obrazkem */
	#hlavicka {
		height:150px;
		margin-bottom: 2.5em;
	}
	#hlavicka .link {
		position: absolute;
		left: 8px;
		top: -2px;
		z-index: 10;
		display: block;
		width: 100px;
		height: 30px;
		text-decoration: none;
	}
	#hlavicka .obrazek {
		background: url(head.png);
		display: block;
		width: 684px;
		height: 162px;
		position: absolute;
		top: -15px;
		left: 0;
		z-index: 5;
	}
	/* Obsahova cast */
	#obsah, #obsah-full {
		border: 1px solid #BBB;
		background: #FFF;
		color: #333;
		margin-right: 4px;
		padding-bottom: 1px;
		float: right;
		width: 510px;
		overflow: hidden;
		min-height: 400px;
	}
	#obsah-full {
		width:676px;
		margin: 0 4px;
		float: none;
	}
	* html #obsah-full 
	{
	    width:670px;
	}
	/* Navigacni cast */
	#navigace {
		position: absolute;
		top: 150px;
		left: 0;
		width: 100%;
		z-index: 6;
	}
	#navigace legend {
		display:none;
	}
	#navigace legend,
	#navigace label,
	#navigace h2 {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		top: -1000px;
		left: -1000px;
	}
	#navigace fieldset {
		background: transparent;
		border: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 4px;
		right: 5px;
	}
	#navigace .stopy {
		line-height: 1.6em;
	}
	/* Hlavni menu */
	#menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align:center;
		position:absolute;
		width: 684px;
		top: -36px;
		left: 0;
		z-index: 7;
	}
	#menu li {
		display: inline;
		font: 1.2em/2.0 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	}
	#menu li a {
		color: #333;
		text-decoration: none;
		margin: 0 .65em;
	}
	#menu li a:hover {
		border-bottom: 4px solid #069 !important;
	}
	/* Levy sloupek */
	#sloupek {
		margin-left: 2px;
		float: left;
		width: 170px;
	}
	/* Boxy v levem sloupku */
	.box {
		margin: 0 0 1em 1px;
		width: 160px;
		overflow: hidden;
		border-bottom: 2px solid #91A2B7;
	}
	html>body .box {
		width: 167px;
	}
	.box h2 {
		color: #FFF;
		background: #91A2B7 url(nop.gif) no-repeat center left;
		text-align: left;
		font: 1.2em Verdana, "Geneva CE", lucida, sans-serif;
		margin: 0;
		padding: .2em 0 .2em 28px;
	}
	.box h2.nav {background-image:url(navigace.gif)}
	.box h2.hity {background-image:url(hity.gif)}
	.box h2.sprava {background-image:url(sprava.gif)}
	.box p {text-indent: 0;}
	.box ul {
		list-style-type: none;
		margin: 0 0 -2px;
		padding: 0;
	}
	.box ul li {
		padding: 0 0 0 1.6em ;
		border-bottom: 1px solid #BBB; 
		background: url(list.png) no-repeat center left;
		line-height: 1.8em;  
	}
	.box a:link {
		color: #333
	}
	.box a:visited {
		color: #555
	}
	.box a:hover {
		color:#069
	}
	.box img {
		border: none;
		margin: 3px;
	}
	/* Spodni cast hlavniho kontejneru stranky */
	#paticka {
		background: url(foot.png) no-repeat bottom;
		color: #999;
		font-size: .9em;
		clear: both;
		position: relative;
		top: 1px;
	}
	#paticka p {
		margin: 0;
		padding: 6px 5px 10px 170px;
	}
	#paticka a:link {
		color: #999;
	}
	#paticka a:visited {
		color: #AAA;
	}
	#paticka a:hover,
	#paticka a:focus {
		color: Blue;
	}
	.mesicakce {
		clear: both;
		margin-top: 2em;
	}
	.mesicakce h3 {
		background-color: #FC9;
		font-size: 1.1em;
		padding: .2em .5em;
		margin: 0;
	}
	/* Pamatky */
	.pamatka {
		clear: both;
		margin-top: 2em;
	}
	.pamatka h3 {
		background-color: #FC9;
		font-size: 1.1em;
		padding: .2em .5em;
		margin: 0;
	}
	.pamatka img {
		float: left;
		margin: 0 1em 1ex 0;
	}
	/* Akce na titulni strane */
	.akce {
		background:#EEE url(box_bg.gif) repeat-y;
		border-bottom:2px solid #CCC;
		color:#666;
		margin:.3em auto .6em;
		width:494px !important;
	}
	.akce p.head {background:#CCC url(box_head_bg.gif) repeat-y;color:#333;margin:0;padding:.5em 1em;}
	.akce p {text-indent:0;}
	/* Uredni deska */
	.clanek {margin: 0 0 2.5em;}
	.clanek .paticka{text-indent:0;background:#E5E5E5;color:#666;margin:0;font-size:.85em;padding:.5em 1.5em;}
	/* Kniha navstev */
	.vzkazy {list-style-type:none;margin:0;padding:0;}
	.vzkazy li {border:1px solid #BBB;padding:0;margin:1.2em 2em;}
	.vzkazy .info {font-size:.85em;}
	.vzkazy blockquote {padding: 1.3em 1.3em; margin: 0 .5em}
	.vzkazy blockquote p {text-indent: 0 !important;}
	/* Mapa stranek */
	.tree img {border: none}
	.tree a {text-decoration: underline !important}
	/* zapati s copyrightem a webmastery */
	.foot {margin: .3em 0 1.3em; font-size:.85em}
	.foot a {color:#966;font-weight:bold}
	.foot a:hover {color:#F00}
	/* zahlavi pro zvyseni pristupnosti */
	.header {
		margin:0 auto;
		width:670px;
		text-align:right;
		font-size:.8em;
		line-height:4em;
	}
	.header a {color:#966}
	.header a:hover {color:#F00}
	/* tabulky */
	.tabulka {
		border: medium solid black;
		border-collapse: collapse;
		width: 98%;
		margin: .6em auto; 
	}
	.tabulka td,
	.tabulka th {
		border: thin solid black;
	}
	.tabulka thead {
		background-color: #666;
		color: White;
	}
	/* tabulky generovane CMS */
	.grid{color:#333;border:1px solid #666; margin:.6em; border-collapse:collapse}
	.grid table{border:0}
	.grid tr{margin:2px 0}
	.grid td{padding:4px;border:1px solid #ccc}
	.grid th{border:1px solid #666;}
	.grid th a {color:#fff;}
	.grid img{border:0;float:left;margin:0 .3em 0 0}
	.gridHeader{background:#666;color:#FFF;padding:2px}
	.gridItem{background:#efefef}
	.altGridItem{background:#dfdfdf}
	/* Gryphoon Gallery */
	#gryphoon-gallery img{border:0;}
	#gryphoon-gallery #gallery-thumbs {margin:0 2em 0;}
	#gryphoon-gallery #gallery-thumbs .thumbnail{float:left;margin:.3em}
	#gryphoon-gallery #gallery-thumbs .thumbnail a{display:block;vertical-align:middle;width:95px;height:95px;background:#fff;border:2px solid #ccc;text-align:center;}
	#gryphoon-gallery #gallery-thumbs .thumbnail a:hover{border-color:#6194C9;}
	#gryphoon-gallery #image-nav{text-align:center; margin:1em;}
	#gryphoon-gallery #image-nav a{margin:0;padding:0;}
	#gryphoon-gallery #image-nav img{margin:0;border:0;}
	#gryphoon-gallery #gallery-img{margin:0 auto;text-align:center;}
	/* ostatni */
	.break {
		clear: both;
		width: 0;
		border: 0;
		margin-top: -1em;
	}
	.access {position: absolute;}
	.access img {border: 0;}
	.exception {color: Red;}
	.obrazky {text-align: center}
	.poznamka{font-size: .85em}
	.hidden, .access {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		top: -1000px;
		left: -1000px;
	}
	.black {
		color: Black;
	}
	.blok {
		float: left;
		width: 45%;
	}
	.left {
		text-align: left;
	}
	.right {
		text-align: right;
	}
	img.left {
		float: left;
		margin: 1ex 1em 1ex 0;
	}
	img.right {
		float: right;
		margin: 1ex 0 1ex 1em;
	}
	.clear {
		clear: both;
	}
}
@media print {
	html {
		background: White;
		color: Black;
		margin: 0;
		padding: 0;
	}
	body  {
		background: White;
		color: Black;
		margin: 0;
		padding: 0;
		font: 12pt serif;
		text-align: center;
	}
	h1 a {text-decoration:none;color:Black}
	p.motto {font-style:italic;}
	#navigace, #sloupec, #paticka, .head {
		display: none;
	}
	#stranka {
		border-bottom: 1mm solid #888;
		padding-bottom: 4mm;
		text-align: left;
	}
}
