a:link, a:visited {	color: inherit;
					text-decoration: none;	}


.nodisplay		{	display: none;	}
.mobile			{	display: none;	}
.desktop		{	display: block;	}

body	{	width: 100%; 
			height: 100%;
			margin: 0;
			padding: 0;
			float: left;
			overflow-x: hidden;
			
				}
			
			
.menu		{	position: fixed;
				width: 100%;
				height: 12%;
				background-color: white;
				top: 0;
				z-index: 99;
				font-size: 1rem;
				font-family: 'open sans';
				font-weight: 100;
				box-shadow: 2px 10px 7px -8px grey; }	

.menu ul 	{	position: relative;
				width: 70%;
				height: 70%;
				min-height: 10vh; 
				margin: 0 0 0 2%;
				padding: 1% 0% 0 30%;
				list-style:	none;
				background-image: url(gfx/sygnet.png);
				background-size: contain;
				background-repeat: no-repeat;	
				background-position: top left;
				}
				
.menu ul li	{	position: relative;
				list-style:	none;
				font-size:0.8rem;
				float: left;
				padding: 0 1% 0 1%;
				color: black; 
				cursor: pointer;
				line-height: 10vh;
				
					}
				
.menu ul li:hover	{	color: red;	}	

.menu ul li img	{	height: 6vh;
					float: left;
					margin: 1vh 0;	}	


.menu ul ul 	{		visibility: hidden;
					opacity: 0;
					transition: opacity 0.5s, visibility 0.5s;
					width: auto;
					min-width: 200%;
					height: auto;
					float: left;	
					padding: 10% 5% 20% 20%;
					text-align: center;
					margin-left: -20%;
					margin-top: 0%;
					position: absolute;
					line-height: 100%;
					background: white;
					border-radius: 0 0 20px 20px;
					box-shadow: 1px 10px 2px -8px black;
										
					 }

.menu	ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s, visibility 0.5s;
		
	}	

.menu 	ul li ul li {	
						padding: 5% 5% 5% 10%;
						float: left;
						width: 100%;
						color: black;
						font-size: 0.8rem;
						font-family: 'open sans';
						text-align: left;
						line-height: 100%;
						
						
 }
 
 .menu 	ul li ul li:first-child {	padding: 20% 10% 5% 10%; }
 .menu 	ul li ul li:last-child {	padding: 5% 10% 20% 10%; }

.bgstart			{	position: relative;
						width: 100%;
						max-width: 100vw;
						height: 90%;
						height: 90vh;
						float: left;
						margin: 10vh 0 0 0; 
						padding: 0;
						background-image: url(gfx/bg.jpg); 
						background-color: red;
						background-repeat:no-repeat; 
						background-color: white; 
						background-size: cover; 
						background-position: center; 
						
						}			
			
					
.logo	{	position: relative; 
			background-image: url(gfx/logo.png); 
			background-size: contain; 
			background-position: center; 
			background-repeat: no-repeat; 
			height: auto; 
			min-height: 35vh; 
			width: 60%; 
			min-width: 50vw; 
			float: left; 
			margin: 10% 20% 3% 20%;}
		
				
.wrap	{	position: relative;
			float: left;
			width: 90%;
			padding: 5%;
			font-family: 'open sans';
			font-size: 0.9em;
			line-height: 150%;
	  }	

.naglowek	{	position: relative;
			float: left;
			width: 80%;
			padding: 7% 10% 2.5% 10%;
			font-family: 'open sans';
			font-size: 1rem;
			line-height: 150%;
			background-color: #fafafa;
			text-align: justify;
			background-image: url(gfx/bgk3.jpg);
			background-repeat: repeat;
			font-family: 'Amatic sc';
						font-size: 8rem;
						text-align: center;
						color: #E31E24; 
						
								}	  
		  
.tresci	{	position: relative;
			float: left;
			width: 80%;
			padding: 5% 10%;
			font-family: 'open sans';
			font-size: 1rem;
			line-height: 150%;
			background-color: #fafafa;
			text-align: justify;
			background-image: url(gfx/bgk3.jpg);
			background-repeat: repeat;
	  }		

.tresci p:first-child	{	font-family: 'Amatic sc';
						font-size: 8rem;
						text-align: center;
						width: 100%;
						line-height: 60%;
						color: #E31E24; 
						clear: both;	}
						

.tresci img:hover	{
     animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
			
				
		  
.kolumny	{	-webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
		padding-bottom: 10%;
	}		  
		  
		  
.first_st		{	color: #E3E9A5;
					background-color: #64A11F;
					background-image: url(gfx/sec_bg.png);
					background-repeat: no-repeat;
					background-position: bottom center;
					background-size: contain;
					
					}
					
.first_st p 	{	font-family: 'Baloo Thambi';
					font-size: 5em;
					line-height: 90%;
					font-weight: bolder;
					color: #E3E9A5;
				}		

	
.tytul_dzialu	{		position: relative;
						width: 96%;
						float: left;
						font-family: 'amatic sc';
						font-size: 3rem;
						font-weight: thin;
						color: inherit;
						padding: 2%;
						text-align: center !important;
						line-height: 120%;
						margin-bottom: 5%;
					}	

.ikona				{ 	position: reltive;
						width: 20%;
						min-height: 10vh;
						background-repeat: no-repeat;
						background-position: center;
						background-size: contain;
						margin: 5% 40% 2% 40%;
						float: left;
						}					
				
.akt				{	background-image: url(gfx/akt.png);}			
.logo_wh				{	background-image: url(gfx/logo_wh.png);
							width: 100%;
							float: left;
							height: 40vh;
							margin: 0 0 5% 0;
							background-repeat: no-repeat;
							background-position: center;
							background-size: contain;}		
				
.slogan	{	position: relative;
			float: left;
			width: 100%;
			height: auto;
			min-height: 100vh;
			background-color: none;
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
						
			}
			
.slogan p	{	font-size: 4rem;
				margin: 0 auto;
				line-height: 150%;
				text-align: center;
				color: white;
				font-family: 'Baloo Thambi';
				margin-top: 5%;
				text-shadow: 0 0 2px black;	}

.kurtyna	{	position: absolute;
				float: left;
				background: rgba(240, 131, 101, 0.6);
				width: 100%;
				height: 100%;
					}		

.aktu	{	position: relative;
			width: 90%;
			padding: 5%;
			min-height: 50vh;
			float: left;
			background-color: #f2f2f2;
			
			
			
			}		

	@-moz-document url-prefix() {
    #like-box {
      display:none
    }
  }		

/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 999;
	top: 15%;  /* jego polozenie od gory */
	right: -350px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: right 0.5s ease-out;
	-moz-transition: right 0.5s ease-out;
	-o-transition: right 0.5s ease-out;
	transition: right 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	right: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: right;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg); 
	-o-transform: rotate(270deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 10px 0px 0px 20px;
	margin: 50px -50px 0px 0px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

@media all and (max-width: 1000px) and (min-width: 120px) {			
.mobile		{	display: block;}
.desktop	{	display: none;	}
.logo		{	min-height: 35vh; 
				width: 100%; 
				min-width: 90vw; 
				margin: 20% 0% 3% 0%;}
				

.bgstart			{	background-image: url(gfx/bg.jpg); 
						background-size: cover; 
						background-position: center; 
						height: 80%;
						height: 80vh;
						margin: 0 0 0 0;
						
						}	
				
.kolumny	{	-webkit-columns: 1;
				 -moz-columns: 1;
					  columns: 1;
			  -webkit-column-gap: 0px;
				 -moz-column-gap: 0px;
					  column-gap: 0px;
					padding-bottom: 10%;
				}	

.first_st p 	{	font-family: 'Baloo Thambi';
					font-size: 2.3rem;
					line-height: 110%;
					font-weight: bolder;
					color: #E3E9A5;
				}	

.naglowek	{	font-size: 3rem; }		

.tytul_dzialu	{	font-size: 2rem; }	


.mobilemenu		{	position: fixed;
					z-index: 99999999999999;
					background: white;
					display: block;
					top: 0;
					width: 100%;
					height: auto;
					float: left;
					padding: 0;
					background-repeat: no-repeat;
				border-bottom: 1px solid #B38C47;	
}
				
.click		{	position: relative;
				padding-right: 15%;
				margin: 0;
				max-height:5vh;
				line-height: 5vh;
				height: 100%;
				width: 10%;
				float: right;
				color: black;
				background-repeat: no-repeat;
				background-position: right top;
				background-size: contain;
				background-image: url('gfx/mmenu.png');
				font-family: 'Amatic sc';
				font-size: 1.5rem;
				}				


#mobilenav	{	position: absolute;
				width: 100%;
				height: 100%;
				min-height: 100vh;
				overflow-y: scroll;
				padding: 10% 0 10% 0;
				margin: 0;
				background: white;
				float: left;
				z-index: 9;
				text-indent: 0; 
				background-color: white;
				
				
				
				}					

#mobilenav ul {	position: relative;
				overflow-x: hidden;
				width: 80%;
				height: auto;
				list-style: none;
				padding: 5% 0 0 0;
				margin: 0 10% 0 10%;
				font-family: 'Open sans', sans-serif; 
				font-weight: bold;
				font-size: 0.9rem;
				font-weight: 100;
				text-align: left;
				float: left;
				left: 0;
					}

#mobilenav ul li {	position: relative;
				width: 100%;
				height: auto;
				padding: none!important;
				border:none;
				margin: 2% 0 0 0;
				float: left;
				list-style: none;
				left: 0;						
				text-indent: 0;
				line-height: 100%;				}
				
#mobilenav ul li img	{	height: 20vh;
							float: left; 
							line-height: 100%;}				
				
#mobilenav ul li ul li{	position: relative;
				width: 100%;
				height: auto;
				padding: 2% 0 2% 0;
				margin: 2% 0 2% 0;
				float: left;
				list-style: none;
				left: 0;						
				text-indent: 0; }				
				
#mobilenav ul li ul li:last-child	{	border-bottom: none;
											padding: none;} 
				
.tresci	{	width: 95%;
			padding: 2.5%;
			text-align: left;
			
	  }					
	

.tresci p:first-child	{ font-size: 2rem;
							line-height: 100%;}
						


							}