  /* CSS Document */
body {
  margin: 0;
  padding: 0;
  color: #000;
  background : #f4e8d7 none;
  font-family: 'Verdana CE', 'Arial CE', 'Helvetica CE', Verdana sans-serif;
  text-align: center;
}
a:link  {
 color: black;
}
a:visited {
  color: black;
}
h1 {
  margin-left: 15px;
  margin-top: 40px;
  margin-bottom: 0px;
  color: #8e8e8e;
  font-size: 16px;
  font-family: 'Verdana CE', 'Arial CE', 'Helvetica CE', Verdana sans-serif;
}
h2 {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #a60000;
  font-size: 14px;
  font-family: 'Verdana CE', 'Arial CE', 'Helvetica CE', Verdana sans-serif;
}
h3 {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 0px;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
  font-family: 'Verdana CE', 'Arial CE', 'Helvetica CE', Verdana sans-serif;
}
#pruh {
  background-image: url('img/bgpruh.png');
  width: 100%;
  height: 300px;
  margin-top: 5%;
  margin-bottom: 10%;
  padding: 0px;
}
#page {
  width: 800px;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  background : #ffffff none;
  text-align: left;
  font-size: 12px
}
/* Logo */
.logo {
   background-image: url('img/logo.png');
   height: 300px;
   width: 800px;
  }
/* Menu,paticka logo*/
.menu {
  margin: 0;
  padding: 0;
}
.menu li {
  display: inline;
  float: left;
}
.uvod {
  display: inline;
}
.uvod a, .uvod span {
  display: block;
  height: 30px;
  width: 71px;
}
.uvod a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.uvod span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.uvod a span {
  background: url('img/uvod.png') 0 0 no-repeat;
}
.uvod a:hover span {
  background-position:0 -30px;
}
.uvod a:hover {
  text-decoration:none;
}

.nabidka {
  display: inline;
}
.nabidka a, .nabidka span {
  display: block;
  height: 30px;
  width: 103px;
}
.nabidka a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.nabidka span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.nabidka a span {
  background: url('img/nabidka.png') 0 0 no-repeat;
}
.nabidka a:hover span {
  background-position:0 -30px;
}
.nabidka a:hover {
  text-decoration:none;
}
.cenik {
  display: inline;
}
.cenik a, .cenik span {
  display: block;
  height: 30px;
  width: 77px;
}
.cenik a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.cenik span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cenik a span {
  background: url('img/cenik.png') 0 0 no-repeat;
}
.cenik a:hover span {
  background-position:0 -30px;
}
.cenik a:hover {
  text-decoration:none;
}
.reference {
  display: inline;
}
.reference a, .reference span {
  display: block;
  height: 30px;
  width: 120px;
}
.reference a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.reference span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.reference a span {
  background: url('img/reference.png') 0 0 no-repeat;
}
.reference a:hover span {
  background-position:0 -30px;
}
.reference a:hover {
  text-decoration:none;
}
.obchod {
  display: inline;
}
.obchod a, .obchod span {
  display: block;
  height: 30px;
  width: 90px;
}
.obchod a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.obchod span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.obchod a span {
  background: url('img/obchod.png') 0 0 no-repeat;
}
.obchod a:hover span {
  background-position:0 -30px;
}
.obchod a:hover {
  text-decoration:none;
}
.kontakt {
  display: inline;
}
.kontakt a, .kontakt span {
  display: block;
  height: 30px;
  width: 92px;
}
.kontakt a {
  background:#ffffff;
  color:#000;
  position: relative;
  line-height: 30px
}
.kontakt span {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.kontakt a span {
  background: url('img/kontakt.png') 0 0 no-repeat;
}
.kontakt a:hover span {
  background-position:0 -30px;
}
.kontakt a:hover {
  text-decoration:none;
}
.hands span {
  display: block;
  height: 30px;
  width: 247px;
  background: url('img/hands.png') 0 0 no-repeat;
  margin-left: 0px;
}
/* Odstavce */
p {
  margin-top: 5px;
  text-align: justify;
  margin-left: 15px;
  margin-right: 15px;
}
/* Seznam */
ul {
  margin-top: 5px;
}
li {
list-style: square;
}
/* Paticka */ 
.paticka {
   /*background-image: url('img/paticka.png');*/
   background : #b02b2b;
   color: white;
   height: 27px;
   width: 800px;
   font-size: 10px;
   text-align: center;
   font-family: 'Verdana CE', 'Arial CE', 'Helvetica CE', Verdana sans-serif; 
}
.paticka a {
  color: white;
  text-decoration: none;
}













