body {
	text-align: center;
	background-image: url(bkgnd.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#main {
	margin: auto;
	position: relative;
	width: 780px;
	top: 5px;
}
p {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
}
li {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
}
.cerny {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
}
.modry {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #2A5098;
}
.ctv1 {
	left: 141px;
	top: 97px;
	background-image: url(ctverecek.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	position: absolute;
}
.ctv1a {
	left: 141px;
	top: 457px;
	background-image: url(ctverecek.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	position: absolute;
}
.ctv2 {
	left: 715px;
	top: 80px;
	background-image: url(ctverecekpravy.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
}
.anim_mo {
	left: 500px;
	top: 10px;
	background-image: url(anim/anim_modra.gif);
	width: 80px;
	height: 80px;
	position: absolute;
}
.anim_ce {
	left: 610px;
	top: 10px;
	background-image: url(anim/anim_cervena.gif);
	width: 80px;
	height: 80px;
	position: absolute;
}


.anim_zel {
	left: -235px;
	top: -480px;
	background-image: url(anim/anim_zelena.gif);
	width: 80px;
	height: 80px;
	position: relative;
}
.anim_cer {
	left: -235px;
	top: -460px;
	background-image: url(anim/anim_cervena.gif);
	width: 80px;
	height: 80px;
	position: relative;
}
.anim_mod {
	left: -235px;
	top: -440px;
	background-image: url(anim/anim_modra.gif);
	width: 80px;
	height: 80px;
	position: relative;
}
.anim_zlu {
	left: -235px;
	top: -420px;
	background-image: url(anim/anim_zluta.gif);
	width: 80px;
	height: 80px;
	position: relative;
}
.vstup {
	left: 0px;
	top: -30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	position: relative;
}
.vstupte {
	left: 256px;
	top: -393px;
	background-image: url(vst.png);
	width: 90px;
	height: 30px;
	position: relative;
}
.vstupte span {
	display: block;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menus {
	left: 0px;
	top: 100px;
	width: 150px;
	height: 329px;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.men {
	width: 150px;
	height: 30px;
}
.men a {
	width: 150px;
	height: 30px;
	display: block;
	overflow: hidden;
}
.men span {
	display: block;
	visibility: hidden;
}
#menu1 {background: url(cojeto.gif) no-repeat left top;}
#menu1 a {background: url(cojeto.gif) no-repeat 0px -60px;}
#menu1 a:hover {background: url(cojeto.gif) no-repeat 0px -30px;}

#menu2 {background: url(jakseto.gif) no-repeat left top;}
#menu2 a {background: url(jakseto.gif) no-repeat 0px -60px;}
#menu2 a:hover {background: url(jakseto.gif) no-repeat 0px -30px;}

#menu3 {background: url(nez.gif) no-repeat left top;}
#menu3 a {background: url(nez.gif) no-repeat 0px -60px;}
#menu3 a:hover {background: url(nez.gif) no-repeat 0px -30px;}

#menu4 {background: url(jakzacit.gif) no-repeat left top;}
#menu4 a {background: url(jakzacit.gif) no-repeat 0px -60px;}
#menu4 a:hover {background: url(jakzacit.gif) no-repeat 0px -30px;}

#menu5 {background: url(techniky.gif) no-repeat left top;}
#menu5 a {background: url(techniky.gif) no-repeat 0px -60px;}
#menu5 a:hover {background: url(techniky.gif) no-repeat 0px -30px;}

#menu6 {background: url(conato.gif) no-repeat left top;}
#menu6 a {background: url(conato.gif) no-repeat 0px -60px;}
#menu6 a:hover {background: url(conato.gif) no-repeat 0px -30px;}

#menu7 {background: url(tipy.gif) no-repeat left top;}
#menu7 a {background: url(tipy.gif) no-repeat 0px -60px;}
#menu7 a:hover {background: url(tipy.gif) no-repeat 0px -30px;}

#menu8 {background: url(triky.gif) no-repeat left top;}
#menu8 a {background: url(triky.gif) no-repeat 0px -60px;}
#menu8 a:hover {background: url(triky.gif) no-repeat 0px -30px;}

#menu9 {background: url(kestazeni.gif) no-repeat left top;}
#menu9 a {background: url(kestazeni.gif) no-repeat 0px -60px;}
#menu9 a:hover {background: url(kestazeni.gif) no-repeat 0px -30px;}

#menu10 {background: url(odkazy.gif) no-repeat left top;}
#menu10 a {background: url(odkazy.gif) no-repeat 0px -60px;}
#menu10 a:hover {background: url(odkazy.gif) no-repeat 0px -30px;}

#menu11 {background: url(obchod.gif) no-repeat left top;}
#menu11 a {background: url(obchod.gif) no-repeat 0px -60px;}
#menu11 a:hover {background: url(obchod.gif) no-repeat 0px -30px;}

#menu12 {background: url(kontakt.gif) no-repeat left top;}
#menu12 a {background: url(kontakt.gif) no-repeat 0px -60px;}
#menu12 a:hover {background: url(kontakt.gif) no-repeat 0px -30px;}

#menu13 {background: url(forum.gif) no-repeat left top;}
#menu13 a {background: url(forum.gif) no-repeat 0px -60px;}
#menu13 a:hover {background: url(forum.gif) no-repeat 0px -30px;}

#menu14 {background: url(galerie.gif) no-repeat left top;}
#menu14 a {background: url(galerie.gif) no-repeat 0px -60px;}
#menu14 a:hover {background: url(galerie.gif) no-repeat 0px -30px;}

.smen {
	width: 120px;
	height: 20px;
}
.smen a {
	width: 120px;
	height: 20px;
	display: block;
	overflow: hidden;
}
.smen span {
	display: block;
	visibility: hidden;
	font-size: 8px;
	font-size-adjust : none;
}

#smenu31 {background: url(vyberformatu.gif) no-repeat left top;}
#smenu31 a {background: url(vyberformatu.gif) no-repeat 0px -20px;}
#smenu31 a:hover {background: url(vyberformatu.gif) no-repeat 0px 0px;}

#smenu32 {background: url(vyberalba.gif) no-repeat left top;}
#smenu32 a {background: url(vyberalba.gif) no-repeat 0px -20px;}
#smenu32 a:hover {background: url(vyberalba.gif) no-repeat 0px 0px;}

#smenu33 {background: url(kompozice.gif) no-repeat left top;}
#smenu33 a {background: url(kompozice.gif) no-repeat 0px -20px;}
#smenu33 a:hover {background: url(kompozice.gif) no-repeat 0px 0px;}

#smenu51 {background: url(rozmisteni.gif) no-repeat left top;}
#smenu51 a {background: url(rozmisteni.gif) no-repeat 0px -20px;}
#smenu51 a:hover {background: url(rozmisteni.gif) no-repeat 0px 0px;}

#smenu52 {background: url(vystrihavani.gif) no-repeat left top;}
#smenu52 a {background: url(vystrihavani.gif) no-repeat 0px -20px;}
#smenu52 a:hover {background: url(vystrihavani.gif) no-repeat 0px 0px;}

#smenu53 {background: url(zaramovani.gif) no-repeat left top;}
#smenu53 a {background: url(zaramovani.gif) no-repeat 0px -20px;}
#smenu53 a:hover {background: url(zaramovani.gif) no-repeat 0px 0px;}

#smenu54 {background: url(nadpisy.gif) no-repeat left top;}
#smenu54 a {background: url(nadpisy.gif) no-repeat 0px -20px;}
#smenu54 a:hover {background: url(nadpisy.gif) no-repeat 0px 0px;}

#smenu55 {background: url(barevnebloky.gif) no-repeat left top;}
#smenu55 a {background: url(barevnebloky.gif) no-repeat 0px -20px;}
#smenu55 a:hover {background: url(barevnebloky.gif) no-repeat 0px 0px;}

#smenu56 {background: url(vypraveni.gif) no-repeat left top;}
#smenu56 a {background: url(vypraveni.gif) no-repeat 0px -20px;}
#smenu56 a:hover {background: url(vypraveni.gif) no-repeat 0px 0px;}

#smenu57 {background: url(falesna.gif) no-repeat left top;}
#smenu57 a {background: url(falesna.gif) no-repeat 0px -20px;}
#smenu57 a:hover {background: url(falesna.gif) no-repeat 0px 0px;}

#smenu58 {background: url(mozaika.gif) no-repeat left top;}
#smenu58 a {background: url(mozaika.gif) no-repeat 0px -20px;}
#smenu58 a:hover {background: url(mozaika.gif) no-repeat 0px 0px;}

#smenu59 {background: url(chrastidla.gif) no-repeat left top;}
#smenu59 a {background: url(chrastidla.gif) no-repeat 0px -20px;}
#smenu59 a:hover {background: url(chrastidla.gif) no-repeat 0px 0px;}

#smenu510 {background: url(roztrhat.gif) no-repeat left top;}
#smenu510 a {background: url(roztrhat.gif) no-repeat 0px -20px;}
#smenu510 a:hover {background: url(roztrhat.gif) no-repeat 0px 0px;}

#smenu511 {background: url(znicit.gif) no-repeat left top;}
#smenu511 a {background: url(znicit.gif) no-repeat 0px -20px;}
#smenu511 a:hover {background: url(znicit.gif) no-repeat 0px 0px;}

#smenu512 {background: url(umazat.gif) no-repeat left top;}
#smenu512 a {background: url(umazat.gif) no-repeat 0px -20px;}
#smenu512 a:hover {background: url(umazat.gif) no-repeat 0px 0px;}

#smenu513 {background: url(dekorovani.gif) no-repeat left top;}
#smenu513 a {background: url(dekorovani.gif) no-repeat 0px -20px;}
#smenu513 a:hover {background: url(dekorovani.gif) no-repeat 0px 0px;}

#smenu514 {background: url(kolaz.gif) no-repeat left top;}
#smenu514 a {background: url(kolaz.gif) no-repeat 0px -20px;}
#smenu514 a:hover {background: url(kolaz.gif) no-repeat 0px 0px;}

#smenu515 {background: url(minialba.gif) no-repeat left top;}
#smenu515 a {background: url(minialba.gif) no-repeat 0px -20px;}
#smenu515 a:hover {background: url(minialba.gif) no-repeat 0px 0px;}

#smenu516 {background: url(serendipity.gif) no-repeat left top;}
#smenu516 a {background: url(serendipity.gif) no-repeat 0px -20px;}
#smenu516 a:hover {background: url(serendipity.gif) no-repeat 0px 0px;}

#smenu517 {background: url(okenka.gif) no-repeat left top;}
#smenu517 a {background: url(okenka.gif) no-repeat 0px -20px;}
#smenu517 a:hover {background: url(okenka.gif) no-repeat 0px 0px;}

#smenu518 {background: url(kapsy.gif) no-repeat left top;}
#smenu518 a {background: url(kapsy.gif) no-repeat 0px -20px;}
#smenu518 a:hover {background: url(kapsy.gif) no-repeat 0px 0px;}

#smenu519 {background: url(skladanky.gif) no-repeat left top;}
#smenu519 a {background: url(skladanky.gif) no-repeat 0px -20px;}
#smenu519 a:hover {background: url(skladanky.gif) no-repeat 0px 0px;}

#smenu520 {background: url(visacky.gif) no-repeat left top;}
#smenu520 a {background: url(visacky.gif) no-repeat 0px -20px;}
#smenu520 a:hover {background: url(visacky.gif) no-repeat 0px 0px;}

#smenu521 {background: url(iris.gif) no-repeat left top;}
#smenu521 a {background: url(iris.gif) no-repeat 0px -20px;}
#smenu521 a:hover {background: url(iris.gif) no-repeat 0px 0px;}

#smenu522 {background: url(embossovani.gif) no-repeat left top;}
#smenu522 a {background: url(embossovani.gif) no-repeat 0px -20px;}
#smenu522 a:hover {background: url(embossovani.gif) no-repeat 0px 0px;}

#smenu523 {background: url(UTEE.gif) no-repeat left top;}
#smenu523 a {background: url(UTEE.gif) no-repeat 0px -20px;}
#smenu523 a:hover {background: url(UTEE.gif) no-repeat 0px 0px;}