/* CSS Document */
body  {
  width:auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  min-width: 1000px;
  text-align: center;
  margin: 0px;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;

}
a :hover  {
  text-decoration: underline;
}
img {
  border: none;
}
h1  {
  font-family: Trebuchet MS, Arial;
}
#page {
  background-image: url(../images/pozadi.jpg);
  background-repeat: no-repeat;
  width: 1000px;
  height: 800px;
  text-align: left;
  position: relative;
  margin:auto;
  margin-top: 0px;
}
#logo, #logo a span {
  width: 129px;
  height: 129px;
  position: absolute;
  top: 0px;
  left:0px;
  display: block;
  cursor: pointer;
  background: url('../images/logo.gif') no-repeat;
  font-size: 10px;
}
#logo {
  position: absolute;
    left:50px;
}
#menu {
  color: #410003;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none; 
}
#menu a,#menu a:visited  {
  color: #410003;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
}
#menu a:hover {
  display: block;
  cursor: pointer;
}
#reference-text {
  width: 105px;
  height: 25px;
  position: absolute;
  display:block;
  left: 409px;
  top: 23px;
}
a:hover #reference-text {
  text-decoration: underline;
  cursor: pointer;
}
#sluzby-text  {
  width: 230px;
  height: 32px;
  position: absolute;
  display:block;
  top:38px;
  left: 617px;
}
a:hover #sluzby-text {
  text-decoration: underline;
  cursor: pointer;
}
#aktuality-text {
  color: #ae0000;
  font-size: 24px;
  font-weight: bold;
  width: 110px;
  height: 25px;
  position: absolute;
  display:block;
  top: 82px;
  left: 255px;
}
#aktuality-text a, #aktuality-text a:visited  {
  color: #ae0000;
  font-weight: bold;
}
a:hover #aktuality-text {
  text-decoration: underline;
  cursor: pointer;
}
#objednavky-text {
  width: 135px;
  height: 20px;
  position: absolute;
  display:block;
  top: 134px;
  left: 730px;
}
a:hover #objednavky-text {
  text-decoration: underline;
  cursor: pointer;
}
#kontakty-text {
  width: 100px;
  height: 20px;
  position: absolute;
  display:block;
  top: 318px;
  left: 641px;
}
a:hover #kontakty-text {
  text-decoration: underline;
  cursor: pointer;
}
#prace-text {
  width: 170px;
  height: 20px;
  position: absolute;
  display:block;
  top: 224px;
  left: 174px;
  cursor: pointer;
}
a:hover #prace-text {
  text-decoration: underline;
  cursor: pointer;
}
#onas-text {
  width: 80px;
  height: 20px;
  position: absolute;
  display:block;
  top: 192px;
  left: 438px;
  z-index:1;
}
a:hover #onas-text {
  text-decoration: underline;
  cursor: pointer;
}
#reference-ikona {
  width: 70px;
  height: 35px;
  position: absolute;
  left: 462px;
  top: 64px;
  background-image: url(../images/reference.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}

#sluzby-ikona  {
  width: 106px;
  height: 52px;
  position: absolute;
  top:73px;
  left: 556px;
  background-image: url(../images/poskytovane_sluzby.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#aktuality-ikona {
  width: 66px;
  height: 69px;
  position: absolute;
  top: 91px;
  left: 363px;
  background-image: url(../images/aktuality.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#objednavky-ikona {
  width: 77px;
  height: 82px;
  position: absolute;
  top: 135px;
  left: 646px;
  background-image: url(../images/objednavky.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#kontakty-ikona {
  width: 82px;
  height: 87px;
  position: absolute;
  top: 246px;
  left: 532px;
  background-image: url(../images/kontakty.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#prace-ikona {
  width: 91px;
  height: 63px;
  position: absolute;
  top: 206px;
  left: 331px;
  background-image: url(../images/nabidka_prace.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#onas-ikona {
  width: 126px;
  height: 85px;
  position: absolute;
  top: 114px;
  left: 458px;
  background-image: url(../images/onas.jpg);
  background-repeat: no-repeat;
  cursor: pointer;
}
#nadpis {
  width: 147px;
  height: 43px;
  position: absolute;
  left:35px;
  top: 347px;
  color: #410003;
  font-size: 20px;
  font-weight: bold;
}
#obrazky {
  width: 934px;
  height: 122px;
  position: absolute;
  left: 30px;
  top: 404px;
}
#odkazy {
  width: 936px;
  height: 66px;
  position: absolute;
  left: 30px;
  top: 526px;
  background-image: url(../images/tlacitko.jpg);
  background-repeat: no-repeat;
}
#odkazy a, #odkazy a:visited  {
  color: #340e70;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}
#odkazy a:hover  {
  color: #ae0000;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  display:block;
  height: 24px;
}
.klik {
  width: 92px;
  height: 55px;
  display: block;
  cursor: pointer;
}
#odkazy1  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:0px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy2  {
  width: 94px;
  height: 24px;
  position: absolute;
  display: block;
  left:104px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy3  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:208px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy4  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:312px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy5  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:416px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy6  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:520px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy7  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:624px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy8  {
  width: 94px;
  height: 24px;
  position: absolute;
  left:728px;
  padding-top: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  font-weight: bold;
}
#odkazy9  {
  width: 90px;
  height: 24px;
  position: absolute;
  left:832px;
  padding-top: 12px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  font-weight: bold;
}
#spodek {
  padding: 10px;
  width: 534px;
  height: 40px;
  left: 60px;
  top: 616px;
  position: absolute;
  color: black;
  font-size: 11px;
}
#spodek a {
  margin-right: 10px;
  margin-left: 10px;
}
#spodek a, a:visited {
  color: black;
  text-decoration: none;
  font-size: 11px;
  font-weight: normal;
}
#spodek a:hover {
  color: #0025e0;
  text-decoration: underline;
}
#raynet {
  width: 141px;
  height: 20px;
  left: 617px;
  top: 638px;
  position: absolute;
  cursor: pointer;
}
#raynet-text {
  width: 141px;
  height: 20px;
  left: 617px;
  top: 638px;
  position: absolute;
}