.fotoBg {
	background-image: url(/web/images/default.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.dwiekolumny, .force2Columns p {
	-moz-column-count: 2;
	-moz-column-gap: 5%;
	-o-column-count: 2;
	-o-column-gap: 5%;
	-webkit-column-count: 2;
	-webkit-column-gap: 5%;
	column-count: 2;
	column-gap: 5%;
}

.force2Columns p img {
    max-width:100% !important;
    height:auto !important;
}


h1, h2, h3, h4, h5, h6, .aller, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {

}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 21px;
}

h6 {
	font-size: 18px;
}

.czerwony {
	color: red;
}

.czerwonyBg {
	background-color: red;
}

.zielony {
	color: #00BB65;
}

.zielonyBg {
	background-color: #00BB65;
}

.niebieski {
	color: #2E4C9A;
}

.niebieskiBg {
	background-color: #2E4C9A;
}

#wrapper {
	text-align: left;
	width: 90%;
	max-width: 1100px;
	position:absolute;
	  left: 0;
	  right: 0;
	  margin: 0 auto;
	  top: 0;
}

#header {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 114px;
}

#main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	margin-top: 50%;
}

.headerRight {
	width: 70%;
	float: right;
}

ul#navi {
	width: 100%;
	float: right;
	height: 50px;
	text-decoration: none;
	text-align: right;
	display: inline;
	margin-top: 20px;
}

ul#navi li {
	text-decoration: none;
	width: 20%;
	margin-left: 5%;
	text-align: right;
	display: inline;
}

ul#navi li a {
	text-decoration: none;
	display: inline;
	font-weight: 700;
	font-size: 14px;
	line-height: 1em;
	text-transform: uppercase;
	color: white;
	text-align: right;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 1px grey;
}

ul#navi li a:hover {
	text-decoration: none;
	color: #002f98;
	text-shadow: none;
}

ul#navi ul {
   position:absolute;
   text-align:left;
   padding-top: 5px;
   padding-bottom: 5px;
   margin-left:0px;
   z-index:1000;
}

ul#navi ul li {
   display: block;
   line-height:2em;
   width:auto;
   text-align:left;
}

ul#navi ul li a {
   font-size: 14px;
}

h1#logo a, h2#logo a {
	min-width: 257px;
	width: 30%;
	height: 64px;
	margin-top: 24px;
	float: left;
	cursor: pointer;
}

h1#logo a:hover, h2#logo a:hover {
	opacity: 0.75;
}

a.lang {
	float: right;
	margin-top: 30px;
	color: red;
	text-decoration: none;
	text-shadow: 0px 0px 1px grey;
}

a.lang:hover {
	text-decoration: none;
	color: #002f98;
	text-shadow: none;
}

.tytulStrony, .tytulKafla {
	height: 75px;
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.tytulStrony h1 {
	font-size: 18px;
/* 	font-weight: 300; */
	word-break: break-all;
	color: white;
}

.tytulKafla h2 {
	font-size: 18px;
	word-break: break-all;
	color: white;
}

.tytulKafla h2 a, .tytulKafla h2 a:hover {
    color: white;
    text-decoration:none;
}

/*
.tabelkaDiv {
	display: table;
}
*/

.bialePole {
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
}

.foremka {
	width: 100%;
	height: 18px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
}

#footer {
	background-color: #E6E6E6;
	padding-top: 20px;
}

ul#naviFooter {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 25px;
	text-decoration: none;
	display: block;
	line-height: 45px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #c7c7c7;
	margin-bottom: 20px;
}

ul#naviFooter li {
	text-decoration: none;
	display: inline;
	margin-left: 2%;
	margin-right: 2%;
}

ul#naviFooter li a {
	text-decoration: none;
	font-weight: 300;
	font-size: 14px;
	color: #3b3b3b;
	text-transform: uppercase;
}

ul#naviFooter li a:hover {
	text-decoration: none;
	color: #0073CF;
}

#footer p {
	font-size: 12px;
	color: #666666;
	margin-bottom: 20px;
}

.col50p {
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 10px;
}

.col50p.floatright {
    margin:0;
}

.kolumna {
	width: 31%;
	margin-right: 3%;
/* 	box-shadow: 0px 0px 2px black; */
}

.kolumna#ostatnia {
	margin-right: 0%;
}

.kolumna img {
	max-width: 100%;
    height: auto;
    width: auto\9;
    display: block;
}

#main-container, .slide-in {
	display: none;
}

#footerLoga img {
    margin:15px;
}

/* background setup */
.background {
    background-repeat:no-repeat;
}

.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}

.not-fullscreen {
	height: 50%;
}

/* koniec background setup */


.poz1 {
	background-position: 25% 25%;
}
.poz2 {
	background-position: 50% 25%;
}
.poz3 {
	background-position: 75% 25%;
}
.poz4 {
	background-position: 25% 50%;
}
.poz5 {
	background-position: 50% 50%;
}
.poz6 {
	background-position: 75% 50%;
}
.poz7 {
	background-position: 25% 75%;
}
.poz8 {
	background-position: 50% 75%;
}
.poz9 {
	background-position: 75% 75%;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.opis50 {
	max-width: 1280px;
	width: 50%;
}

.opis60 {
	max-width: 1280px;
	width: 60%;
}

.opis70 {
	max-width: 1280px;
	width: 70%;
}

.opis80 {
	max-width: 1280px;
	width: 80%;
}

.opis90 {
	max-width: 1280px;
	width: 90%;
}

/* definicje staticPage */

.staticPage, .staticPage p {
    font-family: "Open Sans Condensed",sans-serif;
	color: #2d2d2d;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
}

.staticPage h4 {
    font-family: "Open Sans Condensed",sans-serif;
    font-weight: 300;
    letter-spacing: 0;
    text-transform:none;
}

.staticPage h4 strong {
    font-weight: 700;
}

.staticPage.twoColumns {
    -moz-column-count: 2;
	-moz-column-gap: 10%;
	-o-column-count: 2;
	-o-column-gap: 10%;
	-webkit-column-count: 2;
	-webkit-column-gap: 10%;
	column-count: 2;
	column-gap: 10%;
}

.staticPage img.left {
    float:left;
    margin:0px 20px 20px 0px;
}

.staticPage img.right {
    float:left;
    margin:0px 0px 20px 20px;
}

.staticPage img.center {
    margin:0px 0px;
    max-width:100%;
}

.staticPage.twoColumns img.center {
    max-width:100% !important;
    height:auto !important;
}

/* mobile mobile mobile mobile mobile mobile mobile mobile mobile */


@media all and (max-width: 740px) {
	
	ul#navi, a.lang {
     	display: none;
	}
	
	/* mobile navi */
	
	#main-container, .slide-in {
	   display: inherit;
	}
	
	#main-container {
		right: 10px;
		top:30px;
		-webkit-overflow-scrolling: touch;
		position: absolute;
		-webkit-transition: right 0.2s ease-in;
		transition: right 0.2s ease-in;
	}
	
	#main-container.on {
		display:none;
	}
	
	#sub-container {
		position: relative;
	}
	
	.menu-icon {
		cursor: pointer;
		display: inline-block;
		float: right;
		width: 26px;
		height: 20px;
		z-index: 9999;
	}
	
	.slide-in {
		background-color: #404040;
		width:160px;
		position: fixed;
		box-shadow: inset 20px 0 30px rgba(0,0,0,0.2);
		top: 0px;
		right: -160px;
		-webkit-transition: right 0.2s ease-in;
		transition: right 0.2s ease-in;
        z-index:10000;
        overflow-x: hidden;
        overflow-y: visible;
	}
	
	.slide-in.on {
		right: 0px !important;
	}
	
	.slide-in ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.slide-in ul li {
		padding: 6px 5px 6px 10px;
	}
	
	.slide-in ul li a {
		color: white;
		cursor: pointer;
		text-decoration: none;
		font-weight: 700;
		font-variant: normal;
		font-size: 12px;
		line-height: 1.4em;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
	
	.slide-in ul li:hover {
		background-color: #292929;
	}
    
    .slide-in ul li.noHover:hover {
		background-color: inherit;
	}
	
	
	h1 {
		font-size: 21px;
	}
	
	h2 {
		font-size: 18px;
	}
	
	h3 {
		font-size: 18px;
	}
	
	h4 {
		font-size: 16px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 16px;
	}
	
	#wrapper {
		width: 100%;
	}
	
    /*
	ul#navi {	
		height: auto;
		display: block;
		line-height: auto;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	*/
	
	ul#navi div {
		text-align: left;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;
		text-decoration: none;
		display: block;
		line-height: auto;
		background-color: #295435;
	}

	ul#navi_footer {
		display: none;
	}
	
	ul#naviFooter li {
		display: none;
	}
	
	.col50p {
		width: 100%;
		margin-right: 0%;
	}
	
	.kolumna {
		width: 49%;
		margin-right: 1%;
	}
	
	.dwiekolumny, .force2Columns p {
		-moz-column-count: 1;
		-moz-column-gap: 5%;
		-o-column-count: 1;
		-o-column-gap: 5%;
		-webkit-column-count: 1;
		-webkit-column-gap: 5%;
		column-count: 1;
		column-gap: 5%;
	}
	
	#footerLoga img {
		max-width: 100%;
	    height: auto;
	    width: auto\9;
	    display: block;
        margin:5px auto;
	}
	
	.tytulStrony h1 {
		font-size: 24px;
	}
	
	.tytulKafla h2 {
		font-size: 21px;
	}
    
    .animatedBar * {
        box-sizing: border-box;
    }
    .menu-bar {
        border-radius: 2px;
        
        display: block;
        height: 3px;
        margin: 0 auto;
        position: relative;
        transition: all 300ms ease 0s;
        width: 26px;
    }
    .bar2 {
        opacity: 1;
    }
    .menu-barB .menu-bar {
        background: white none repeat scroll 0 0;
    }
    .menu-bar + .menu-bar {
        margin-top: 5px;
    } 
    
    .sr {
        border: 0 none;
        clip: rect(0px, 0px, 0px, 0px);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    
    .staticPage.twoColumns {
        -moz-column-count: 1;
    	-moz-column-gap: 0;
    	-o-column-count: 1;
    	-o-column-gap: 0;
    	-webkit-column-count: 1;
    	-webkit-column-gap: 0;
    	column-count: 1;
    	column-gap: 0;
    }
    
    .staticPage img {
        float:none;
        max-width:100%;
    }
}

@media all and (max-width: 460px) {
	
	.kolumna {
		width: 100%;
		margin-right: 0%;
	}
}