body {
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, "sans-serif";
	font-size: 12px;
}

img {
	border: 0;
}

hr {
	clear: both;
}

.box {
	width: 221px;
	background-color: #A1A53E;
	color: white;
}

.box h2 {
	background-image: url(img1.gif);
	background-repeat: no-repeat;	
	padding: 4px 10px;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

.box .obsah {
	background-image: url(img2.gif);
	padding: 4px 10px 0 10px;	
}

.box .zapati {
	height: 18px;
	background-image: url(img3.gif);
	background-repeat: no-repeat;
}

#menu a {
	display: block;
	float: left;
	width: 180px;
	height: 52px;
	background-image: url(img4.gif);
	background-repeat: no-repeat;
	color: #438BAD;
	text-decoration: none;
	font-size: 150%;	
}

#menu a span {
	display: block;
	padding: 20px 16px 0 32px;
}

#intro {
	width: 384px;
	height: 271px;
	background-image: url(img5.jpg);
}

#intro a {
	display: block;
	position: relative;
	left: 212px;
	top: 102px;
}