/*############################################################################*/
/*                                                                            */
/*  Znacky                                                                    */
/*                                                                            */
/*############################################################################*/
HTML, BODY
{
	margin: 6em 0em 0em 16em;
	overflow: hidden;
	color: #000;
	background: #eee;
	font-family: verdana, sans-serif;
	line-height: 2;
	scrollbar-base-color: #AAA;
	scrollbar-track-color: #EEE;
	scrollbar-arrow-color: #333;
}

H1, H2, H3
{
	color: #F03;
	letter-spacing: 0.1em;
	/*
	text-transform: capitalize;
	text-transform: uppercase;
	*/
	font-variant: small-caps;
}

A, A:link
{
	color: #33c;
	text-decoration: underline;
}

	A:visited
	{
		color: #93c;
		text-decoration: underline;
	}
	
	A:hover
	{
		color: #09f;
		text-decoration: none;
	}

IMG
{
	border: 0px none;
}

CITE, DFN, ABBR, ACRONYM
{
	/*/*/
	border-bottom: 0.1em dashed gray;
	cursor: help;
	/* IE holt musi mit vsechny podtrzeny a s kurzorem */
	letter-spacing: 0.05em;
}

CITE[title], DFN[title], ABBR[title], ACRONYM[title]
{
	border-bottom: 0.1em dashed gray;
	cursor: help;
}

LABEL INPUT, LABEL SELECT
{
	vertical-align: bottom;
}

/*############################################################################*/
/*                                                                            */
/*  Jednoznacne selektory                                                     */
/*                                                                            */
/*############################################################################*/

#head
{
	position: absolute;
	top: 0em;
	width: 100%;
	height: 6em;
	overflow: auto;
	border-bottom: 2px solid #666;
}

#body
{
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow: -moz-scrollbars-vertical; /* v Mozile se bude zobrazovat vertikalni lista */
	_overflow-y: scroll; /* v IE se bude zobrazovat vertikalni lista */
	padding: 1em;
	background: #ddd;
}

#menu
{
	position: absolute;
	left: 0em;
	top: 0em;
	width: 16em;
	height: 100%;
	overflow: auto;
	background: #eee;
	border-right: 2px solid #666;
}

/*
#submenu
{
	position: absolute;
	top: 6em;
	width: 100%;
	height: 2.5em;
	overflow: auto;
	border-bottom: 2px dotted #666;
	background: #ddd;
}
*/

#question-list
{
	margin-top: 1em;
	border-top: 2px dotted #666;
}

/*############################################################################*/
/*                                                                            */
/*  Jednoznacne selektory vnorene                                             */
/*                                                                            */
/*############################################################################*/

#menu #logo
{
	position: relative;
	left: 0em;
	top: 0em;
	width: 100%;
	height: 6em;
	padding: 0em;
	background: #FFF;
	text-align: center;
	border-bottom: 2px solid #666;
	vertical-align: middle;
}

#body #text
{
	width: 40em;
	float: left;
}

#body #images
{
	/*
	position: absolute;
	left: 40em;
	top: 0em;
	padding: 2em;
	*/
	padding: 0em;
	padding-left: 42em;
}

/*############################################################################*/
/*                                                                            */
/*  Tridy                                                                     */
/*                                                                            */
/*############################################################################*/

.block
{
	display: block;
}

.float-left
{
	float: left;
}

.float-right
{
	float: right;
}

.align-left
{
	text-align: left;
}

.align-right
{
	text-align: right;
}

.sloupec
{
  float: left;
  margin: 0em 1em 1em 0em;
  width: 15em;
}

.nezalomit
{
  white-space: nowrap;
}

/*############################################################################*/
/*                                                                            */
/*  Vnorene prvky                                                             */
/*                                                                            */
/*############################################################################*/

#menu #logo A
{
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

	#menu #logo A SPAN
	{
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 1;
		width: 100%;
		height: 100%;
		background: url("images/logo.gif") center center no-repeat;
		cursor: pointer;
	}

#head H1
{
	font-size: 2em;
	position: absolute;
	top: 0.75em;
	padding: 0.5em;
	line-height: 1.2;
}

#body P
{
	margin-bottom: 0em;
	text-align: justify;
}

#images IMG
{
	border: 0.1em solid #F03;
}

#menu A:link
{
	color: #000;
	text-decoration: none;
}

	#menu A:visited
	{
		color: #666;
		text-decoration: none;
	}
	
	#menu A:hover
	{
		color: #66F;
		text-decoration: underline;
	}

#menu UL
{
	margin: 0em 0em 0em 1.2em;
}

#menu LI
{
	list-style: url(images/menu-.gif) square;
}

#menu LI.active, #menu LI.active A, #menu LI.active A:visited
{
	color: #F00;
	list-style: url(images/menu+.gif) square;
}

	#menu LI.active LI, #menu LI.active LI A
	{
		color: #000;
		list-style: url(images/menu2-.gif) square;
	}
	
	#menu LI.active LI A:visited {
		color: #666;
		list-style: url(images/menu2-.gif) square;
	}

#menu LI LI
{
	font-size: 0.85em;
	list-style: url(images/menu2-.gif) square;
}

	#menu LI LI.active
	{
		color: #F00;
		list-style: url(images/menu2+.gif) square;
	}

.questions OL
{
	list-style-type: none;
	margin-left: 0em;
}

.questions OL OL
{
	list-style-type: none;
	margin-left: 3em;
}