@CHARSET "UTF-8";

body,html {
	padding: 0px;
	margin: 0px;
	background-color: #70B4FF;
	font-family: Arial, sans;
	line-height: 150%;
	font-size: 12pt;
	color: #FEFEFE;
	text-align: center;
	line-height: 150%;
}

img {
	border: none;
}

a {
	text-decoration: none;
	color: #EEEEEE;
	text-shadow: 1px 1px 1px #444477;
}

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

hr {
	border: 0px;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: 0px 0px 2px #545454;
}

h1 {
	padding: 10px;
	line-height: 120%;
	font-family: 'Source Sans Pro';
	text-shadow: -1px -1px 1px #555555;
	font-size: 28pt;
	margin: 0px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.8);
	text-shadow: -1px -1px 1px #555555;
}

h2 {
	font-size: 16pt;
	font-weight: normal;
	color: #FEFEFF;
	margin: 0px;
	text-shadow: 1px 1px 1px #222244;
}

h2 a {
	color: #EEEEFF;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 20px;
	margin-top: 30px;
	padding: 10px;
	padding-bottom: 0px;
	width: 99%;
	border-bottom: 1px solid #999999;
}

h4 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	padding-bottom: 0px;
	width: 99%;
	border-bottom: 1px solid #999999;
	color: #999999;
	text-align: right;
}

hgroup {
	font-size: 9pt;
	color: #EEEEEE;
	text-shadow: 1px 1px 1px #0099FF;
	padding-left: 10px;
}

img#logo {
	
}

div.slajdy {
	width: 950px;
	margin: 0px;
	padding: 0px;
}

div#top {
	margin: 0 auto;
	margin-top: -20px;
	text-align: center;
	padding-top: 10px;
	overflow: hidden;
	background-position: bottom left;
	background-repeat: no-repeat;
	display: inline-block;
}

button.topIcon {
	background-color: #AAAAAA;
	color: #FEFEFE;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	margin: 0px;
	margin-left: 10px;
	margin-top: 95px;
	padding: 15px;
	box-shadow: 0px 0px 10px #555555;
	transform: rotate(340deg);
	-ms-transform: rotate(340deg); /* IE 9 */
	-webkit-transform: rotate(340deg); /* Safari and Chrome */
	text-align: center;
	width: 20%;
}

button.topIcon:hover {
	position: relative;
	bottom: 10px;
	box-shadow: 0px 0px 15px #333333;
	transform: rotate(350deg);
	-ms-transform: rotate(350deg); /* IE 9 */
	-webkit-transform: rotate(350deg); /* Safari and Chrome */
}

button#homeButton {
	background-color: #DD8208;
}

button#contactButton {
	background-color: #AABBAA;
}

button#facebookButton {
	background-color: #3B5998;
}

div.contactData {
	text-align: left;
	padding-left: 40px;
	border-left: 1px solid #555555;
	padding-right: 20px;
}

div#topContainer a {
	border: 0px;
}

div#topContainer img {
	display: inline;
	float: left;
}

div#newsAndButtons {
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url('../gfx/top-img.png');
	background-position: left;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-top: -6px;
	margin-bottom: 35px;
	width: 810px;
	border-radius: 3px;
	text-align: right;
	box-shadow: 0px 0px 10px #444444;
	overflow: hidden;
}

img.topZdjecie {
	padding: 10px;
	background-image: url('../gfx/top-bg.png');
	margin: 0px;
}

img.bigImg {
	height: 128px;
}

div#listwa {
	text-align: center;
	height: 53px;
	width: 100%;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

div#listwa:hover {
	box-shadow: 0px 0px 10px #222222;
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0px 0px 8px #333333;
}

div.scrollableArea * {
	display: block;
	float: left;
	margin-left: 10px;
}

img.listwaElement:HOVER {
	box-shadow: 0px 0px 2px #FFFFFF;
}

article.shortNews {
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: justify;
	padding: 20px;
	padding-left: 20px;
	background-color: rgba(0, 169, 255, 0.1);
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #222255;
	box-shadow: 0px 0px 5px #059FFF;
	border-radius: 3px;
}

article.shortNews:hover {
	background-color: rgba(255, 222, 255, 0.1);
}

article.shortNews h2 {
	margin-bottom: 10px;
}

article.shortNews p {
	margin: 10px;
}

article#top {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.85);
	border-left: 2px solid #ff8208;
}

article.fullNews {
	margin-top: 10px;
	text-align: justify;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.01);
	border: 0px;
	font-size: 12pt;
	background-color: rgba(0, 169, 255, 0.1);
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #222255;
	box-shadow: 0px 0px 5px #059FFF;
}

article.fullNews hgroup {
	margin: 0px;
	background-color: rgba(255, 255, 255, 0.01);
	border-radius: 3px;
	margin-bottom: 30px;
}

hgroup button {
	background-color: rgba(255, 255, 255, 0.15);
	padding: 10px;
	border-radius: 3px;
	font-size: 14pt;
	text-shadow: 0px 0px 0px;
	border: 0px;
	color: #FFFFFF;
	margin: 0px;
	margin-right: 3px;
}

hgroup button:hover {
	box-shadow: 0px 0px 13px #EEEEEE;
	background-color: rgba(255, 255, 255, 0.7);
	color: #0099FF;
}

article.fullNews h2 {
	margin-top: 10px;
	font-size: 20pt;
	max-width: 60%;
}

div#loginData {
	color: #DDDDDD;
	background-color: rgba(0, 0, 0, 0.9);
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 20px;
	text-align: right;
}

div#loginData a {
	color: rgba(0, 153, 255, 0.9);
	text-decoration: none;
	padding: 10px;
}

div#loginData a:hover {
	color: rgba(255, 153, 0, 0.9);
}

div#main {
	border-bottom: 6px solid #DEDEDE;
	background-image: url('../gfx/Library-Books-2.jpg');
	background-position: right;
	background-color: #81984A;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0 auto;
	box-shadow: 0px 2px 5px #555555;
	z-index: 1000;
}

header {
	padding: 0px;
}

nav {
	text-align: center;
	padding: 8px;
	padding-top: 1px;
	padding-bottom: 5px;
	white-space: nowrap;
	background-color: rgba(255, 255, 255, 0.3);
}

article img {
	padding: 0px;
	padding-bottom: 0px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 10px #555555;
	margin: 8px;
}

article img:hover {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 15px #333333;
}

div#gallery {
	width: 700px;
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	padding-top: 20px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.01);
}

div#thumbsContainer {
	width: 560px;
	margin: 0px auto;
	height: 135px;
	overflow: hidden;
	border: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCBBB;
	display: block;
}

div#thumbs {
	height: 80px;
	white-space: nowrap;
}

button.arrowButton {
	padding: 4px 10px 4px 10px;
	margin: 10px;
	margin-top: 49px;
	color: #0099FF;
	border-radius: 50px;
	border: 0px;
	background-color: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	font-size: 26pt !important;
}

button.arrowButton:hover {
	background-color: rgba(255, 255, 255, 0.95);
}

img.thumb {
	margin: 2px;
	padding: 0px;
	border: 1px solid #AAAAAA;
	border-radius: 3px;
	margin-top: 15px;
	cursor: hand;
	opacity: 0.9;
	height: 105px;
}

img.thumb:hover {
	border: 2px solid #FFFFFF;
	margin-top: 5px;
	transform: rotate(359deg);
	-ms-transform: rotate(359deg); /* IE 9 */
	-webkit-transform: rotate(359deg); /* Safari and Chrome */
	height: 110px;
	cursor: hand;
	opacity: 1;
	-ms-transform: rotate(359deg); /* IE 9 */
	-webkit-transform: rotate(359deg);
}

div#bigImage {
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	padding-bottom: 15px;
}

div#bigImage img {
	border-radius: 10px;
	border: 1px solid #0099FF;
	padding: 0px;
	margin-top: 30px;
	box-shadow: 0px 0px 15px #777777;
	width: 620px;
}

div#photoDescription {
	color: #FFFFFF !important;
	position: relative;
	bottom: 85px;
	height: 30px;
	width: 580px;
	left: 25px;
	padding: 20px;
	vertical-align: baseline;
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;
	margin-bottom: -60px;
	border-radius: 0px 0px 10px 10px;
	overflow: hidden;
	margin-bottom: -60px;
	text-shadow: 1px 1px 4px #232323;
}

section#content {
	padding: 30px;
	padding-top: 5px;
	margin-top: 5px;
	overflow: hidden;
	background-image: url('../gfx/content-bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #1e88ff;
}

section#mainPart {
	width: 68%;
	float: left;
	background-repeat: repeat-y;
}

section#plugins {
	margin: 0px;
	margin-top: 10px;
	padding: 10px;
	padding-top: 0px;
	float: right;
	width: 28%;
	text-align: left;
	font-size: 10pt;
	line-height: 120%;
}

footer {
	clear: both;
	background-color: #323232;
	background-position: right;
	font-size: 11pt;
	padding: 20px;
	text-align: left;
	color: #ABABAC;
	border-top: 5px solid #FEFEFE;
	box-shadow: -2px 0px 10px #121222;
}

footer div {
	margin: 10px;
}

footer nav {
	background-color: rgba(0, 0, 0, 0.01) !important;
	text-align: right;
	margin: 0 auto !important;
	margin-right: 30px !important;
	padding: 5px !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
	width: 90% !important;
}

footer a {
	background-color: rgba(0, 0, 0, 0.01) !important;
	border: 0px !important;
	text-align: left !important;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 10pt !important;
	color: #DDDDDD !important;
	font-family: Arial, Verdana, Tahoma !important;
}

footer a:hover {
	color: #81984A !important;
}

footer a.current {
	color: #0099FF !important;
	text-shadow: 0px 0px 0px #333333 !important;
}

div.goTop {
	padding: 5px;
	background-color: #DD8208;
	color: #FEFEFE;
	border-radius: 4px;
	border: 1px solid #FEFEFE;
	box-shadow: 0px 0px 6px #000000;
}

div.goTop:hover {
	box-shadow: 0px 0px 3px #FFFFFF;
}

div#footerLogo {
	text-align: right;
	width: 20%;
	padding: 0px;
	margin-right: 30px;
}

footer img {
	border-radius: 4px;
	box-shadow: 0px 0px 10px #000000;
}

footer h2 {
	color: #AAAAAA !important;
}

div.readMore {
	clear: both;
	text-align: right;
	padding: 0px;
	padding-right: 5px;
}

div.readMore a {
	text-shadow: 0px 0px 0px;
	background-color: #EEEEEE;
	color: #33A3FF;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #FFFFFF;
	border-radius: 3px;
}

div.readMore a:hover {
	background-color: #a5c44b;
	color: #FFEEFF;
}

nav a {
	color: #81984A;
	font-size: 11pt;
	padding: 8px 5px 8px 5px;
	font-weight: bold;
	text-shadow: 0px 0px 0px;
	background-color: rgba(253, 253, 253, 1);
	border-top-left-radius: 3px;
	border-top-right-radius: 2px;
	border: 1px solid #DDEEDD;
	border-top-right-radius: 4px;
	margin: 0px;
	margin-bottom: -8px;
	width: 137px !important;
	display: inline-block;
}

nav a:hover {
	border-bottom: 2px solid #FEFEFE;
	color: #FEFEEE;
	background-color: #0099FF;
	text-shadow: 0px 0px 0px;
	padding: 8px 5px 8px 5px !important;
	font-weight: bold;
	margin: 0px !important;
	margin-bottom: -8px !important;
	width: 137px !important;
	display: inline-block !important;
}

nav a.current {
	border-bottom: 2px solid #DEDEDE;
	color: #81984A;
	background-color: #DEDEDE;
	text-shadow: -1px 0px 2px #FFFFFF;
}

div.sidePlugin {
	padding: 12px;
	background-color: rgba(255, 255, 255, 0.05);
	margin-bottom: 10px;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0, 169, 255, 0.7);
	text-align: justify;
}

div.sidePlugin:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

div.sidePlugin img {
	margin: 0px auto;
	width: 100%;
	border-radius: 3px;
}

div#cookiesInfo {
	border: 0px;
	box-shadow: 0px 2px 10px #555555;
	width: 100%;
	background-color: #FFFF99;
	font-size: 9pt;
	color: #333333;
	padding-bottom: 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	height: 30px;
}

div#cookiesInfo div {
	float: left;
	padding: 0px;
	padding-left: 10px;
}

div#cookiesInfo a {
	color: #888888;
	text-shadow: 0px 0px 0px;
	border-bottom: 1px dotted #444444;
}

button#cookiesInfoCloseButton {
	border: 0px;
	background-color: #0099FF;
	padding: 4px;
	font-size: 9pt;
	font-weight: bold;
	position: absolute;
	right: 10px;
	top: 0px;
	margin: 5px;
	color: #FFFFFF;
	height: 30px;
	border-radius: 4px;
	border: 2px solid #EEEEEE;
}

button#cookiesInfoCloseButton:HOVER {
	background-color: #FFFFFF;
	color: #0099FF;
}

div#logoSection {
	height: 80px;
	width: 820px;
	overflow: hidden;
	text-align: left;
}

img.top-icon {
	width: 30px;
	height: 30px;
	margin-top: 15px;
	margin-right: 20px;
	opacity: 0.80;
	float: right;
	display: inline;
}

img.top-icon:HOVER {
	opacity: 0.95;
	transform: rotate(-12deg);
	-ms-transform: rotate(-12deg); /* IE 9 */
	-webkit-transform: rotate(-12deg); /* Safari and Chrome */
}

div#books {
	overflow: hidden;
	background-color: rgba(140, 140, 120, 0.01);
	height: 135px;
	width: 450px;
	padding: 20px;
	margin-left: 170px;
	background-color: rgba(140, 140, 120, 0.01);
}

div#books-slides {
	display: inline-block;
}

div#books-text {
	margin-top: -10px;
	margin-bottom: 20px;
	font-family: Arial;
}

div#books div {
	line-height: 120%;
}

div#books .title {
	position: relative;
	right: -156px;
	float: left;
	margin-top: 5px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 16pt;
	color: #FEFEFE;
	text-shadow: 1px 1px 2px #333377;
	text-align: left;
	line-height: 90%;
	display: inline-block;
	text-align: right;
	padding: 11px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #0099FF;
	box-shadow: 0px 0px 5px #565656;
}

div#books .book-cover {
	float: right;
	max-width: 140px;
	max-width: 140px;
	padding: 2px;
	background-color: rgba(245, 245, 245, 0.8);
	box-shadow: 1px 1px 15px rgba(25, 25, 25, 0.7);
	display: block;
	margin: 0 auto;
	transform: rotate(4deg);
	-ms-transform: rotate(4deg); /* IE 9 */
	-webkit-transform: rotate(4deg); /* Safari and Chrome */
}

div#listwa a {
	display: block;
	float: left;
}

div#listwa img {
	margin: 5px;
	padding: 3px;
	background-color: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #C0C0C0;
	box-shadow: 0px 0px 2px #DEDEDE;
	max-height: 35px;
}

div#listwa img:hover {
	box-shadow: 0px 0px 20px #FFFFFF;
	filter: none;
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}

img.title-image {
	width: 180px;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 0px;
	border: 2px solid #FFFFFF;
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
}

div.date-photo {
	position: relative;
	display: inline-block;
	float: left;
}

div.month-year {
	background-color: rgba(255, 255, 255, 0.3);
	width: 165px;
	padding: 10px;
	border-radius: 3px;
	font-size: 10pt;
	text-shadow: 0px 0px 0px;
}

a#showAll {
	width: 95%;
	text-align: center;
	padding: 10px;
	color: #FFFFFF;
	background-color: rgba(255, 255, 255, 0.2);
	margin: 10px;
	margin-top: 20px;
	border-radius: 3px;
}

a#showAll:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color: #0099FF;
	box-shadow: 0px 0px 10px #EEEEEF;
	text-shadow: 0px 0px 1px #FFFFFF;
}

article.fullNews a {
	padding: 5px;
}

article.fullNews a:hover {
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.1);
}

.bigContrast {
	color: #221122 !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
	text-shadow: 0px 0px 0px #FFFFFF !important;
	font-size: 14pt !important;
}

.bigContrast * {
	color: #444444 !important;
	text-shadow: 0px 0px 0px;
}

.bigContrast button {
	border: 1px solid #BBBBBB !important;
}

.bigContrast .month-year {
	border: 1px solid #DDDDDD !important;
}

article.fullNews table {
	color: #454545;
	background-color: #FFFFFF;
	border-spacing: 0px;
	border: 1px solid #565656;
	width: 85%;
	margin: 0 auto;
	margin-top: -10px;
}

article.fullNews table td {
	color: #454545;
	background-color: #FFFFFF;
	padding: 10px;
	text-shadow: none;
	text-align: center;
	width: 50%;
}

article.fullNews table th {
	color: #343434;
	background-color: #999999;
	padding: 3px;
	text-shadow: 1px 1px 1px #AAAAAA;
	text-align: center;
	font-size: 14pt;
}

article.fullNews table td a {
	color: #0099FF;
	text-shadow: none;
	padding: 0px;
	border-bottom: 1px dotted #C0C0C0;
}

article.fullNews table td a:HOVER {
	color: #0099FF;
	text-shadow: none;
	padding: 0px;
	border-bottom: 1px dotted #0099FF;
}

.dn {
	display: none;
	border: 0px;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.cb {
	clear: both;
}

.h10 {
	height: 10px;
}

/* Simply SCROLL from here */

/* Container DIV - automatically generated */
.simply-scroll-container {
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip {
	position: relative;
	overflow: hidden;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
 Class name automatically added to element */
.simply-scroll-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

 .simply-scroll is default base class */

/* Container DIV */
.simply-scroll {
	width: 100%;
	height: 75px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 75px;
}