/* --------------------------
|  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;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
		
/* --------------------------
|  Style globalne
---------------------------*/
	html {
	overflow-y: scroll;	
	}
	
	body {
	font: 62.5%/1.6 Arial, Helvetica, Verdana, sans-serif;
	background: #f2f2f2;
	}
	
	b, strong {
	font-weight: bolder;
	}		
	i, em {
	font-style: italic;
	}
		
	a {
	text-decoration: underline;
	}
		a:link {
		color: #369;		
		}
		a:visited {
		color: #86a;		
		}
		a:hover {
		color: #69c;
		}
		a:active {
		color: #9cf;
		}
		
		
/* --------------------------
|  Naglowek
---------------------------*/

	#naglowek {
	position: relative;
	background: #E0D6C3;
	border-top: 0.4em solid #605C54;
	}
		#naglowek h1 {
//		border: solid #000 1px;	
		width: 770px;
		margin: 0 auto;
		padding: 0.8em 0;
		color: #524F48;
		font-size: 300%;
		font-weight: bold;
		line-height: 1em;
		text-shadow: 1px 1px 0 #F7EDCC;
		}
			#naglowek h1 a {
			text-transform: uppercase;
			}
				#naglowek h1 a:link,
				#naglowek h1 a:visited {
				color: #524F48;
				text-decoration: none;
				}
				#naglowek h1 a:hover,
				#naglowek h1 a:active {
				color: #000;
				text-decoration: none;
				}
			
			#naglowek h1 abbr {
			display: block;
			font-size: 75%;
			}
			
		#naglowek .szkola {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 122px;
		height: 57px;
		margin: -30px 0 0 266px;
		overflow: hidden;
		}
			#naglowek .szkola a {
			display: block;
			width: 100%;
			height: 100%;
			overflow: hidden;
			text-indent: -9990px;
			background: url(../img/logo-szkoly.png) 100% 50% no-repeat;
			/* ustawienia animacji */
			-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;
			}
				#naglowek .szkola a:link,
				#naglowek .szkola a:visited {
				opacity: 0.8;
				}
				#naglowek .szkola a:hover,
				#naglowek .szkola a:active {
				opacity: 1;
				}
		
		
/* --------------------------
|  Wyszukiwarka
---------------------------*/

	#wyszukiwarka {
	margin: 0 0 2em;
	padding: 1.5em 0 1em;
	background: #1E3245;
	border: solid #4B79AB;
	border-width: 1px 0;
	box-shadow: 0 0 10px #333C45;
	color: #fff;
	font-size: 160%;
	}
		#wyszukiwarka fieldset {
		width: 770px;
		margin: 0 auto;
		}
			#wyszukiwarka p {
			}			
				#wyszukiwarka label {
				padding: 0 1px 0 0;
				color: #fff;
				font-weight: bolder;
				letter-spacing: -1px;
				}
					#wyszukiwarka label span {
					padding: 0 0.2em 0 0.3em;
					font-weight: normal;
					}
								
				#wyszukiwarka #szukajtytululubosoby {
				width: 400px;
				margin: 0 10px 0.4em;
				padding: 0.2em 5px;
				background: #fff;
				border: 1px solid #4B79AB;
				-moz-border-radius: 4px; /* style dla firefoksa */
				border-radius: 4px;
				box-shadow: 0 0 10px #568EC5;
				font-size: 130%;
				}
					#wyszukiwarka #szukajtytululubosoby:focus {
					box-shadow: 0 0 10px #fff;
					}
				
				#wyszukiwarka button {
				padding: 0.37em;
				background: #76822C;
				border: 1px solid #606929;
				-moz-border-radius: 4px; /* style dla firefoksa */
				border-radius: 4px;
				color: #BCCE46;
				font-size: 100%;
				vertical-align: 1px;
				}
		
		
/* --------------------------
|  Polecamy
---------------------------*/
				
	#polecamy {
	margin: 2em 0;
	padding: 1em 0;
	background: #fff;
	border: solid #ddd;
	border-width: 1px 0;
	box-shadow: 0 0 10px #ddd;
	text-align: center;
	}
		#polecamy h2 {
		margin: 0 0 0.5em;
		color: #aaa;
		font-size: 120%;
		font-weight: bolder;
		}
		
		#polecamy ul {
		}
			#polecamy li {
			display: inline;
			padding: 0 0.2em;
			}
				#polecamy li a:link,
				#polecamy li a:visited {
				opacity: 0.3;
				}
				#polecamy li a:hover,
				#polecamy li a:active {
				opacity: 1.0;
				}
				
				/* ustawienia animacji */
				#polecamy li a {
				-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; 
				}
		
/* --------------------------
|  Stopka
---------------------------*/
				
	#stopka {
	width: 770px;
	margin: 2em auto;
	color: #999;
	}
		#stopka .autor {
		margin: -1.6em 0 0;
		text-align: right;
		}
		
/* --------------------------
|  Tresc
---------------------------*/
				
	#tresc {
	width: 770px;
	min-height: 20em;
	margin: 4em auto;
	color: #444;
	font-size: 150%;
	}
		#tresc h2 {
		color: #444;
		font-size: 250%;
		font-weight: bolder;
		line-height: 1.2em;
		text-shadow: 0 0 1px #999;
		text-transform: uppercase;
		}
		
		#tresc h3 {
		margin: 0.4em 0 0.3em;
		color: #222;
		font-size: 150%;
		font-weight: bolder;
		text-shadow: 1px 1px 0 #fff;
		}
		
		#tresc h4 {
		color: #222;
		font-size: 110%;
		font-weight: bolder;
		}
		
		#tresc a.filmpolski {
		padding-left: 20px;
		background: url(../img/ikony/linkzewnetrzny.png) 0 50% no-repeat;
		}
		
		/* --------------------------
		|  Strona glowna
		---------------------------*/
		
		#tresc .glowna {
		height: auto;
		overflow: hidden;
		}
			#tresc .glowna h2 {
			font-size: 170%;
			}
			
			#tresc .glowna .tekst {
			float: left;
			width: 350px;
			}
				#tresc .glowna h2.archiwum {
				padding-left: 25px;
				background: url(../img/ikony/archiwum.png) 0 50% no-repeat;
				}
				
				#tresc .glowna .tekst p {
				margin: 1em 0;
				}
				
			#tresc .glowna div.kontakt {
			float: right;
			width: 350px;
			}
				#tresc .glowna h2.kontakt {
				padding-left: 25px;
				background: url(../img/ikony/kontakt.png) 0 50% no-repeat;
				}
			
				#tresc .glowna .kontakt dl {
				padding: 0.4em 2em 1.4em;
				margin: 0 0 1em;
				background: #E0DED5;
				-moz-border-radius: 4px; /* style dla firefoksa */
				border-radius: 4px;
				}
					#tresc .glowna .kontakt dt {
					margin: 1em 0 0;
					font-weight:bold;
					}
					#tresc .glowna .kontakt dd {
					font-size: 80%;
					}
					#tresc .glowna .kontakt a:link,
					#tresc .glowna .kontakt a:visited {
					color: #605C54;
					}
					#tresc .glowna .kontakt a:hover,
					#tresc .glowna .kontakt a:active {
					color: #A09A8C;
					}
					
				#tresc .glowna h2.wypozyczanie {
				margin-top: 1em;
				padding-left: 25px;
				background: url(../img/ikony/wypozyczanie.png) 0 50% no-repeat;
				}
					
				#tresc .glowna .kontakt p {
				margin: 1em 0;
				}
		
		/* --------------------------
		|  Wyniki wyszukiwania
		---------------------------*/
		
		#tresc .wyniki {
		height: auto;
		overflow: hidden;
		}
			#tresc .wyniki .osoby {
			float: left;
			width: 350px;
			}
				#tresc .wyniki .osoby li {
				background: url(../img/ikony/osoba.png) 0 40% no-repeat;
				}
			
			#tresc .wyniki .filmy {
			float: right;
			width: 350px;
			}
				#tresc .wyniki .filmy li {
				background: url(../img/ikony/film.png) 0 25% no-repeat;
				}
				
			#tresc .wyniki p + p {
			margin: 1em 0 0;
			}
			
			#tresc .wyniki ul {
			margin: 0.5em 0 2em;
			font-size: 80%;
			}	
				#tresc .wyniki ul li {
				margin: 0.5em 0;
				padding-left: 25px;
				}
					#tresc .wyniki ul a {
					display: block;
					font-size: 120%;
					line-height: 1.2em;
					}
					
					.dyplomant{
					display: inline !important;
					font-size: 120%;
					line-height: 1.2em;
					}
		
		/* --------------------------
		|  Osoba
		---------------------------*/
		
		#tresc .osoba {
		margin: 1em 0;
		padding: 1.5em 40px;
		background: #fafafa;
		-moz-border-radius: 8px; /* style dla firefoksa */
		border-radius: 8px;
		box-shadow: 0 0 3px #ccc;
		}
			#tresc .osoba  h2 {
			margin-bottom: 0.5em;
			}
			#tresc .osoba  h3 {
			width: 250px;
			}
			
			#tresc .osoba ul {
			margin: -3.15em 0 2em 250px;
			font-size: 80%;
			}	
				#tresc .osoba ul li {
				margin: 0.5em 0;
				padding-left: 25px;
				background: url(../img/ikony/film.png) 0 25% no-repeat;
				}
					#tresc .osoba ul a {
					display: block;
					font-size: 120%;
					line-height: 1.2em;
					}
			
			#tresc .osoba .profil {
			margin: 2em 0 0;
			}
		
		/* --------------------------
		|  Film
		---------------------------*/
		
		#tresc .film {
		}
			#tresc .film .opis {
			margin: 1em 0 2em;
			padding: 1em 40px 2em;
			background: #fafafa;
			-moz-border-radius: 8px; /* style dla firefoksa */
			border-radius: 8px;
			box-shadow: 0 0 3px #ccc;
			}
			
				#tresc .film .metryka {
				float: left;
				width: 310px;
				}
					#tresc .film .metryka h3 {
					padding-left: 20px;
					background: url(../img/ikony/metryka.png) 0 50% no-repeat;
					}
				
				#tresc .film .autorzy {
				float: right;
				width: 310px;
				}
					#tresc .film .autorzy h3 {
					padding-left: 20px;
					background: url(../img/ikony/autorzy.png) 0 50% no-repeat;
					}
				
				#tresc .film .wiecej {
				clear: both;
				padding: 1em 0 0;
				}
			
			#tresc .film h3.zasoby {
			padding-left: 25px;
			background: url(../img/ikony/zasoby.png) 0 50% no-repeat;
			}
			
			#tresc .film table.zasoby {
			width: 100%;
			box-shadow: 0 0 3px #ccc;
			}
				#tresc .film .zasoby th {
				padding: 0.3em;
				background: #E0D6C3;
				border: 4px solid #f6f6f6;
				color: #2E2D2C;
				font-weight: bolder;
				text-align: center;
				vertical-align: middle;
				}
				
				#tresc .film .zasoby td {
				padding: 0.3em;
				background: #E0DED5;
				border: 4px solid #f6f6f6;
				color: #2E2D2C;
				text-align: left;
				vertical-align: middle;
				}
					#tresc .film .zasoby .dostepny {
					background: #8A9138;
					font-weight: bold;
					}
					
					#tresc .film .zasoby .lp,
					#tresc .film .zasoby .akt,
					#tresc .film .zasoby .dostepnosc {
					text-align: center;
					}
				
				#tresc .film .zasoby .nieparzysty td {
				background: #EBE8DF;
				}
					#tresc .film .zasoby .nieparzysty .dostepny {
					background: #A9B061;
					}