html {
  background: #B48F2C url('/img/body_bg.gif') repeat-y 50% 0;
}

body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  font-family: "Trebuchet MS", sans-serif;
  line-height: 1.3em;
  color: #000;
}

div.index {
  background: url('/img/body_bg_kvet_i.gif') no-repeat 50% 0;
}

div.other {
  background: url('/img/body_bg_kvet.gif') no-repeat 50% 0;
}

* html body {
  font-size: x-small;
}

.hidden {
  display: none;
}

.stop {
  display: block;
  float: none;
  clear: both;
  font-size: 1px;
  height: 1px;
}


#obal {
  width: 740px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#header {
  position: absolute;
  top: 15px;
  left: 10px;
  background: url('/img/logo_dusana.gif') no-repeat 0 0;
  width: 152px;
  height: 73px;
}

#header h1, #header h2 {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -5em;
}

#navigation {
  height: 107px;
}

#navigation ul {
  margin: 0;
  padding: 70px 0 0 0;
  list-style: none;
  display: block;
  text-align: right;
}

#navigation ul li {
  display: inline;
}

#navigation ul li a {
  margin: 0 .5em;
  font-size: 1.15em;
  font-weight: bold;
  color: #543D01;
}

#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
  text-decoration: none;
}

#navigation ul li a:hover {
  text-decoration: underline;
}

div.graphics_index { height: 320px; background: url('/img/top_home.jpg') no-repeat 0 0; }
div.graphics_about { height: 108px; background: url('/img/top_about.jpg') no-repeat 0 0; }
div.graphics_portfolio { height: 108px; background: url('/img/top_portfolio.jpg') no-repeat 0 0; }
div.graphics_contact { height: 108px; background: url('/img/top_contact.jpg') no-repeat 0 0; }
div.graphics_links { height: 108px; background: url('/img/top_links.jpg') no-repeat 0 0; }

#content_cont {
  margin: 0;
  padding: 30px 0 170px 0;
  background: url('/img/vtaky.gif') no-repeat  0 100%;
}

#content {
  padding: 0 0 0 190px;
  font-size: .9em;
  color: #543D01;
}

#content h3 { font-size: 2.3em; }

#content h4 { font-size: 1.2em; }

#miery {
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #543D01;
}

#miery td {
  padding: 0;
}

#miery td.key {
  padding: 0 1em 0 0;
}

#miery td.val {
  padding: 0 3em 0 0;
  font-weight: bold;
}

#portfolio_list {
  position: absolute;
  width: 190px;
  font-size: .9em;
  color: #543D01;
  top: 350px;
  left: 0;
}

#portfolio_list ul {
  margin: 0;
  padding: 0 15px 0 0;
  list-style: none;
}

#portfolio_list li {
  list-style: none;
  display: block;
  padding: .5em .3em;
}

#portfolio_list a {
  color: #543D01;
}

#portfolio_list a:link, #portfolio_list a:visited, #portfolio_list a:active {
  text-decoration: none;
}

#portfolio_list a:hover {
  text-decoration: underline;
}

#portfolio h4 {
  margin-bottom: .5em;
}

#portfolio h4 a {
  color: #543D01;
}

#portfolio h4 a:link, #portfolio h4 a:visited, #portfolio h4 a:active {
  text-decoration: none;
}

#portfolio h4 a:hover {
  text-decoration: underline;
}

#portfolio div.img {
  width: 131px;
  height: 131px;
  display: block;
  float: left;
  background-color: #f8da8b;
  margin: 0 5px 5px 0;
}

#portfolio div.img img {
  width: 115px;
  height: 115px;
  margin: 8px 0 0 8px;
  display: block;
  border: 0;
}

#photo {
  text-align: center;
}

#photo img {
  display: block;
  margin: 2em auto;
  border: 8px solid #f8da8b;
}

#photo a:link, #photo a:visited, #photo a:active {
  text-decoration: none;
  color: #543D01;
}

#photo a:hover {
  text-decoration: underline;
  color: #543D01;
}

#contact { margin: 1em 0 0 0; padding: 0; display: block; }
#contact label { display: block; margin-top: .4em; }
#contact input, #contact textarea { font: normal 1em/1.2 sans-serif; margin: 0; border:1px solid #543D01; background-color: #FFF4D3; }
#contact #button { margin-top: 1em; width: 232px; text-align: right; }
#contact input.red, #contact textarea.red { border-color: #FF0000; }
#contact strong.red { color: #FF0000; }

address {
  margin-bottom: 3em;
}

address a:link, address a:visited, address a:active {
  text-decoration: none;
  color: #543D01;
}

address a:hover {
  text-decoration: underline;
  color: #543D01;
}

div.links a:link, div.links a:visited, div.links a:active {
  color: #543D01;
  text-decoration: underline;
}

div.links a:hover {
  color: #543D01;
  text-decoration: none;
}

#footer {
  font-size: .85em;
  text-align: right;
  color: #543D01;
  padding-bottom: 1em;
}

#footer a:link, #footer a:visited, #footer a:active {
  text-decoration: none;
  color: #543D01;
}

#footer a:hover {
  text-decoration: underline;
  color: #543D01;
}

#partneri h4 {
  margin-bottom: .2em;
}

#partneri div {
  margin-bottom: 2em;
}