/*
	Cechie 3 layout, Zakladni styl
	(c) Michal Kec (Michal.Kec@seznam.cz)
	MiK's Site URL: <http://mik.euweb.cz>, <http://mik.3web.cz>
	$Id: cechie.css,v 3.2 2007/12/19 17:58:16 Michal Kec Exp $
*/
/* ===========================================	Global page */
@import url("basestyl.css");
body	{
	background-color: white;
	color: black;
	}

p, td, ol, ul, li	{
/*	color: black; */
		}
h1, h2, h3, h4, p#title	{
	font-family: sans-serif;
	}

p#title	{
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 21px;
	padding-bottom: 0;
	border: outset #8888FF 3px;
	border-bottom: none;
	font-size: 250%;
	color: #00006E;
	}

p#title+h1	{
	border-right: outset #8888FF 3px;
	}

h1	{
	margin-top: 0;
	margin-bottom: 0.5em;
	padding-left: 21px;
	padding-top: 0.3em;
	border-bottom: outset #8888FF 3px;
	border-left: outset #8888FF 3px;
	color:	black;
	}

h2	{
	margin-top: 0.5em;
	margin-bottom: 3px;
	padding-left: 25px;
	padding-bottom: 0;
	color: #00006E;
	}

h3, h4	{
	margin-top: 0.3em;
	margin-bottom: 3px;
	padding-left: 25px;
	padding-bottom: 0;
	}	

h3	{
	margin-top: 0.6em;
	padding-left: 21px;
	border-left: ridge black 4px;
	color: gray; 
	}

a:link, .expire a:visited	{
	color: blue;
/*	text-decoration: none; */
	}

a:visited	{
	color: gray; 
/*	text-decoration: none; */
	}

a:hover, a:active, .expire a:hover	{
	color: red;
	}


form fieldset, form legend	{
/*	border-color: black; */
	}

input, textarea, button, select	{
	background: white;
	color: navy;
	border-color: black;
	}

input:focus, select:focus, textarea:focus	{
	border-color: #C1C1C1 #222422 #222422 #C1C1C1;
	background-color: #E0FFFF;
	color: black;
	}

/* Zvyrazneny text */
.high	{
	color: navy;
	}

/* Zvyrazneny text */
.high2	{
	font-size: 110%;
	color: red;
	}

.red	{
	color: red;
	}


/* ========================================================== Menu */
ul#menu	{
	display: inline; overflow: hidden;
	margin: 0; padding: 0;
/*	position: absolute; right: 5em; top: 0px; */
	position: absolute; left: 9em; top: 0px;
	width: 500px; /* width=sirka zalozky*pocet zalozek */
	height: 30px !important;
	height /**/: 40px;*/
	}

ul#menu li	{
	display: inline; overflow: hidden;
	float: left;
	margin: 0; padding: 0;
	list-style: none;
	width: 100px; height: 30px;
	}

ul#menu li a	{
	display: block; overflow: hidden;
	float: left;
	margin: 0; padding: 8px 0 0 0;
	width: 100px; height: 30px;
	background: transparent url("../img/layout/menu1.gif") no-repeat 0 0;
	font: normal normal bold 11pt sans-serif;
	text-align: center;
	color: #ffffe0;
	text-decoration: none;
	}

ul#menu li.active a	{
	background-position: -200px 0;
	color: red;
	}

ul#menu li a:active, ul#menu li a:hover, ul#menu li a:target	{
	background-position: -100px 0;
	color: #8888FF;
	}

/* ========================================================== Submenu */
ul#submenu	{
	position: fixed !important;
	position /**/: absolute;
	left: 3px; top: 30px;
	width: 8em;
	margin: 0; padding: 0;
	border: 1px dashed navy;
	}

ul#submenu li	{
	display: inline;
	list-style: none;
	margin: 0; padding: 0 0;
	}

ul#submenu li a	{
	display: block;
	margin: 0; padding: 5px 3px;
	font: normal normal medium sans-serif;
	text-decoration: none;
	}


ul#submenu li.active a	{
	background-color: #CCDDFF;
	color: red;
	text-decoration: underline;
	}

ul#submenu li a:active, ul#submenu li a:hover, ul#submenu li a:target	{
	background-color: #DADAFF;
	color: navy;
	text-decoration: underline;
	}


/* ========================================================== Page */
body	{
	margin: 0; padding: 0;
	max-width: 50em;
	min-width: 40em;
	}

#page	{
/*	width: expression(document.body.scrollWidth > 700? "700px" : "auto" );*/
	}

#main	{
	margin: 28px 0em 2em 9em;
	padding: 1em;
	border: solid 2px #5A5A5B;
	background-color: #ffffe0;
	min-height: 500px;
	min-width: 480px;
	overflow: hidden;
/*	height: expression(this.scrollHeight < 500? "500px" : "auto" );*/
	_height: 500px;
	_overflow: visible;
	}

/* ========================================================== Footer */
#path a 	{
	padding: 3px;
	border: 1px dashed navy;
	background-color: #ffffe0;
	}

/* Copyright, Copyright odkaz */
.copy	{
	font-size: smaller;
	text-align: right;
 	font-style: normal;	/* Protoze je v adrese*/
	white-space: nowrap;
	margin: 5px;
	}

.copy, .copy a:link, .copy a:visited	{ 
	text-decoration: none;
	color: gray;
	}


/* ========================================================== Akce */
#akce #rocnik, #akce #datum	{
	float: right;
	clear: right;
	font-size: 120%;
	border-right: 1px solid #00006E;
	padding: 0 1em;
	}

#akce em	{
	color:	#00006E;
	font-style: normal;
	font-weight: bold;
	}

#akce .start	{
/*	width: 100%;*/ /*IE bug*/
	position: relative;
	clear: right;
	margin: 0 auto 0.7em;
	padding-top: 0.3em;
	padding-left: 1em;
	border: 1px solid #00006E;
	border-right: none;
	}

#akce .startmisto,  #akce .startcas {
	display: block;
	font-size: 120%;
	}

#akce span.startinfo	{
	display: block;
	font-size: 100%;
	}

#akce .startidos, #akce .startmapa {
	position: absolute;
	top: .4em;
	right: .3em;
	}
#akce .startidos {
	top: 1.8em;
	}

#akce .cil	{
	margin-top: 1em;
	padding: 0;
	padding-left: 1em;
	position: relative;
	}

#akce .cilcas {
	display: block;
/*	font-size: 120%;*/
	}

#akce .cilinfo	{
/*	margin-left: 4em;*/
	font-style: italic;
	margin-right: 6em;
	}

#akce .cilidos, #akce .cilmapa {
	position: absolute;
	top: 0em;
	right: .3em;
	}

#akce .cilidos {
	top: 1.2em;
	}

#akce .trasainfo	{
	display: block;
	width: 100%;	/* IE bug*/
	font-size: 90%;
	font-style: italic;
	}

.popis1	{
	margin: 5px 1em 0;
	}

.popis2	{
	margin: 5px 1em;
	}

/* ========================================================== Ostatni */
#galerie	{
	margin-left: auto;
	margin-right: auto;
	}


#galerie .obrazek	{
	width: 128px;
	padding: 3px;
	float: left;
	text-align: center;
	}

#galerie a	{
	text-decoration: none;
	background-color: transparent !important;
	}

.dalsi	{
	padding: 5px;
	text-align: center;
	}

.dalsi .disabled	{
	color: #999999;
	}

address	{
	margin-left: 50px;
	}

p.iniciala:first-letter, .textik h2+p:first-letter	{
	font-size: 200%;
	font-weight: bold;
	float: left
	}

.koment	{
	margin: 0;
	text-align: right;
	}

kbd	{
	padding: 1px;
	border: 2px outset;
	background-color: lightgrey;
	color: black;
	} 

kbd:hover	{
	border: 2px inset;
	position: relative;
	top: 1px;
	left: 1px;
	}

ul.klubakce	{
	margin: 0; padding: 0;
	margin-left: 60px;
	}

ul.klubakce li	{
	list-style: none;
	margin: 0; padding: 0;
	}

#dots	{
	position:absolute;
	top: -100px;
	}

.xmlbutton, a.xmlbutton:link, a.xmlbutton:visited {
	padding: 1px .5em;
	border: 1px #f60 outset;
	background-color: #f60;
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	font-weight: bold;
	}

a.xmlbutton.right {
	float: right;
}