#mapka {
   position: relative;
   top: 0px;
   width: 150px;
   float: right;
   z-index: 5;
}
/* common styling */
.mapa {
	width: 200px;
	position: absolute;
	margin: 0;
	font-size: 11px;
	padding: 0px;
}
.mapa ul li a, .mapa ul li a:visited {
	display: block;
	text-decoration: none;
	color: Black;
	width: 150px;
	height: 20px;
	text-align: center;
	color: #fff;
	border: 1px solid White;
	background: #e02820;
	line-height: 20px;
	font-size: 11px;
	overflow: hidden;
}
.mapa ul {padding:0; margin:0;list-style-type: none; }
.mapa ul li {
	float: left;
	margin-right: 1px;
	position: relative;
	padding: 0px;
}
.mapa ul li ul {display: none;}
/* specific to non IE browsers */
.mapa ul li:hover a {
	color: Black;
	background: #ff8488;
}
.mapa ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.mapa ul li:hover ul li a.hide {
	background: #ff8488;
	color: #fff;
}
.mapa ul li:hover ul li:hover a.hide {
	background: #ff8488;
	color: #000;
}
.mapa ul li:hover ul li ul {display: none;}
.mapa ul li:hover ul li a {
	display: block;
	background: #e02820;
	color: White;
}
.mapa ul li:hover ul li a:hover {
	background: #ff8488;
	color: #000;
}
.mapa ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.mapa ul li:hover ul li:hover ul.left {left:-105px;}