/* CSS Document */
body { behavior: url('csshover.htc'); }
body { font: normal 0.8em Myriad Web, Trebuchet MS, "Arial CE", Arial, sans-serif; padding:0;margin:0;}
span.number {
  font-family: Arial;
  display: block;
  font-size: 1.7em;
  text-align: center;
  font-weight:normal;
  color: #fff;
  background: url('../images/number.gif') no-repeat;
  margin-top: 0;
  width: 28px;
  height: 34px;
  padding-top: 5px;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index:10;
}
em {
  color: #3B3B3B;
  font-weight: bold;
  font-style: normal;
  font-size: 1.3em;
  letter-spacing: -0.05em;
}
p {
  display: inline;
  color: #626262;
}
.definition img {
  border: 1px solid #7D7D7D;
  margin-top: 5px;
}
/* image map - pozadí */
#map-sbirka       { position:relative;width: 800px;height: 498px; }
#map-prehledy     { position:relative;width: 800px;height: 530px; }
#map-prehledy2    { position:relative;width: 800px;height: 530px; }
#map-encyklopedie { position:relative;width: 800px;height: 498px; }
#map-denik        { position:relative;width: 800px;height: 498px; }

#n1, #n2, #n3, #n4, #n5 { position:absolute; }

/* image map - prehledy latky */
#map-prehledy #n1 { top: 100px;left: 150px; }
#map-prehledy #n2 { top: 435px;left: 120px; }
#map-prehledy #n3 { top: 100px;left: 370px; }
#map-prehledy #n4 { top: 280px;left: 395px; }

/* image map - prehledy latky 2 */
#map-prehledy2 #n1 { top: 98px;left: 90px; }
#map-prehledy2 #n2 { top: 70px;left: 280px; }
#map-prehledy2 #n3 { top: 230px;left: 450px; }
#map-prehledy2 #n4 { top: 320px;left: 420px; }

/* image map - ctenarsky denik */
#map-denik #n1 { top: 10px;left: 80px; }
#map-denik #n2 { top: 50px;left: 450px; }
#map-denik #n3 { top: 210px;left: 300px; }

/* image map - encyklopedie */
#map-encyklopedie #n1 { top: 100px;left: 150px; }
#map-encyklopedie #n2 { top: 115px;left: 120px;z-index:100; }
#map-encyklopedie #n3 { top: 170px;left: 350px; }
#map-encyklopedie #n4 { top: 130px;left: 450px; }

/* image map - sbirka */
#map-sbirka #n1 { top: 85px;left: 170px; }
#map-sbirka #n2 { top: 235px;left: 120px; }
#map-sbirka #n3 { top: 330px;left: 100px; }
#map-sbirka #n4 { top: 180px;left: 500px; }
#map-sbirka #n5 { top: 340px;left: 500px; }

#map-prehledy2 #n4 span,
#map-prehledy #n3 span,
#map-prehledy #n4 span        { position: absolute; top: -5px; left: 247px; }

#map-prehledy2 #n4 .definition,
#map-prehledy #n3 .definition,
#map-prehledy #n4 .definition { padding: 10px 30px 10px 10px; }

 
#map-encyklopedie #n4 span        { position: absolute; top: -5px; left: 247px; }
#map-encyklopedie #n4 .definition { padding: 10px 30px 10px 10px; }

#map-encyklopedie #n2 span { position: absolute; top: 225px; left: -5px; }
#map-encyklopedie #n2 .definition { padding: 10px 10px 10px 15px;  }

#map-encyklopedie #n3 span { position: absolute; top: 170px; left: -5px; }
#map-encyklopedie #n3 .definition { padding: 10px 10px 10px 15px;   }

#map-sbirka #n3 span { position: absolute; top: 80px; left: -5px; }
#map-sbirka #n3 .definition { padding: 10px 10px 10px 20px;   }

.definition { display: none; }
.definition { padding: 10px 10px 10px 30px; background: url('../images/tooltip-bottom.gif') bottom left no-repeat; }
.tooltip {}
div.tooltip:hover {
  background: url('../images/tooltip-back.gif') top left no-repeat;
  width: 270px;
  cursor: hand;
}
div.tooltip:hover .definition {
  display:block;
  
}
div.tooltip:hover .number {
  background: url('../images/number-on.gif') no-repeat;
  
}
#footer { display: none; }
.hidden { display:none; }