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.4; background-color: #FFF; margin-top: 8px; text-align:center; }
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; }
@charset "UTF-8";
/* ===============================================End of reset============================================== */

@font-face {
    font-family: 'Iskra';
    src: url('fonty/iskra/iskra_normalny-webfont.eot');
    src: url('fonty/iskra/iskra_normalny-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/iskra/iskra_normalny-webfont.woff') format('woff'),
         url('fonty/Iskra normalny.otf') format('opentype'),
         url('fonty/iskra/iskra_normalny-webfont.svg#webfont') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'noto_sansregular';
    src: url('fonty/noto_sans/NotoSans-Regular-webfont.eot');
    src: url('fonty/noto_sans/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/noto_sans/NotoSans-Regular-webfont.woff') format('woff'),
         url('fonty/noto_sans/NotoSans-Regular-webfont.ttf') format('truetype'),
         url('fonty/noto_sans/NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'ambleregular';
    src: url('fonty/amble/Amble-Regular-webfont.eot');
    src: url('fonty/amble/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonty/amble/Amble-Regular-webfont.woff') format('woff'),
		 url('fonty/amble/Amble-Regular-webfont.ttf') format('truetype'),
		 url('fonty/amble/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal; font-style: normal;
}
/*
++  open_sansregular - Apache (Ascender Fonts)
+++ prozaregular - free, info nad @font-face
+++ ambleregular - Apache (Punchcut)
++  pt_sansregular - free, www.paratype.ru
++  cantarellregular - SIL (Abattis, Dave Crossland)
+++ noto_sansregular - Apache 
++  varelaregular - SIL (Joe Prince, Admix Designs)
+++++ latoregular - SIL
+++  signikaregular - SIL (Anna Giedryś, ancymonic.com)
@font-face {
    font-family: 'open_sansregular';
    src: url('fonty/open_sans/regular/OpenSans-Regular-webfont.eot');
    src: url('fonty/open_sans/regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/open_sans/regular/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonty/open_sans/regular/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonty/open_sans/regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal; font-style: normal;
}
Web Fonts from fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2014 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Bureau Roffa
 * License URL: http://www.fontspring.com/licenses/bureau-roffa/webfont
@font-face {
    font-family: 'prozaregular';
    src: url('fonty/Proza/Proza-Regular-webfont.eot');
    src: url('fonty/Proza/Proza-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/Proza/Proza-Regular-webfont.woff2') format('woff2'),
         url('fonty/Proza/Proza-Regular-webfont.woff') format('woff'),
         url('fonty/Proza/Proza-Regular-webfont.ttf') format('truetype'),
         url('fonty/Proza/Proza-Regular-webfont.svg#prozaregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'pt_sansregular';
    src: url('fonty/ptsans/PTS55F-webfont.eot');
    src: url('fonty/ptsans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonty/ptsans/PTS55F-webfont.woff') format('woff'),
		 url('fonty/ptsans/PTS55F-webfont.ttf') format('truetype'),
		 url('fonty/ptsans/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'cantarellregular';
    src: url('fonty/cantarell/cantarell-regular-webfont.eot');
    src: url('fonty/cantarell/cantarell-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/cantarell/cantarell-regular-webfont.woff2') format('woff2'),
         url('fonty/cantarell/cantarell-regular-webfont.woff') format('woff'),
         url('fonty/cantarell/cantarell-regular-webfont.ttf') format('truetype'),
         url('fonty/cantarell/cantarell-regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'varelaregular';
    src: url('fonty/varela/varela-regular-webfont.eot');
    src: url('fonty/varela/varela-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/varela/varela-regular-webfont.woff2') format('woff2'),
         url('fonty/varela/varela-regular-webfont.woff') format('woff'),
         url('fonty/varela/varela-regular-webfont.ttf') format('truetype'),
         url('fonty/varela/varela-regular-webfont.svg#varelaregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonty/lato/lato-regular-webfont.eot');
    src: url('fonty/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/lato/lato-regular-webfont.woff2') format('woff2'),
         url('fonty/lato/lato-regular-webfont.woff') format('woff'),
         url('fonty/lato/lato-regular-webfont.ttf') format('truetype'),
         url('fonty/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'signikaregular';
    src: url('fonty/signika/signika-regular-webfont.eot');
    src: url('fonty/signika/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/signika/signika-regular-webfont.woff2') format('woff2'),
         url('fonty/signika/signika-regular-webfont.woff') format('woff'),
         url('fonty/signika/signika-regular-webfont.ttf') format('truetype'),
         url('fonty/signika/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'lucida_sans_unicode';
    src: url('fonty/lucida_sans_unicode/lsansuni-webfont.eot');
    src: url('fonty/lucida_sans_unicode/lsansuni-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonty/lucida_sans_unicode/lsansuni-webfont.woff2') format('woff2'),
         url('fonty/lucida_sans_unicode/lsansuni-webfont.woff') format('woff'),
         url('fonty/lucida_sans_unicode/lsansuni-webfont.ttf') format('truetype'),
         url('fonty/lucida_sans_unicode/lsansuni-webfont.svg#lucida_sans_unicode') format('svg');
    font-weight: normal;
		font-style: normal;
}
*/

body{
	width: 960px;
	margin: 0px auto;
}
h1{
	float:left;
	width:360px; height:66px;
	margin: -48px 16px 6px -22px;
	line-height:68px;
	font-family:Iskra;
	text-align:center; font-size:32px;
	background-color:#D9D9B3;
	border-bottom: 8px solid #808000;
	border-bottom-right-radius:32px;
	z-index:10;
}
section p:first-child ::first-letter{ font-size:x-large; font-variant:small-caps; font-weight:bolder; color:#B75B00; }
a{ text-decoration:none; color: #06F; }
b, strong{
	font-weight:bolder; font-variant:small-caps; font-size:larger;
	line-height:75%;
	color:#B75B00;
}
i, em{ font-style:italic; }

header{
	height:293px;
	margin-left: -30px; margin-right:-30px;
	padding-left: 30px; padding-right:30px;
	background-image:url(images/tekstura_juta.jpg);
}
header img{
	position:relative;
	margin-left: -30px; margin-right:-30px;
	opacity:0.8;
}

/* ========================= NAWIGACJA DUŻA =========================== */
nav{
	position:relative;
	padding: 0;
	margin: -128px auto;
	height:200px;
	opacity: 0.9;
	z-index:1;
}
nav li{
	width: 200px;
	height: 200px;
	margin-right: 4px;
	margin-left: -38px;
	border: 5px solid #fff; border-radius: 125px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
	position: relative;
	float: left;
	background: #D5CDC8;
	transition: all 400ms linear;
}
nav li:first-child{ margin-left: 0px; }
nav li:last-child{ margin-right: 0px; }
nav li a{
	text-align: left;
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	position:relative;
}
nav li img{ width:120px; margin:32px auto; }

nav .nav-ikona{
	position: absolute;
	width: 100%; height: 65%;
	left: 0px; top: 0px;
	text-align: center;
	transition: all 200ms linear;
}
nav .nav-tekst{
	font-family:'Iskra', sans-serif;
	position: absolute;
	margin-top:-8px;
	left: 0px; top:70%;
	width: 100%; height: 50%;
	opacity: 1;
}
nav .nav-main{
    font-size: 30px;
    /* line-height: 22px; */
    color: #005382;
    opacity: 1;
    text-align: center;
    transition: all 200ms linear;
}
nav li:hover{
    background-color: #5B3A70;
	z-index: 999;
	transform: scale(1.1);
}
nav li:hover .nav-ikona{
    color: #ff2020;
    animation: moveFromBottom 300ms ease;
}
nav li:hover .nav{
    color: #ff2020;
		animation: moveFromBottom 300ms ease;
}
nav li:hover .nav-main{ color: #FFF; }
nav li:hover{
    color:#633768;
    background-color:#633768;
    animation: moveFromBottom 300ms ease;
}
@keyframes smallToBig{
	from{ transform: scale(0.1); }
	to{ transform: scale(1); }
}
@keyframes moveFromBottom{
	from{ opacity: 0; transform: translateY(5%); }
	to{ opacity: 1; transform: translateY(0%); }
}
/* ================== KONIEC NAWIGACJI DUŻEJ ======================= */
/*
++  open_sansregular - Apache (Ascender Fonts)
+++ prozaregular - free, info nad @font-face
+++ ambleregular - Apache (Punchcut)
++  pt_sansregular - free, www.paratype.ru
++  cantarellregular - SIL (Abattis, Dave Crossland)
+++ noto_sansregular - Apache 
++  varelaregular - SIL (Joe Prince, Admix Designs)
++ latoregular - SIL (super, ale wada glifu g)
+   signikaregular - SIL (Anna Giedryś, ancymonic.com)
*/

section {
	font-family: 'noto_sansregular', sans-serif;
	font-size:14px; text-align:left;
	float:left;
	width:620px; min-height:360px;
	margin-left:12px; margin-top:-22px;
	padding:62px 28px 12px;
	border-left: #BEBE7E dotted 12px;
	border-top-right-radius:62px;
	/* background-image:url(images/kratka.gif); */
	background-color: #F1EEE4;
}
section:first-letter{ font-size:24px; }
section ul{
	list-style-image: url('images/124.gif');
	list-style-position:outside;
	padding:0px; margin:8px 28px;
}
section ul li dt{ font-weight:bold; }
section ul li p{ display:block; margin-left:18px; }
section ol li {
	list-style-type:none;
	position: relative; top:-6px; left:18px;
	color:#111;
}
section ol li dt { margin:8px 0px 4px; font-weight:normal; }
section ol li dd { 
	width: 550px; padding:7px;
	font-size:smaller;
	background-color:#FBFBF7; }
section img{ margin-top:21px; padding:4px; border-bottom: dotted 4px #D9D7AA; }

aside {
	font-family:'ambleregular';
	font-size:14px; color:#666;
	width:220px;
	position:relative;
	float:right;
	margin-top:75px; margin-right:2px;
	border-top-left-radius:160px;
	background-color:#FFA346;
	z-index:0;
}
aside .box{
	margin: 12px;
	border-left: #808000 solid 10px; border-top-left-radius:10px; border-bottom-left-radius:10px;
	border-right: #D6D5B6 solid 12px;
	background-color: #EAE7CE;
	opacity:0.8;
	z-index:1;
}
aside .box:first-child{ border-top-left-radius:60px; margin-bottom:21px; padding-top:21px; color:#000; opacity:0.7 }
aside strong{
	font-variant:small-caps; 
	display:block;
	padding-top:32px;
	font-size:28px;
}
aside p{padding:24px 0px;
	font-size:16px;
	line-height:22px;
	}

footer{	
	clear:both;	
	bottom:0;
	height:38px;
	margin-left: -30px; margin-right:-30px;
	padding-left: 30px; padding-right:30px;
	font-family:Iskra;
	background-image:url(images/trawa80.png);
}
footer ul{ margin-left:42px; }
footer li{
	margin:6px 6px;
	width:88px; height:26px;
	line-height:26px;
	background-color: #EAE7CE;
	float:left;
}
/* footer li:last-child{ margin-right:8px; } */
footer li a{
	display:block;
	width:100%; height:100%;
	color: #676734;
	font-size:16px; text-decoration:none; text-align:center;
}
footer li a:hover{ color:#F5FC03; background-color: #936F37; }

footer p {
	padding-top:16px;
	color: #FFF;
	font-size:15px; text-align:right;
}

/* ===================== FORMULARZ KONTAKTOWY =========================  */
form {
	font-family:'noto_sansregular';
	font-size: 15px;
	width:480px;
	border: thin dashed #CCCCCC; background-color: #666;
	margin: -75px 190px 0 20px;
}
fieldset{
	margin:12px 18px;
}
fieldset legend{
	font-weight:bold;
	font-size:22px; color: #FCFCED;
	margin:12px 0px;
}
input, textarea{
	font-size:15px;
	color:#333333; background-color:#EEEEEE;
	font-weight: normal; letter-spacing: normal; text-align: left;
}
input{ margin:4px 0px; }
textarea{ margin:16px 0px; }
/* ===================== ENF OF FORM =========================  */