.menu {font-family: arial, sans-serif; width:950px; height:45px;position:relative; font-size:11px; z-index:100; display:block; margin:15px auto}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:45px; text-align:center; color:black; background:white; line-height:45px; font-size:12px; overflow:hidden;}
.menu ul li ul li{width:130px; height:35px;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}


.menu ul li:hover a {color:white; background:#ffcf9b;}
.menu ul li:hover ul {display:block; position:absolute; top:45px; left:0; }
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li{border-bottom:1px solid white;height:35px;}
.menu ul li:hover ul li a {display:block; background:#ffcf9b; color:#000;  height:35px;line-height:35px;}
.menu ul li:hover ul li a:hover {color: white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


.menu a{
	position:relative;	
}


#menu_uvod{
	position:relative;
	width:70px;
	height:45px;
}

.menu ul #menu_uvod a span{
	width:70px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_uvod.png") no-repeat 0px -46px;
}

.menu ul #menu_uvod:hover a span{
	background-position: 0px 0px;
}



#menu_volby{
	position:relative;
	width:88px;
	height:45px;
}

.menu ul #menu_volby a span{
	width:88px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_volby.png") no-repeat 0px -46px;
}

.menu ul #menu_volby:hover a span{
	background-position:0px 0px;
}



#menu_zivotopis{
	position:relative;
	width:96px;
	height:45px;
}

.menu ul #menu_zivotopis a span{
	width:96px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_zivotopis.png") no-repeat 0px -46px;
}

.menu ul #menu_zivotopis:hover a span{
	background-position:0px 0px;
}



#menu_media{
	position:relative;
	width:63px;
	height:45px;
}

.menu ul #menu_media a span{
	width:63px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_media.png") no-repeat 0px -46px;
}

.menu ul #menu_media:hover a span{
	background-position:0px 0px;
}



#menu_fotogalerie{
	position:relative;
	width:115px;
	height:45px;
}

.menu ul #menu_fotogalerie a span{
	width:115px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_fotogalerie.png") no-repeat 0px -46px;
}

.menu ul #menu_fotogalerie:hover a span{
	background-position:0px 0px;
}



#menu_kontakty{
	position:relative;
	width:94px;
	height:45px;
}

.menu ul #menu_kontakty a span{
	width:94px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_kontakty.png") no-repeat 0px -46px;
}

.menu ul #menu_kontakty:hover a span{
	background-position:0px 0px;
}



#menu_kalendar{
	position:relative;
	width:94px;
	height:45px;
}

.menu ul #menu_kalendar a span{
	width:94px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_kalendar_new.png") no-repeat 0px -46px;
}

.menu ul #menu_kalendar:hover a span{
	background-position:0px 0px;
}


#menu_mask{
	position:relative;
	width:102px;
	height:45px;
}

.menu ul #menu_mask a span{
	width:102px;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	background:url("img/menu_empty.png") no-repeat -1px 0px;
}

.menu ul #menu_mask:hover a span{

}