html, body {
font-family: Verdana;
font-size: 13;
margin: 0;
padding: 0;
text-align: center;
}

body {
background: url(img/tlo/bg.jpg);
}

#top {
	width: 900px;
	height: auto;
	background-color: #fff;
	position: relative;
	margin: 0px;
	margin: auto;
}

#BANER {
	width: 900px;
	height: auto;
	margin: auto;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	float: top;
}

#menucontext {
width: 200px;
float: left;
background-color: #fff;
padding-top: 5px;
padding-left: 4px;
}

#menu-top {
background: url(img/tlo/menu-top.jpg) no-repeat;
width: 190px;
height: 30px;
position: relative;	
}

#menu {
	width: 190px;
	padding-top: 0px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	background: url(img/tlo/menu-tlo.jpg) repeat-y;
}

#menu-bottom {
background: url(img/tlo/menu-bottom.jpg) no-repeat;
width: 190px;
height: 10px;
position: relative;	
}

#TRESC {
	width: 491px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	padding-left: 0px;
	padding-top: 5px;
}

#instr {
width: 200px;
float: left;
background-color: #fff;
padding-left: 5px;
padding-top: 4px;
}

#instr-top {
background: url(img/tlo/instr.jpg) no-repeat;
width: 190px;
height: 30px;
position: relative;	
}

#instr-srodek {
	width: 190px;
	padding-top:0px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	background: url(img/tlo/menu-tlo.jpg) repeat-y;
}

#instr-bottom {
background: url(img/tlo/menu-bottom.jpg) no-repeat;
width: 190px;
height: 10px;
position: relative;	
}

#quickkontakt {
width: 200px;
float: right;
background-color: #fff;
padding-left: 5px;
padding-top: 4px;
}

#qk-top {
background: url(img/tlo/kontakt.jpg) no-repeat;
width: 190px;
height: 30px;
position: relative;	
}

#qk {
	width: 190px;
	padding-top:0px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	background: url(img/tlo/menu-tlo.jpg) repeat-y;
}

#qk-bottom {
background: url(img/tlo/menu-bottom.jpg) no-repeat;
width: 190px;
height: 10px;
position: relative;	
}

#linki {
width: 200px;
float: right;
background-color: #fff;
padding-left: 5px;
padding-top: 4px;
}

#linki-top {
background: url(img/tlo/linki.jpg) no-repeat;
width: 190px;
height: 30px;
position: relative;	
}

#linki-srodek {
	width: 190px;
	padding-top:0px;
	padding-left: 0px;
	overflow: hidden;
	position: relative;
	background: url(img/tlo/menu-tlo.jpg) repeat-y;
}

#linki-bottom {
background: url(img/tlo/menu-bottom.jpg) no-repeat;
width: 190px;
height: 10px;
position: relative;	
}

#STOPKA {
	clear: both;
	background: url(img/tlo/stopka.jpg) no-repeat;
	position: relative;
	margin: 0px;
	height: 30;
	width: 100%;
}

h1 {
font-size:14px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
font-family: Verdana;
text-align: center;
}

h2 {
font-size:12px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
font-family: Verdana;
text-align: center;
}

p {
cursor: default;
margin: 5;
font-family: Verdana;
font-size: 12px;
color: black;
text-align: justify;}

p.index {
cursor: default;
margin: 5;
font-family: Verdana;
font-size: 12px;
color: black;
text-align: center;}

p.stopka {
cursor: default;
margin: 5;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
padding-top: 6px;
color: white;
text-align: center;}

li {
cursor: default;
margin: 0;
font-family: Verdana;
font-size: 12px;
color: black;
text-align: left;}

a {
text-decoration: none;
color: #818181;}

a-hover {
text-decoration: none;
color: #818181;}

image, img {
border: none;}

img.linki {
margin: 0 0 0 10;
border: none;}

ul.menu, ul.menu li.menu {
display: block;
list-style: none;
margin: 0 10 0 10;
padding: 3 0 0 0;
font-family: Verdana; 
font-size: 12px; 
text-align: center;
}

ul.menu a:link, ul.menu a:visited {
display: block;
width: 150px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0;
text-decoration: none;
background: url(img/menu/menu1.jpg) repeat-x top;
color: #fff;
}

ul.menu a:hover {
font-weight: bold;
color: #fff;
background-image: url(img/menu/menu2.jpg);
color: #fff;
}

ul.powrot, ul.powrot li.powrot {
display: block;
list-style: none;
margin: 0 10 0 10;
padding: 3 0 0 0;
font-family: Verdana; 
font-size: 12px; 
text-align: center;
}

ul.powrot a:link, ul.powrot a:visited {
display: block;
width: 150px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0;
text-decoration: none;
background: url(img/menu/menu_li1.jpg) repeat-x top;
color: #fff;
}

ul.powrot a:hover {
font-weight: bold;
color: #fff;
background-image: url(img/menu/menu_li2.jpg);
color: #fff;
}

ul.cr {
list-style-image: url(img/ul.jpg);
font-family: Verdana; 
font-size: 12px; 
text-align: justify;
}

li.cr {
list-style-image: url(img/ul.jpg);
padding: 1px;
font-family: Verdana; 
font-size: 12px; 
text-align: justify;
}