body {
	font: 12px Helvetica, Arial, Verdana,  sans-serif;
	margin: 0; 
	text-align: center; 
	background: #000000;
}
body a{
color: #e5e5e5;
}
#container {
	position: relative;
	width: 900px;
 	height: 770px;
	margin: 0 0 0 0;
  	padding: 0 0 0 0;	
	margin: 0 auto;
	text-align: left;
}
#center{
position: absolute;
left: -270px;
top: -10px;
}
#zanikacz{
width: 100%;
overflow:hidden;
height: 770px;
}

#menu{
	position: absolute;
	top: 15px;
	left: 520px;
	width: 377px;
	height: 38px;
z-index: 4;
}
#logo{
position: absolute;
width: 300px;
height: 43px;
top: 90px;
left: 30px;
}

#buttons{
position: absolute;
width: 90px;
height: 230px;
top: 400px;
left: 20px;
}

#player{
width: 623px;
height: 450px;
position: absolute;
top:130px;
left: 190px;
}
#sponsorzy{
position: absolute;
width: 900px;
height: 100px;
top: 670px;
}
a#monolith{
background-image:url("monolith.jpg");
position: absolute;
width:60px;
height: 60px;
top: 5px;
left: 25px;
border: none;
}
#partnerzy{
position:absolute;
width:70px;
height: 25px;
top:20px;
left: 20px;
background-image:url("partnerzy.jpg");
}
a#tvp2{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: 0 0;
position: absolute;
width: 68px;
height: 30px;
top: 22px;
left: 100px;
}
a:hover#tvp2{
background-position: 0 -31px;
}

a#film{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -68px 0;
position: absolute;
width: 67px;
height: 30px;
top: 22px;
left: 175px;
}
a:hover#film{
background-position: -68px -31px;
}

a#gala{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -135px 0;
position: absolute;
width: 58px;
height: 30px;
top: 22px;
left: 250px;
}
a:hover#gala{
background-position: -135px -31px;
}

a#metro{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -193px 0;
position: absolute;
width: 76px;
height: 30px;
top: 24px;
left: 318px;
}
a:hover#metro{
background-position: -193px -31px;
}

a#plejada{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -269px 0;
position: absolute;
width: 59px;
height: 30px;
top: 22px;
left: 415px;
}
a:hover#plejada{
background-position: -269px -31px;
}

a#o2{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -328px 0;
position: absolute;
width: 85px;
height: 30px;
top: 22px;
left: 490px;
}

a:hover#o2{
background-position: -328px -31px;
}


a#wrzuta{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -413px 0;
position: absolute;
width: 87px;
height: 30px;
top: 25px;
left: 590px;
}
a:hover#wrzuta{
background-position: -413px -31px;
}

a#filmweb{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -500px 0;
position: absolute;
width: 99px;
height: 30px;
top:25px;
left: 690px;
}
a:hover#filmweb{
background-position: -500px -31px;
}

a#radiozet{
background-image:url("loga.png");
background-repeat: no-repeat;
background-position: -599px 0;
position: absolute;
width: 95px;
height: 30px;
top: 22px;
left: 808px;
}

a:hover#radiozet{
background-position: -599px -31px;
}


a#monolith2{
background-image: url("monolith2.png");
position: absolute;
width: 192px;
height: 26px;
top: 60px;
left: 550px;
}
#fenomem{
background-image: url("fenomem.png");
position: absolute;
width: 105px;
height: 27px;
top: 60px;
left: 794px;
}
#spolecznosciowe{
position: absolute;
width: 20px;
height: 120px;
top: 330px;
left: 755px;
background: none;
}
a#twitter{
background-image:url("twitter.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 3px;
left: 3px;
}
a:hover#twitter {
	background-position: 0 0px;
}

a#facebook{
background-image:url("facebook.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 22px;
left: 3px;
}
a:hover#facebook{
	background-position: 0 0px;
}

a#wykop{
background-image:url("wykop.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 40px;
left: 3px;
}
a:hover#wykop{
	background-position: 0 0px;
}

#blip{
background-image:url("blip.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 58px;
left: 3px;
}
a:hover#blip{
	background-position: 0 0px;
}

#kciuk{
background-image:url("kciuk.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 76px;
left: 3px;
}
a:hover#kciuk{
	background-position: 0 0px;
}

#sledzik{
background-image:url("sledzik.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 94px;
left: 3px;
}
a:hover#sledzik{
background-position: 0 0px;
}

#pinger{
background-image:url("pinger.gif");
background-repeat: no-repeat;
background-position: 0 -16px;
position: absolute;
width: 16px;
height: 16px;
top: 114px;
left: 3px;
}
a:hover#pinger{
background-position: 0 0px;
}

#text{
position: absolute;
width: 605px;
height:456px;
top: 130px;
left: 130px;
background-image: url("tlotxt.gif");
}
#internaltxt{
position: absolute;
width: 500px;
height: 350px;
top: 50px;
left: 50px;
overlow: hidden;
}
#inter{
width: 500px;
height: 350px;
overflow-x:auto;
font: 12px verdana, arial, sans-serif;
color: #6f7071;
line-height: 15px;
}
#inter p{
width: 480px;
}
#nagalerie{
position: absolute;
width: 680px;
height:430px;
top: 150px;
left: 180px;
overflow-x:auto;
}
#galeria{
width: 650px;
height:auto;

}

.fotka{
position: relative;
float: left;
width: 177px;
height: 119px;
margin-left: 30px;
margin-bottom: 30px;
background-image: url("ramkamala.gif");
}
.fotka img{
position: absolute;
top: 12px;
left: 14px;
width: 148px;
height: 96px;
}
#obsadafoto{
position: absolute;
width: 286px;
height: 430px;
top: 120px;
left: 700px;
background-image: url("obsada.gif");
}
#ofilmiefoto{
position: absolute;
width: 266px;
height: 415px;
top: 130px;
left: 700px;
background-image: url("ofilmie.gif");
}
a#odnosnik{
position: absolute;
width: 400px;
height: 100px;
top: 0;
left: 0;
}
#fotografie{
color: #999999;
font-size: 10px;
position: relative;
margin-left: 50px;
float: left;
}
#producenty{
position: absolute;
width: 900px;
height: 70px;
top: 610px;
}
#produkcja{
position: absolute;
width: 65px;
height: 30px;
top: 25px;
left: 18px;
background-image:url("images/produkcja.png");
}
a#zebra{
position: absolute;
width: 65px;
height: 70px;
top: 0px;
left: 100px;
background-image:url("images/zebra.png");
}
a:hover#zebra{
background-image:url("images/zebra2.png");
}
#koprodukcja{
position: absolute;
width: 80px;
height: 30px;
top: 25px;
left: 180px;
background-image:url("images/koprodukcja.png");
}
a#monolith3{
position: absolute;
width: 70px;
height: 60px;
top: 10px;
left: 270px;
background-image:url("images/monolith3.png");
}
a:hover#monolith3{
background-image:url("images/monolith32.png");
}
a#otofilm{
position: absolute;
width: 145px;
height: 60px;
top: 10px;
left: 350px;
background-image:url("images/otofilm.png");
}
a:hover#otofilm{
background-image:url("images/otofilm2.png");
}
a#nonstop{
position: absolute;
width: 60px;
height: 60px;
top: 10px;
left: 510px;
background-image:url("images/nonstop.png");
}
a:hover#nonstop{
background-image:url("images/nonstop2.png");
}
#wspolfinansowanie{
position: absolute;
width: 115px;
height: 30px;
top: 25px;
left: 685px;
background-image:url("images/wspolfinansowanie.png");
}
a#instytut{
position: absolute;
width: 80px;
height: 60px;
top: 10px;
left: 810px;
background-image:url("images/instytut.png");
}
a:hover#instytut{
background-image:url("images/instytut2.png");
}