@charset "utf-8";
@media screen, projection {
/* CSS Document */

*									{ margin:0; padding:0;}

body, textarea, input, table, select{ font-size:12px; font-family:Helvetica, Verdana, Arial, sans-serif;}

body,
html								{ width:100%; height:100%; background: #000000;  color:#be237f;}

a									{color:#af0068; text-decoration: underline;}
a:hover								{ text-decoration: none;}

.clear								{ position:relative; clear:both; height:0px; overflow:hidden;}

/* hide */

hr, #menuhome, .hide, #gora a span, #menu li a span,h1,h2, #treasc h3,#aktorzyul li a span, #muzykaul li a span	{ position:absolute; left:-1000em;}

/* end hide */

#StronaTabelka						{ text-align:center; background:#000;}

#all 								{position: relative; z-index: 100; background: url(img/tlo.gif) repeat-x 0 0;}

/*#tlo 								{height: 680px; background: url(img/tlo.gif) repeat-x 0 0; width: 50%; left: -100px; top: 0; position: absolute; z-index: 200;}*/
#tlo2 								{height: 680px; background: url(img/tlo2.gif) repeat-x 0 0; width: 50%; right: 0; top: 0; position: absolute;}

#strona								{ width:1024px; height:680px; margin:0 auto; position:relative; background: #000000; z-index: 300;}
#strona_glowna						{ width:1024px; height:780px; margin:0 auto; position:relative;}

#lewo								{ width:250px; height:680px; overflow:hidden; float:left; position: relative; z-index: 10;}
#prawo								{ width:250px; height:680px; overflow:hidden; float:left;}

#srodek								{ width:524px; height:680px; float:left; text-align:left;}

#gora								{ width:524px; height:184px; background:#000;}
#gora a								{ display:block; width:467px; height:184px; background: url(img/logo.jpg) no-repeat 0 0; margin:0 0 0 20px;}

#treasc								{ width:495px; height:276px; padding:12px 0 0 20px; position: relative;}

#treasc .aktorzyslider				{background: url(img/linia.gif) 120px 0 repeat-y; width: 490px;}

#treasc	.aktorzy_left				{width: 115px; float: left; margin: 0; padding: 0 15px 0 0;}
#treasc	.aktorzy_right				{width: 345px; float: left; margin:0; padding:0;}
#treasc	 p							{padding: 0; margin:0 0 1em 0;}
#treasc .odstep						{ clear: both; height: 7px; font-size: 0;}
#treasc .odstep5						{ clear: both; height: 12px; font-size: 0;}
#slider								{ width:485px; text-align:justify; font-size:11px; height: 276px; position: relative; height: 276px; overflow: hidden;}

#kula								{ position: absolute; width: 483px; height:130px; background: url(img/kula.png) 23px 0 no-repeat; z-index:10; left: 257px; top: 474px;}

#zdjecia							{ padding:15px 0 0 0;}
.ramka,
#zdjecia .ramka						{ float:left; text-align: center;}
.ramka img,
#zdjecia .ramka img					{border: 1px solid #255f91;}
.odstep2,
#zdjecia .odstep2					{ padding-right:7px;}
.odstep3,
#zdjecia .odstep3					{ padding-left:15px;}

/* realizatorzy */

#RealizatorzyBox					{ padding:13px 0 0 3px; font-size: 1.1em;}
#RealizatorzyBox .RealizatorzyBg	{ background:url(img/RKropka.gif) repeat-x 0 3px; padding:0 0 1px 0;}
#RealizatorzyBox .RLewo				{ float:left; width:170px;}
#RealizatorzyBox .RPrawo			{ float:right; width:265px; text-align:right;}

#RealizatorzyBox .RLewo span		{ background:#000; border-right:1px solid #000; font-size:0.9em;}
#RealizatorzyBox .RPrawo span		{ background:#000; border-left:1px solid #000; color:#2d7ab7; font-size:0.9em;}

#Podziekowania						{ text-align:center; padding:14px 0 0 0;}

/* end realizatorzy */

/* rezyser i operator */

.roBox .roImg						{ float:left; width:85px; height:115px; padding:0px 9px 0px 0px;}
.roBox .roImg img					{ border: 1px solid #255f91;}

.roBox .roImg2						{ padding:0px 9px 0px 0px; float: left;}
.roBox .roImg2 img					{ border: 1px solid #255f91;}

.roBox .roTxt						{ float:left; width:371px; font-size:11px;}
.aktorzy_right .roBox .roTxt		{ float:left; width:241px; font-size:11px;}
.przerwa17							{ height:17px;}

/* end rezyser i operator */

#menu									{ width:741px; height: 64px; position:absolute; left:143px; top:599px; list-style:none; text-align:center; background:url(img/menu.png) 0 0 no-repeat; z-index: 20;}

	#menu li							{display:block; position: absolute;}
	#menu li a							{display: block; background: url(img/menu.png); height: 20px;}

	#menu #m0							{left: 0px; top: 3px;}
	#menu #m0 a 						{ width: 44px; background-position: 0px -3px;}
	#menu #m0 a:hover,
	#menu #m0 a.active					{background-position: 0px -67px;}

	#menu #m1							{left: 67px; top: 3px;}
	#menu #m1 a 						{ width: 60px; background-position: -67px -3px;}
	#menu #m1 a:hover,
	#menu #m1 a.active					{background-position: -67px -67px;}

	#menu #m2							{left: 148px; top: 3px;}
	#menu #m2 a 						{ width: 196px; background-position: -148px -3px;}
	#menu #m2 a:hover,
	#menu #m2 a.active					{ background-position: -148px -67px;}
	
	#menu #m3							{left: 363px; top: 3px;}
	#menu #m3 a 						{ width: 85px; background-position: -363px -3px;}
	#menu #m3 a:hover,
	#menu #m3 a.active					{ background-position: -363px -67px;}
	
	#menu #m4							{left: 470px; top: 3px;}
	#menu #m4 a 						{ width: 120px; background-position: -470px -3px;}
	#menu #m4 a:hover,
	#menu #m4 a.active					{ background-position: -470px -67px;}	
	
	#menu #m5							{left: 611px; top: 3px;}
	#menu #m5 a 						{ width: 56px; background-position: -611px -3px;}
	#menu #m5 a:hover,
	#menu #m5 a.active					{ background-position: -611px -67px;}			
	
	#menu #m6							{left: 687px; top: 3px;}
	#menu #m6 a 						{ width: 54px; background-position: -687px -3px;}
	#menu #m6 a:hover,
	#menu #m6 a.active					{ background-position: -687px -67px;}	
	
	#menu #m7							{left: 4px; top: 23px;}
	#menu #m7 a 						{ width: 75px; background-position: -4px -23px;}
	#menu #m7 a:hover,
	#menu #m7 a.active					{ background-position: -4px -87px;}	
	
	#menu #m8							{left: 100px; top: 23px;}
	#menu #m8 a 						{ width: 60px; background-position: -100px -23px;}
	#menu #m8 a:hover,
	#menu #m8 a.active					{ background-position: -100px -87px;}	
	
	#menu #m9							{left: 180px; top: 23px;}
	#menu #m9 a 						{ width: 147px; background-position: -180px -23px;}
	#menu #m9 a:hover,
	#menu #m9 a.active					{ background-position: -180px -87px;}	
	
	#menu #m10							{left: 347px; top: 23px;}
	#menu #m10 a 						{ width: 168px; background-position: -347px -23px;}
	#menu #m10 a:hover,
	#menu #m10 a.active					{ background-position: -347px -87px;}	
	
	#menu #m11							{left: 536px; top: 23px;}
	#menu #m11 a 						{ width: 68px; background-position: -536px -23px;}
	#menu #m11 a:hover,
	#menu #m11 a.active					{ background-position: -536px -87px;}	
	
	#menu #m12							{left: 625px; top: 23px;}
	#menu #m12 a 						{ width: 109px; background-position: -625px -23px;}
	#menu #m12 a:hover,
	#menu #m12 a.active					{ background-position: -625px -87px;}	
	
	#menu #m13							{left: 7px; top: 42px;}
	#menu #m13 a 						{ width: 190px; background-position: -7px -42px;}
	#menu #m13 a:hover,
	#menu #m13 a.active					{ background-position: -7px -106px;}	

	#menu #m14							{left: 218px; top: 42px;}
	#menu #m14 a 						{ width: 58px; background-position: -218px -42px;}
	#menu #m14 a:hover,
	#menu #m14 a.active					{ background-position: -218px -106px;}	
	
	#menu #m15							{left: 295px; top: 42px;}
	#menu #m15 a 						{ width: 90px; background-position: -295px -42px;}
	#menu #m15 a:hover,
	#menu #m15 a.active					{ background-position: -295px -106px;}
	
	#menu #m16							{left: 406px; top: 42px;}
	#menu #m16 a 						{ width: 159px; background-position: -406px -42px;}
	#menu #m16 a:hover,
	#menu #m16 a.active					{ background-position: -406px -106px;}
	
	#menu #m17							{left: 585px; top: 42px;}
	#menu #m17 a 						{ width: 67px; background-position: -585px -42px;}
	#menu #m17 a:hover,
	#menu #m17 a.active					{ background-position: -585px -106px;}
	
	#menu #m18							{left: 673px; top: 42px;}
	#menu #m18 a 						{ width: 59px; background-position: -673px -42px;}
	#menu #m18 a:hover,
	#menu #m18 a.active					{ background-position: -673px -106px;}	

.napis {vertical-align: middle;}
.postaci_odstep {height: 20px; clear: both;}

#aktorzyul {list-style: none;}
#aktorzyul li {padding: 0 0 5px 0;}

#muzykaul {list-style: none; padding: 0 0 0 36px; width: 76px; height: 151px; background: url(img/menu_muzyka.gif) no-repeat 36px 0; position: relative;}
#muzykaul li {padding: 0 0 0 0; height: 25px; position: relative; float: left; width: 100%;}
#muzykaul li a {width: 100%; height:25px; display: block; background: url(img/menu_muzyka.gif) no-repeat; }

#muzykaul #mm1 a{background-position: 0px 0px}
#muzykaul #mm1 a.active,
#muzykaul #mm1 a:hover{background-position: 0px -151px}

#muzykaul #mm2 a{background-position: 0px 25px}
#muzykaul #mm2 a.active,
#muzykaul #mm2 a:hover{background-position: 0px -176px}

#muzykaul #mm3 a{background-position: 0px 50px}
#muzykaul #mm3 a.active,
#muzykaul #mm3 a:hover{background-position: 0px -201px}

#muzykaul #mm4 a{background-position: 0px 75px}
#muzykaul #mm4 a.active,
#muzykaul #mm4 a:hover{background-position: 0px -226px}

#muzykaul #mm5 a{background-position: 0px 100px}
#muzykaul #mm5 a.active,
#muzykaul #mm5 a:hover{background-position: 0px -251px}

#muzykaul #mm6 a{background-position: 0px 125px}
#muzykaul #mm6 a.active,
#muzykaul #mm6 a:hover{background-position: 0px -276px}

#player0 {
	padding-top: 20px;
}

.wydarzenie {
	padding: 0 0 15px 0;
}

.wydarzenie h4 {
	font-size: 1.1em;
	padding: 0 0 5px 0;	
	color: #99ccff;
	font-weight: normal;
}

.wydarzenie h4 em {
	color: #ffffff;
	font-size: 0.9em;
	font-style:normal;
}

.partner {
	padding: 0 0 10px 0;
}

.partner h4 {
	padding: 0 0 5px 0;
	font-size: 1.1em;
	color: rgb(45, 122, 183);
}

.zwiastuny {
	text-align: center;
}

.zwiastuny a {
	text-decoration: none;
}

.zwiastuny a:hover {
	text-decoration: underline;
}

#zwiastun {
	width: 320px;
	margin: 0 auto;
}

#stopka3,
#stopka2,
#stopka {
	position: absolute;
	font-size: 0.9em;
}

#stopka2 {
	top: 662px;
	right: 15px;
	z-index: 30;
}

#stopka3 {
	top: 662px;
	width: 1024px;
	text-align: center;
	right: 0px;
	z-index: 10;
}

#stopka {
	top: 662px;
	left: 15px;
	z-index: 20;
}

#strona_glowna #stopka3,
#strona_glowna #stopka2,
#strona_glowna #stopka {
	top: 732px;
}

#stopka3 a,
#stopka2 a,
#stopka a{
	color: #0c2032;
	text-decoration: none;
}

#stopka3 a:hover, 
#stopka2 a:hover,
#stopka a:hover{
	text-decoration: underline;
}

.zwiastun {
	width: 156px;
	float: left;
	clear: none;
	position: relative;
}

	.zwiastun img {
		border: 1px solid #255f91;
	}
	
	.zwiastun img.napis {
		border: none;
	}
}