/* elementy */
html {
  font: 0.8em/1.4 Arial, sans-serif;
  color: #333333;
  background: #ffffff url("../images/back-html.gif");
  height: 100%;
}
* html { font-size: 80%; padding: 0; }

body { text-align: center; padding: 0; }


h1 {
  position: absolute;
  top: -25px; left: 60px;
  z-index: 100;
  font-size: 33px;
  width: 187px; height: 106px;
  overflow: hidden;
  background: #fafafa;
  text-align: center;
  font-variant: small-caps;
  line-height: 76px;
  margin: 0;
}
h1:first-letter { color: #f4aa0a; overflow: auto; }
h1 small {
  position: relative;
  left: 3px; bottom: 60px;
  text-transform: uppercase;
  font: 10px/1 Verdana, Tahoma, Arial, sans-serif;
  letter-spacing: 5px;
  color: #868686;
}
h1 span {
  position: absolute;
  top: 0; left: 0;
  display: block;
  width: 100%; height: 106px;
  background: url("../images/layout/logo.png") no-repeat;
  cursor: pointer;
}

h2, h3, h4, h5 {
  color: #444444;
  margin: 1em 20px .33em;
  font: normal normal 200%/1.4 Tahoma, Arial, sans-serif;
}
h2 { font-variant: small-caps; overflow: auto; font-weight: bold; }
h2:first-letter { color: #f4aa0a; }
h3 { font-size: 145%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }

#rightCol h3 {
  height: 42px;
  overflow: hidden;
  padding-left: 30px;
  margin: 1em 0 .33em;
  background: #f4b90a url("../images/layout/back-rightCol-h3.png") 0 0 no-repeat;
  font-size: 123.08%;
  font-weight: bold;
  line-height: 42px;
  color: white;
}

ul, ol, p, address, .fieldsetLike, .box, hr { margin: 0 20px 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: 4em;
  float: left;
}

hr {
  height: 1px;
  color: black;
  background-color: black;
  border: 0px solid black;
}

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

img { border: 2px solid #d99100; padding: 2px; vertical-align: middle; }

/* formuláře */
fieldset {
  border: 0;
  line-height: 2.4em;
}
.fieldsetLike {
  position: relative;
  margin-bottom: 2em;
  padding: 0 0 1em 0;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #d4d4d4;
  background: #f7f7f7 url("../images/layout/back-fieldset.png") 0 100% repeat-x;
}
fieldset p { margin: 0 0 1em; line-height: 1.5em; }
fieldset hr { margin: 0 0 1em; }

legend {
  position: relative;
  padding: .3em 0 1em;
  font-weight: bold;
  color: black;
  font: normal normal 145%/1.4 Arial, Tahoma, sans-serif;
}

input, select, textarea { font: 13px/1.4 Arial, sans-serif; }
input.text{ width: 190px; }
select { width: 196px; }
input, select, label { vertical-align: middle; }
textarea { margin-top: 5px; }

input.button {
  width: 0; /* pouze pro IE */
  overflow: visible;
  padding: .23em .38em;
  cursor: pointer;
  border: 1px solid #53ac03;
  -moz-border-radius: 3px;
  background: #d8f80b url("../images/layout/back-box-button.png") 0 100% repeat-x;
  color: #222222;
  font-weight: bold;
}
input.button[class] { /* IE ignoruje [class] */
  width: auto;
}
input.button:hover {
  background-position: 0 -500px;
  background-color: #a7ed0b;
}

label {
  display: block;
  float: left;
  clear: left;
  width: 190px;
  overflow: hidden;
  margin-right: 30px;
  text-align: right;
}
.oneLine {
  float: left;
  line-height: 2.4em !important;
}
.oneLine label {
  display: inline;
  float: none;
  line-height: 1.4em;
}
.sizes { float: left; }
.sizes label {
  width: 100px;
  margin-right: 10px;
}

p.help {
  margin: 0 0 10px 220px;
  text-align: left;
  font-style: italic;
  clear: both;
  text-indent: 0;
}
#isFirm { margin-left: -20px; }

#sizeA, #sizeB { width: 80px; }

.buttons { text-align: center; }

.objectInfo {
  float: right;
  border: 1px solid #d4d4d4;
  margin-top: 1.8em;
}

/* # id */
#page {
  position: relative;
  width: 982px;
  margin: 0 auto;
  padding-bottom: 2em;
  text-align: left;
}
#rightCol {
  width: 270px;
  overflow: hidden;
  margin: 0;
  padding-bottom: 1em;
  float: left;
}
#content {
  width: 702px;
  float: left;
  margin: 30px 25px 0 -15px;
}

#infolinka {
  overflow: hidden;
  margin: 0;
  padding: 5px 35px 10px;
  float: right;
  background: url("../images/layout/back-infolinka.gif") 0 50% no-repeat;
  font: 100%/1.4 Arial, Tahoma, sans-serif;
  color: #868686;
  text-indent: 0;
}
#infolinka .number {
  color: #f4aa0a;
  font-weight: bold;
  font-size: 181.82%;
}

#elseremo {
  margin: 2em 20px 0;
}

#footer {
  overflow: hidden;
  line-height: 42px;
  clear: both;
  margin-top: 4em;
  color: #aaaaaa;
  text-align: right;
}
#footer img { border: 0; }

#footer #copy {
  position: relative;
  width: 36em;
  float: left;
  margin-right: 20px;
  padding: 0;
  background: #f4ab0a url("../images/layout/back-copy.png") 0 0 no-repeat;
  text-align: center;
  color: #222222;
  line-height: 42px;
  height: 42px;
}
#footer #copyEnd {
  position: absolute;
  top: 0; right: 0;
  width: 24px; height: 42px;
  background: url("../images/layout/back-copy-end.gif") 0 0 no-repeat;
}
#navrcholu { display: inline; }


/* hlavní menu */
#menu {
  clear: both;
  position: relative;
  width: 982px; height: 42px;
  overflow: visible;
  background: #f4b90a url("../images/layout/back-menu.png") 0 0 no-repeat;
}
#menu ul {
  position: absolute;
  right: 0;
  height: 42px;
  margin: 0 20px 0 260px;
  padding: 0;
  list-style-type: none;
}
#menu li {
  float: left;
  line-height: 42px;
  margin: 0;
}
#menu li a {
  position: relative;
  display: block;
  height: 100%;
  float: left;
  margin: 0;
  padding: 0 22px 0 0px;
  background: url("../images/layout/back-menu-hover.png") 100% -42px no-repeat;
  font-weight: bold;
  text-decoration: none;
  color: #292929;
  cursor: pointer;
}
#menu li a .background {
  display: block;
  height: 100%;
  padding: 0 8px;
  float: left;
}
#menu li a .begin {
  position: absolute;
  top: 0; left: -22px;
  display: block;
  width: 22px; height: 42px;
  background: url("../images/layout/back-menu-span.png") 0 0 no-repeat;
}
#menu li a.first .begin { background-position: 0 42px; }
#menu li a:hover, #menu a.active {
  background-position: 100% 0;
  color: white;
}
#menu li a:hover .begin, #menu a.active .begin { background-position: 0 -42px !important; }
#menu a:hover .background, #menu a.active .background { background: #f4d50a; }

/* submenu vpravo */
.submenu, .submenu li {
  margin: 0;
  padding: 0;
}
.submenu li {
  list-style-type: none;
  padding-top: 10px;
  background: #f4f4f4 url("../images/layout/back-submenu-li.png") 0 0 no-repeat;
}
.submenu li a {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  background: #f4f4f4 url("../images/layout/back-submenu-li-a.png") 0 100% no-repeat;
  text-decoration: none;
  color: #222222;
  font-weight: bold;
}
.submenu li a:hover { text-decoration: underline; }
.submenu li a span {
  display: block;
  padding: 0 10px 0 26px;
  background: url("../images/layout/submenu-bullet.gif") 10px 50% no-repeat;
}
.submenu a:hover span, .submenu a.active span { background-position: -284px 50%; }
.submenu li a.active {
  color: #e19c07;
}

/* Mapa stránek */
ul.sitemap {
  font-size: 125%;
  font-weight: bold;
}
ul.sitemap ul {
  font-size: 80%;
}


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

.no-border { border: none; }

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

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

.web { color: black; }

.margin-li li {
  margin-bottom: 1.5em;
}

.float-left { float: left; }

.margin-left { margin-left: 20px; }

.graphic-li li {
  margin: 0;
  padding: .1em 0 .1em 25px;
  line-height: 1.6;
  list-style-type: none;
  background: url("../images/layout/back-li.gif") 8px .45em no-repeat;
}

a.item {
  display: block;
  width: 250px; height: 74px;
  overflow: hidden;
  padding: 8px 10px;
  margin: 1em 0;
  color: white;
  font-size: 153.85%;
  line-height: 1.1;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 0 5px #000;
}
a.item:hover { color: #f4aa0a; }
.one { background: #ca764f url("../images/layout/item1.jpg") 0 0 no-repeat; }
.two { background: #597295 url("../images/layout/item2.jpg") 0 0 no-repeat; }
.ref { background: #597295 url("../images/layout/item-ref.jpg") 0 0 no-repeat; }


.box {
  position: relative;
  width: 662px;
  margin: 2.5em 20px;
  padding-bottom: 75px;
  background: #d6eef2 url("../images/layout/back-box.png") 0 100% no-repeat;
}
.box h3 {
  font-size: 180%;
  font-weight: normal;
  margin: 0;
  padding: 25px 20px .33em;
  background: url("../images/layout/back-box-h3.png") 0 0 no-repeat;
  color: #21383c;
}
.box p {
  margin-right: 155px;
  font-size: 92.31%;
  color: #21383c;
}
.box .button, a.button {
  padding: .23em .38em;
  border: 1px solid #53ac03;
  -moz-border-radius: 3px;
  background: #d8f80b url("../images/layout/back-box-button.png") 0 100% repeat-x;
  color: #222222;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.box a.button:hover, a.button:hover {
  background-position: 0 -500px;
  background-color: #a7ed0b;
}
.box .button {
  position: absolute;
  bottom: 10px; left: 20px;
}

.success {
  height: 74px;
  overflow: hidden;
  line-height: 86px;
}

.colBackground {
  position: relative;
  background: #f5f5f5 url("../images/layout/back-submenu-li-a.png") 0 100% no-repeat;
  padding: 5px 0 .5em;
}
.colBackgroundBegin {
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
  width: 270px; height: 5px;
  background: url("../images/layout/back-submenu-li.png") 0 0 no-repeat;
}

/* odkazy */
a { color: #d99100; }
a:hover, #infolinka a:hover, #footer a:hover { color: #222222; 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: #222222; }

h1 a {
  color: #222222;
  text-decoration: none;
}
h1 a:hover { color: #f4aa0a; }

#infolinka a { color: #868686; }

#footer a { color: #aaaaaa; }
#footer #copy a { color: #222222; }
#footer #copy a:hover { text-decoration: none; }


.reference {
  padding-top: 15px;
  }

.reference img {
  border: none;
  width: 268px;
  }
  
.box-reference {
  padding: 5px 0 20px 20px;
  }
  
.box-reference img {
  width: 210px;
  margin-bottom: 4px;
  }