/* elementy */
html {
  font: 87.5%/1.5 "Trebuchet MS", Tahoma, Arial, sans-serif;
  color: #400500;
  background: #f3f5fa url("../images/layout/back-html.png") 50% 202px repeat-x;
}

body { text-align: center; }
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 200%;
  width: 267px; height: 51px;
  padding: 14px;
  overflow: hidden;
  position: absolute;
  top: 26px; left: 50%;
  margin: 0 0 0 -156px;
  text-align: left;
  font: bold 60px/51px "Trebuchet MS", Tahoma, Arial, sans-serif;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 295px; height: 79px;
  background: url("../images/layout/logo.jpg") no-repeat;
  cursor: pointer;
}
h1 a {
  color: white;
  text-decoration: none;
}

h2, h3, h4, h5 {
  margin: .2em 10px .33em;
  font: normal normal 253.33%/1.5 "Trebuchet MS", Tahoma, Arial, sans-serif;
}
h3 { font-size: 175%; }
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }

table, ul, ol, p, address, form, hr, #gallery { margin: 0 10px 1em; }

ul, ol { padding-left: 0; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin: 0 0 .5em 0; }
li { margin-left: 25px; }

address { font-style: normal; }
address span, span.width {
  display: block;
  width: 6em;
  float: left;
}

hr {
  height: 1px;
  color: #3621a3;
  background-color: #3621a3;
  border: 0px solid #3621a3;
}
fieldset hr {
  color: #9f908f;
  background-color: #9f908f;
  border-color: #9f908f;
}
img {
  border: 2px solid #999999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

sub, sup {
  vertical-align: baseline;
  position: relative;
}
sub { top:    0.4em; }
sup { bottom: 0.4em; }


table {
  border-collapse: collapse;
  border-color: #3621a3;
  margin-left: auto;
  margin-right: auto;
}
td, th {
  padding: .2em;
  border-color: #3621a3;
}
th {
  background: #3621a3;
  color: white;
}

/* formuláře */
form {
  width: 430px;
  position: relative;
  background: #fafafa url("../images/layout/back-gallery-form.png") 0 0 repeat-y;
  padding-top: 1em;
  margin-top: 2px;
}
fieldset {
  background: url("../images/layout/back-gallery-form-end.png") 0 100% no-repeat;
  border: 0;
  padding: 0 11px 11px;
  margin: 0;
}

fieldset p, fieldset ul, fieldset hr { margin: 0 0 1em; }

legend {
  padding: 0 0 10px;
  margin: 0;
  font-size: 135.71%;
  font-weight: bold;
  color: #3621a3;
}

.mandatory { font-weight: bold; }

input.text, textarea {
  margin: 0 0 10px 0;
  width: 398px;
  border: 1px solid #9f908f;
  background: white;
  padding: 4px;
}
label, input, select { vertical-align: middle; }
select { width: 184px; } /* o 4px-6px víc než input zajistí shodnou šířku */
textarea { height: 150px; }

input.button {
  width: 0; /* pouze pro IE */
  overflow: visible;
  padding: .2em .5em;
  margin: 0 auto 0;
  float: right;
  cursor: pointer;
  background: white;
  border: 1px solid #9f908f;
  font-size: 114.29%;
  font-weight: bold;
}
input.button[class] { /* IE ignoruje [class] */
  width: auto;
}

input.text, textarea, input.button {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* # id */
#wrapper {
  min-height: 100%;
  height: 100%;
  position: relative;
}
body>#wrapper { height: auto; }

#header {
  position: relative;
  height: 202px;
  background: #ce8f66 url("../images/layout/back-header.jpg") 50% 0 repeat-x;
}
#header img {
  position: absolute;
  top: 17px; left: 50%;
  margin-left: -440px;
  border: 0;
}
#header #slogan {
  font-size: 142.86%;
  font-weight: normal;
  position: absolute;
  top: 95px; left: 50%;
  margin: 0 0 0 -80px;
}

#page {
  width: 900px;
  overflow: auto;
  margin: 0 auto;
  text-align: left;
  padding: 0 0 184px;
}

#content {
  padding-top: 1em;
  float: left;
  overflow: hidden;
}
#rightCol {
  padding-top: 6.05em;
  float: right;
  overflow: hidden;
  color: black;
}

#rightCol h3 {
  position: relative;
  margin: 0 10px;
  padding: 0 8px;
  background: #ae414d url("../images/layout/back-rightCol-h3.png") 100% 0 no-repeat;
  border-bottom: 1px solid #9f908f;
  color: white;
  text-align: center;
  font-size: 142.86%;
  line-height: 2em;
}
#rightCol h3 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 8px; height: 2em;
  background: url("../images/layout/back-rightCol-h3-span.png") 0 0 no-repeat;
}

#footer {
  position: absolute;
  bottom: 0; left: 0;
  width: 100%; height: 164px;
  overflow: hidden;
  background: #080033 url("../images/layout/back-footer.png") 0 0 repeat-x;
  color: white;
}
#footer p, #footer #address {
  position: absolute;
  top: 50%; left: 50%;
  overflow: hidden;
}
#footer #address {
  top: 20px;
  width: 300px; height: 124px;
  margin-left: -440px;
  padding: 0 0 0 130px;
  background: #676767 url("../images/layout/back-address.png");
  text-align: left;
  font-size: 107.14%;
  white-space: nowrap;
}
#footer #address address, #footer #address h3 {
  position: absolute;
  top: 45%;
  margin: 0;
}
#footer #address h3 {
  top: auto; bottom: 55%;
  font-size: 166.67%;
  font-weight: normal;
  color
}
#footer p {
  width: 430px;
  line-height: 1.6em;
  margin: -2.4em 0 0;
  text-align: right;
  font-size: 85.71%;
}

#gallery-form-begin {
  position: absolute;
  top: -2px; left: 0;
  width: 100%; height: 5px;
  background: url("../images/layout/back-gallery-form-begin.png") 0 0 no-repeat;
}


/* Galerie */
#gallery {
  position: relative;
  background: url("../images/layout/back-gallery-form.png") 0 0 repeat-y;
  padding: 11px 0 0;
  margin-top: 2px;
}
#gallery img { border: 0; }
#galleryWrapper {
  background: url("../images/layout/back-gallery-form-end.png") 0 100% no-repeat;
  padding: 0 0 15px;
}

#image {
  position: relative;
  width: 400px; height: 300px;
  overflow: hidden;
  border: 2px solid #999999;
  margin: 0 13px 15px;
  background: #fff url("../images/layout/loading.gif") 50% 50% no-repeat;
}
#image img {
  position: absolute;
  top: 0; left: 0;
}
#thumbwrapper {
  width: 362px; height: 86px;
  overflow: hidden;
  margin: 0 auto;
}
#thumbarea {
  position: relative;
  width: 362px; height: 86px;
  overflow: hidden;
}
#thumbs {
  position: absolute;
  top: 0; left: 0;
  width: 32767px;
  margin: 0 0 0 5px;
  padding: 0;
}
#thumbs li {
  float: left;
  width: 110px; height: 82px;
  overflow: hidden;
  border: 2px solid #999999;
  margin: 0 5px 0 0;
  cursor: pointer;
}
#previmg, #nextimg {
  display: block;
  width: 28px; height: 86px;
  position: absolute;
  top: 330px; left: 8px;
  background: url("../images/layout/left-arrow.png") 0 0 no-repeat;
}
#nextimg {
  left: 394px;
  background-image: url("../images/layout/right-arrow.png");
}

/* Hlavní menu */
#menu {
  position: absolute;
  width: 600px;
  overflow: auto;
  bottom: 17px; left: 50%;
  margin: 0 0 0 -142px;
}
#menu li {
  float: left;
  margin: 0;
  padding: 2px 0 0;
  list-style-type: none;
  position: relative;
}
#menu li a {
  position: relative;
  display: block;
  float: left;
  height: 28px;
  overflow: hidden;
  margin: 0 10px 0 0;
  padding: 0 10px;
  background: black url("../images/layout/back-menu-a.png") 100% 0 no-repeat;
  color: #bfbfbf;
  font: 17px/31px "Trebuchet MS", Tahoma, Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}
#menu li a:hover, #menu li a.active {
  background-color: #3621a3;
  color: white;
}

#menu li a span {
  display: block;
  width: 2px; height: 100%;
  position: absolute;
  top: 0; left: 0;
  background: url("../images/layout/back-menu-a-span.png") 0 0 no-repeat;
  cursor: pointer;
}

/* Submenu */
ul.submenu {
  margin: 0 10px 2em !important;
}
.submenu li {
  list-style-type: none;
  border: 1px solid #9f908f;
  border-top: 0;
  margin: 0;
}
.submenu li a {
  display: block;
  padding: .4em 8px;
  margin: 0;
  font-size: 107.14%;
  font-weight: bold;
  text-decoration: none;
  background: #d0dbeb;
  color: black;
}
.submenu li a:hover { color: #3621a3; }
.submenu li a.active { background: #fafafa; color: black; }

/* . class */
.cleaner {
  visibility: hidden;
  clear: both;
}
.no-show {
  position: absolute;
  top: auto;
  left: -10000px;
}
.no-indent { text-indent: 0; }

img.left  { margin: .33em 10px .33em 0; float: left; }
img.right { margin: .33em 0 .33em 10px; float: right; }

.center  { text-align: center  !important; text-indent: 0; }
.right   { text-align: right   !important; text-indent: 0; }
.justify { text-align: justify !important; }

.web { color: black; }

.w0   { width: 0px; }
.w300 { width: 300px; }
.w450 { width: 450px; }
.w600 { width: 600px; }
.w900 { width: 900px; }

/* odkazy */
a { color: #3621a3; }
a:hover { color: black; overflow: visible; } /* overflow je nastaven pro IE, jinak by rámeček při hoveru nebyl kolem celého obrázku */

a:hover img { border-color: #3621a3; }

#footer a { color: white; }
#footer a:hover { color: white; text-decoration: none; }