/* --------------------------
|  CSS Reset (by E. Meyer)
---------------------------*/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}

	blockquote, q {
	quotes: none;
	}	background:url(../img1/play-hover.png);

	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}

	a img {
		border: none;
	}

	*:focus {
    outline: none;
   }


/* --------------------------
|  Style globalne
---------------------------*/
	html {
	overflow-y: scroll;
	}

	body {
	font:14px/130% Verdana, Geneva, sans-serif;
	background: #FFFFFF;
	}

	b, strong {
	font-weight: bolder;
	}
	i, em {
	font-style: italic;
	}

	a {
	text-decoration: none;
	}
		a:link {
		color: #369;

		}
		a:visited {
		color: #369;
		}
		a:hover {
		color: #69c;
		text-decoration:underline;
		}
		a:active {
		color: #9cf;
		}

	cite {
		font-size:110%;
		font-style:italic;
	}

	q {

	}

	.activetab {
		font-weight:bold;
		font-size:120%;
	}


blockquote {
  font-size:0.9em;
  border-left: 2px solid #ccc;
  margin: 1.5em 10px;
  padding: 0 10px;
  font-variant: small-caps;
}

	.hidden {
		display:none;
	}

#kontener {
	position:static;
	width:990px;
	margin:-20px auto 0 auto;
	box-shadow: 0 0 20px #ABABAB;
}

#dogory_lewe {
	position:fixed;
	bottom:15px;
	left:10px;
}

#dogory_prawe {
	position:fixed;
	bottom:15px;
	right:10px;
}

#naglowek {
	position:relative;
	height:118px;
	background-color:#EEEEEE;
}

	#fb-like-button {
		position:absolute;
		top:15px;
		left:830px;
		width:350px;
	}

	.fb-like-box {
		position:absolute;
		top:20px;
		left:800px;
		width:200px;
	}

	.fb-like {
		position:absolute;
		top:18px;
		left:847px;
		width:300px;
		height:100px;
	}

	#logo {
		position:absolute;
		top:12px;
		left:20px;
	}

	#search-etykieta {
		position:absolute;
		left:550px;
		top:48px;
		color:#666666;
	}

	#search-form {
		position:absolute;
		top:70px;
		left:550px;
		background-color: #FFF;
		padding: 0;
		border: 1px solid #CCC;
		width: 400px;
	}

	#search-select {
	padding:3px;
    background: #FFFFFF;
    color:#000000;
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
	width:100px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-top:8px !important;
	background: url(../img1/new-arrow.png) no-repeat right #ffffff;

	}

	#search-submit {
		height: 37px;
		width: 35px;
		border: none;
		background-color: #FFF;
		background-image: url("../img1/search-icon.png");
		float: right;
		cursor: pointer;
	}

	#search-submit:hover{
		background-image: url("../img1/search-icon-hover.png");
	}

	#search-text {
		font-size: 100%;
		color: black;
		-webkit-font-smoothing: antialiased;
		background-color: #FFF;
		width: 250px;
		height: 25px;
		padding: 6px 2px 0 2px;
		border: none;
	}

/*------------

------------*/


#menu1 {
	position:relative;
	height:32px;
	background:url(../img1/menu-tlo.png);
}

	#menu2 a {
		text-decoration:none;
		color:white;
	}

	#menu2 li {
		display:inline-block;
		vertical-align:middle;
	}

	#menu2 img {

	}

	#menu2 .menuitem {
		color:#FFFFFF;
		margin:5px 0;
		padding:2px 15px;
		text-shadow: black 0.1em 0.1em 0.2em;
	}

	#menu2 .menuitem:hover {
		background-color:#3366CC !important;
		color:#000000 !important;
	}

	#menu2 .menuitem1 {
		margin:5px 0;
		padding:0 15px;
	}

	#menu2 .menuitem1:hover {
		background-color:#3366CC !important;
	}

#content {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#tresc {
	width:710px;

	background-color:#FFF;
	padding-top:5px;
}

#sidebar {
	float:right;
	width:260px;
	margin-right:5px;
	background-color:#FFF;
}

	#sidebar h1 {
		background-color:#566DA1;
		color:#FFFFFF;
		padding:6px 0 6px 10px;
		margin-bottom:5px;
		border-bottom:white 1px solid;
		text-shadow: black 0.1em 0.1em 0.2em;
	}

	#sidebar h2 {
		margin:5px 0 0 0px;
		border-bottom:#BEBEBE ridge thin;
		font-weight: bolder;
	}

	#sidebar .kontener {
		position:relative;
		background-color:#F2F2F2;
		overflow:auto;
		font-size:0.8em;
		margin-top:15px;
		margin-bottom:15px;
	}

	#sidebar .notatka_boczna {
		padding:5px;
	}

	.notatka_boczna ul {
		list-style:url('/fp/img1/dysk1.png');
		margin-left:15px;
	}

	.notatka_boczna li {
		margin-bottom:2px;
	}

	#sidebar .opis {
		margin-top:-1px;
		margin-left:7px;
		font-style:italic;
	}

	#sidebar ol {
		margin:5px 0;
	}

	#sidebar .w1 {
		overflow:auto;
	}

	#sidebar .w1 .rok {
		color:#660033;
		float:left;
		width:75px;
	}

	#sidebar .w1 .dzien {
		color:#660033;
		float:left;
		width:20px;
		text-align:center;
	}

	#sidebar .w1 .tytul{
		display:block;
		margin-left:20px !important;
	}

	#sidebar .w1 a {
		display:block;
		margin-left:75px;
	}



	#sidebar .rok {
		color:#660033;
		font-size:1em;
	}

	#sidebar .rodzaj {
		color:#660033;
		font-size:0.8em;
		font-style:italic;
		margin-left:40px;
	}

	.br {
		background:url(../img1/pd.png) bottom right no-repeat;
	}

	#sidebar .center {
		text-align:center;
	}

	#sidebar .logo {
		display:block;
		margin:10px auto;
	}

	#sidebar .logoszkoly {
		display:block;
		margin:10px auto;
	}

	#sidebar .innelogo {
		display:block;
	}

	#sidebar .wiecej {
	color:#666666;
	font-size:0.8em;
	text-align:right;
	margin:0 10px 10px 0;
	float:right;
	}

#stopka {
	font-size:70%;
	line-height:120%;
	width:970px;
	background-color:#EEEEEE;
	border-top:#576CA1 solid 2px;

	padding:10px;
}

#r1 {
	position:relative;
	width:100%;
	background-color:#EEEEEE;
	border-top:#CCCCCC solid 1px;
	}

	#r1 .r2 {
		margin: 0 auto;
		text-align:center;
	}

	#r1 .r3 {
		display:inline;
		margin:10px;
		vertical-align:middle;
		opacity:0.5;
		filter:alpha(opacity=50);
		-webkit-transition: opacity 0.4s ease-in-out;
		-moz-transition: opacity 0.4s ease-in-out;
		-o-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;

	}
	#r1 .r3:hover {
		opacity:1.0;
		filter:alpha(opacity=100);
	}




/*---------------------

strona główna

----------------------*/

#aktualnosci {
	margin-left:10px;
}

.news-maly {
	position:relative;
	margin:5px 10px 5px 0;
	overflow:auto;
}

.news-maly .obrazek {
	float:left;
	margin-right:10px;
	border:#DAE1F4 4px solid;
	border-radius:4px;
}

.news-maly .obrazek_zaloba {
	float:left;
	margin-right:10px;
	border:#000 4px solid;
	border-radius:4px;
}

.news-maly .obrazek_bez_ramki {
	float:left;
	margin-top:5px;
	margin-right:10px;
}

.news-maly h1 {
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 15px 0;
	color: #369;
}

.news-maly p {
	margin:0;
}

.news-maly .tresc {
	font-size:0.9em;
	color:#454545;
}

.news-maly .data {
	color:#666666;
	font-size:0.8em;
	text-align:left;
	margin-right:10px;
}

.news-maly .wiecej {
	color:#666666;
	font-size:0.8em;
	text-align:right;
	margin-top:10px;
	margin-right:5px;
}


.news-separator {
	width:690px;
	height:1px;
	border-bottom: #B5B5B5 1px solid;
	margin:15px 0;
}


/*--

   Artykuł

--*/

.news-duzy {
	margin:5px 20px 10px 10px;
}

	.news-duzy .obrazek {
		display:block;
		margin:15px 0;
	}

	.news-duzy h1 {
		font-size:1.5em;
		line-height:1.5em;
		border-bottom:#999999 1px solid;
		margin-bottom:15px;
		color:#650335;
	}

	.news-duzy h2 {
		font-size:1.2em;
		line-height:1.2em;
		margin:0 0 10px 30px;
	}


	.news-duzy p {
		text-indent:2em;
		text-align:justify;
		line-height:1.8em;

	}

	.news-duzy ul{
		list-style-type:disc;
		margin-left:20px;
	}

	.news-duzy li {
		margin-bottom:3px;
		line-height:1.8em;
	}

	.news-duzy .data {
		color:#666666;
		font-size:1em;
		text-align:left;
	}

	.news-duzy img {
		box-shadow:#999999 1px 1px 1px;	}


/*---------------------
	KALENDARIUM
----------------------*/

#kalendarium {
	position:relative;
	margin-left:10px;
}

	#kalendarium h1 {
		font-weight:bolder;
		font-size:22px;
		margin:10px;
	}

	#kalendarium h2 {
		font-size:18px;
		margin:20px 0;
		padding:0 0 3px 10px;
		border-bottom:1px gray solid;
	}

	#kalendarium li {
		position:relative;
		margin:5px 0;
		background-color:#F8F8F8;
	}

	#kalendarium li:hover {
		margin:5px 0;
		background-color:#F2F2F2;
	}

	#kalendarium .lattemu {
		float:left;
		padding-left:4px;
		width:120px;

	}

	#kalendarium .rok {
		float:left;
		width:65px;
		color:#660033;
	}

	#kalendarium .nazwa {
		display:block;
		margin-left:190px;
	}

	#kalendarium .opis {
		display:block;
		font-size:smaller;
		font-style:italic;
		margin-left:200px;
	}

	#kalendarium .nawigacja {
		margin-top:10px;
		position:relative;
		border-bottom:1px solid black;
		background-color:#EFEFEF;
		padding:7px 0 3px 20px;
		font-size:24px;
		color:#650335;
	}

	.nawigacja-kalendarium {
		display:inline;

	}

	#kalendarium .nawigacja .data {
		display:inline-block;
		width:430px;
	}


	#kalendarium .nawigacja img {
		margin:5px;
		display:inline-block;
		vertical-align:middle;
	}

	#kalendarium .nawigacja .form-data {
		display:inline-block;
		padding:0;
		margin:0;
	}

	#kalendarium .nawigacja .form-data select{
		padding:0;
		border:none;
		overflow: hidden;
		-webkit-appearance: none;
   		background: url(../img1/new-arrow.png) no-repeat right #ffffff;
		vertical-align:middle;
	}

	.select-dzien {
		width:50px;
	}

	.select-miesiac {
    	width: 100px;
		margin-left:-11px;
	}

/*--------------------------------------
       FILMY Z ROKU
--------------------------------------*/

#filmy_z_roku {
	position:relative;
	margin-left:10px;
}
	#filmy_z_roku h1 {
		margin-top:10px;
		position:relative;
		border-bottom:1px solid black;
		padding:5px 0 15px 20px;
		font-size:28px;
	}

	#filmy_z_roku .nawigacja {
		margin-top:10px;
		margin-bottom:3px;
		position:relative;
		border-bottom:1px solid black;
		background-color:#EFEFEF;
		padding:7px 0 3px 20px;
		font-size:24px;
		color:#650335;
	}

	.nawigacja-filmyzroku {
		display:inline;
	}

	#filmy_z_roku .nawigacja .rok {
		display:inline-block;
		width:500px;
	}

	#filmy_z_roku .nawigacja .switch {
		display:inline-block;
		width:500px;
	}

	#filmy_z_roku .nawigacja img {
		margin:5px;
		display:inline-block;
		vertical-align:middle;
	}

	#filmy_z_roku .nawigacja .form-data {
		display:inline-block;
		padding:0;
		margin:0;
	}

	#filmy_z_roku .nawigacja .form-data select{
		padding:0;
		border:none;
		overflow: hidden;
		-webkit-appearance: none;
		appearance: none;
  		background: url(../img1/new-arrow.png) no-repeat right #ffffff;
	}

	.select-rok {
		width:80px;
		height:20px;
		margin:0;
		padding:0;
		vertical-align:middle;
	}

	#fzr_panel1 {
		display:block;
		padding:5px 0 3px 0;
		margin-top:10px;
		border-bottom:#999999 1px solid;
	}

	#fzr_panel1 .przelacznik {
	font-size:18px;
	height: 28px;
	padding: 2px 10px;
	margin:0 20px 0 0 !important;
	margin-right:10px;
	border: 0;
	cursor: pointer;
	color:#369;
	background: #fff !important;

	}

	#fzr_panel1 .activetab {
		font-size: 18px;
		padding-top:1px;
	}


	.fzr_pow {
		font-size:120%;
		font-weight:bold;
	}

	.fzr_lit {
		display:inline-block;
		text-align:center;
		padding:1px 2px;
		margin-right:2px;
		background:#FFFFFF;
	}

	#filmy_z_roku .przelacznik {
		margin-left:20px;
	}

	.filmografia-formularz {
		background-color:#EFEFEF;
		text-align:right;
		float:right;
		margin:1px 0;
		padding:2px 10px;
	}

	#filmy_z_roku h2 {
		font-size:18px;
		margin:20px 0;
		padding:0 0 3px 10px;
		border-bottom:1px gray solid;
	}

	#filmy_z_roku h3 {
		height:18px;
		margin:20px 0;
		padding-bottom:2px;
	}


	#filmy_z_roku li {
		margin:5px 0;
		background-color:#F8F8F8;
	}

	#filmy_z_roku li:hover {
		margin:5px 0;
		background-color:#F2F2F2;
	}

	#filmy_z_roku_wg_rodzajow > div {
		display: none;
	}

	#filmy_z_roku_wg_rodzajow .visibletext {
		display:block;
	}

	#filmy_z_roku .filmografia-formularz select{
		padding:0;
		border:none;
		width:280px;
		overflow: hidden;
		-webkit-appearance: none;
		appearance: none;
  		background: url(../img1/new-arrow.png) no-repeat right #ffffff;
	}


/*--------------------------------------------------------------------
--------------------------------------------------------------------*/
	.ikony {
		float:left;
		position:relative;
		display:inline-block;
		width:40px;
		height:16px;
	}

	.ikony-klaps {
		positon:absolute;
		display:inline-block;
		left:0;
	}

	.ikony-biogram {
		positon:absolute;
		display:inline-block;
		left:0;
	}

	.ikony-zdjecie {
		position:absolute;
		left:17px;
	}

	#filmy_z_roku .tytul {
		margin-left:40px;
	}


	.tytulnieindeksowany {
		font-style:italic;
	}

	#filmy_z_roku .rodzajfilmu {
		font-size:smaller;
		font-style:italic;
		margin-left:45px;
	}

	#filmy_z_roku .odcinki {
		font-size:smaller;
		font-style:italic;
		margin-left:45px;
	}



/*-------------------------------------
       KINO SZKOLNE
--------------------------------------*/

	#kino {
		position:relative;
		margin-left:10px;
	}

	#kino h1 {
		margin-top:10px;
		position:relative;
		border-bottom:1px solid black;
		background-color:#EFEFEF;
		padding:11px 0 10px 20px;
		font-size:24px;
		color:#650335;
	}

	#kino h2 {
		font-weight:bolder;
		font-size:16px;

		height:40px;
	}

	#kino .kinomale {
		position:relative;
		background-color:#EEEEEE;
		border:#EEEEEE solid 1px;
		display:inline-block;
		box-shadow: 2px 2px 5px #333C45;

		width:280px;
		height:260px;
		margin:15px;
		padding:15px;
	}

	#kino .kinomale:hover {
		background-color:#DEDEDE;
		border-top:#666666 solid 1px;
		border-left:#666666 solid 1px;
	}

	#kino img {
		display:block;
		margin:30px auto 0 auto;
		border:1px solid white;
	}

	#kino .play {
		position:absolute;
		top:135px;
		left:120px;
		border:none;
		background:url(../img1/play.png);
	}

	#kino .play:hover {
		background:url(../img1/play-hover.png);
	}

	.projektor {
		display:block;
		margin:20px 0;
	}

#etiuda {
	margin-left:10px;

}

	#etiuda h1 {
		font-size:24px;
		line-height:26px;
		font-weight: bolder;
		color:#660000;
		margin:20px 0;
	}

	.artykul {
		margin:40px 20px 0 0;
	}

	.artykul p {
		text-indent:20px;
		margin-bottom:8px;
		text-align:justify;
	}

	.artykul .podpis {
		text-align:right;
		margin-top:20px;
		margin-right:20px;
		font-weight:bolder;
	}

/*--------------------------
            SUWAK
--------------------------*/

.suwak {
	font-size:14px;
	display:block;
	margin:0px auto;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
}

.suwakpoz1 {
	display:inline-block;
	font-size:18px !important;
	width:25px;
}

.suwakpoz2 {
	display:inline-block;
	width:25px;
}

.suwak img {

}


/*-----------------------------------
       WYNIKI WYSZUKANIA
-----------------------------------*/

#szukaj {
	position:relative;
	margin-left:10px;
}

	#szukaj h1 {
		margin-top:10px;
		position:relative;
		border-bottom:1px solid black;
		background-color:#EFEFEF;
		padding:5px 0 11px 20px;
		font-size:24px;
		color:#650335;
	}

	#szukaj h2 {
		font-size:18px;
		margin:20px 0;
		padding:0 0 3px 10px;
		border-bottom:1px gray solid;
	}

	#szukaj_selektor {
		font-size:18px;
		margin:20px 0;
		padding:0 0 4px 10px;
		border-bottom:1px gray solid;
	}

	#szukaj_selektor a {
		background-color:#EFEFEF;
		padding:2px 20px;
		margin-left:30px;
	}

	#szukaj_selektor a .aktywny{
		background-color:black;
		padding:2px 20px;
		margin-left:30px;
	}

	#szukaj_osoby_a .aktywny{
		font-weight:bold;
		background-color:green !important;
	}

	#szukaj_film_a .aktywny{
		font-weight:bold;
		background-color:green !important;
	}

	#szukaj li {
		margin:5px 0;
		background-color:#F8F8F8;
	}

	#szukaj li:hover {
		margin:5px 0;
		background-color:#F2F2F2;
	}

	#szukaj .tytulfilmu {
		margin-left:40px;
	}

	#szukaj .rodzajfilmu {
		font-size:smaller;
		font-style:italic;
		margin-left:45px;
	}

#szukaj_osoby {

}

#szukaj_film {

}

/*--- wyniki wyszukania --------------*/

.szukana_fraza {
	padding:10px;
}

.tabs_szukanie {
	margin-top:0px;
	width: 700px;
	}
.tabs_szukanie nav {
	background: #fff;
	display: block;
	border-bottom:#999999 1px solid;
	}

.tabs_szukanie nav button {
	font-size:16px;
	height: 28px;
	padding: 2px 10px;
	margin:0 30px 0 0;
	border: 0;
	cursor: pointer;
	color:#369;
	background: #fff !important;
}

.tabs_szukanie nav button:hover{
	color:#69c;
}

.tabs_szukanie .activetab {
	font-size: 18px;
	padding-top:1px;


	}

.tabs_szukanie .text_tabs > div {
	padding: 5px 0;
	font-size: 1em;
	display: none;
	}
.tabs_szukanie .szukanie {
	display: block !important;
	}

.tabs_szukanie .visibletext {
	display: block !important;
	}



/*--------------  KALENDARIUM --------------*/

.tabs_kalendarium {
	margin-top:10px;
	width: 700px;
	}
.tabs_kalendarium nav {
	background: #fff;
	display: block;
	padding-bottom:10px;
	border-bottom:#999999 1px solid;
	}
.tabs_kalendarium nav button {
	font-size:16px;
	height: 28px;
	padding: 2px 10px;
	margin:0 30px 0 0;
	border: 0;
	cursor: pointer;
	color:#369;
	background: #fff !important;
}

.tabs_kalendarium nav button:hover{
	color:#69c;
}

.tabs_kalendarium .activetab {
	font-size: 24px;
	padding-top:1px;

	}

.tabs_kalendarium .visibletext {
	display:block !important;

	}

.text_tabs .visibletext {
	display:block;
}

.tabs_kalendarium .text_tabs > div {
	padding: 5px 0;
	font-size: 1em;
	display: none;

	}

.tabs_kalendarium .szukanie {
	display: block !important;
	}



/*------------------------------
         OSOBA
-------------------------------*/

#osoba {
	padding:10px;
	font-size:14px;
}

#osoba h1 {
	font-size:30px;
	line-height:1.2em;
	color:#660000;
	margin: 0;
}

#osoba h2 {
	font-size:20px;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
	margin:20px 0 10px 0;
}

#osoba h3 {
	font-size:16px;
	margin:10px 0;
	padding-left:20px;
	border-bottom:#DDDDDD 1px solid;
}

.innenazwiska {
	text-indent:20px;
	margin-top:10px;
	font-size:90%;
	font-style:italic;
}

#osoba .koniecnaglowka {
	margin:5px 0 10px 0;
	border-bottom:#999999 1px solid;
}

#osoba img {
	box-shadow: 3px 3px 3px #ABABAB;
}

#osoba .opis {
	margin:10px 0;
	text-align:justify;
}


#osoba li {
	padding:4px;
	margin:5px 0;
	background-color:#F8F8F8;
}

#osoba li:hover {
	margin:5px 0;
	background-color:#F2F2F2;
}

#osoba .data {
	width: 100px;
	float: left;
	font-size:90%;
}

#osoba .dataopis {
	margin-left:115px;
}

#osoba .dataopisszczeg {
	font-style:italic;
	font-size:90%;
	margin-left:10px;
}

#osoba .tytul {
	margin-left:115px;
}

#osoba .rodzajfilmu {
	margin-left:120px;
	float:left;
	font-style:italic;
	font-size:80%;
}

#osoba .funkcja {
	margin-left:340px;
	font-style:italic;
	font-size:80%;
}

#osoba .odcinki {
	display:none;
	font-style:italic;
	margin-left:120px;
	float:left;
	font-size:80%;
}

#osoba .nagroda {
	margin-left:120px;
	font-style:italic;
	font-size:80%;
}


#osoba .odcinkitytuly {
	font-style:italic;
	padding-top:5px;
	margin-left:340px;
	font-size:80%;
}

#osoba_daty {
}

#osoba_daty_ur {
}


#filmografia_chronologicznie_nowe {

}

#filmografia_chronologicznie_stare {

}

#filmografia_wg_funkcji {

}

#filmografia_wg_rodzajow {

}

#filmografia_sterowanie {
	float:right;
	font-size:60%;
}

.sterowanie {
	float:right;
	font-size:60%;
}

.jslink {
	color: #369;
	cursor:pointer;
}

.jslink:hover {
	text-decoration:underline;
}

.bezcienia {
	box-shadow:none !important;
}

.galeria_mala {
	width:100%;
	height:80px;
	margin-top:10px;
}

.galeria_mala img {
	border:0 !important;
	margin-left:2px;
}

.galeria_mala a {

}


/*------------------------------
         FILM
-------------------------------*/

#film {
	padding:10px;
	font-size:14px;
}

#film h1 {
	font-size:30px;
	line-height:1.2em;
	color:#660000;
	margin:0;
}

#film h2 {
	font-size:20px;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
	margin:20px 0 10px 0;
}

#film h3 {
	font-size:16px;
	margin:0 0 10px 20px;

}

#film .opis {
	text-indent:10px;
	border-top:1px solid #cccccc;
	padding:10px 0;
	margin:10px 0;
	text-align:justify;
}

#film .koniecnaglowka {
	margin-top:5px;
	border-bottom:#cccccc 1px solid;
}


.opis p {
	text-indent:10px;
}

#film .tech {
	margin: 20px 0;
}

.film_tech1 {
	float:left;
	width:150px;
}

.film_tech2 {
	margin-left:160px;
}

.film_tech3 {
	margin-top:1em;
}

.film_tech_pelny {
	display:block;
	margin-top:1em;
	padding:5px;
	width:300px;
	text-align:center;
	background-color:#566da1;
	color:white !important;
}


.klamry .rok {
	width:100px;
	float:left;
}

.klamry .tytul {
	margin-left:100px;
}

.klamry .wyroznik {
	margin-left:105px;
	font-style:italic;
	font-size:80%;

}

.ekipa li {
	background-color:#F8F8F8;
	margin-bottom:3px;
	padding:3px;
}

.ekipa li:hover {
	background-color:#F2F2F2;
}

.ekipa_funkcja {
	background-color:#F5F5F5;
	margin-bottom:5px;
	padding-left:5px;
}

.ekipa_osoba {
	margin-left:100px;
	float:left;
}
	.ekipa .wyroznienie {
		font-weight: bold;
	}


.ekipa_opis {
	margin-left:350px;
	font-style:italic;
	font-size:80%;
}

.nagrody_data {
	float:left;
	width:99px;
}

.nagrody-nazwa {
	margin-left: 100px;
	padding: 0 5px 3px 0;
}
.nagrody-osoba {
	margin-left: 110px;
}

.nagrody-opis {
	font-size: 80%;
	font-style: italic;
}

.nagrody_nazwa {
}

.nagrody li {
	background-color:#F8F8F8;
	margin-bottom:3px;
	padding:3px;
}

.nagrody li:hover {
	background-color:#F2F2F2;
}

.podzbior {
	border-top:#333333 2px solid;
	padding:10px;
	margin:20px 0;
}

.podzbior:hover {
	background-color:#f8f8f8;
	padding-left:9px;
	border-left:#666666 1px solid;
}

#varia {

}

.varia_table {
	table-layout:fixed;
	width:1px;
}

.varia_rodzaj {
	padding:10px 0 3px;
	width:680px;
	font-weight:bold;
}

.varia_tytul {
	padding:10px 0 5px 105px;
	width:680px;
	font-weight:bold;

}

.varia_opis {
	padding: 0 0 3px 105px;
	width: 680px;
	font-style:italic;
	font-size:80%;
}

.varia_funkcja {
	width:580px;
	font-style:italic;
	padding-left:105px;
}

.varia_osoba {
	width:255px;
	padding-left:10px;
}

.varia_osoba_opis {
	width:100px;
	padding-left:10px;
	font-style:italic;
	font-size:80%;
}


.opzdj {
	margin:0 0 10px 5px;
}

.opzdj_col1 {
	float:left;
}

.opzdj_col2 {
	margin-left:70px;
}

#film nav.odcinki {
	margin:10px 0;
	display:block;
	border-bottom:#999999 solid 1px;
	background-color:#EFEFEF;
	padding-left:180px;
}

#film nav .skok_do_strony {
	display: inline-block;
}

#film nav select {
	padding:3px;
    background: #FFFFFF;
    color:#000000;
    border:none;
    outline:none;
	margin:0 10px;
    display: inline-block;
    cursor:pointer;
	width:60px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-top:6px !important;
	background: url(../img1/new-arrow.png) no-repeat right #ffffff;

	}

#film nav .pusta {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	margin:0 10px;
	width:30px;
	height:22px;
	vertical-align:middle;
}

#film nav .pierwsza {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	margin:0 10px 4px 10px;
	background:url(../img1/nav-pierwszy1.png) left no-repeat;
	width:30px;
	height:22px;
	vertical-align:middle;
}

#film nav .poprzednia {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	background:url(../img1/nav-poprzedni1.png) left no-repeat;
	width:30px;
	margin:0 10px 4px 10px;
	height:22px;
	vertical-align:middle;
}

#film nav .nastepna {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	margin:0 10px 4px 10px;
	background:url(../img1/nav-nastepny1.png) left no-repeat;
	width:30px;
	height:22px;
	vertical-align:middle;
}

#film nav .ostatnia {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	margin:0 10px 4px 10px;
	background:url(../img1/nav-ostatni1.png) left no-repeat;
	width:30px;
	height:22px;
	vertical-align:middle;

}

#film nav .strona {

}


/*-----------------------------------------
         GALERIA OSOBY
-----------------------------------------*/

#galeria_osoby {
	padding:10px;
	font-size:14px;
}


#galeria_osoby h1 {
	font-size:30px;
	line-height:1.2em;
	color:#660000;
	margin:0;
}

#galeria_osoby h2 {
	font-size:20px;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
	margin:20px 0 5px 0;
}

#galeria_osoby h2 small {
	font-size:70% !important;
}

#galeria_osoby .galeria_osoby_zdjecie {
	position:relative;
	display:inline-block;
	width:220px;
	height:210px;
	background-color:#EFEFEF;
	margin:2px;
	box-shadow: 2px 2px 2px #999999;
}

#galeria_osoby .galeria_osoby_zdjecie img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#galeria_osoby .koniecnaglowka {
	margin-bottom:20px;
	border-bottom:#999999 1px solid;

}


/*-----------------------------------------
         FOTOS
-----------------------------------------*/

#fotos {
	padding:10px;
	font-size:14px;
}

#fotos h1 {
	font-size:30px;
	line-height:1.2em;
	color:#660000;
	margin:0;
}

#fotos h1 small {
	font-size:70% !important;
}


#fotos h2 {
	font-size:20px;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:5px;
	margin:0 0 10px 0;
}

#fotos h2 small {
	font-size:70% !important;
}

#fotos .img-kontener{
	position:relative;
	text-align:center;
}

#fotos img{
	margin:0 0 10px 0;
	box-shadow: 2px 2px 2px #999999;
}

#fotos .leftarr {
	position:absolute;
	right:1%;
	bottom:40%;
	box-shadow:none;
}

#fotos .rightarr {
	position:absolute;
	left:0px;
	bottom:40%;
	box-shadow:none;
}

.copyzdj {
	font-style: italic;
	font-size:80%;
	line-height:1em;
}

#fotos_nawigacja {
	margin:0 auto;
	text-align:center;
}

#fotos .butnav {
	display: inline-block;
	margin:10px 10px 0 0;
}

#fotos_nawigacja .pierwsza {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	background:url(../img1/nav_poprzedni.png) left no-repeat;
	width:100px;
	height:22px;
	vertical-align:middle;
}

#fotos_nawigacja .galeria {
	display:inline-block;
	text-align:center;
	padding-top:2px;
	border:#999999 1px solid;
	width:150px;
	height:18px;
	vertical-align:middle;
}

#fotos_nawigacja .ostatnia {
	display: inline-block;
	text-align:center;
	padding-top:2px;
	background:url(../img1/nav_nastepny.png) left no-repeat;
	width:100px;
	height:22px;
	vertical-align:middle;

}


#fotos .w680 {
	width:680px !important;
}

#fotos .koniecnaglowka {
	margin-bottom:5px;
	border-bottom:#999999 1px solid;
}


/*-----------------------------------------
         GALERIA FILMU
-----------------------------------------*/

#galeria_filmu {
	padding:10px;
	font-size:14px;
}

#galeria_filmu h1 {
	font-size:30px;
	line-height:1.2em;
	color:#660000;
	margin:0;
}

#galeria_filmu h1 small {
	font-size:70% !important;
}

#galeria_filmu .galeria_filmu_zdjecie {
	position:relative;
	display:inline-block;
	width:220px;
	height:210px;
	background-color:#EFEFEF;
	margin:2px;
	box-shadow: 2px 2px 2px #999999;
}

#galeria_filmu .galeria_filmu_zdjecie img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#galeria_filmu .koniecnaglowka {
	margin-bottom:5px;
	border-bottom:#999999 1px solid;

}


/*--------------
--------------*/


#czasgen {
	margin-left: 620px;
	margin-top: 20px;
	font-size:50%;
	display: block;
	font-style: italic;
}



/*--------------
--------------*/

#wersjarobocza {
	z-index:1000;
	color:red;
	background-color:rgba(254,12,12,0.1);
	font-weight:bold;
	border:2px solid red;
	width:100px;
	text-align:center;
	position:absolute;
	top:40px;
	left:350px;
	transform:rotate(-15deg);
	-webkit-transform:rotate(-15deg);
	-moz-transform:rotate(-15deg);
	-o-transform:rotate(-15deg);
	-ms-transform:rotate(-15deg);



}