/* elementy */
* {
  margin: 0;
  padding: 0;
}

html {
  background: url("../images/back-html.png") 50% 0;
  font: .8em/1.4 Arial, sans-serif;
}
* html { font-size: 80%; background-position: 50% 2px; }

body {
  padding: 35px 0;
  text-align: center;
  background: url("../images/back-body.png") 50% 0 repeat-x;
}
* html body { background-position: 50% 2px; }

h1 {
  width: 302px; height: 170px;
  overflow: hidden;
  position: relative;
  margin: 0 0 0 62px;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 302px; height: 170px;
  background: red url("../images/logo.png") no-repeat;
  cursor: hand;
}
h2, h3, h4 {
  color: black;
  margin: .66em 20px .5em;
  font: normal normal 160%/1.4 Arial, Tahoma, sans-serif;
}
h3 { font-size: 130%; font-weight: bold; }
h4 { font-size: 110%; font-weight: bold; }

img { border: 0;}

ul, ol, p, address, form { margin: 0 20px 1em; }
p { text-indent: 1em; }
li { margin-left: 25px; }

address {
  font-style: normal;
}
address#header {
  position: absolute;
  top: 90px; right: 62px;
  height: 200px;
  margin: -4.25em 0 0;
  overflow: hidden;
  font: normal bold 130%/1.4 Arial, sans-serif;
  color: #d9241c;
}
address span {
  display: block;
  float: left;
  width: 5em;
}

/* formuláře */
form { clear: both; padding-top: 10px; }
fieldset {
  padding: 0 20px 20px;
  border: 1px solid #d9241c;
}
fieldset p { margin: .5em 0 1.1em; }

legend {
  padding: 0 10px;
  font-size: 1.1em;
  font-weight: bold;
  color: red;
}

input { margin: 2px 0; width: 250px; }
input.checkbox, input.button { width: auto; }
input.button { font-family: Arial, sans-serif; }
label {
   display: block;
   float: left;
   clear: left;
   width: 180px;
   overflow: hidden;
   margin-right: 10px;
}
textarea { width: 250px; }
label.full { width: 90%; }

/* id # */
#page {
  width: 750px;
  position: relative;
  margin: 0 auto;
  text-align: left;
}

#location {
  height: 20px;
  overflow: hidden;
  margin: 35px 20px 15px;
  line-height: 20px;
  text-indent: 0;
}
* html #location { margin-top: 37px; }

#menu {
  position: absolute;
  top: 260px; left: 0px;
  z-index: 10;
  width: 205px;
  background: url("../images/back-menu.png") 0 -1px;
}
#menu ul {
  margin: 0;
  padding: 20px 0 0;
  list-style-type: none;
  background: url("../images/back-menu-top.png") 0 0 no-repeat;
  font: bold 120%/1.4 Arial, sans-serif;
}
.inactive { color: #999999; }
#menu div {
  height: 20px;
  background: url("../images/back-menu-bottom.png") 0 0 no-repeat;
}

#contain {
  position: relative;
  width: 550px;
  margin-left: 200px;
  padding: 5px 0 1em; /* padding-top 5px - fix pro Operu a FF, aby započítali stejný margin-top h2 jako IE (neměl bych spíš fixovat IE...? ;) */
  background: url("../images/back-page.png") 0 1px repeat-y;
}
#background {
  position: absolute;
  top: 0; left: 0;
  width: 550px; height: 20px;
  background: url("../images/back-contain-top.png") no-repeat;
}

#footer {
  clear: both;
  width: 510px; height: 25px;
  margin-left: 200px;
  padding: 0 20px;
  background: url("../images/back-footer.png");
  line-height: 20px;
  text-indent: 0;
  font-size: 90%;
}

/* class . */
.no-show { display: none !important; }
.no-margin { margin: 0 !important; }
.no-indent { text-indent: 0; }
.cleaner { clear: both; visibility: hidden; }

span.width {
  display: block;
  float: left;
  width: 5em;
}

img.right {
  float: right;
  margin: .66em 0 .66em .66em;
}

.images {
  text-align: center;
  text-indent: 0;
  margin: 2em 20px;
}

.phone, .email, .map, .internet {
  padding-left: 25px;
  line-height: 1.4;
  background: url("../images/phone.png") 0 50% no-repeat;
}
.email    { background-image: url("../images/email.png"); }
.map      { background-image: url("../images/map.png"); display: block; }
.internet { background-image: url("../images/internet.png"); }

.contacts-block {
  width: 50%;
  float: left;
  clear: right;
}

.web { color: black; }

/* odkazy */
a:link, a:hover, a:visited {
  text-decoration: none;
  color: #d9241c;
}
a:hover { color: black; }

a:link img, a:hover img, a:visited img {
  border: 1px solid #d9241c;
  padding: 1px;
}
a:hover img { border: 1px solid black; }

#menu a:hover { padding-left: 10px; }