html, body {
	margin: 0;
	padding: 0;
	height:100%;
	text-align: center;
}

#canvasPusher {
	float: left;
	height: 45%;
	margin-bottom: -316px;
	width: 1px;
}
#canvas {
	width: 998px;
	height: 632px;
	position: relative;
	clear: both;
	
	background-image: url('../images/back.png');
	text-align: left;
	margin: 0px auto;
}

a {
	color: #617557;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

a.tlacitko {
	height: 96px;
	width: 96px;
	display: block;
	position: absolute;
}
a:hover.tlacitko {
	background-position: -96px 0px;
}
a:focus.tlacitko {
	outline: none;
	background-position: -96px 0px;
}
#draco { background-image: url('../images/draco.png'); top: 0px; left: 320px; }
#skarabeus { background-image: url('../images/skarabeus.png'); top: 0px; left: 416px; }
#aralie { background-image: url('../images/aralie.png'); top: 96px; left: 128px; }
#bobri { background-image: url('../images/bobri.png'); top: 96px; left: 224px; }
#wabluska { background-image: url('../images/wabluska.png'); top: 96px; left: 320px; }
#sova { background-image: url('../images/sova.png'); top: 96px; left: 416px; }
#usix { background-image: url('../images/usix.png'); top: 96px; left: 512px; }
#tate { background-image: url('../images/tate.png'); top: 96px; left: 704px; }
#usizelenaci { background-image: url('../images/usizelenaci.png'); top: 192px; left: 128px; }
#sazavka { background-image: url('../images/sazavka.png'); top: 192px; left: 320px; }
#krtecek { background-image: url('../images/krtecek.png'); top: 192px; left: 416px; }
#festival { background-image: url('../images/festival.png'); top: 192px; left: 512px; }
#vpred { background-image: url('../images/vpred.png'); top: 192px; left: 608px; }
#deskovky { background-image: url('../images/deskovky.png'); top: 192px; left: 704px; }

#hnizdo { background-image: url('../images/hnizdo.png'); top: 288px; left: 128px; width: 192px; }
a:hover#hnizdo { background-position: -192px 0px; }
a:focus#hnizdo { background-position: -192px 0px; }

ul#menu {
	list-style: none;
	position: absolute;
	top: 575px;
	left: 416px;
	margin: 0px;
	padding: 0px;
}
ul#menu li{
	float: left;
}
ul#menu li a {
	display: block;
	height: 57px;
	width: 96px;
}
ul#menu li a:hover {
	background-position: -96px 0px;
}
ul#menu li a:focus {
  outline: none;
  background-position: -96px 0px;
}
#m-homepage { background-image: url('../images/menuhomepage.png'); }
#m-onas { background-image: url('../images/menuonas.png'); }
#m-kontakt { background-image: url('../images/menukontakt.png'); }
#m-sponzori { background-image: url('../images/menusponzori.png'); }
#m-odkazy { background-image: url('../images/menuodkazy.png'); }
#m-interni { background-image: url('../images/menuinterni.png'); }

h2 {
	color: #617557;
	font-family: Tahoma, sans-serif;
}
ul,p {
	font-family: sans-serif;
	font-size: 0.8em;
}

#novinky {
	position: absolute;
	top: 357px;
	left: 10px;
	width: 270px;
}
#novinky h2 {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
#novinky dl {
	margin-top: 7px;
	font-family: sans-serif;
	height: 200px;
	overflow: auto;
}
#novinky dl dt {
	color: #617557;
	font-size: 0.6em;
}
#novinky dl dd {
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
}

#pozvanka {
	position: absolute;
	top: 20px;
	left: 800px;
	width: 198px;
}
#pozvanka h2 {
	margin: 0px;
	font-size: 1.1em;	
}

#text {
	position: absolute;
	top: 365px;
	left: 416px;
	width: 547px;
}
#text h2 {
	margin: 0px 0px 0px 50px;
	font-size: 1.4em;	
}
#text p {
	text-indent: 50px;
	margin: 0px;
}



div#oddilInfo {
	position: absolute;
	top: -48px;
	left: 267px;
	width: 300px;
	height: 70px;
	
	border: 1px solid #000000;
	background-color: #d1d7ca;
	
	line-height: 16px;
	font-family: sans-serif;
	font-size: 0.7em;
}
div#oddilInfo div {
	padding: 3px;
}
div#oddilInfo img {
	float: right;
	margin: 5px 1px 0px 0px;
}
div#oddilInfo a {
	color: #000000;
	text-decoration: none;
}
div#oddilInfo a:hover {
	text-decoration: underline;
}
div#oddilInfo a.url {
	font-weight: bold;
}

div#oddilFotky {
	position: absolute;
	width: 594px;
}
div#oddilFotky div.oddilFotka {
	float: left;
	margin: 5px 25px 5px 0px;
	border: 1px solid #000000;
	padding: 4px;
	background-color: #d1d7ca;
}
div#oddilFotky div.oddilFotkaIn {
	width: 64px;
	height: 64px;
}



div#kapitolyText {
	width: 400px;
}
div#kapitolyBox {
	position: absolute;
	top: -5px;
	left: 410px;
	width: 163px;
	height: 193px;

	background-image: url(../images/kapitoly.png);
}
div#kapitolyBox ul {
	list-style: none;
	margin: 40px 0px 0px 5px;
	padding: 0px;
	
	font-family: sans-serif;
	font-size: 0.7em;
}
div#kapitolyBox ul li {
	padding: 3px;
}
div#kapitolyBox ul li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
div#kapitolyBox ul li a:hover {
	text-decoration: underline;
}
div#kapitolyBox ul li a.active {
	color: #737373;
}

ul.odkazy li {
	padding: 1px;
}
ul.odkazy li a {
	color: #617557;
}


table.rozvrh {
	margin: 3px;
	width: 550px;
	border-collapse: collapse;
	font-family: sans-serif;
	font-size: 0.8em;
}
table.rozvrh th {
	padding: 3px;
	text-align: center;
	background-color: #d1d7ca;
}
table.rozvrh td {
	background-color: #ffffff;
}
table.rozvrh th,
table.rozvrh td {
	padding: 3px;
	border: 1px solid #737373;
	border-collapse: collapse;
}



div.clearer {
	clear: both;
}