body {
		margin: 0;
		padding: 0;
		color: #000000;
		font-family: Tahoma;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		background: #f3ffb0;
}

a img { border:none }

a:link {color: #008285; text-decoration: underline}
a:visited {color: #008285; text-decoration: underline}
a:hover {color: #008285; text-decoration: none}

p {
		text-align: left;
		margin: 0 0 15px 0;
		font-size: 11px;
		font-weight: normal;
}

.nevid {
		visibility: hidden;
}

ul,ol {
		margin: 0px;
		margin-bottom: 15px;
		text-align: justify;
}

li {
		margin: 0;
		padding: 0;
		text-align: left;
		list-style: square outside;
}

h2 {
		text-align: left;
		margin: 0 0 20px 0;
		font-size: 12px;
		font-weight: bold;
}

#telo {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 970px;
		height: 527px;
		margin: 0;
		padding: 0;
}

#kecy {
		position: absolute;
		top: 20px;
		right: 0px;
		width: 29px;
		height: 29px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/kecy_point.png') 0 0 no-repeat;
}

#kecy.active {
		background: url('images/kecy_point.png') -29px 0 no-repeat;
}

#kecy:hover {
		background: url('images/kecy_point.png') -29px 0 no-repeat;
}

#artfloor {
		position: absolute;
		top: 320px;
		right: 120px;
		width: 165px;
		height: 57px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/artfloor.png') 0 0 no-repeat;
}

#artfloor.active {
		background: url('images/artfloor.png') -165px 0 no-repeat;
}

#artfloor:hover {
		background: url('images/artfloor.png') -165px 0 no-repeat;
}

#menu {
		position: absolute;
		left: 153px;
		bottom: 74px;
		width: 85px;
		height: 126px;
		margin: 0;
		padding: 0;
		background: url('images/menu/menu.png') 0 0 no-repeat;
}




#grafika {
		position: absolute;
		top: 0;
		left: 0;
		width: 17px;
		height: 49px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/grafika.png') 0 0 no-repeat;
}

#grafika.active {
		background: url('images/menu/grafika.png') -17px 0 no-repeat;
}

#grafika:hover {
		background: url('images/menu/grafika.png') -17px 0 no-repeat;
}

#tisk {
		position: absolute;
		top: 0;
		left: 17px;
		width: 28px;
		height: 18px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/tisk.png') 0 0 no-repeat;
}

#tisk.active {
		background: url('images/menu/tisk.png') -28px 0 no-repeat;
}

#tisk:hover {
		background: url('images/menu/tisk.png') -28px 0 no-repeat;
}

#web {
		position: absolute;
		top: 0;
		left: 45px;
		width: 40px;
		height: 18px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/web.png') 0 0 no-repeat;
}

#web.active {
		background: url('images/menu/web.png') -40px 0 no-repeat;
}

#web:hover {
		background: url('images/menu/web.png') -40px 0 no-repeat;
}

#platno {
		position: absolute;
		top: 109px;
		left: 0;
		width: 46px;
		height: 17px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/platno.png') 0 0 no-repeat;
}

#platno.active {
		background: url('images/menu/platno.png') -46px 0 no-repeat;
}

#platno:hover {
		background: url('images/menu/platno.png') -46px 0 no-repeat;
}

#bio {
		position: absolute;
		top: 109px;
		left: 46px;
		width: 19px;
		height: 17px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/bio.png') 0 0 no-repeat;
}

#bio.active {
		background: url('images/menu/bio.png') -19px 0 no-repeat;
}

#bio:hover {
		background: url('images/menu/bio.png') -19px 0 no-repeat;
}

#kontakt {
		position: absolute;
		top: 80px;
		left: 65px;
		width: 20px;
		height: 46px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/kontakt.png') 0 0 no-repeat;
}

#kontakt.active {
		background: url('images/menu/kontakt.png') -20px 0 no-repeat;
}

#kontakt:hover {
		background: url('images/menu/kontakt.png') -20px 0 no-repeat;
}

#homepage {
		position: absolute;
		top: 18px;
		left: 17px;
		width: 48px;
		height: 91px;
		padding: 0;
		margin: 0;
		display: block;
		background: url('images/menu/homepage.png') 0 0 no-repeat;
}