html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,  small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
 font-size: 100%;
line-height: 1.6875;
font-family:Arial;
}


article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,  q:before, q:after {
	content: "";
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
body {
	font:100%/1.6875 sans-serif;
	
*font-size:small;
} /* Hack retained to preserve specificity */


select, input, textarea, button {
	font:99% sans-serif;
}
pre, code, kbd, samp {
	font-family:  sans-serif;
}
html {
	overflow-y: scroll;
}
a:hover, a:active {
	outline: none;
}
ul, ol {
	margin-left: 2em;
}
ol {
	list-style-type: decimal;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
nav ul, nav li {
	margin: 0;
	list-style:none;
	list-style-image: none;
}
.container {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0 10px;
}
.left, .right {
	clear: both;
	display: block;
}
header img {
	float: left;
	padding: 0 80px 0 0
}
header #title {
	
	padding-top: 30px
}
header #title h1 {
	
	color: #0E2F6E;
	line-height: 140%;
	padding-right: 60px;
	font-size:180%;
	 text-shadow:#ccc 0px 1px  0px;
}
header #title .sec {
	font-size: 125%;
	float: left;
	padding-right: 20px;
	color: #4B87C2;
	
}
header #title .th {
	font-size: 125%;
	float: left;
	color: #96BE0D;
}

.fb {
	
	position: absolute;
	right:18%;
	top:10px;
	display:block;
	width:30px

}
.fb img{width:30px; height:30px}
header #lang {
	position: absolute;
	width:70px;
	right: 8%;
	top:10px;
	margin: 0;
	list-style:none;
	list-style-image: none;
	text-indent: -9999px;
}
header #lang li {
	float: left;
	padding: 5px;
}
header #lang li a {
	width: 25px;
	height: 25px;
	display: block;
}
header #lang .en {
	background: url('/images/en.png') 0 0 no-repeat;
}
header #lang .de {
	background: url('/images/de.png') 0 0 no-repeat;
}
header #lang .pl {
	background: url('/images/pl.png') 0 0 no-repeat;
}
#main {
	clear: both;
	position: relative;
	padding-top: 60px;
}
#download {
	clear: both;
	position: relative;
	padding-top: 80px
}
#download ul {
	padding: 0;
	margin: 0;
}
#download li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#download li.info {
	font-size: 35px;
	color: #96BE0D;
	padding: 0 3% 0 0;
	width: 55%;
	 text-shadow:#ccc 0px 1px  0px;
}
#download li.info h2 {
	line-height: 110%;
	padding-bottom: 0px;
}
#download li.info p {
	color: #4987C2;
	 text-shadow:#ccc 0px 1px  0px;
}
#download li.qrcode {
	padding-right: 5%;
}
#download li.qrcode p {
	font-size: 12px;
	color: #666666;
	text-align: center
}
#download li.store {
	width: 129px
}
#download li.store a img {
	padding-top: 12px;
}
#extra {
	clear: both;
	position: relative;
	padding-top: 80px;
}
#extra ul {
	padding: 0;
	margin: 0;
}
#extra li {
	list-style: none;
	margin: 0;
	padding: 10px 0 20px 0;
	clear: both;
	height: 78px;
	font-size: 18px;
	color: #666666;
}
#extra li h3 {
	line-height: 120%;
	font-size:120%
}
#extra li span {
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin-right: 20px;
	height:78px;
	width:100px;
	text-indent:-9999px;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
#extra li .miejsca {
	background-image: url('/images/miejsca.jpg');
}
#extra li .mapa {
	background-image: url('/images/mapa.jpg');
}
#extra li .trasy {
	background-image: url('/images/trasy.jpg');
}
#extra li .info {
	background-image: url('/images/info.jpg');
}
#extra li .wydarzenia {
	background-image: url('/images/wydarzenia.jpg');
}
#slideshow {
	clear: both;
	position: relative;
	height: 500px;
	padding-top: 60px;
}
#slideshow h3 {
	font-size: 28px;
	padding-bottom: 25px;
	color: #4987C2;
}
#slideshow ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
#slideshow ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none
}
#slideshow ul li p {
	float: left;
	display: block;
	width:40.81632653061224%;
	margin-left: 5.10204081632653%;
	margin-top:15%;
	 text-shadow:#ccc 0px 1px  0px;
	 font-size:125%;
	 color:#999;
	 text-align:left
}
#slideshow ul li img {
	float: right;
	width:48.97959183673469%;
	margin-right: 5.10204081632653%;
}
.left, .right {
	position: absolute;
	text-indent: -9999px;
	height: 50px;
	top:60%
}
.left {
	background: url('/images/left.png') 0 0 no-repeat;
	width: 27px;
}
.right {
	background: url('/images/right.png') 0 0 no-repeat;
	width: 27px;
	right: 10px
}
#dots {
	clear:both;
	position: relative;
	top:10px;
	z-index: 9999;
	height: 30px;
	line-height: 0;
	color: #888;
	width: 100%;
	text-align: center;
	font-size: 55px;
	letter-spacing: 1px;
}
#dots .highlight {
	color: #96BE0D;
	padding: 0;
	margin: 0;
}
#social {
	clear: both;
}
footer {
	clear: both;
	position: relative;
	text-align:center;
	padding-top: 80px;
}

footer .fg {
margin:0 auto
}

/**

 * Print styles.

 *

 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/

 */

@media print {
* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter:none !important;
	-ms-filter: none !important;
} /* Black prints faster: sanbeiji.com/archives/953 */
a, a:visited {
	color: #444 !important;
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
 .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
} /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img {
	page-break-inside: avoid;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}