body { background: #2a2628; margin: 0px; height: 100%; }

html { height: 100%; }

#main { width: 966px; margin: 0px auto; }

#left { width: 402px; height: 200px; float: left; margin-top: 30px; }

#right { width: 564px; height: 200px; float: right; }

#zdjecia { margin-top: 45px; background: url(zdjecia.gif) no-repeat; height: 270px; padding-top: 60px; padding-left: 61px; }

ul { list-style-type: none; margin-left: 0px; height: 150px; margin-top: 0px; width: 640px; }


h3 { margin-top: 40px; line-height: 28px; font-family: arial; font-size: 12px; font-weight: normal; color: #fff; margin-left: 50px; }



#menu1 { background: url(menu_img/1.gif); height: 150px; width: 80px; float: left; }

#menu1:hover { background: url(menu_img/1.gif); height: 150px; width: 80px; background-position: 0 -150px; }



#menu2 { background: url(menu_img/2.gif); height: 150px; width: 80px; float: left; }

#menu2:hover { background: url(menu_img/2.gif); height: 150px; width: 80px; background-position: 0 -150px; }



#menu3 { background: url(menu_img/3.gif); height: 150px; width: 80px; float: left; }

#menu3:hover { background: url(menu_img/3.gif); height: 150px; width: 80px; background-position: 0 -150px; }



#menu4 { background: url(menu_img/4.gif); height: 150px; width: 80px; float: left; }

#menu4:hover { background: url(menu_img/4.gif); height: 150px; width: 80px; background-position: 0 -150px; }



#menu6 { background: url(menu_img/6.gif); height: 150px; width: 80px; float: left; }

#menu6:hover { background: url(menu_img/6.gif); height: 150px; width: 80px; background-position: 0 -150px; }


#menu7 { background: url(menu_img/7.gif); height: 150px; width: 80px; float: left; }

#menu7:hover { background: url(menu_img/7.gif); height: 150px; width: 80px; background-position: 0 -150px; }


#menu8 { background: url(menu_img/8.gif); height: 150px; width: 80px; float: left; }

#menu8:hover { background: url(menu_img/8.gif); height: 150px; width: 80px; background-position: 0 -150px; }


#menu5 { background: url(menu_img/5.gif); height: 150px; width: 80px; float: left; }

#menu5:hover { background: url(menu_img/5.gif); height: 150px; width: 80px; background-position: 0 -150px; }


#menu9 { background: url(menu_img/9.gif); height: 150px; width: 80px; float: left; }

#menu9:hover { background: url(menu_img/9.gif); height: 150px; width: 80px; background-position: 0 -150px; }



.menu { height: 150px; width: 80px; display: block; float: left; }

.points { margin-left: 0px; list-style-type: disc; padding-left: 10px; }

h6 { margin-top: 0px; line-height: 28px; font-family: arial; font-size: 9px; font-weight: normal; color: #848484; margin-left: 50px; margin-bottom: 35px; }

.foto { border: 1px solid #fff; padding: 9px; }

.foto:hover { border: 1px solid #33BEFF; padding: 9px; }

.link { text-decoration: none; color: #33BEFF; }

.link:hover { text-decoration: none; color: #fff; }

#title { line-height: 28px; font-family: arial; font-size: 18px; color: #fff; margin-left: 0px; }

h4 {  margin-top: 40px; line-height: 28px; font-family: arial; font-size: 13px; font-weight: normal; color: #fff; margin-left: 50px; }

#badge { float: right; margin-bottom: 7px; padding: 0px; }

.red { color: red; }

#overlay-start {
	background-color: #000;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 750px;
}

#banner-bubble {
	position: absolute;
	background-color: #fff;
	width: 600px;
	height: 380px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}