html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background: #FFF;
	font-family: verdana, "Lucida Grande", "Arial CE", "Geneva CE", "SansSerif CE", arial, SansSerif, sans-serif; 
	/*font-size: 0.80em;  */
	font-size: small;
	color: #000; /*background: #FFF url(img/bck.png) repeat-x top left;*/
}

ul, ol {list-style:none; margin:0; padding:0;}
a {text-decoration: none;}
img {border: none;}

/**************************************************************************/
/** align left, with border **/
/* body {margin:10px 10px 10px 10px;} #container {margin: 0;} */

/** align left, no border **/
body {margin:0;} #container {margin: 0;}

/** align center, with border **/
/* body {margin:10px 10px 10px 10px; text-align:center;} #container {margin: 0 auto;}  */

/** align center, no border **/
/* body {margin:0; text-align:center;} #container {margin: 0 auto;} */

/**************************************************************************/
#container {
	position: relative; /* needed for footer positioning*/
	padding: 0;
	width: 771px;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
	background: #FFF url('img/side.png') repeat-y 0px 5px;
}

/**************************************************************************/
#header { }
#ruler
{
	clear: both;
	height: 137px;
	background: url('img/pravitko.png') top left no-repeat; 
}
#ruler * {display:block; position:relative; float:left;}
#ruler span { display:none }
#root_link {left:16px; top:2px; width:248px; height: 48px;}
#lang_cs {left: 405px; top:90px; width:33px; height: 15px;}
#lang_en {left: 418px; top:90px; width:46px; height: 15px;}
#alt_lang {left: 453px; top:90px; width:50px; height: 15px;}


/**************************************************************************/
#footer {
	position:absolute;
	width:100%;
	left:0;
	bottom:0; /* stick to bottom */
	background: url('img/bottom.png') top left no-repeat;
	height: 116px;
}
#copyright
{
	position:relative;
	top:100px;
	float:right;
	margin-right:2px;
	font-size:0.8em;
}

#copyright a {
	color: Maroon;
}

/**************************************************************************/
#content {
	padding:0 0 120px; /* bottom padding for footer */
}

.topleft
{
	width: 50px;
	height: 172px;
	background: url('img/topleft.png') top left no-repeat;
	float:left;
}

img#kolo
{
	position:relative;
	top: -27px;
	margin-right: 10px;
	margin-bottom: -27px;
	float: left;
}

.podkolo {clear:left; margin:0; padding:0; height:1px; line-height:0px;} /* ??? */

#article {
	text-align: justify;
	margin: 0 1em 0 110px;
	
}

#article a { text-decoration: underline }
#article span {border-bottom: 1px dashed gray;}

#article_title
{
	text-align:left;
	font-size: 26px;
	letter-spacing: 0px;
	font-weight: bold;
	text-transform: uppercase;
 	margin-bottom: 0.5em;
}


/**************************************************************************/
#menubar {height:127px;clear:both;}
#menubar a, #menubar div {height:127px;float:left;}
#bar2,#bar3,#bar5,#bar2a,#bar3a,#bar5a {width:128px;}
#bar1,#bar4,#bar6,#bar1a,#bar4a,#bar6a {width:129px;}
#bar1 {background: url('img/box1ligh.png') top left no-repeat;}
#bar2 {background: url('img/box2ligh.png') top left no-repeat;}
#bar3 {background: url('img/box3ligh.png') top left no-repeat;}
#bar4 {background: url('img/box4ligh.png') top left no-repeat;}
#bar5 {background: url('img/box5ligh.png') top left no-repeat;}
#bar6 {background: url('img/box6ligh.png') top left no-repeat;}
#bar1a {background: url('img/box1bar.png') top left no-repeat;}
#bar2a {background: url('img/box2bar.png') top left no-repeat;}
#bar3a {background: url('img/box3bar.png') top left no-repeat;}
#bar4a {background: url('img/box4bar.png') top left no-repeat;}
#bar5a {background: url('img/box5bar.png') top left no-repeat;}
#bar6a {background: url('img/box6bar.png') top left no-repeat;}


#tabs-header {
	height:17px; 
	font-size:12px;
	background: url('img/tabbar.png') top left no-repeat;
}
#tabs-header img, #tabs-header a, #tabs-header div {float:left;}
#tabs-header a, #tabs-header div {width:60px;height:17px;}
#tabs-header a { color:black; }
#tabs-header a:hover, #tab1a, #tab2a, #tab3a, #tab4a, #tab5a, #tab6a
 { font-weight: bold; }

/*#tabs-header span { display:none }*/

#tab1, #tab1a { margin-left:53px; width: 60px; text-align: center; }
#tab2, #tab2a { margin-left:68px; width: 60px; text-align: center; }
#tab3, #tab3a { margin-left:69px; width: 60px; text-align: center; }
#tab4, #tab4a { margin-left:70px; width: 60px; text-align: center; }
#tab5, #tab5a { margin-left:66px; width: 60px; text-align: center; }
#tab6, #tab6a { margin-left:68px; width: 60px; text-align: center; }

.dropdown
{
	visibility: hidden;
	position: absolute;
	z-index: 100;
	font-size: 14px;
	background-color: white;
	border: 1px inset gray;
}
.dropdown li
{
	position:relative;
	clear: both;
	text-align:left;
	padding: 0px 3px 0px 3px;
}
.dropdown a {height:18px;display:block;width:100%;}
.dropdown a:link {color: #000}
.dropdown a:visited {color: #000}
.dropdown a:hover {color: #000; background-color:#EEEEEE;}
.dropdown a:active {color: #000}


/***********************************************************************************/

/* h1, h2, h3, a, .signature { color:brown; } */
body.Menu0 h1, body.Menu0 h2, body.Menu0 h3, body.Menu0 a, body.Menu0 .signature { color:bown; }
body.Menu1 h1, body.Menu1 h2, body.Menu1 h3, body.Menu1 a, body.Menu1 .signature { color: Maroon; } /* #62412a */
body.Menu2 h1, body.Menu2 h2, body.Menu2 h3, body.Menu2 a, body.Menu2 .signature { color:#6a3135; }
body.Menu3 h1, body.Menu3 h2, body.Menu3 h3, body.Menu3 a, body.Menu3 .signature { color:#7b2b43; }
body.Menu4 h1, body.Menu4 h2, body.Menu4 h3, body.Menu4 a, body.Menu4 .signature { color:#30596a; }
body.Menu5 h1, body.Menu5 h2, body.Menu5 h3, body.Menu5 a, body.Menu5 .signature { color:#398c5e; }
body.Menu6 h1, body.Menu6 h2, body.Menu6 h3, body.Menu6 a, body.Menu6 .signature { color:#3f753c; }

h1 {
	font: bold 1.5em georgia,serif;
	padding:0; 
	margin: 1em 0 0.5em 0;
}
h2 {
	font: bold 1.25em georgia,serif;
	padding:0; 
	margin: 0.3em 0 0.5em 0;
}
h3 {
	font: bold 1.15em georgia,serif;
	padding: 0;
	margin: 0 0 0.1em 0;
} 
p, ul, ol {
	line-height:1.5;
	margin:0 0 1em 0;
}
p.h1glue, ul.h1glue, ol.h1glue {margin-top: -0.5em;}
p.h2glue, ul.h2glue, ol.h2glue {margin-top: -0.5em;}
p.h3glue, ul.h3glue, ol.h3glue {margin-top: -0.1em;}

table {
	font-size: small;
}
tr {text-align:justify; vertical-align:top; line-height:1.5;}

.signature {
	font-family: "palatino linotype", tahoma, "SansSerif CE", Geneva, SansSerif, sans-serif;
	color: #558;
	margin: -1em 0 15px 0; padding:0;
	text-align:right;
}	

.not_found
{
	font-size: xx-large;
	font-weight: bolder;
	letter-spacing: 8px;
	text-align: center;
}

pre { font-size: 12px; background-color: #EEEEEE; }

#article ul {list-style: disc inside;}
#article ol {list-style: square inside;}
#article ol li a, a.small { font-size: 10px; padding-left: 4px; }

/*********************************  F O R M  **********************************/

form {
	font-family: Tahoma, Arial CE, Arial,sans-serif;
	font-size: 12px;
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}

form table {
	/*border: 1px solid gray;*/
	table-layout: fixed;
	background: rgb(239,242,238);
	width: 665px;
	/*margin: 20px 0 0 0;*/
}

form td { color:rgb(116,123,116); }
form tr, form input { vertical-align:middle; text-align: left; }
form th, form .th {
	background: rgb(116,123,116);
	color: white;
	font: 12px Tahoma, Arial CE, Arial;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
form .th {
	background: rgb(174,185,175); /*rgb(127,135,128);*/
	color: white;
}
form .bold { font-weight: bold; }

form input, form textarea, form select, form file {
	color: rgb(116,123,116);
	background-color: rgb(239,242,238);
	border: 1px solid rgb(116,123,116);
	font: 12px Tahoma, Arial CE, Arial;
	padding: 3px 0 0 0;
	margin: 0;
	width: 98%;
	padding: 2px;
}

form textarea { height:5em; }
form input { height: auto; /*15px;*/ }
form input.mandatory { background-color: white; }
form input.auto { width: auto; border: none; }
form textarea { width: 99%; }
form input.submit {
	text-align: center;
	width: auto; height: auto;
	border:2px solid black;
	/*border-width: 1px; padding: auto;*/
	/*padding: 2px 10px 2px 10px;*/
	margin:0;
}

/******************************  HISTORY TABLE *******************************/

table.history
{
	border-collapse: collapse;
	border-spacing:0;
	border: 1px solid #CB9;
}
table.history td {
	border: 1px solid #CCBB99;
	padding: .3em;
	font-size: 0.9em;
	color: #666;
	vertical-align: top;
	text-align: left;
}
table.history tr.hi
{
	background: url("img/shim.gif")  repeat-x top left;
}