@charset "UTF-8";
/* CSS Document */
/* setup the background image in single sonstellation css*/
/* move the text off screen */
.photomap li a {text-indent:-14000px; display:block; width:18px; height:18px;  position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.photomap li a em {visibility:hidden; position:absolute;}

/* move text back into view on hover */
.photomap li a:hover {background:#600; /* ЦВЯТ за Квадратчето */text-indent:0; height:2em; font-size:1em; color:#fff; line-height:1em; padding:12px 12px 12px 32px;margin-left:-80px;width:120px;/* Размер на квадратчето */text-decoration:none;}
/* Центриране при 265px   .photomap li a:hover img {width:99%;} */
/* hack for IE5.x */
* html .photomap li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.photomap li a:hover em {visibility:visible; margin-left:-415px /* 5px */ ;/* Позиция на кутията */ background:#fff; border:1px solid #600; /* Широчина на кутията на снимката*/width:260px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .photomap li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.photomap li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point 
.photomap li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:-3000px; top:128px;}*/
/* hack for IE5.x */
* html .photomap li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}
a.screen, a.screen:visited {
color:#999999; 
position:relative; text-decoration:;
z-index:1;
}