#imap {display:block; width:350px; height:500px; background:url(../scholastici/img/scholastici_off.jpg); position:relative; margin:0 auto 2em auto; margin-left:25px; }

#imap a#titlex {display:block; width:350px; height:0; padding-top:500px; overflow:hidden; position:absolute; left:0; top:0; 
background:transparent url(../scholastici/img/scholastici_on.jpg) no-repeat 350px 350px; cursor:default;}
* html #imap a#titlex {height:500px; he\ight:0;}

#imap a#titlex:hover {background-position: 0 0;}

a#imaginace, a#gotiky , a#requiem {display:block; width:83px; height:0; padding-top:130px; overflow:hidden; position:absolute;}
a#informace {display:block; width:198px; height:0; padding-top:192px; overflow:hidden; position:absolute;}

* html a#imaginace, * html a#gotiky, * html a#requiem {height:130px; he\ight:0;}
* html a#informace {height:192px; he\ight:0;}



a#imaginace {left:45px; top:352px; background:transparent url(../scholastici/img/imaginace2.jpg) no-repeat 350px 350px;}
a#gotiky {left:132px; top:352px; background:transparent url(../scholastici/img/gotiky.jpg) no-repeat 350px 350px;}
a#requiem {left:221px; top:352px; background:transparent url(../scholastici/img/requiem.jpg) no-repeat 350px 350px;}

a#informace {left:75px; top:132px; background:transparent url(../scholastici/img/informace.jpg) no-repeat 350px 350px;}

a#imaginace:hover, a#gotiky:hover , a#requiem:hover, a#informace:hover{background-position: 0 0;}



.music_position {
position:relative;
top:25px;
left:65px;
}