/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,500,600,700,900&subset=latin,latin-ext");*/

@import url("font-awesome.min.css");



/*Modal*/
* {
  box-sizing: border-box;
}



.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: #1F789A;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #bbb;
}


/*  */


       #p-flex {
        max-width: 1100px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
      }
      /* Product items */
      div.p-flex {
        width: 25%;
      }
      div.p-flex-in {

        margin: 5px; 
        padding: 10px;
        background: #fff;
      }
      div.p-flex-yt {
        width: 50%;
      }
      div.p-flex-in-yt {

        margin: 5px; 
        padding: 5px;
        background: #fff;
      }
      img.p-img {
        width: 200px;
        height: 67px;
		border: 2px solid #eee;
      }
	  img.p-img2 {
        width: 100%;
        height: auto;
		box-shadow: 5px 10px 18px #888888;
		border: 1px solid #aaa;
      }
      div.p-name {
        font-size: 1.1em;
		text-align: center;
		margin-top: 15px;
		line-height:  1.2em;
      }
	  
      div.p-name-yt {
        font-size: 1.1em;
		text-align: left;
		margin-top: 15px;
		line-height:  1.2em;
      }

	  div.p-yt {
        width: 360px;
        height: 170px;
		border: 1px solid #aaa;
      }

      /* Responsive */
      @media only screen and (max-width: 1024px) {
        div.p-flex { width: 33%; }
		div.p-flex-yt { width: 100%; }
      }
      @media only screen and (max-width: 600px) {
        div.p-flex { width: 50%; }
		div.p-flex-yt { width: 100%; }
      }
	  
	  
	  

      img.p-img3 {
        width: 200px;
        height: 67px;
		border: 2px solid #eee;
      }

	  img.shadow {
		box-shadow: 5px 10px 18px #888888;
		border: 1px solid #aaa;
      }



img.ramka_responsywna {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 75% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_50 {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 50% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_75 {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 75% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_calosc {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}


img.bezramki_responsywna {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 75% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_50 {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 50% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_75 {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 75% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_calosc {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}




.linia_prawa {
border-right: 2px solid #dce4e6;
margin-bottom: 10px;
margin-top: 10px;
}

.linia {
border-top: 8px solid #0995C8;
margin-left: 20px;
margin-right: 20px;
}

.jasniej {
color: #818181;
}

.kolor {
color: #1F789A;
}


.mapa_regionow {
	font-weight: 700;
	font-size: 1.35em;
	text-align: center;
	margin: 0 auto;
	}

#grid-container {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.grid-item {
  opacity: 0;
  float: left;
  padding: 5px;

}

.grid-item img {
  width: 100%;
  height: 100%;
}

.grid-item.loaded {
  opacity: 1;
  transition: opacity .5s;
}


.post-blog {
  margin-left: 10px;
  margin-right: 10px;  

}
.post-blog .blog-image {
  overflow: hidden;
  margin-bottom: 20px;
}
.post-blog .blog-image img {
  width: 100%;
  height: auto;
}

.blog-content {
border-bottom: 1px solid #dce4e6;
margin-bottom: 20px;
margin-top: 10px;
}



.post-blog .blog-content span {

  font-size: 14px;
  
}
.post-blog .blog-content span a {
  color: #FF2B2D;
}
.post-blog .blog-content span a:hover {
  color: #FF2B2D;
}
.post-blog .blog-content h3 {
  margin: 10px 0 0px 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.post-blog .blog-content h4 {
  margin: 10px 0 0px 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
}

.post-blog .odstep-dol h3 {
  margin: 0 0 30px 0;
}

.post-blog .blog-content h3 a {
  color: #31373a;
}
.post-blog .blog-content h3 a:hover {
  color: #FF2B2D;
}


.meta-date {
  margin-left: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}



.srodek
{
	text-align: center;
}

	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, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, pasek {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: middle;
	}

	
	body {
		font-family: 'Open Sans', sans-serif;
		font-size: 10pt;
		color: #444;
background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(181,181,181,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(181,181,181,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(181,181,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b5b5b5',GradientType=0 ); /* IE6-9 */

	}
	
	strong
		{
	font-size: 100%;
	font-weight: 700;
	color: #444;	
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}
	
	ol.tresc,  ul.tresc {
		list-style: square;
		padding: 0 0 0 80px;
	}
	
	ul.tresc  li{
		padding: 5px 0 5px 0;
	}
	
	.squared  ul{
		list-style: square;
		padding: 0px 0 0px 25px;
	}
	.squared  li{
		padding: 5px 0 5px 0;
		list-style: square;
	}
	
	
	ol.podkategorie,  ul.podkategorie {
		list-style: square;
		padding: 0 0 0 80px;
		font-size: 12pt;
	}
	
a {
	color: #FF2B2D;
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
	color: #777;
}

img.strony-center {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

img.strony-lewa {
	float: left;
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 0px 15px 15px 0px;
}

img.strony-lewa2 {
	float: center;
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 10px 15px 15px 0px;
	max-width: 220px;
}

img.strony-prawa {
	float: right;
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 15px;
}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}





	form input, form select, form textarea {
		-webkit-appearance: none;
	}

	br.clear {
		clear: both;
	}

	h1, h2, h3 {
		font-weight: 300;
		color: #262626;
	}
	
	h4, h5 {
		font-weight: 300;
		color: #262626;
		border-bottom: 10px;
	}

	p {
		margin-bottom: 1.11em;
	}
	
	ul, ol, dl, table {
		margin-bottom: 1.1em;
	}

	p {
		line-height: 1.75em;
	}

	article h3 {
	font-weight: 500;
	font-size: 1.35em;
	}
	
	.lista_plikow {
	font-weight: 300;
	color: #262626;
	font-size: 1.20em;
	margin-bottom: 1.5em;
	}

	section > :last-child, section:last-child, article > :last-child, article:last-child {
		margin-bottom: 0;
	}

	.image {
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
		}

	.image-full {
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}

	.image-left {
		float: left;
		margin: 0 2em 1em 0;
	}

	.image-centered {
		display: block;
		margin: 0 0 0 0;
	}

		.image-centered img {
			margin: 0 auto;
			width: auto;
		}



	.button {
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
		background: #339CC5;
		text-decoration: none;
		color: #FFFFFF;
		border-radius: 5px;
	}

		.button:hover {
			background: #257FA2;
			color: #FFFFFF;
			text-decoration: none;
		}

		.button:active {
			background: #257FA2;
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.button:link {
		
			color: #FFFFFF;
			text-decoration: none;
		}
		
		.button:visited {
		
			color: #FFFFFF;
			text-decoration: none;
		}


			
	ul.news li {
		padding: 1.50em 0em 0em 0em;
		border-top: 1px solid #e8e8e8;
	}

	ul.news a {
		text-decoration: none;
		color: #6e6d6d;
	}

		ul.news a:hover {
			text-decoration: underline;
		}

	ul.news .posted {
		
		color: #65B5D4;
		font-weight: 500;
		
	}
	
	ul.news .post_title {
		font-size: 1.0em;
		font-weight: 600;
		
	}
	
	ul.news .post_title a{
		color: #5F5F5F;
		
	}
	
	ul.news p {
		font-size: 0.90em;
		font-weight: 500;
		
	}

	ul.news .first {
		padding-top: 0em;
		border-top: none;
	}



	.category {
		/*display: none;*/
	}

/* Icons */

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

/* Wrappers */

	#header-wrapper {
		overflow: hidden;
	}

	#footer-wrapper {
		overflow: hidden;
	}
	
	#pasek {
	/*overflow: hidden;*/
	margin-top: 0px;
	margin-bottom: 40px;
	
	color: #111;
	background-color: #fff;
	}
	#pasek-lewa {
	height: 79px;
	width: 600px;
	margin-left: 12px;
	
	background: url(../images/pasek-lewa.png) no-repeat right top;
	}
	#pasek-prawa {
	height: 79px;
	width: 600px;
	margin-left: 12px;
	background: url(../images/pasek-prawa.png) no-repeat right top;
	}
	
	#lewy-przycisk {
	font-size: 28px;
	font-weight: 900;
	padding-left: 15px;
	}
	
	#prawy-przycisk {
	font-size: 28px;
	font-weight: 900;
	padding-left: 150px;
	}
	
	#prawy-przycisk a {
	color: #111;
	text-decoration: none;
	}
	#prawy-przycisk a:hover {
	color: #111;
	text-decoration: none;
	}
	#lewy-przycisk a {
	color: #111;
	text-decoration: none;
	}
	#lewy-przycisk a:hover {
	color: #111;
	text-decoration: none;
	}
	
	#lewy-aktu {
	font-size: 18px;
	font-weight: 700;
	padding-left: 150px;
	color: #FF2B2D;
	}
	#lewy-aktu a {
	color: #FF2B2D;
	text-decoration: none;
	}
	#lewy-aktu a:hover {
	color: #FF2B2D;
	text-decoration: none;
	}


/* Bar */

	#bar {
		position: relative;
		overflow: hidden;
		background: #1F789A;
	}

		#bar h2 {
			color: #FFFFFF;
		}

		#bar p {
			color: #fcfcfc;
		}

/* Slider */

	#slider, #slider2 {
		background: #f4f4f4;
	}




/* Main */

	#main {
		overflow: hidden;
		background: #fff;
	}

/* Footer */

	#footer {
		overflow: hidden;
		background: url(images/bg03.png) no-repeat center top;
	}

		#footer h2 {
			color: #222;
		}

/* Copyright */

	#copyright {
		overflow: hidden;
		border-top: 5px solid #339CC5;
		text-align: center;
		color: #888;
		font-family: 'Roboto', sans-serif;
	}


/* Desktop */

	@media screen and (min-width: 737px) {

		/* Basic */


			h2 {
				font-size: 2em;
			}

			section, article {
				margin-bottom: 3em;
			}

			.button {
				padding: 25px 30px;
				font-size: 2em;
				border-radius: 10px;
			}

			.button-top {
				display: none;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 10px 0 10px 0;
				font-family: 'Roboto', sans-serif;
			}

		/* Header */

			#header {
				position: relative;
			}

				#header h1 {
					
				}

					#header h1 a {
						text-decoration: none;
						color: #000000;
					}

		/* Nav */

			#nav {
				overflow: hidden;
				position: absolute;
				right: 0;
				top: 2em;
			}

				#nav > ul > li > ul {
					display: none;
				}

				#nav ul {
					margin: 0;
					padding: 0;
					text-align: center;
				}

				#nav li {
					float: left;
					display: inline-block;
					padding: 0 1.5em 0 1.5em;
				}

				#nav a {
					-moz-transition: color 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out;
					transition: color 0.25s ease-in-out;
					display: inline-block;
					padding-top: 0.65em;
					text-decoration: none;
					font-size: 1.25em;
					font-weight: 500;
				
					color: #a2a2a2;
					outline: 0;
				}

					#nav a:hover {
						color: #454545;
					}

				#nav .active a {
					color: #454545;
				}

				#nav .current_page_item a {
					color: #454545;
					border-top: 4px solid #339CC5;
				}

			.dropotron {
				background: #1F7799;
				background: rgba(31, 119, 153, 0.85);
				padding: 1.5em;
				line-height: 2.5em;
				min-width: 13em;
				box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
			}

				.dropotron a, .dropotron span {
					font-weight: 300;
					font-size: 1.20em;
					font-style: normal;
					color: #fff;
					text-decoration: none;
				}

				.dropotron li:hover > a, .dropotron li:hover > span {
					color: #ccc;
				}

				.dropotron.level-0 {
					margin-top: 1em;
				}

					.dropotron.level-0:after {
						content: '';
						position: absolute;
						top: -10px;
						left: 50%;
						margin-left: -10px;
						border-bottom: solid 10px rgba(255, 255, 255, 0.97);
						border-left: solid 10px transparent;
						border-right: solid 10px transparent;
					}

		/* Bar */

			#bar {
				padding: 1.8em 3em 1.8em 3em;
			}

				#bar h2 {
					font-size: 1.75em;
					font-weight: 500;
					margin: 0 !important;
				}

				#bar p {
					position: absolute;
					right: 3em;
					top: 50%;
					margin-top: -0.7em;
					font-size: 1.25em;
					font-weight: 300;
				}

		/* Slider */

			#slider {
				margin: 0 auto;
				padding: 0;
				width: 1200px;
				height: 635px;
				position: relative;
			}

				#slider .viewer {
					width: 1200px;
					margin: 0 auto;
					overflow: hidden;
				}

					#slider .viewer .reel {
						display: none;
					}

						#slider .viewer .reel .slide {
							position: relative;
						}

							#slider .viewer .reel .slide img {
								width: 1200px;
								height: 635px;
							}

				#slider .caption-shadow {
					position: absolute;
					width: 100%;
					background: url(images/bg04.png) no-repeat center top;
					height: 50px;
					top: 180px;
				}

				#slider .captions {
					position: absolute;
					top: 395px;
					width: 1200px;
					height: 180px;
					padding-top: 30px;
					background: #fff;
					background: rgba(255, 255, 255, 0.7);
				}

					#slider .captions .captionLine {
						display: block;
						padding-top: 15px;
						padding-left: 120px;
						font-weight: 300;
					}

						#slider .captions .captionLine h2 {
							margin: 0px;
							padding: 0px 0px 0px 0px;
							letter-spacing: -1px;
							font-size: 2.50em;
						}

						#slider .captions .captionLine p {
							width: 50%;
							margin: 0px;
							padding-top: 10px;
						}

						#slider .captions .captionLine .button {
							position: absolute;
							top: 50px;
							right: 120px;
							z-index: 10;
						}

				#slider .navigation {
					position: absolute;
					top: 395px;
					height: 180px;
					right: 0px;
					width: 1200px;
				}

				#slider .previous-button, #slider .next-button {
					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					outline: 0;
					position: absolute;
					opacity: 0.5;
					width: 8em;
					height: 100%;
					top: 0;
					overflow: hidden;
					text-decoration: none;
				}

					#slider .previous-button:before, #slider .next-button:before {
						display: inline-block;
						font-family: FontAwesome;
						font-size: 128px;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						line-height: 170px;
						width: 100%;
						height: 100%;
						color: #339CC5;
						text-align: center;
					}

					#slider .previous-button:hover, #slider .next-button:hover {
						opacity: 1.0;
					}

				#slider .previous-button {
					left: 0;
				}

					#slider .previous-button:before {
						content: '\f104';
					}

				#slider .next-button {
					right: 0;
				}

					#slider .next-button:before {
						content: '\f105';
					}

					
		/* Slider 2 */

			#slider2 {
				margin: 0 auto;
				padding: 0;
				width: 1200px;
				height: 242px;
				position: relative;
			}

				#slider2 .viewer2 {
					width: 1200px;
					margin: 0 auto;
					overflow: hidden;
				}

					#slider2 .viewer2 .reel2 {
						display: none;
					}

						#slider2 .viewer2 .reel2 .slide2 {
							position: relative;
						}

							#slider2 .viewer2 .reel2 .slide2 img {
								width: 1200px;
								height: 242px;
							}

				#slider2 .caption-shadow2 {
					position: absolute;
					width: 100%;
					background: url(images/bg04.png) no-repeat center top;
					height: 50px;
					top: 180px;
				}

				#slider2 .captions2 {
					position: absolute;
					top: 50px;
					width: 1200px;
					height: 180px;
					padding-top: 30px;
					background: #fff;
					background: rgba(255, 255, 255, 0.7);
				}

					#slider2 .captions2 .captionLine2 {
						display: block;
						padding-top: 15px;
						padding-left: 120px;
						font-weight: 300;
					}

						#slider2 .captions2 .captionLine2 h2 {
							margin: 0px;
							padding: 0px 0px 0px 0px;
							letter-spacing: -1px;
							font-size: 2.50em;
						}

						#slider2 .captions2 .captionLine2 p {
							width: 50%;
							margin: 0px;
							padding-top: 10px;
						}

						#slider2 .captions2 .captionLine2 .button2 {
							position: absolute;
							top: 50px;
							right: 120px;
							z-index: 10;
						}

				#slider2 .navigation2 {
					position: absolute;
					top: 95px;
					height: 180px;
					right: 0px;
					width: 1200px;
				}

				#slider2 .previous-button2, #slider2 .next-button2 {
					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					outline: 0;
					position: absolute;
					opacity: 0.5;
					width: 8em;
					height: 100%;
					top: 0;
					overflow: hidden;
					text-decoration: none;
				}

					#slider2 .previous-button2:before, #slider2 .next-button2:before {
						display: inline-block;
						font-family: FontAwesome;
						font-size: 128px;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						line-height: 1;
						-webkit-font-smoothing: antialiased;
						-moz-osx-font-smoothing: grayscale;
						line-height: 170px;
						width: 100%;
						height: 100%;
						color: #339CC5;
						text-align: center;
					}

					#slider2 .previous-button2:hover, #slider2 .next-button2:hover {
						opacity: 1.0;
					}

				#slider2 .previous-button2 {
					left: 0;
				}

					#slider2 .previous-button2:before {
						content: '\f104';
					}

				#slider2 .next-button2 {
					right: 0;
				}

					#slider2 .next-button2:before {
						content: '\f105';
					}


					
		/* Main */

			#main {
				padding: 0em 0em 5em 0em;
			}

				#main h2 {
					margin: 0em 0em 1em 0em;
					letter-spacing: -1px;
				}

			.homepage #main {
				padding-bottom: 0;
			}

		/* Content */

			.no-sidebar #content {
				padding: 1em 3em 0em 3em;
			}


			.right-sidebar #content {
				padding: 1em 0em 0em 0em;
			}
			
			

		/* Sidebar */

			.left-sidebar #sidebar {
				padding: 3em 3em 0em 3em;
			}

			.right-sidebar #sidebar {
				padding: 1em 3em 0em 3em;
			}
			
			.odstep-lewa  {
				padding: 0em 0em 0em 3em;
			}

		/* Footer */

			#footer {
				padding-top: 2em;
				color: #777;
			}

				#footer h2 {
					padding: 0em 0em 1em 0em;
					font-size: 1.50em;
				}

		/* Copyright */

			#copyright {
				margin-top: 0em;
				padding: 2em 0em 4em 0em;
			}

	}

/* Tablet */

	@media screen and (min-width: 737px) and (max-width: 1200px) {

		/* Basic */
		img.strony-lewa2 {
	max-width: 180px;
}
			body {
				min-width: 1000px;
				font-size: 9.5pt;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 1em 0 1em 0;
				font-family: 'Roboto', sans-serif;
			}

		/* Header */

			#header h1 {
				
			}

		/* Nav */

			#nav {
				top: 1.5em;
			}

		/* Bar */

			#bar {
				padding: 2em 3em;
			}

		/* Slider */

			#slider {
				width: 1000px;
				height: 529px;
			}

				#slider .viewer {
					width: 1000px;
				}

					#slider .viewer .reel .slide img {
						width: 1000px;
						height: 529px;
					}

				#slider .caption-shadow {
					top: 180px;
				}

				#slider .captions {
					width: 1000px;
					top: 355px;
				}

					#slider .captions .captionLine .button {
						top: 52px;
						font-size: 1.50em;
					}

				#slider .navigation {
					width: 1000px;
				}

				#slider .previous-button, #slider .next-button {
					margin-top: -55px;
				}

		/* Slider 2 */

			#slider2 {
				width: 1000px;
				height: 200px;
			}

				#slider2 .viewer2 {
					width: 1000px;
				}

					#slider2 .viewer2 .reel2 .slide2 img {
						width: 1000px;
						height: 200px;
					}

			
				
		/* Footer */

			#footer {
				background-size: 100% auto;
				padding-top: 2em;
			}

		/* Copyright */

			#copyright {
				margin-top: 3em;
				padding: 2em 0em 2em 0em;
			}

	}

/* Mobile */

	#navPanel, #titleBar {
		display: none;
	}


	
	@media screen and (max-width: 736px) {




img.ramka_responsywna {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_50 {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_75 {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.ramka_responsywna_calosc {
	background: #fafafa;
    border: 1px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_50 {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_75 {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

img.bezramki_responsywna_calosc {
	background: #fafafa;
    border: 0px solid #eee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	
    max-width: 100% !important;
    height: auto;
    display: block;
}

  #logo, .log {
   display:none;
  }

	
		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body {
				line-height: 1.75em;
				font-size: 9.5pt;
				letter-spacing: 0;
			}

			h2, h3 {
				font-size: 1.5em;
			}

			h4, h5, h6 {
				font-size: 1.3em;
			}
			
			section, article {
				clear: both;
				margin: 0px 15px !important;
			}

			ul.style2 {
				overflow: hidden;
				padding-bottom: 1em;
			}

			ul.style4 {
				margin-bottom: 2em;
				text-align: center;
			}

				ul.style4 li {
					display: block;
					margin-bottom: 0.30em;
				}

				ul.style4 a {
					display: block;
					padding: 0.70em 1em;
					text-decoration: none;
					font-size: 1.25em;
					font-style: italic;
					color: #787878;
				}

			.button {
				display: block;
				text-align: center;
				font-size: 1.25em;
				padding: 1em 0 1em 0;
			}

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
				padding-top: 44px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background: #1F7799 url("images/bg02.jpg") no-repeat left top;
				background-size: 100% 100%;
			}

				#titleBar .title {
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 100%;
					line-height: 44px;
					font-size: 1.1em;
					font-weight: 300;
					color: #fff;
					text-align: center;
				}

				#titleBar .toggle {
					position: absolute;
					left: 0;
					top: 0;
					text-indent: -9999px;
					width: 60px;
					height: 44px;
					z-index: 1;
				}

					#titleBar .toggle:before {
						content: '';
						position: absolute;
						left: 4px;
						top: 1px;
						width: 25px;
						height: 30px;
						background: url("images/toggle.svg") 6px 15px no-repeat;
						opacity: 0.65;
					}

					#titleBar .toggle:active:before {
						opacity: 0.5;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-400px);
				-webkit-transform: translateX(-400px);
				-ms-transform: translateX(-400px);
				transform: translateX(-400px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 400px;
				z-index: 10002;
				background: #1F7799;
				background-size: 100% 100%;
			}

				#navPanel .link {
					display: block;
					color: #C3E9F8;
					text-decoration: none;
					height: 44px;
					line-height: 44px;
					border-top: 3px solid #3388A9;
					padding: 0 1em 0 1em;
					font-style: normal;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

		/* Wrappers */

			#main-wrapper {
				margin: 10px 10px 0 10px;
			}

			#footer-wrapper {
				margin: 0 10px 10px 10px;
			}

		/* Header */

			#header, #nav {
				display: none;
			}

		/* Bar */

			#bar {
				overflow: hidden;
				margin-top: -3px;
				background-size: 100% 100%;
				padding: 1em 0 1em 0;
			}

				#bar h2, #bar p {
					text-align: center;
					font-weight: 300;
				}

				#bar h2 {
					display: block;
					margin: 0 !important;
					font-size: 1.1em;
				}

				#bar p {
					display: none;
				}

		/* Slider */

			#slider {
				position: relative;
			}

				#slider .viewer .reel {
					display: none;
				}

					#slider .viewer .reel .slide img {
						width: 100%;
						line-height: 0;
					}

				#slider .captions {
					overflow: hidden;
					padding: 30px 20px 20px 20px;
					background: #fff;
					text-align: center;
				}

					#slider .captions h2 {
						margin: 0 0 0.75em 0;
					}

				#slider .navigation {
					display: none;
				}
				
				
				
		/* Slider 2*/

			#slider2 {
				position: relative;
			}

				#slider2 .viewer2 .reel2 {
					display: none;
				}

					#slider2 .viewer2 .reel2 .slide2 img {
						width: 100%;
						line-height: 0;
					}

				#slider2 .captions2 {
					overflow: hidden;
					padding: 30px 20px 20px 20px;
					background: #fff;
					text-align: center;
				}

					#slider2 .captions2 h2 {
						margin: 0 0 0.75em 0;
					}

				#slider2 .navigation2 {
					display: none;
				}
				


		/* Main */

			#main {
				margin: 0em;
				padding: 0em 0em 3em 0em;
			}

				#main > .row > .\31 2u:first-child {
					margin-top: 0 !important;
				}

				#main h2 {
					margin: 0em 0em 1.5em 0em;
				}

				#main .image-left {
					float: none;
					width: 100%;
					margin-bottom: 0.75em;
				}

			.homepage #main {
				padding-bottom: 0;
			}

		/* Content */

			.no-sidebar #content, .left-sidebar #content, .right-sidebar #content {
				padding: 2em 0em 0em 0em;
			}

		/* Sidebar */

			.left-sidebar #sidebar {
				padding: 3em 0em 0em 0em;
			}

			.right-sidebar #sidebar {
				padding: 3em 0em 0em 0em;
			}

		/* Footer */

			#footer {
				padding-top: 1em;
				background-size: 100% auto;
			}

				#footer h2 {
					margin: 0em 0em 0.50em 0em;
				}

				#footer section {
					overflow: hidden;
					padding-bottom: 2em;
				}

		/* Copyright */

			#copyright {
				margin-top: 2em;
				padding: 2em 0em 6em 0em;
			}

	}
	
	

}