body
	{
		padding:		0px; 
		margin-top:		0px; 
		margin-left:	0px;
		margin-right:	0px; 
		overflow:		auto;
		background:		#99ccff; 
		font-family:	Kanit, Arial, sans-serif;
	}

a 
	{ 
		text-decoration: none;
	}
img
	{
		border: none;
	}
.clear
	{
		clear: both;
	}


/* część nagłówkowa start */
#gora
	{
		width:			100%;
		background:		linear-gradient(#99ccff , #ffffff);  
	}
/*		menu główne start */
#menu
	{
		margin:			auto; 
		position:		relative;
		width:			1150px;
		height:			70px;
		padding-bottom:	5px;
	}
#menu_g
	{
		background:		#8ac5ff;
		width:			1010px;
		height:			20px;
		border-left:	solid 1px #dfdfdf;
		border-right:	solid 1px #dfdfdf;
		border-bottom:	solid 1px #dfdfdf;
		border-bottom-left-radius:	7px;
		float:			right;
		padding:		5px 3px 2px 3px;
	}
#menu_text_m
	{
		font-family:	Arial, Verdana, sans-serif;
		font-size:		16px;
		font-weight:	bold;
		color:			white;
		letter-spacing:	2px;
		text-shadow:	-1px 0 #949494, 0 1px #949494, 1px 0 #949494, 0 -1px #949494;
		float:			right;
	}
#menu_text_d
	{
		font-family:	Arial, Verdana, sans-serif;
		font-size:		16px;
		font-weight:	bold;
		color:			white;
		letter-spacing:	1.5px;
		text-shadow:	-1px 0 #949494, 0 1px #949494, 1px 0 #949494, 0 -1px #949494;
		float:			left;
	}
#menu_text_m a, #menu_text_d a 
	{
		margin-left: 20px;
		color:		white;
	}
#menu_text_m a:hover 
	{
		color:		#ffa64d;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	}
#menu_text_d a:hover
	{
		color:		#ffa64d;
		text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
	}
#menu_d
	{
		padding-top:	7px;
		clear:			both;
		width:			1150px;
		height:			50px;
	}
#menukontakt
	{
		margin-top:		2px;
		float:			right;
	}
#home
	{
		float:			left;
		margin-left:	135px;
		line-height:	25px;
		padding-top:	5px;
	}
/*			logowanie start */
#login
	{
		float:			left;
		margin-left:	10px;
		line-height:	25px;
		padding-top:	6px;
	}
.logowanieDialog 
	{
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
		pointer-events: none;
	}
.logowanieDialog:target
	{
		opacity:1;
		pointer-events: auto;
	}

.logowanieDialog > div 
	{
		color: #e8090e;
		width: 200px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
/*			logowanie end */
/*		menu główne end */
#naglowek
	{
		margin:			auto; 
		padding:		0px;
		position:		relative;
		width:			1150px;
		height:			265px;     /*   265		 */
		background:		linear-gradient(#ffcc99 , #FFFFFF);  
		border-top-left-radius:	10px;
	}
#naglowek0
	{
		margin:			auto; 
		padding:		0px;
		position:		relative;
		width:			1150px;
		height:			480px;     /*   265		 */
		background:		linear-gradient(#ffcc99 , #FFFFFF);  
		border-top-left-radius:	10px;
	}
/*		logo start */
#naglowek_logo
	{
		position:		absolute;
		top:			-50px;
		left:			-50px;
		width:			200px;
		height:			180px;
		z-index:		2;
	}
#logo
	{
		animation:						logo_an 2s infinite ease-out;
		-webkit-animation:				logo_an 2s infinite ease-out;
		animation-play-state:			paused;
		-webkit-animation-play-state:	paused;
	}
#logo img 
	{
		width:		200px;
		height:		180px;
	}
@-webkit-keyframes logo_an 
	{
	 0%		{ transform:rotate(0deg); }
	 33%	{ transform:rotate(10deg); }
	 66%	{ transform:rotate(-10deg); }
	 100%	{ transform:rotate(0deg); }
	}
@keyframes logo_an 
	{
	 0%		{ transform:rotate(0deg); }
	 33%	{ transform:rotate(10deg); }
	 66%	{ transform:rotate(-10deg); }
	 100%	{ transform:rotate(0deg); }
	}
#logo:hover 
	{ 
		-webkit-animation-play-state:	running;
		animation-play-state:			running;
	}
/*		logo end */
/*		telefony start */
#telefony
	{
		position:		absolute;
		top:			125px;
		left:			3px;
		font-family:	Georgia, Arial;
		font-size:		12px;
		line-height:	18px;
		padding:		10px;
		color:			#ff8000;	
		font-weight:	bold;
		letter-spacing:	1px;
		z-index:		2;
	}
/*		telefony end */
/*		slideshow start */
#naglowek_slideshow
	{
		position:				absolute;
		top:					10px;
		left:					220px;
		width:					580px;
		height:					240px;
		border-bottom:			solid 1px #fff;
		box-shadow:				5px 13px 8px -8px #4e4e50;
	}
#slideshow 
	{
		position: relative;
		width: 580px;
		height: 240px;
	}
#slideshow .container 
	{
		position:relative;
		width: 580px;
		height: 240px;
		overflow: hidden;
		border-top-left-radius:	10px;
		perspective: 1px;
	}
#slideshow .slider 
	{
		position: absolute;
		left:0; top:0;
		width: 580px;
		height: 400%;
	}
#slideshow figure 
	{
		position:	relative;
		display:	inline-block;
		padding:	0; 
		margin:		0;
	}
#slideshow figcaption 
	{
		height:			60px;
		width:			280px;
		position:		absolute;
		top:			170px;
		left:			0px;	
		background:		rgba(0,0,0, 0.5);
		font-family:	Arial, Verdana, sans-serif;
		font-size:		18px;
		letter-spacing:	2px;
		word-spacing:	0.30em;
		font-weight:	bold;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
		border-top:		solid 1px rgba(102,102,102,0.5);
		border-right:	solid 1px rgba(102,102,102,0.5);
		border-bottom:	solid 1px rgba(102,102,102,0.5);
		border-top-right-radius:	10px;
		border-bottom-right-radius:	10px;
		display:		table;
	}
div .tekst
	{
		height:			60px;
		width:			280px;
		text-align:		center;
		margin:			0 auto;
		vertical-align: middle;
		display:		table-cell;
		color:			#FFFFFF;
	}
@-webkit-keyframes slider 
	{
		0%		{ top: 0 }
		20%		{ top: 0 }
		25%		{ top: -100% }
		45%		{ top: -100% }
		50%		{ top: -200% }
		70%		{ top: -200% }
		75%		{ top: -300% }
		95%		{ top: -300% }
		100%	{ top: 0 }
	}
@keyframes slider 
	{
		0%, 20%, 100%	{ top: 0 }
		25%, 45%		{ top: -100% }
		50%, 70%		{ top: -200% }
		75%, 95%		{ top: -300% }
	}
#slideshow .slider 
	{
		animation: slider 16s infinite;
		-webkit-animation: slider 16s infinite;
	}
@-webkit-keyframes figcaptionner 
	{
		0%		{ left: -310px;	opacity: 0;}
		5%		{ left: 0px;	opacity: 1;}
		20%		{ left: 0px;	opacity: 1;}
		20.1%	{				opacity: 0;}
		25%		{ left: -310px;	opacity: 0;}
		30%		{ left: 0px;	opacity: 1;}
		45%		{ left: 0px;	opacity: 1;}
		45.1%	{				opacity: 0;}
		50%		{ left: -310px;	opacity: 0;}
		55%		{ left: 0px;	opacity: 1;}
		70%		{ left: 0px;	opacity: 1;}
		70.1%	{				opacity: 0;}	
		75%		{ left: -310px;	opacity: 0;}
		80%		{ left: 0px;	opacity: 1;}
		95%		{ left: 0px;	opacity: 1;}
		95.1%	{				opacity: 0;}	
		100%	{ left: -310px;	opacity: 0;}	
	}
@keyframes figcaptionner 
	{
		0%		{ left: -310px;	opacity: 0;}
		5%		{ left: 0px;	opacity: 1;}
		20%		{ left: 0px;	opacity: 1;}
		20.1%	{				opacity: 0;}
		25%		{ left: -310px;	opacity: 0;}
		30%		{ left: 0px;	opacity: 1;}
		45%		{ left: 0px;	opacity: 1;}
		45.1%	{				opacity: 0;}
		50%		{ left: -310px;	opacity: 0;}
		55%		{ left: 0px;	opacity: 1;}
		70%		{ left: 0px;	opacity: 1;}
		70.1%	{				opacity: 0;}	
		75%		{ left: -310px;	opacity: 0;}
		80%		{ left: 0px;	opacity: 1;}
		95%		{ left: 0px;	opacity: 1;}
		95.1%	{				opacity: 0;}	
		100%	{ left: -310px;	opacity: 0;}	
	}
#slideshow figcaption 
	{
		animation: figcaptionner 16s infinite;
		-webkit-animation: figcaptionner 16s infinite;
	}
/*			slideshow nawigacja start */
ul.dots_commands  
	{
		position:		absolute;
		top:			10px;
		left:			-15px;
		padding:		0px; 
		margin:			0px;
		list-style:		none;
		line-height:	20px;

	}
.dots_commands li 
	{
		padding:		0; 
		margin:			0;
		line-height:	20px;
		height:			20px;
		width:			8px;
	}
.dots_commands a 
	{
		position:		relative;
		display:		inline-block;
		height:			8px; 
		width:			8px;
		text-indent:	-9999px;
		background:		#fff;
		border-radius:	50%;
		box-shadow:		0 1px 2px rgba(0,0,0,0.55) inset;
	}
.dots_commands a:focus 
	{ 
		outline:	none;
		background:	orange;
	}
.dots_commands li:first-child a 
	{ 
		z-index: 25; 
	}
.dots_commands li:first-child a:after, .dots_commands li:first-child a:before 
	{
		position:	absolute;
		top:			0; 
		left:			0;
		content:		"";
		width:			8px; 
		height:			8px;
		background:		#bd9b83;
		z-index:		20;
		border-radius:	50%;
		box-shadow:		0 1px 2px rgba(0,0,0,0.55) inset;
	}
.dots_commands li:first-child a:after 
	{
		animation: dotser 16s infinite;
		-webkit-animation: dotser 16s infinite;
	}
.dots_commands li:first-child a:before 
	{ 
		display: none; 
	}
@-webkit-keyframes dotser 
	{
		0%, 100% 	{ opacity: 1; left: -15;top: 0px;	}
			
		20%			{ opacity: 1; left: -15;top: 0px;	}
		22%			{ opacity: 0; left: -15;top: 0px;	}
		23%			{ opacity: 0; left: -15;top: 20px;	}
		25%			{ opacity: 1; left: -15;top: 20px;	}
			
		45%			{ opacity: 1; left: -15;top: 20px;	}
		47%			{ opacity: 0; left: -15;top: 20px;	}
		48%			{ opacity: 0; left: -15;top: 40px;	}
		50%			{ opacity: 1; left: -15;top: 40px;	}
			
		70%			{ opacity: 1; left: -15;top: 40px;	}
		72%			{ opacity: 0; left: -15;top: 40px;	}
		73%			{ opacity: 0; left: -15;top: 60px;	}
		75%			{ opacity: 1; left: -15;top: 60px;	}
			
		95%			{ opacity: 1; left: -15;top: 60px;	}
		97%			{ opacity: 0; left: -15;top: 60px;	}
		98%			{ opacity: 0; left: -15;top: 0;		}
	}
@keyframes dotser 
	{
		0%, 100% 	{ opacity: 1; left: -15;top: 0px;	}
			
		20%			{ opacity: 1; left: -15;top: 0px;	}
		22%			{ opacity: 0; left: -15;top: 0px;	}
		23%			{ opacity: 0; left: -15;top: 20px;	}
		25%			{ opacity: 1; left: -15;top: 20px;	}
			
		45%			{ opacity: 1; left: -15;top: 20px;	}
		47%			{ opacity: 0; left: -15;top: 20px;	}
		48%			{ opacity: 0; left: -15;top: 40px;	}
		50%			{ opacity: 1; left: -15;top: 40px;	}
			
		70%			{ opacity: 1; left: -15;top: 40px;	}
		72%			{ opacity: 0; left: -15;top: 40px;	}
		73%			{ opacity: 0; left: -15;top: 60px;	}
		75%			{ opacity: 1; left: -15;top: 60px;	}
			
		95%			{ opacity: 1; left: -15;top: 60px;	}
		97%			{ opacity: 0; left: -15;top: 60px;	}
		98%			{ opacity: 0; left: -15;top: 0;		}
	}
/*			 slideshow nawigacja end */
/*			slideshow pause start */
.stopanimation:target ~ #gora #naglowek #naglowek_slideshow #slideshow .slider, 
.stopanimation:target ~ #gora #naglowek #naglowek_slideshow #slideshow figcaption, 
.stopanimation:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:after,
#slideshow:hover .slider,
#slideshow:hover figcaption, 
#slideshow:hover .dots_commands li:first-child a:after
	{
		animation-play-state: paused;
		-webkit-animation-play-state: paused;
	}
/*			slideshow pause end */
/*			slideshow static start */
#slideshow .c_slider 
	{
		position: absolute;
		left:0; top:0;
		width: 400%;
		height: 240px;
		background: url(mamaija.jpg) 0 0 no-repeat, url(szkolkiplywackie.jpg) 580px 0 no-repeat, url(cardiofit.jpg) 1160px 0 no-repeat, url(pilates.jpg) 1740px 0 no-repeat;
		transition: background 1s;
	}
#slideshow .c_slider::before
	{
		content:		"";
		height:			60px;
		width:			280px;
		position:		absolute;
		top:			170px;
		left:			0px;	
		background:		rgba(0,0,0, 0.5);
		font-family:	Arial, Verdana, sans-serif;
		font-size:		18px;
		font-weight:	bold;
		border-top:		solid 1px rgba(102,102,102,0.5);
		border-right:	solid 1px rgba(102,102,102,0.5);
		border-bottom:	solid 1px rgba(102,102,102,0.5);
		border-top-right-radius:	10px;
		border-bottom-right-radius:	10px;
		text-shadow:	1px 1px 0 rgba(255,255,255,0.3);
		opacity:		0;
		transition:		opacity 2s;
	}
.sl_i:target ~ #gora #naglowek #naglowek_slideshow #slideshow .slider									
	{ 
		visibility: hidden ;
	}
.sl_i:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:after		
	{ 
		display:	none; 
	}
.sl_i:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:before	
	{ 
		display:	block; 
	}
#sl_i1:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider
	{ 
		background-position: 0 0, 580px 0, 1160px 0, 1740px 0; 
	}
#sl_i1:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:before	
	{ 
		top: 0px; 
	}
#sl_i1:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider:before
	{ 
		display:		table-cell;
		text-align:		center;
		margin:			0 auto;
		vertical-align: middle;
		color:			#FFFFFF;
		content:		"MAMA I JA";
		opacity: 1;	
		line-height:	60px;
		font-size:		18px;
		letter-spacing:	2px;
		font-weight:	bold;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	}
#sl_i2:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider
	{ 
		background-position: -580px 0, 0 0,  580px 0, 1160px 0; 
	}
#sl_i2:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:before	
	{ 
		top: 20px; 
	}
#sl_i2:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider:before
	{ 
		text-align:		center;
		margin:			0 auto;
		vertical-align: middle;
		color:			#FFFFFF;
		content:		"SZKÓŁKI PŁYWACKIE";
		opacity: 1;
		line-height:	60px;
		font-size:		18px;
		letter-spacing:	2px;
		font-weight:	bold;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	}
#sl_i3:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider
	{ 
		background-position: -1160px 0, -580px 0,  0 0, 580px 0; 
	}
#sl_i3:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:before	
	{ 
		top: 40px; 
	}
#sl_i3:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider:before
	{ 
		text-align:		center;
		margin:			auto;
		vertical-align: middle;
		color:			#FFFFFF;
		content:		"CARDIO FIT";
		opacity: 1;
		line-height:	60px;
		font-size:		18px;
		letter-spacing:	2px;
		font-weight:	bold;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	}
#sl_i4:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider
	{ 
		background-position: -1740px 0, -1160px 0,  -580px 0, 0 0; 
	}
#sl_i4:target ~ #gora #naglowek #naglowek_slideshow #slideshow .dots_commands li:first-child a:before	
	{ 
		top: 60px; 
	}
#sl_i4:target ~ #gora #naglowek #naglowek_slideshow #slideshow .c_slider:before
	{ 
		text-align:		center;
		margin:			auto;
		vertical-align: middle;
		color:			#FFFFFF;
		content:		"PILATES";
		opacity: 1;
		line-height:	60px;
		font-size:		18px;
		letter-spacing:	2px;
		font-weight:	bold;
		text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	}
/*			slideshow static end  */
/*		slideshow end */
/*		losowy film start */
#naglowek_random_film
	{
		position:	absolute;
		top:		10px;
		left:		810px; 
		width:		330px;
		height:		250px;
	}
#losowy
	{
		width:			320px;
		border-top:		none;
		border-left:	none;
		border-right:	solid 1px #c7c7c7;
		border-bottom:	solid 1px #fff;
		box-shadow:		5px 5px 8px 0px #4e4e50;
/*		background: linear-gradient( #000,#fff);*/

	}
#losowy video
	{
		width:		320px;
	}
/*		losowy film end */
/*		losowe zdjecie start */
#motto_filmik
	{
		padding-top:	8px;
		width:		320px;
		text-align: center;
		font-family:	'Caveat', sans-serif;	
		font-size:		24px;
		color:			#ff8000;	
		font-weight:	bold;
		letter-spacing:	1px;
	}
#naglowek_random_zdjecie
	{
		position:	absolute;
		top:		10px;
		left:		810px; 
		width:		330px;
		height:		250px;
	}
#losowe
	{
		width:			320px;
		height:			240px;
		border-top:		none;
		border-left:	none;
		border-right:	solid 1px #c7c7c7;
		border-bottom:	solid 1px #fff;
		box-shadow:		5px 5px 8px 0px #4e4e50;
	}
#losowe img
	{
		width:		320px;
		height:		240px; 
	}
/*		losowe zdjecie end */

/* część nagłówkowa end */


/* część środkowa start */
#tresc
	{
		background-color:	#ffffff;
		width:				100%;
	}
.tresc_w
	{
		position:		relative;
		margin-left:	auto;
		margin-right:	auto;
		margin-top:		0px;
		margin-bottom:	0px;
		padding-top:	20px;
		padding-bottom:	10px;
		padding-right:	0px;
		padding-left:	0px;
		width:			1150px;
		background:		linear-gradient(#FFFFFF 0%, #fff2e6 50%, #FFFFFF 100% );  
	}
.tresc_ramka
	{
		overflow:		hidden;	
		position:		relative;
		margin-right:	20px;
		margin-left:	20px;
		padding-top:	0px;
		padding-bottom:	0px;
		border-top:		solid 1px #cc6600;
		border-bottom:	solid 1px #cc6600;
	}
.tresc_ramka_l
	{
		box-sizing:		border-box;
		float:			left; 
		width:			50%;
		margin-top:		20px;
		margin-bottom:	20px;
		padding-top:	10px;
		border-right:	solid 1px #cc6600; 
		position:		relative;
		right:			-1px;
	}
.tresc_ramka_r
	{
		margin-top:		20px;
		box-sizing:		border-box; 
		border-left:	solid 1px #cc6600; 
		float:			left; 
		width:			50%; 
		padding-top:	20px;
		margin-bottom:	20px;
	}
.menu_b
	{
		position:		absolute;
		top:			0px;
		background:		linear-gradient( #ffb56a ,#cc6600, #ffb56a );  
		padding:		5px;
		color:			#ffffff;
		font-family:	Arial, Verdana, sans-serif;
		border-bottom-left-radius:	4px;
		border-bottom-right-radius:	4px;
		font-size:		12px;
		font-weight:	bold;
		border-right:			solid 1px #cc6600;
		border-left:			solid 1px #cc6600;
		border-bottom:			solid 1px #cc6600;
	}
.menu_bb
	{
		background:		linear-gradient( #ffb56a ,#cc6600, #ffb56a );  
		padding:		5px;
		color:			#ffffff;
		font-family:	Arial, Verdana, sans-serif;
		border-bottom-left-radius:	4px;
		border-top-left-radius:	4px;
		font-size:		12px;
		font-weight:	bold;
		border-top:		solid 1px #cc6600;
		border-left:	solid 1px #cc6600;
		border-bottom:	solid 1px #cc6600;
		margin-bottom:	15px;
		width: auto;
	}
.menu_bb:hover
	{
		background:		linear-gradient(  #cc6600,#ffb56a, #cc6600 );  
		width: 150px;
		color: #151515;
	}
/*		start start */
/*			news start */
#news
	{
		padding-left:	20px;
		padding-right:	20px;
		padding-top:	10px;
		padding-bottom:	10px;
		font-family:	Verdana;
		font-size:		12px;
	}
.news_grafika
	{
		border-radius: 10px; 
		border: solid 1px #c4c4c4; 
		float: right; 
		margin-bottom: 20px; 
		margin-left: 20px; 
	}
/*			news end */
/*			witamy start */
#witamy_bb 
	{
		padding-left:	0px;
		padding-right:	20px;
		padding-top:	18px;
		padding-bottom:	10px;
	}
#witamy_ramka
	{
		padding-left:	15px;
		padding-right:	15px;
		padding-top:	5px;
		padding-bottom:	0px;
		border-width: 1px;
		border-style: solid;
		border-color: #ffce9a;
		border-radius: 30px;
		color: black;
		background-color: #ffe7cd;
	}
#witamy_bb p:nth-child(1)
	{
		text-indent:	0px;
	}
#witamy_bb p
	{
		text-align: justify;
		text-indent:	10px;
		font-size:		14px;
	}
#witamy_bb ul
	{
		font-size:		11px;
		line-height:	150%;
		color: #1ab2ff;
	}
#witamy_bb li
	{
		font-size:		11px;
		line-height:	150%;
		color: black;
	}
/*			witamy end */
/*		start end */
/*		podziekowania start */
#podziekowania
	{
		padding-right:	 20px;
		padding-left:	 20px;
	}
.podziekowania
	{
		height:		90px;
		padding:	5px;
		border-width:	1px;	
		border-style:	solid;
		border-right-color: #9A9A9A;
		border-bottom-color: #9A9A9A;
		border-left-color: #EEEEEE;
		border-top-color: #EEEEEE;
	}
.podziek
	{
		line-height: 16px;
		text-indent: 20px;
	}
/*		podziekowania end */
/*		kadra start */
#kadra_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
#instruktorzy_bb
	{
		position:	relative;
		width:		100%;
		padding-bottom:	20px;
	}
#motto
	{
		position:		absolute;
		top:			0px;
		right:			0px;
		font-family:	'Caveat', sans-serif;	
		font-size:		24px;
		color:			#ff8000;	
		font-weight:	bold;
		letter-spacing:	1px;
	}
.kadra_tabela  
	{
		text-align:		left;
		width:			800px;
		margin-left:	auto;
		margin-right:	auto;
		border-spacing:	40px 0px;
		font-family:	Georgia, Arial;
		font-size:		14px;
		line-height:	18px;
	}
.kadra_tabela td
	{
		vertical-align:	top;
		text-align:		center;
	}
.kadra_tabela ul
	{
		text-align:		left;
	}
.kadra_tabela img
	{
		border:			solid 1px #000;
		text-align:		center;
	}
#danio 
	{
		width:	180px;
		height:	186px;
		position: relative;
	}
#danio div 
	{
		position: absolute;
		top: 0;
		left: 0;   
	}
#danio div:nth-child(2) 
	{
		-webkit-transition: -webkit-mask-position 1s ease;		
		-webkit-mask-size: 600px 600px;
		-webkit-mask-image: -webkit-gradient(linear, left top, right top, 
				color-stop(0.00,  rgba(0,0,0,1)),
				color-stop(0.35,  rgba(0,0,0,1)),
				color-stop(0.50,  rgba(0,0,0,0)),
				color-stop(0.75,  rgba(0,0,0,0)),
				color-stop(1.00,  rgba(0,0,0,0)));
	}
#danio div:nth-child(2):hover 
	{
		-webkit-mask-position: -300px -300px;
	}
/*			windykacja start */
.windykacjaDialog 
	{
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
		pointer-events: none;
	}
.windykacjaDialog:target
	{
		opacity:1;
		pointer-events: auto;
	}
.windykacjaDialog > div 
	{
		color: #e8090e;
		width: 400px;
		position: relative;
		margin: 10% auto;
		padding: 5px 20px 13px 20px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
	}
.close 
	{
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
.close:hover 
	{ 
		background: #ea151b; 
	}
/*			windykacja end */


/*			terminarz start */
.terminarz2Dialog 
	{
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
		pointer-events: none;
overflow-y: auto;
		
	}
.terminarz2Dialog:target
	{
		opacity:1;
		pointer-events: auto;
	}
.terminarz2Dialog > div 
	{
		
		width: 970px;
		position: relative;
		margin: 20px auto;
		padding: 5px 20px 13px 20px;
		background: #fff;
		background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);
		border-radius: 10px;
	}
.terminarz2close 
	{
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}
.terminarz2close:hover 
	{ 
		background: #ea151b; 
	}
/*			terminarz end */



/*		kadra end */
/*		miejsce zajęć  start */
#miejscezajec_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		miejsce zajęć  end */
/*		nasze obiekty  start */
#miejscezajec_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		nasze obiekty  end */
/*		dojazd  start */
#dojazd_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		dojazd  end */
/*		szkółki pływackie  start */
#szkolkiplywackie_bb
	{
	}
/*		szkółki pływackie   end */
/*		pilates  start */
#pilates
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
#pilates_bb
	{
	}
/*		pilates   end */
/*		cardio  start */
#cardio
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
#cardio_bb
	{
	}
/*		cardio   end */
/*		cennik  start */
#cennik_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		cennik   end */
/*		regulaminy  start */
#regulaminy_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		regulaminy   end */
/*		kontakt start */
#kontakt_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		kontakt end */
/*		kontabankowe start */
#kontabankowe_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		kontabankowe end */
/*		godzinyotwarcia start */
#godzinyotwarcia_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		godzinyotwarcia end */
/*		mama i ja  start */
#mamaija_bb
	{
		position:	relative;
		margin-top:		50px;
		margin-right:	auto;
		margin-left:	auto;
		width:			684px;
	}
.akapit
	{
		text-align:	justify;
		text-indent:	30px;
	}
#lista 
	{
		text-align:	left;
		margin-left: 50px;
	}
#lista  li
	{
		padding: 5px;
	}
/*		mama i ja end */
/*		nordic walking  start */
#nordicwalking_bb
	{
	}
/*		nordic walking  end */
/*		happy hours  start */
#happyhours_bb
	{
	}
/*		happy hours  end */
/*		o nas start */
#onas_bb
	{
	}
/*		o nas end */
/*		zapisy start */
#zapisy_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
	}
/*		zapisy end */
/*		formularz kontaktowy start */
#formularzkontaktowy_bb
	{
		position:	relative;
		width:		100%;
		padding-bottom:	20px;
	}
/*		formularz kontaktowy end */
/*		galeria mama i ja start */
#galeria_mamaija_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria mama i ja end */
/*		galeria szkółki pływackie start */
#galeria_szkolkiplywackie_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria szkółki pływackie end */
/*		galeria thebest start */
#galeria_thebest_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria thebest end */
/*		galeria zawody sportowe start */
#galeria_zawodysportowe_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria zawody sportowe end */
/*		galeria pilates start */
#galeria_pilates_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria pilates end */
/*		galeria inne start */
#galeria_inne_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		galeria inne end */
/*		filmy mama i ja start */
#filmy_mamaija_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		 20px;
	}
/*		filmy mama i ja end */
/*		filmy szkolki start */
#filmy_szkolki_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		 20px;
	}
/*		filmy szkolki end */
/*		filmy inne start */
#filmy_inne_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		 20px;
	}
/*		filmy inne end */
/*		pobierz start */
#pobierz_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		pobierz end */

/*		foto start */
#foto_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		foto end */



/*		ksiega start */
/*		sprzet mama i ja start */
#sprzet_mamaija_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		sprzet mama i ja end */
/*		sprzet pilates start */
#sprzet_pilates_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		sprzet pilates end */
/*		zgloszenie start */
#zgloszenie_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		zgloszenie end */
/*		zgloszenie_dodaj start */
#zgloszenie_dodaj_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		zgloszenie_dodaj end */
/*		regulamin start */
#regulamin_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		regulamin end */
/*		glosowanie start */
#glosowanie_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		glosowanie end */
/*		glosowanie_fomularz start */
#glosowanie_fomularz
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		glosowanie_fomularz end */
/*		glosowanie_zaglosuj start */
#glosowanie_zaglosuj
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		glosowanie_zaglosuj end */
/*		wyniki start */
#wyniki_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		wyniki end */
/*		statystyka start */
#statystyka_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		statystyka end */
/*		administracja start */
#administracja_bb
	{
		padding-right:	 20px;
		padding-left:	 20px;
		margin-top:		-20px;
	}
/*		administracja end */
#ksiega
	{
		font-family:	Verdana;
		font-size:		12px;
		padding-top:	40px;
	}
.ksiega
	{
		font-style: italic;
		color: #6f6b09;
	}
#wpis
	{
		border: solid 1px #bcc2c2;
		border-radius: 10px;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		padding-bottom: 20px;
		background-color: #d9ddde;
		width: 70%;
	}
p.wpis
	{
		padding: 0px;
		margin-bottom: 0px;
		margin-top: 2px;
		margin-left: 10px;
	}
input.wpis
	{
		padding: 0px;
		margin-bottom: 4px;
		margin-top: 2px;
		margin-left: 10px;
		font-family: Verdana;
		font-size: 11px;
		color: #147b7c;
	}
textarea.wpis
	{
		padding: 0px;
		margin-bottom: 4px;
		margin-top: 2px;
		margin-left: 10px;
		margin-right: 10px;
		width: 200px;
		height: 100px;
		font-family: Verdana;
		font-size: 11px;
		color: #147b7c;
		overflow: auto;
	}
/*		ksiega end */
/* część środkowa end */



/* część dolna start */
#dol
	{
		width:			100%;
		background:		linear-gradient(#FFFFFF, #99ccff);  
	}
/*		stopka start */
#stopka
	{
		margin:		auto;
		width:		1150px;
		height:		174px;
	}
#stopka_dane
	{
		margin:						auto;
		width:						1150px;
		height:						74px;
		border-top-right-radius:	0px;
		border-bottom-right-radius:	10px;
		border-top-left-radius:		0px;
		border-bottom-left-radius:	10px;
		border-right:				solid 1px #fff;
		border-bottom:				solid 1px #fff;
		background-color:			#0080ff;
		color:						#fff; /* e6f2ff */
		font-family:				Arial, Verdana, sans-serif;
		font-size:					13px;
		letter-spacing:				1px;
	}
#stopka_dane div::selection
	{
		background: black;	
	}
#stopka_sponsorzy
	{
		margin:			auto;
		width:			1150px;
		background:		linear-gradient(#FFFFFF, #ffcc99);  
		border-right:	solid 1px #fff;
		display:		table;
	}
#stopka_sponsorzy img
	{
		transition:	transform 0.2s;
	}
#stopka_sponsorzy div.logos
	{
		display:		table-cell;
		vertical-align: middle;
		text-align:		center;
	}
#stopka_sponsorzy img:hover
	{
		transform: scale(0.9);
	}
/*		stopka end */
/* część dolna end */



/*		film start */
#film
	{
		position:	absolute;
		top:		0px;
		left:		0px; 
		width:		854px;
		height:		480px;
		z-index:	1;
	}
#bg
	{
/**/		width:		854px;
		height:		480px;   
	}


/*		film end */

#menuboczne
	{
		position:	absolute;
		top:		0px;
		left:		854px; 
		width:		296px;
		height:		480px;   
	}





@keyframes nikonanim {
    0% {left: 2px; opacity: 0}
    50% { opacity: 0.15}
	90% { opacity: 0.4}
	100% {left: 25px; opacity: 1}
}
@-webkit-keyframes nikonanim {
    0% {	left: 2px; opacity: 0}
    50% {  opacity: 0.15}
	90% { opacity: 0.4}
	100% {	left: 25px; opacity: 1}
}


.nikon {
	opacity: 1;
	left: 25px;
	animation-name: nikonanim;
    animation-duration: 2s;
	animation-timing-function: linear;
    -webkit-animation-name: nikonanim;
    -webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	transform: rotate(360deg);
}

.terminarz2 {
	opacity: 1;
	left: 440px;
	animation-name: terminarzanim;
    animation-duration: 2s;
	animation-timing-function: linear;
    -webkit-animation-name: terminarzanim;
    -webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	transform: rotate(360deg);
}


#formularz_szkolki
	{
		border:				solid 2px #000000;
		border-top-right-radius:	10px;
		border-bottom-right-radius:	10px;
		border-top-left-radius:		10px;
		border-bottom-left-radius:	10px;
		background-color:			#0080ff;
	}

.terminarz {
	opacity: 1;
	left: 440px;
	animation-name: terminarzanim;
    animation-duration: 2s;
	animation-timing-function: linear;
    -webkit-animation-name: terminarzanim;
    -webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	transform: rotate(360deg);
}

@keyframes terminarzanim {
    0% {left: 400px; opacity: 0}
    50% { opacity: 0.15}
	90% { opacity: 0.4}
	100% {left: 440px; opacity: 1}
}
@-webkit-keyframes terminarzanim {
    0% {	left: 400px; opacity: 0}
    50% { 	
opacity: 0.15}
	90% { opacity: 0.4}
	100% {	left: 440px; opacity: 1}
}