@charset "utf-8";
/* CSS Document */

body {
	background: url(../_img/bgr.jpg) top left repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #fff;}

.pos-center {
	width: 1022px;
	margin: 0 auto;}
	
/* STYLE DLA ART-CONTENT */

#content .art-content {
	color:#333;
	width: 95%;
	margin: 50px auto;}

#content .art-content h2 {
	font-weight: bold;
	text-shadow: 2px 1px 1px #FFF;
	text-align: center;	
	padding-bottom: 20px;
	text-transform: uppercase;}

/*STYLE DLA CREATIVE COMMONS*/

#content .art-content.cc p {
	text-indent:0;}
	
#content .cc h1,
#content .cc h3 {
	padding-top:20px;
	font-size:1.5em;
	font-weight:bold;
	text-align: center;}
	
#content .cc h2 {
	padding-top:20px;
	font-size:1.2em;
	font-weight:bold;
	text-align: center;}


#content .cc > ol {
	margin: 20px 50px 0;
	text-align: justify;}
	
#content .cc > ol > li {
	list-style-type: decimal;
	margin-bottom: 10px;}
	
#content .cc img {
	margin-top: 50px;}
	
#content .art-content p { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 2%;
	padding-top: 10px;
	text-indent: 50px;
	text-align: justify;}	

/* STYLE DLA CONTENT */

#content {
	background: url(../_img/bgr-gradient-white.jpg);
	background-size: contain;}

#content .gradient-top {
	background:url(../_img/top-shadow.png) top no-repeat;
	height: 20px;}

#content .gradient-bottom {
	background:url(../_img/bottom-shadow.png) bottom no-repeat;
	height: 20px;}

#content .items,
#vlightbox1,
#vlightbox2 {
	overflow: hidden;
	width: 95%;
	margin: 0 auto 100px;}

#content .pos-center > p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	padding: 1% 2%;
	padding-top: 10px;
	text-align: center;}
	
#content .items > h2,
#content .pos-center > h2,
#content .literatura > h2,
#kontakt .kontakt h2,
#kontakt .form h2 {
	font-weight: bold;
	color: #000;
	font-size: 1.6em;
	text-shadow: 1px 1px #FFF;
	text-align: center;	
	padding-top: 50px;
	padding-bottom: 20px;
	text-transform: uppercase;}

#content .items > div {
	float: left;
	width: 29%;
	height: 320px;
	overflow: hidden;
	text-align: center;
	color: #331404;
	padding: 1% 1% 3%;
	background: #fff;
	margin: 4% .8%; 
	border-radius: 3px;
	border: 1px solid #dfe0e4;}

#content .items > div > a img {
	width: 100%;}

#content .items > div h2,
#content .literatura .lit-links a h2 {
	border-bottom: 1px dashed #333333;}
	
#content .items > div > h2 a,
#content .literatura .lit-links a h2 {
	display: block;
	text-transform: uppercase;
	color: #333;
	font-size: 0.875em;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0 5px;}	

/* PSEUDO KLASY DLA CONTENT */

#content .items > div:hover,
#content .literatura .lit-links a:hover {
	background: rgba(199,182,165,.3);
	text-shadow: 1px 1px #fff;}
	
#content .items > div img:hover,
#content .literatura .lit-links a img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7}
		
#content .items > div h2 a:hover {
	color: #5b4328;} 

/* STYLE DLA LOGO-PATR */
	
#logo-patr {
	width: 100%;
	margin: 30px 0;
	color:#666;
	text-shadow: 1px 1px #FFF;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;}

#logo-patr p {
	margin: 30px 0 10px;}

#logo-patr a {
	text-decoration: none;}
	
#logo-patr a img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);}
	
#logo-patr a img:hover {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);}

/*SYLE DLA FOOTERA*/

#footer .pos-center {
	overflow: hidden;
	line-height: 1em;
	font-size: .875em;
	font-weight: bold;
	padding: 20px 0;
	color: #2a2108;
	text-shadow: 1px 1px #776855;}
	
#footer .pos-center div.adress,
#footer .pos-center div.kontakt{
	float: left;
	margin-right: 2%;}

#footer .pos-center div.adress {
	padding: 0 10px;}
	
#footer .pos-center div.kontakt {
	margin-top: 14px;}
	
#footer .pos-center div.copyright {
	float: right;}		

/* STYLE DLA MULTIMEDIA LITERATURA GALERIA */
#content div.multimedia > div h2,
#content div.literatura > div h2,
#content div.galeria > div h2 {
	border-bottom: none;}
	
/* MULTIMEDIA */	
#content div.multimedia {
	width: 95%;}
	
#content div.multimedia > div	{
	width: 40%;
	height: 200px;
	margin: 4% 3%;}

#content div.multimedia > div > a {
	display: block;
	position: relative;}
	
#content div.multimedia > div > a div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
	
#content div.multimedia > div.film > a div.overlay:hover,
#content div.multimedia > div.wizualizacja > a div.overlay:hover {
	background: url(../_img/play.png) center center no-repeat;}	

#content div.multimedia > div.archiwum > a div.overlay:hover,	
#content div.multimedia > div.audiobook > a div.overlay:hover {
	background: url(../_img/sound.png) center center no-repeat;}

/* VIDEO */
#video {
	width: 80%;
	margin: 0 auto;}

/* LITERATURA */
#content .literatura {
	width: 95%;
	margin: 0 auto;}
	
#content .literatura .lit-links {
	overflow:hidden;
	text-align: center;}
	
#content .literatura .lit-links a {
	width: 330px;
	height: 100%;
	height:auto;
	display: inline-block;
	color: #331404;
	padding: 1% 1% 3%;
	background: #fff;
	margin: 4% .8%; 
	border-radius: 3px;
	border: 1px solid #dfe0e4;
	text-decoration: none;}
	
#content .literatura a img {
	width: 45%;}
	
#content .literatura ol {
	margin: 0 0 100px 30px;
	color: #333;
	text-align: justify;}

#content .literatura > ol > li {
	list-style-type: decimal;
	margin-bottom: 10px;}

/* GALERIA */
#content div.galeria > div {
	height: auto;
	padding: 1% 1%;}
	
#content div.galeria > div a img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);}	
	
#content div.galeria > div a img:hover {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);}
	
/* AUDIOBOOKI */
#content div.multimedia > div audio {
	width: 70%;
	height: 30px;}
	
#content.audiobooki div.multimedia > div {
	height: 250px;
	padding: 3% 1% 3%;}
	
#content.zdjecia div.zdjecia > div  {
	height: 120px;}
	
#content.audiobooki div.multimedia > div h3,
#content.zdjecia div.zdjecia > div h3 {
	font-weight: bold;
	color: #000;
	text-transform: uppercase;}
	
#content.audiobooki div.multimedia > div img,
#content.zdjecia div.zdjecia > div img,
#content.doc div.doc > div img {
	width: 30%;}
	
/* STYLE DLA DOKUMENTY */
#content div.doc > div {
	height: 290px;} 

/*paginacja*/	
#content .pos-center .pagination {
	margin-bottom: 30px;
	overflow: hidden;}

#content .pos-center .pagination ul {
	display: table;
	margin: 0 auto;}

#content .pos-center .pagination ul li {
	display: table-cell;
	float: left;}
	
#content .pos-center .pagination ul li a {
	display: block;
	color:#666;
	font-family: "Museo-300";
	font-size: 1em;
	text-transform: lowercase;
	text-decoration: none;
	text-shadow: 1px 1px #FFF;
	margin: 0 25px;}
	
#content .pos-center .pagination ul li a:hover {
	color:#900;
	font-weight: bold;}
	
/* KONTAKT */
#kontakt {
	overflow:hidden;
	width:95%;
	margin: 0 auto 100px;}

#kontakt .kontakt a {
	text-decoration: none;
	color:#666;}
	
#kontakt .kontakt,
#kontakt .form {
	width:50%;
	float: left;}
	
#kontakt .kontakt h2,
#kontakt .form h2 {
	text-align: left;}
	
#kontakt .kontakt h3 {
	font-weight: bold;
	color: #333;
	font-size: 1em;
	text-shadow: 1px 1px #FFF;
	text-align:left;	
	padding-top: 20px;
	text-transform: uppercase;}
	
#kontakt .kontakt p,
#kontakt .form p {
	color:#666;
	line-height: 1.4em;}

#kontakt .form .form-group {
	margin-bottom: 15px;}
	
#kontakt .form .label {
	color:#666;
	font-weight:bold;}
	
#kontakt .form .form-input {	
	display: block;
	width: 95%;
	height: 34px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;}

#kontakt .form textarea.form-input {
	height: auto;
	padding: 10px;}

#kontakt .form .form-group .button {
	padding: 5px 8px;
	font-size: 1em;
	line-height: 1;
	border-radius: 6px;
	color: #666;
	text-shadow: 1px 1px #FFF}
	
#alert {
	width: 95%;
	margin: 0 auto;
	background-color: rgba(255,0,0,.2);
	text-align:center;}
#alert a {
	text-decoration: none;
	font-weight:bold;
	color:#333;}
	
#footer .pos-center div.licznik {
	font-size:18px;
	text-align: center;
	margin:0 auto;
	width:250px;
	padding:15px 10px;
	background: rgba(255,255,255,.3);} 
	
#footer .pos-center div.licznik h4 {
	font-weight:bold;
	margin-bottom:5px;}
	
#footer .pos-center div.licznik p {
	font-weight:bold;
	color:#FFF;}