body {
 background: #DDDDDD url(../img/background.jpg) repeat-x;
 font-family: Tahoma;
}

#stranka {
	background: #CCCCCC url(../img/bg3.jpg) no-repeat;
	width: 800px;
	height: 600px;
	margin: 20px auto;
	border: 3px #000000 solid;
	position:  relative;
}

h1 {
	margin-left: -1500px; 
}

.tlacitka {
	width: 150px;
	height: 50px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 30px;
	color: #FFFFFF;
	text-align: center;
}

#levy1 {
	position: absolute;
	top: 150px;
	left: 50px;
}

#levy1:hover {
	background: transparent url(../img/tlacitka/levy1.jpg) no-repeat;
	color: #000000;
}

#levy2 {
	position: absolute;
	top: 250px;
	left: 25px;
}

#levy2:hover {
	background: transparent url(../img/tlacitka/levy2.jpg) no-repeat;
	color: #000000;
}

#levy3 {
	position: absolute;
	top: 350px;
	left: 100px;
}

#levy3:hover {
	background: transparent url(../img/tlacitka/levy3.jpg) no-repeat;
	color: #000000;
}

#levy4 {
	position: absolute;
	top: 450px;
	left: 200px;
}

#levy4:hover {
	background: transparent url(../img/tlacitka/levy4.jpg) no-repeat;
	color: #000000;
}

#pravy1 {
	position: absolute;
	top: 150px;
	left: 600px;
}

#pravy1:hover {
	background: transparent url(../img/tlacitka/pravy1.jpg) no-repeat;
	color: #000000;
}

#pravy2 {
	position: absolute;
	top: 250px;
	left: 625px;
}

#pravy2:hover {
	background: transparent url(../img/tlacitka/pravy2.jpg) no-repeat;
	color: #000000;
}

#pravy3 {
	position: absolute;
	top: 350px;
	left: 550px;
}

#pravy3:hover {
	background: transparent url(../img/tlacitka/pravy3.jpg) no-repeat;
	color: #000000;
}

#pravy4 {
	position: absolute;
	top: 450px;
	left: 450px;
}

#pravy4:hover {
	background: transparent url(../img/tlacitka/pravy4.jpg) no-repeat;
	color: #000000;
}