body {
    margin: 5px;
    font-size: 85%;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

a:visited {
    color: blue;
}

h1 {
    font-size: 130%;
}

h2 {
    font-size: 120%;
}

h3 {
    font-size: 100%;
}

#page {
    color: black;
    width: 730px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color: #FFF5E1;
}

#page-title {
    height: 40px;
}

#page-header {
    text-decoration: none;
    background-color: #6699cc;
    padding: 1px 10px 1px 10px;
}

#page-header h1 {
    font-size: 125%;
    font-weight: bold;
    color: white;
    margin: 0;
}

#page-content {
    /* margin: 0 15px 0 15px; */
    padding: 0 15px 0 15px;
}

.page-space {
    clear: both;
    background-color: #FFF5E1;
    height: 15px;
}

#page-footer {
    clear: both;
    border-top: 1px solid #6699cc;
    padding: 5px 15px 5px 15px;
    background-color: #fffaf1;
}

p {
    text-align: justify;
}

div.poradna {
    text-align: center;
    margin: 20px 0 10px 0;
}

div.poradna a, div.poradna a:visited {
    color: white;
    font-weight: bold;
    background-color: #336699;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

div.poradna a:hover {
    background-color: #3399cc;
}

input.nextButton {
    background-color: #336699;
    color: white;
    border: 0;
    font-weight: bold;
    margin: 5px 0 10px 0;
}

.error {
    color: #cc0000;
}

form.frm {
    margin-top: 10px;
}

input {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.progress {
  float: right;
  width: 220px;
  margin-left: 15px;
  /* background-color: #FFE9BB; */
  /* padding: 10px 10px 10px 10px; */
}

div.progress-spacer {
   margin: 10px 10px 10px 10px;
}

div.progress h2 {
  margin-bottom: 5px;
  font-weight: bold;
}

div.progress h3 {
  margin: 0 0 5px 0;
  font-weight: normal;
}

div.content {
  width: 460px;
}

input.textItem, input.textItemShort, textarea {
  border: 1px solid #336699;
}

input.textItem {
  width: 200px;
}

input.textItemShort {
  width: 100px;
}

label {
  font-size: 10pt;
  font-weight: bold;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    width: 450px;
    height: 250px;
}

ul.errors li {
    color: #cc0000;
    list-style: square;
}

ul.errors a, ul.errors a:visited {
    color: #cc0000;
}

span.link {
    font-size: 95%;
}

p.warning {
    color: #cc0000;
    font-size: 90%;
}

p.info {
    font-size: 90%;
    margin-bottom: 5px;
}

div.souhrn {
    border: 1px solid gray;
    padding: 10px 10px 0 10px;
}

div.souhrn h3 {
    margin-top: 0px;
}

div.souhrn div.item {
    margin-bottom: 15px;
}

#page-columns {
    background-image: url('img/bg2.gif');
}