html { height: 100%; }
body { min-height: 100%; height: 100%; background: #646464; }
#intro {
	height: 215px;
	width: auto;
	background: #b0b0b0;
	margin-top: 72px;
}
.logo {
	float: right;
	margin-right: 65px;
	margin-bottom: 50px;
}

#header {
	width: 972px;
	height: 110px;
	/*background: #fff;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#header ul {
	float: right;
	margin-top: 80px;
}

#header li {
	float: left;
	list-style: none;
	overflow: hidden;
	text-indent: -200px;
	height: 20px;
}

.switch {
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 4px;
	cursor: pointer; 
	/*border: 1px solid #ccc;*/
}
.black {
	background: #000;
}
.gray {
	background: #7d7d7d;
}
.white {
	background: #fff;
}


/* menu */
#header li#portret a {
	display: block;
	background: url(../images/menu/menu_01.png);
	width: 106px;
	height: 18px;
}
#header li#portret a:hover, #header li#portret.current a {
	background: url('../images/menu/menu-over_01.png');
}

#header li#dzieci a {
	display: block;
	background: url(../images/menu/menu_02.png);
	width: 59px;
	height: 18px;
}
#header li#dzieci a:hover, #header li#dzieci.current a {
	background: url(../images/menu/menu-over_02.png);
}

#header li#okazjonalnie a {
	display: block;
	background: url(../images/menu/menu_03.png);
	width: 105px;
	height: 18px;
}
#header li#okazjonalnie a:hover, #header li#okazjonalnie.current a {
	background: url(../images/menu/menu-over_03.png);
}

#header li#miejsca a {
	display: block;
	background: url(../images/menu/menu_04.png);
	width: 70px;
	height: 18px;
}
#header li#miejsca a:hover, #header li#miejsca.current a {
	background: url(../images/menu/menu-over_04.png);
}

#header li#telegrafia a {
	display: block;
	background: url(../images/menu/menu_08.png);
	width: 108px;
	height: 18px;
}
#header li#telegrafia a:hover, #header li#telegrafia.current a {
	background: url(../images/menu/menu-over_08.png);
}

#header li#linki a {
	display: block;
	background: url(../images/menu/menu_06.png);
	width: 45px;
	height: 18px;
}
#header li#linki a:hover, #header li#linki.current a {
	background: url(../images/menu/menu-over_06.png);
}

#header li#kontakt a {
	display: block;
	background: url(../images/menu/menu_07.png);
	width: 60px;
	height: 18px;
}
#header li#kontakt a:hover, #header li#kontakt.current a {
	background: url(../images/menu/menu-over_07.png);
}

#middle {
	/*background: #fff;*/
	width: 972px;
	height: 550px;
	overflow-x: visible;

}
#middle img {
	margin-right: 10px;
	margin-bottom: 200px;
}
#footer {
	vertical-align: bottom;
	width: 244px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

a.okazajonalnie:hover {
	background-position: 0 -125px;
}