body {
  font-family: "Tahoma CE", Tahoma, sans-serif;
  color:#000;
}

a.link {
  display:block;
  width:300px;
  height:100px;
  text-decoration:none;
  border:1px solid #333;
  margin:0 0 10px 0;
  padding: 5px;
  color:#000;
  background-position:0px 0px;
  background-size: 100%;
}

a.link:link, a.link:visited {
  opacity: 0.5;
  transition: 0.5s;
}

a.link:active, a.link:hover {
  opacity: 1;
  transition: 0.5s;
}

a.prod {
  display:block;
  width: 300px;
  height: 100px;
  text-decoration:none;
  border:1px solid #333;
  margin:0 0 10px 0;
  padding: 5px;
  color:#000;
  background-position:0px 0px;
  background-size: 100%;
}

a.prod:link, a.prod:visited {
  opacity: 0.5;
  transition: 0.5s;
}

a.prod:active, a.prod:hover {
  opacity: 1;
  transition: 0.5s;
}

a img {
  border:none;
}

#page3 {position:absolute;
  top:0px;
  width:1170px;
  left:50%;
  margin:0 0 0 -585px;
}


#logoALTAR {
  position:absolute;
  left:91px;
  top:25px;
  width:86px;
  height:73px;
}

#top {
  position:absolute;
  left:0px;
  top:0px;
  width:1170px;
  height:101px;
  background-size: 100%;
}

#altar1 {
  position:absolute;
  left:18px;
  top:101px;
  width:360px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}

#bgaltar1 {
  position:relative;
  width:100%;
  background-repeat:no-repeat;
  background-position:bottom left;
  background-image:url(../img/rozcestnik/bgaltar.gif);
}

#altar2 {
  position:absolute;
  left:405px;
  top:101px;
  width:360px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}

#altar3 {
  position:absolute;
  left:792px;
  top:101px;
  width:360px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}

#bgaltar2 {
  position:relative;
  width:100%;
  background-repeat:no-repeat;
  background-position:bottom left;
  background-image:url(../img/rozcestnik/bgaltar.gif);
}

#bgaltar3 {
  position:relative;
  width:100%;
  background-repeat:no-repeat;
  background-position:bottom left;
  background-image:url(../img/rozcestnik/bgaltar.gif);
}

#page2 {
  position:absolute;
  top:0px;
  width:780px;
  left:50%;
  margin:0 0 0 -390px;
}

#altar21 {
  position:absolute;
  left:17px;
  top:101px;
  width:360px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}

#altar22 {
  position:absolute;
  left:403px;
  top:101px;
  width:360px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}

#page1 {
  position:absolute;
  top:0px;
  width: 390px;
  left:50%;
  margin:0 0 0 -195px;
}

#altar31 {
  position:absolute;
  left:16px;
  top:101px;
  width:356px;
  background-image:url(../img/rozcestnik/bg.gif);
  background-repeat:repeat-y;
  background-size: 100%;
}


.minheight {
  position:relative;
  float:left;
  width:0;
  height:50px;
}

.text {
  position:relative;
  min-height:50px;
  width:100%;
  left:25px;
}

.bgrule {
  position:relative;
  left:0;
  top:1px;
  width:360px;
  height:3px;
  background-repeat:no-repeat;
  background-position:bottom left;
  background-image:url(../img/rozcestnik/bgrule.gif);
  background-size: 100%;
}

@media screen and (max-width: 780px) {
#page1 { visibility: visible; }
#page2 { visibility: hidden; }
#page3 { visibility: hidden; }
}

@media screen and (min-width: 781px) and (max-width: 1170px) {
#page1 { visibility: hidden; }
#page2 { visibility: visible; }
#page3 { visibility: hidden; }
}

@media screen and (min-width: 1171px) {
#page1 { visibility: hidden; }
#page2 { visibility: hidden; }
#page3 { visibility: visible; }
}