* {
  padding: 0;
/*  border: 1px solid red;*/
  margin: 0;
}

html {
  height: 100%;
  font-size: 15px;
}

body {
/*  min-height: 100%;*/
  text-align: center;
  position: relative;
  background: #8c8c8c;
  font-family: sans-serif;
}

.clearfix::after {
  display:table;
  content:"";
  line-height:0;
}

a {
  color: #3e4e99;
  text-decoration: none;
}

a:hover {
  color: #273468;
}

li {
  list-style-position: inside;
}

#page_wrapper {
  width: 960px;
  text-align: left;
  margin: 15px auto;
  padding: 15px;
  background: white;
  min-height: 100%;
  position: relative;
  box-shadow: 0 0 10px 0 #222;
}

header {
  width: 960px;
  height: 267px;
  background: url(img/head_hrad.jpg);
  position: relative;
  margin-bottom: 1.5em;
}

header::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  opacity: 0.3;
}

header > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

header p {
  position: absolute;
  color: white;
  font-family: 'Playball', cursive;
  text-shadow: 1px 1px black;
}

#header-names {
  text-align: center;
  top: 55px;
  left: 0;
  right: 0;
  font-size: 400%;
}

#header-date {
  bottom: 40px;
  left: 70px;
  font-size: 300%;
}

#header-location {
  bottom: 40px;
  right: 70px;
  font-size: 300%;
}

nav {
  float: left;
  width: 150px;
}

nav li {
  list-style-type: square;
  margin: 0 0 0.5em 1em;
}

nav li.active {
  font-weight: bold;
}

#main {
  margin-left: 170px;
}

#main > h1 {
  font-size: 200%;
  margin-bottom: 0.75em;
  font-weight: bold;
}

#main > h2 {
  font-size: 120%;
  margin: 1em 0 0.25em 0;
  font-weight: bold;
}

#main p, main > ul {
  margin-bottom: 1em;
}

#main p {
  text-align: justify;
}

#main > figure {
  float: right;
  padding: 0.5em;
  border: 1px solid #aaa;
  margin: 0 0 1.5em 1.5em;
}

figcaption {
  text-align: center;
  font-style: italic;
  color: #666;
  font-size: 90%;
  margin-top: 0.5em;
}

footer {
  margin-top: 3em;
  text-align: right;
  color: #aaa;
  clear: both;
}

#schedule > li {
  margin-bottom: 0.4em;
}

#schedule > li > span {
  font-weight: bold;
}

#contacts {
  width: 100%;
}

#contacts th, #contacts td {
  padding: 1px 3px;
}

#gifts > li {
  margin-bottom: 0.4em;
  font-weight: bold;
}

#gifts > li > span {
  font-weight: normal;
}

#gifts li.off {
  font-weight: normal;
  font-style: italic;
  text-decoration: line-through;
  color: #666;
}

#gifts li.off a {
  color: #666;
}

#gifts li.off::after {
  content: ' - ZAMLUVENO';
}

ul.variants {
  margin: 0 0 0.8em 2em;
  font-weight: normal;
}

ul.variants > li {
  list-style-type: none;
}