body {
	background-color: #BFE4FF;
	color: #000000;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 85%;
	max-width: 800px;
	margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6 {
	padding: 1% 1% 0% 1%;
	margin:  2% 0% 0.5% 0%;
	font-family: sans-serif;
	color: Navy;
}
h1   {
	text-align: center;
	color: red;
	background-color: #E0FFFF;
}
h2    {
	font-style: normal;
	font: large;
}
h3 {
	background-color: #FFDFBF;
}
h4    {
	font-style: normal;
	font: medium;
	margin:  0% 0% 0% 0%;
}
h5    {
	font-style: normal;
	font-size: small;
	padding: 0.5% 0% 0% 0%;
	margin:  0% 0% 0% 0%;
}
h6    {
	font-style: normal;
	font: 90%;
	padding: 0.5% 0% 0% 0%;
	margin:  0% 0% 0% 0%;
}
dt {
	font-weight: bold;
	margin-top: 4px;
	background-color: #E0FFFF;
	border-bottom: #0082FF;
}
.info a:hover {
	background: #8ad;
}
.info a span {
	position: relative;
	font-size: 90%;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: black;
}

.info a span span {
	display: block;
	position: absolute;
	visibility: hidden;
	top: 2em;
	left: -5em;
	padding: .2em .5em;
	background: #FFDFBF;
	border: solid #b86 2px;
	width: 50em;
	/*width: 150em;
	height: 14em;*/

}

.info a:hover span span {
	visibility: visible;
}

.kolecko {
	list-style-type: circle;
	padding: 0% 0% 0% 1%;
	font-size: small;
	font-style: italic;
}
.kolecko2 {
	list-style-type: circle;
	padding: 0% 0% 0% 2%;
	font-size: smaller;
	font-style: italic;
}
.kolo1m {
	list-style-type: circle;
	padding: 0 0 0 1em;
	font-size: small;
	font-style: italic;
}
.disc {
	list-style-type: disc;
	margin: 0% 0% 0% 1%;
	font-size: small;
	font-style: italic;
}
.disc2 {
	list-style-type: disc;
	margin: 0% 0% 0% 3%;
	font-size: smaller;
	font-style: italic;
}
.cislovany {
	list-style-type: 1;
	margin: 0% 0% 0% 4%;
	font-size: small;
	font-style: italic;
}

p.malyzeleny {
	background: #A9A9A9 none;
	color: #2F4F4F;
	font: italic 400 small "Times New Roman", Times, serif;
	text-decoration: none;
	padding: 1% 3% 1% 3%;
}
p.codvelky {
	background: #e0ffff none;
	color: #2F4F4F;
	font-family: "Courier New", Courier, monospace;
	padding: 1% 3% 1% 3%;
	font: large;
}
code.velky {
	background: #e0ffff none;
	padding: 1% 3% 1% 3%;
	font: large;
}
code.vetsi {
	padding: 0% 2% 0% 2%;
	font-size: medium;
	font-weight: bold;
}
ul.kolecko {
	list-style-type: circle;
}
ul.bez {
	font-style: normal;
	list-style-type: none;
}
.plavec1 {
	position: relative;
	float: right;
	text-align: center;
	padding: 0.2em;
	margin: 0.2em;
	/*width: 40%;
	border: 1px solid blue;
	padding: 15, 30, 15, 30;*/
}
.plavec2 {
	position: relative;
	float: left;
	text-align: center;
	padding: 0.2em;
	margin: 0.2em;
	/*border: none;
	top: 8%;
	left: 25%;
	right: 15%;
	padding: 5px, 5px, 5px, 5px;
	*/
}
.plavec_r0 {
	position: relative;
	float: right;
	/*text-align: center;*/
}
.plavec_l0 {
	position: relative;
	float: left;
	/*text-align: center;*/
}

.abs1 {
	position: absolute;
	top: 10%;
	left: 5em;
	background-color: gray;
	border: 1px solid blue;
}
.hlavni {
	width: 680 px;
	text-align: justify;
}
.zeleny {
	background: #A9A9A9 none;
	color: #2F4F4F;
	font: italic;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	padding: 1% 3% 1% 3%;
}


#nav
{
	width: 100%;
	float: left;
	background-color: #1270c8;
	font:11pt/1.5 sans-serif;

}

#nav ul li {
	display: inline;
	font-style: normal;
	font: bold;
	font-family: sans-serif;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 0%;
	color: #FFFFFF;
	font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
	font-size: .8em;
	letter-spacing: 2px;
	font-weight: bold;
}

#nav ul li a {
	padding: 0.2em 12px;
	background-color: #1270c8;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 5px solid #128ac8;
}
#nav ul li a:hover {
	background-color: #3296f4;
	color: #FFFFFF;
}

#nav li#active a {
	background-color: #45b4fa;
	color: #FFFFFF;
}

#nav li#neni a {
	background-color: #45b4fa;
	color: #128ac8;
}

#tabnastred {
	text-align: center;
	background-color : #45b4fa;
}

#tabvlevo {
	text-align: left;
}

#hlavka {
	margin:0; padding:0;
	background: #BFE4FF;
}

#main1 {
	margin:0; padding:0;
	background:#BFE4FF top left repeat-y;
}
#left {
	float:left;
	width:150px;
	margin:0; padding:0;
	font-size:80%;
}
/*
left bylo tlusté 150px
#right {
	float:right;
	width:150px;
	margin:0; padding:0;
	font-size:80%;
}
*/
#middle {
	margin: 0px;
	background: #BFE4FF;
	font-size:80%;
}
#tlac1 {
	background: #0099ff;
	text-align: center;
	padding: 5px 1px 5px 1px;
}

#menu {
	text-align: center;
}

#menu a {
	color: #000000;
	text-decoration: none;
}
#menu a:hover {
	color: #FFFFFF;
	/*   border-right:5px solid #000 */
}
#menu08 {
	margin: 0; padding: 0;
	width: 10em;
}

#menu08 span { display: none }

#menu08 a {
	display: block;
	margin: 2px; padding: 0.1em;
	background-color: #0099FF;
	color: black;
	border: 3px outset silver;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

	/*	border-right: 5px solid #128ac8;*/

#menu08 a:hover {
	background-color: #45b4fa;
	color: #FFFFFF;
	border-style: inset;
}

.column-in {
	margin:0; padding:0.1em 0.1em;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
.stredmalej {
	text-align:center;
	font-size:75%
	text-decoration: none;
}
.malej {
	font-size:75%;
/*	font-size: small;*/
}
.mrnavej {
/*	font-size:60%;*/
	font-size: x-small;
}
.padik1m {
	padding:0 0 0 1em;
}

/*--přeneseno z hlavního index.html v pátek 13.4.2007----3 sloupcový design --*/
body {
	min-width: 630px;      /* 2x LS width + PS width + 2x SS padding */
/* 2x 150 + 130 + 2x 5 =*/
}
#telo {
	padding-left: 160px;   /* LS width + LS padding */
	padding-right: 140px;  /* PS width + PS padding + SS padding */
/*  130 + 2x5 + 2x5 = 150px */
}
#telo div {
	position: relative;
	float: left;
}
#stred {
	padding: 5px;
	width: 100%;
}
#levy {
	width: 150px;          /* LS puvodni width - LS padding */
	padding: 5px;
	right: 170px;          /* LS width + LS padding + SS padding */
/*  150 + 2x5 + 2x5 = 170px*/
	margin-left: -100%;
}
#pravy {
	width: 130px;          /* PS puvodni width - PS padding */
	padding: 0px;
	margin-right: -130px;  /* -PS width - PS padding - SS padding */
	text-align: center;
}
#paticka {
	clear: both;
	text-align: center;
	background: black;
	color: white;
}

/* Kvuli chybe IE6 */
* html #levy {
	left: 125px;           /* PS width + PS padding */
}

/* začátek 
1.5.2007 přesun ze souboru grfaika LEKCE.html */
	#dole {
		margin:0; padding:0;
		background: #BFEFFF;
		font-size:60%;
		}
	.nahore {
		margin:0; padding:0;
		background: #BFEFFF;
		font-size:80%;
		}
	.hlavni1 {
		margin:0; padding:0;
		background:#BFE4FF;
		}
	.hlavni2 {
		margin:0; padding:0;
		background: #E0FFFF;
		}
	.levy {
		float:left;
		width:150px;
		margin:0; padding:0;
		font-size:80%;
		}
	.pravy {
		float:right;
		width:150px;
		margin:0; padding:0;
		font-size:80%;
		}
	.stredni {
		margin:0 150px;
		background: #BFE4FF;
		font-size:80%;
		}
	.sloupec-in {
		margin:0; padding:0.5em 1em;
		}
	.cistic {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
	.dorohuvpravo {
		font-size:70%; position:absolute; right:0.5em; top:5em;
		}
	.vpravo {
		text-align: right; 
		}
/* konec 
1.5.2007 přesun ze souboru grfaika LEKCE.html */



/* ************************ */
/* JEN ESTETICKA ZALEZITOST */
/* ************************ */

/* * { padding: 0; margin: 0; } */
/*
#hlavicka { background: violet; }
#stred { background: yellow; }
#levy { background: red; }
#pravy { background: blue; }
*/


/*
a.menici {background-image: url('../obrazky/oki.gif')}
a.menici:hover {background-image: url('../obrazky/nee.gif')}
*/

/*	#main2 {
	margin:0; padding:0;
	background: url("barva.gif") top right repeat-y;
}
*/