* { margin: 0; padding: 0; border: 0; }
body { background: #efefef; color: black; text-align: center; font-family: serif; }
a { color: #660066; }
a:hover { text-decoration: none; color: #880000; }
.clear { clear: both; }
.out { padding: 0 10px 0 0; background: url('imgs/out.gif') no-repeat top right; }
.out:hover { background: url('imgs/outhover.gif') no-repeat top right; }

#all { background: white; width: 600px; border: 3px solid #663366; margin: 10px auto 0; }
#footer { width: 600px; margin: 0 auto; text-align: right; padding: 1px; color: #505050; font-size: 70%; }
#footer a { color: #505050; }
#admin a { padding: 0 10px 0 0; background: url('imgs/outad.gif') no-repeat top right; }

#head {
  background: white url('imgs/back.jpg') no-repeat;
  color: black;
  text-align: left;
  position: relative;
  min-height: 140px;
  border-bottom: 1px solid #663366;
  font-family: sans-serif;
}

#kont {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 70%;
  font-family: serif;
  border: 1px solid #663366;
  padding: 2px 5px;
  color: #663366;
  background: white;
  font-family: serif;
}
#kont .odst { border-bottom: 1px dashed #663366; padding: 1px 0; }
#kont a:hover { color: #cc0000; }
.mail { padding: 0 10px 0 0; background: url('imgs/mail.gif') no-repeat top right; }
.mail:hover { padding: 0 10px 0 0; background: url('imgs/mailhover.gif') no-repeat top right; }

h1 { font-size: 400%; width: 400px; margin: 0; padding: 15px 10px 0 10px; }
*html h1 { width: 420px; }
h2 { font-size: 155%; width: 400px; margin: 0; padding: 0 10px 15px 10px; }

#menu { height: 50px; }
#menu a {
  display: block;
  float: left;
  margin: 0;
  padding: 15px 10px 5px 10px;
  font-weight: bold;
}

#menu a:hover { background: #663366; color: white; }

#menu strong {
  display: block;
  float: left;
  margin: 0;
  padding: 15px 10px 5px 10px;
  font-weight: bold;
  color: #cc0000;
  text-decoration: underline;
}

#content { text-align: left; margin: 10px; }
#content p { margin: 10px 0; position: relative; }
#content ul { margin: 10px; list-style-type: square; }
#content li { margin: 0 20px; font-size: 90%; }
.pict { float: right; margin: 0 0 10px 20px; padding: 5px; border: 1px dashed #663366; }

.p2 { border-left: 5px solid darkmagenta; padding: 0 0 0 5px; }
.map { position: absolute; top: 5px; left: 300px; font-size: 90%; font-weight: bold; }
.map a { padding: 7px; background: white url('imgs/back.jpg') no-repeat; border: 1px solid #663366; color: black; }
.map a:hover { background: plum url('imgs/back.jpg') no-repeat bottom left; border: 1px solid #880000; }
* html .map { padding: 8px; }


.knt { border-bottom: 1px dashed #663366; width: 360px; padding: 0 0 10px 0; }
.kontstr { font-size: 120%; font-weight: normal; color: #660066; }

#jump { position: absolute; top: -2000px; left: -2000px; font-size: 1px; width: 1px; height: 1px; }

#fotky { padding: 0 10px; text-align: center; position: relative; }
#fotky img { border: 1px solid black; cursor: pointer; margin: 1px; }
#fotky h3 { text-align: left; padding: 0 0 5px 25px; }
#win { position: absolute; top: 3px; right: 30px; font-size: 80%; color: #333333; }