a {
  color: white;
}

#cont2 {
  position: absolute; left: 0px; top: 166px; width: 100%; height: 1000px;
  background: url("/img/footer.jpg") repeat;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#cont3 {
  position: relative; left: 0px; top: 0px; width: 1120px; height: 750px;
  margin: 0px; float: left;
  padding: 0px 0px 0px 0px;
}

#polosa {
  position: relative; left: 0px; top: 0px; width: 130px; height: 100%;
  background: url("/img/t13.jpg") repeat;
  margin: 0px; float: right;
  padding: 0px 0px 0px 0px;
}

#cont4 {
  position: relative; left: 0px; top: 0px; width: 100%; height: 750px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#man {
  position: relative; left: 0px; top: 0px; width: 330px; height: 100%;
  background: url("/img/t1131.jpg") no-repeat;
  margin: 0px; float: left;
  padding: 0px 0px 0px 0px;
}

#slova {
  position: relative; left: 0px; top: 0px; width: 790px; height: 100%;
  background: url("/img/t1231.jpg") no-repeat;
  font: 12pt Arial; color: white; text-align: justify;
  margin: 0px; float: right;
  padding: 0px 0px 0px 0px;
}

#cont5 {
  position: relative; left: 70px; top: 0px; width: 100%; height: 0px;
  margin: 0px; z-index: 15;
  padding: 0px 0px 0px 0px;
}

#foto { 
  position: relative; left: 0px; top: 0px; width: 350px; height: 320px;
  background: white;
  margin: 10px; float: left;
  padding: 0px 0px 0px 0px;
}

#f1 { 
  position: relative; left: 1px; top: 1px; width: 348px; height: 260px;
  background: grey;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#f2 { 
  position: relative; left: 1px; top: 1px; width: 348px; height: 57px;
  font: 12pt Arial; color: white; text-align: center;
  background: grey;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.foto-sub1, .foto-sub2, .foto-sub3, .foto-sub4, .foto-sub5, .foto-sub6,
  .foto-sub7, .foto-sub8, .foto-sub9 {
    background: url("/img/footer.jpg"/) repeat;
    display: none; z-index: 20;
    position: fixed; left: 0px; top: 0px; width: 100%; height: 100%;
} 
.foto-main1:focus .foto-sub1, .foto-main1:active .foto-sub1 { display: block; }
.foto-main2:focus ~ .foto-sub2, .foto-main2:active ~ .foto-sub2 { display: block; }
.foto-main3:focus ~ .foto-sub3, .foto-main3:active ~ .foto-sub3 { display: block; }
.foto-main4:focus ~ .foto-sub4, .foto-main4:active ~ .foto-sub4 { display: block; }
.foto-main5:focus ~ .foto-sub5, .foto-main5:active ~ .foto-sub5 { display: block; }
.foto-main6:focus ~ .foto-sub6, .foto-main6:active ~ .foto-sub6 { display: block; }
.foto-main7:focus ~ .foto-sub7, .foto-main7:active ~ .foto-sub7 { display: block; }
.foto-main8:focus ~ .foto-sub8, .foto-main8:active ~ .foto-sub8 { display: block; }
.foto-main9:focus ~ .foto-sub9, .foto-main9:active ~ .foto-sub9 { display: block; }

#subfoto { 
  position: relative; left: 0px; top: 0px; width: 600px; height: 433px;
  background: white;
  margin: 5px; float: left;
  padding: 0px 0px 0px 0px;
}

#subf1 { 
  position: relative; left: 1px; top: 1px; width: 598px; height: 410px;
  background: grey;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#subf2 { 
  position: relative; left: 1px; top: 1px; width: 598px; height: 20px;
  font: 12pt Arial; color: white; text-align: center;
  background: grey;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#banner { 
  position: relative; left: 25px; top: 0px; width: 252px; height: 231px;
  background: white;
  margin: 10px; float: left;
  padding: 0px 0px 0px 0px;
}

#b1 {
  position: relative; left: 1px; top: 1px; width: 250px; height: 188px;
  background: grey;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#b2 { 
  position: relative; left: 1px; top: 1px; width: 250px; height: 40px;
  font: 12pt Arial; color: white; text-align: center;
  background: grey;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#supershield {
  position: relative; left: -1px; top: -230px; width: 254px; height: 233px;
  background: url("/img/t2x2.gif") repeat;
  margin: 0px; float: left;
  padding: 0px 0px 0px 0px;
}

#supershield:hover {
  border: 2px solid white;
  margin: -2px 0px 0px -2px;
}