* {
	padding: 0;
	margin: 0;
}
body {
	font-family: "MS Serif", "New York", serif;
	margin: 10px;
}
#middle {
	float: none;
	padding: 10px;
	padding-top:0px;
	text-align: left;
	min-height: 100%;
	overflow: visible;
}
.menu {
	float: center;
	width: 150px;
	text-align: center;
	list-style: none;
	margin-top: 10px;
	background-color: #c0c0c0;
	border: solid #2727b9 1px;
	padding: 5px 2px 5px 2px;
	overflow: visible;
}
.menu2 {
	float: center;
	width: 150px;
	text-align: center;
	list-style: none;
	margin-top: 10px;
	background-color: #c0c0c0;
	border: solid #2727b9 1px;
	padding: 5px 2px 5px 2px;
	overflow: visible;
}
.menu li {
	float: center;
	background-image: url(images/bklika3.jpg);
	text-align: center;
	width: 150px;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	font-size: 20px;
	color: #2727b9;
	margin: 0;
}
.menu2 li {
	float: center;
	background-image: url(images/bklika2.jpg);
	text-align: center;
	width: 150px;
	height: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	font-size: 20px;
	color: #0000ec;
	margin: 0;
}
.menu li a:link {
	color: #fbefef;
	text-decoration: none;
}
.menu2 li a:link {
	color: #0000ec;
	text-decoration: none;
}
.menu li a:visited {
	color: #fbefef;
	text-decoration: none;
}
.menu2 li a:visited {
	color: #0000ec;
	text-decoration: none;
}
.menu li a:hover {
	color: #fbefef;
	text-decoration: none;
}
.menu2 li a:hover {
	color: #0000ec;
	text-decoration: none;
}
#pavel {
  border: solid brown 1px;
  padding: 15px;
  border-color: #2727b9;
}
.obrazek
{
	border-color: #2727b9;
  border: 4px solid #2727b9;
	text-align: center;
	}
h1 { 
  color: #2727b9;
  text-align: center;
}
.text {
  color: #00318c;
  text-align: left;
  font-size: 20px;
}
.text2 {
  color: #00318c;
  text-align: center;
  font-size: 25px;
}
a:link {
  color: #2727b9;
}
a:visited {
  color: #2727b9;
}