html {
	background-color: #D4D4D4;
	background-image: url("/pics/bg-tile.jpg");
}
body {
	margin-top: 32px;
	font-family: verdana, 'verdana ce', tahoma, 'arial ce', 'helvetica ce', arial, helvetica, sans-serif;
	font-size: small;
	/*background-color: #D4D4D4;*/
	
	padding: 0;
	color: black;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	color: red;
}
#obsah a {
	text-decoration: underline;
}
#mapa a, #prohl ul a {
	text-decoration: none;
}
img {
	border: 0;
}
p {
	margin: 0;
}
p.prvniodst {
	text-indent: 0 !important;
}
acronym {
	cursor: help;
}
h2 {
	text-align: center;
	color: red;
	font-size: 1.23em;
	font-weight: bold;
	padding-top: 0.8em;
	margin: 0;
}
span.english {
	cursor: help;
	border-bottom: 1px dashed;
}
address {
	display: inline;
}
#menu h2, #historie h2, #download h2, #poradane h2, #probehle h2, #fotogalerie h2, #sponzori h2 {
	position: absolute;
	top: -500px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
a#skipmenu {
	position: absolute;
	top: -200px;
	left: 50%;
	font-size: 1.23em;
	padding: 0.2em 0.5em;
	margin-left: 9px;
	text-decoration: underline;
	background-color: #FFFFFF;
	z-index: 2;
}
a#skipmenu:focus, a#skipmenu:active {
	top: 165px;
}

	/*** INDEX ***/

#container {
	width: 746px;
	margin: 0 auto;
}
#nadpis, #obsah, #menu, #paticka {
	background-color: #FFFFFF;
	border: 2px solid #555555;
	text-align: center;
}
#nadpis {
	height: 138px;
	margin: 0 0 7px 188px;
	position: relative;
	font-size: 1.48em;
}
#nadpis a {
	display: block;
	width: 489px;
	height: 116px;
	position: absolute;
	left: 18px;
	top: 0;
	overflow: hidden;
	margin: 10px 0 0 10px;
}
#nadpis span {
	display: block;
	width: 489px;
	height: 116px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0; padding: 0;
	background: url("/pics/nadpis.png") no-repeat;
}
#obsah {
	width: 532px;
	padding: 25px;
	min-height: 314px;
	float: right;
	margin-bottom: 7px;
}
#menu {
	width: 149px;
	min-height: 330px;
	float: left;
	font-size: 1.23em;
	font-weight: bold;
	text-align: left;
	margin-top: 34px;
	margin-bottom: 7px;
}
#menu ul {
	list-style-type: none;
	margin: 35px 0 0;
	padding: 0;
}
#menu li {margin: 0; padding: 0;}
#menu a {display:block; padding: 0 0 0 10px; margin: 0; line-height: 1.62em;}
.item a {color: red;}
#menu a:hover {background-color: red; color: white;}
#paticka {
	clear: both;
	padding: 1px;
}
#aktualizace {margin-left: 26px;}
#logo {
	position: absolute;
	top: 4px;
	left: 50%;
	width: 214px;
	height: 215px;
	margin-left: -396px;
	background: url("/pics/cck.png") no-repeat;
	z-index: 2;
}
#logo a {
	display: block;
	width: 214px;
	height: 215px;
}
#valid {
	text-align: right;
	font-size: 0.7em;
}
#valid span {color: #D4D4D4;}
#search {position: absolute;
	top: 6px;
	left: 50%;
	margin-left: 194px;}
#search #go {cursor: pointer; margin-bottom: -2px;}
#search #query {width: 150px; border: 1px solid black; background-color: #f5f5f5;}
#search label {
	position: absolute;
	top: -500px;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

	/*** UVODNI & ARCHIV ***/

#uvod {
	padding: 17px 0 15px;
	text-align: justify;
}
#uvod h2 {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	color: black;
}
#uvod p {display: inline;}
#aktuality h2 {
	font-size: 1.23em;
	font-weight: normal;
	color: black;
	margin: 3.5em 0 -0.8em; /* 0-2.5em 0 -0.8em */
}
#aktuality h3, #archiv h3 {
	font-size: 1em;
	font-weight: normal;
	color: red;
	padding: 1.2em 0 0 1.5em;
	margin: 0;
	text-align: left;
}
#aktuality p, #archiv p {text-align: justify;}
#archlink {margin-top: 1.2em;}
#aktuality #nic {text-align: center; font-style: italic; margin-top: 2.5em;}


	/*** O SDRUZENI ***/

#historie {
	text-align: justify;
	text-indent: 2em;
	padding-top: 17px;
}
#lide {
	margin: 30px auto 5px;
	width: 534px;
}
#lide div {
	width: 178px;
	float: left;
}
.jmeno {
	color: red;
	margin-top: 8px;
}
#lide address {
	display: block;
	font-size: 0.9em;
	font-style: normal;
	margin-bottom: 3px;
}
#lide img {
	border: 1px solid gray;
}


	/*** KE STAZENI ***/

#download {
	text-align: left;
	line-height: 41px;
}
#download h3 {
	color: red;
	font-size: 1em;
	padding: 6px 0 0 1em;
	font-weight: normal;
	margin: 0;
}
#download ul#formulare {
	list-style-type: none;
	padding: 0 190px 0 0;
	margin: 0;
}
#download #formulare li {
	position: relative;
}
#download span.ikony {
	position: absolute;
	right: -180px;
}
#download span.ikonyshtml {
	position: absolute;
	right: -268px;
}
#download span img {
	vertical-align: middle;
	margin: 0 .5em 0 1em;
}
#download p {margin-top: 20px;}
#download #dokumenty {margin: 0; padding: 0; list-style-type: none;}
#download #dokumenty li {margin: 0;}


	/*** PORADANE AKCE ***/

#poradane {text-align: left; padding-top: 30px;}
#poradane p {margin-top: 1em;}
#poradane ul {margin-top: 0.2em;}
#poradane #zadna {text-align: center;}

	/*** PROBEHLE AKCE ***/

#probehle {text-align: left; padding: 16px 0 0 150px;}
#probehle div {position: relative; margin-bottom: 1.8em; height: 8em;}
#probehle img {position: absolute; left: -145px; border: 1px solid gray; margin-top: 4px;}
#probehle ul {margin: 0.3em; padding: 0;}
#probehle ul li {margin-left: 1.2em; padding: 0;}
#probehle h3, #probehle h4 {font-size: 1em; font-weight: bold; margin: 0.1em 0;}

	/*** FOTOGALERIE ***/

#fotogalerie ul {
	list-style-type: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
#fotogalerie li {
	position: relative;
}
#fotogalerie img {
	vertical-align: middle;
	margin: 8px 20px 8px 5px;
	border: 1px solid gray;
}
#fotogalerie a.zip  {
	position: absolute;
	top: 39px;
	right: 3.7em;
	font-size: 0.75em;
	display: none;
}
#fotogalerie a.new  {
	display: inline;
}
#fotogalerie a.zip img {
	margin: 8px 5px 8px 0px;
	border: 0;
}
#fotogalerie #kone05 a.zip, #fotogalerie #kone06 a.zip  {
	margin-left: 75px;
	font-size: 0.75em;
}

	/*** SPONZORI ***/

#sponzori ul {
	list-style-type: none;
	padding: 0;
	margin: 0;}
#sponzori li {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 32px;
}
#sponzori img {
	margin: 10px auto 8px;
	display: block;
}
#sponzori p {
	font-style: italic;
}

	/*** KONTAKT ***/

#kontakt {text-align: left;}
#kontakt h2 {margin-bottom: 0.5em;}
#kontakt h3 {font-size: 1.23em; text-align: center;}
#kontakt form {position: relative; line-height: 2em; text-align: center;}
#kontakt fieldset {padding: 10px; margin-bottom: 10px;}
#kontakt label {display: block;}
#kontakt div {text-align: left;}
#kontakt div input {width: 301px; position: absolute; left: 14em;}
#kontakt textarea {display: block; margin: 0 auto 1em;}
#kontakt #kontrola {width: 8.5em;}
#odeslat {cursor: pointer; width: 11em; margin: 10px auto 0;}
#kontakt #varovani {text-align: center; padding: 0.2em 0; background-color: red; color: white; font-weight: bold;}

	/*** PROHLASENI ***/

#prohl p {
	text-align: justify;
}
#prohl h3 {
	font-size: 1.05em; font-weight: bold;
}
#prohl ul {
	text-align: left;
	line-height: 1.3em;
}
#prohl ul span {
	color: red;
	margin: 0 1em 0 0.5em;
	border: 1px solid red;
	padding: 0px 4px;
	font-size: 0.9em;
}
#standardy p {
	margin: 0 0 16px 105px;
	position: relative;
}
#standardy img {
	position: absolute;
	left: -105px;
	margin-top: 4px;
}
#firefox {text-align: center;}
#firefox img {margin: 1em auto 0;}

	/*** MAPA ***/

#mapa {text-align: left;}
#mapa h3 {
	text-align: center;
	color: #7B7B7B;
	font-size: 1em;
	font-weight: normal;
	margin-top: 0.5em;
}
#mapa ul span {
	color: #7B7B7B;
	margin-left: 0.6em;
}

	/*** ERRORS ***/

#error h2 {margin: 4em auto 2em;}

	/*** VYHLEDAVANI ***/

#vyhledavani {text-align: left;}
#vyhledavani form {margin-top: 15px;}
#vyhledavani .polozka {padding: 7px;}
#vyhledavani .polozka h3 {margin: 0; font-size: 1em; font-weight: normal;}
#vyhledavani .snippet {line-height: 1.22em; font-size: .95em;}
#vyhledavani a {color: blue;}
#vyhledavani .url {color: green;}
#vyhledavani .textFrm { width:350px; border: 1px solid #cccccc; background-color: #f5f5f5; padding: 2px; margin: 6px;}
#vyhledavani .butFrm { width:100px; padding-left:0px; margin: 6px;}
#vyhledavani #zobrazuji {text-align: right;}
#vyhledavani #shrnuti {text-align: center;}
#vyhledavani #navrh {text-align: center; margin-bottom: 1em; color: red; font-style: italic;}
#vyhledavani .gsc-control {width : 100% !important;}