/*
 * Zagro.sk
 * _____________________________________
   file: mapper.css
   autor: Bc. Róbert Medvid
   http://www.alfdesign.sk
 */



/*
 map
 ------------------------------------- *
 */


/* setup the background image of the Michalovce */
.sk {
	position: absolute;
	width: 250px; 
	height: 124px; 

	left: 412px;
	top: 175px;

	padding: 0; 
	margin: 0; 

	background: url(/images/map_slovakia.gif) no-repeat;
	list-style-type: none; 
	}

/* move the text off screen */
.sk li a {
	outline: none; /* clear dotted border */

	display: block;
	position: absolute; 
	
	width: 46px; 
	height: 16px; 

	text-indent: -999px; 
	background: transparent; 
	line-height: 1px;
	}

/* make the images and description invisible and an absolute position so that it does not take up any space */
.sk li a em {
	visibility: hidden;
	position: absolute;
	}

/* position the square markers */
.sk li a.mi {
	top: 40px; 
	left: 190px;
	}

/* move the text back into view on hover */
.sk li a:hover {
	font-size: 1em;
	line-height: 1em;
	}

/* hack for IE5.x */
* html .sk li a:hover {
	}

/* make the descriptive text visible, give it a size and position */
.sk li a:hover em { 
	visibility: visible;
	width: 442px;
	padding: 25px 26px 25px 25px;
	
	top: -295px;
	left: -393px;
	background:#fff;
	}

/* hack for IE5.x */
* html .sk li a:hover em {
	width: 444px;
	padding-right: 24px;
	}

/* give the image a border and margin */
.sk li a:hover em img {
	border: 1px solid #ccd1c4;
	display: block;
	}

/* text formatting */
.sk li a:hover em span {
	font-size: 1em;
	font-style: normal;
	line-height: 1.8em;
	color: #787878;
	}