body {
	background-color: #ffffff;
	color: #000;
	margin:0;
	padding:0;
	width: 100%; 
	font-family:verdana,arial;
	font-size:14;
	
		
}




textarea {
	padding:10px;
	width: 95%;
	font-size:20px;
}




#error{
	color:red;
	height:auto;
}

.meet
	{
		padding:10px;
	width: 800px;
	height: auto;
	background-color: #dcdcdc;
	 display: block;
  font-size: 20px;
  line-height: 30px;
   text-align: center;
	
	}
.meet h1 {font-size: 40px;
line-height: 50px;}

#container {
		
		position:relative;
		padding-bottom:80px;
		height:100%;
		
		
	}
	
.float {float: left;}
#main
{
		width: 100%;
		height: 700px;
		position:absolute;
		left: 0px;
		top: 180px;
		
		
}

#naglowek {
  z-index:1111;
  position: fixed;
  left: 0;
  top: 0;
 
  width: 100%;
  height: 140px;
  background-color: #edc41e;
  
}


.div_box
{
	width:1200px;
	height: 650px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;

}
.div_box p.onas
{
	font-size:18px;
	 text-indent: 1.5em;
}

.text1
{
	width:850px;
	height:100px;
	font-size:18px;
	position:relative;
	
}

.text2_zasłona
{
	position:absolute;
	top:-20px;
	left:0;
	width:847px;
	height:20px;
	padding:0;
	background-color:white;
	border-left: 2px solid;
	
	
	animation: kursor 1s step-end infinite;
	-webkit-animation:kursor 1s step-end infinite;
	 -moz-animation:kursor 1s step-end infinite;
	 -o-animation:kursor 1s step-end infinite;
	 -ms-animation:kursor 1s step-end infinite;
	
}




.text1_zasłona 
{
	position:relative;
	top:-60px;
	left:0px;
	width:850px;
	height:100px;
	background-color:white;
	
}
	
.text1_zasłona	{	
	-webkit-animation: zaslona_down 25s step-end forwards;
  -moz-animation: zaslona_down 25s  step-end forwards;
  -o-animation: zaslona_down 25s  step-end forwards;
  -ms-animation: zaslona_down 25s  step-end forwards;
  animation: zaslona_down 25s step-end forwards;
}

.text2_zasłona {	
	-webkit-animation: zaslona_left steps(100,start)  forwards;
  -moz-animation: zaslona_left 25s  steps(100,start) forwards;
  -o-animation: zaslona_left 25s  steps(100,start) forwards; 
  -ms-animation: zaslona_left 25s  steps(100,start) forwards;
  animation: zaslona_left 25s  steps(100,start) forwards;
  
  
  
  
  
}

@-moz-keyframes kursor
{
	0% {border-left-color:transparent;}
	50% {border-left-color:black;}
	100% {border-left-color:transparent;}
}

@keyframes kursor
{
	0% {border-left-color: transparent;}
	50% {border-left-color: black;}
	100% {border-left-color: transparent;}
}



@-moz-keyframes zaslona_down 
	{

		0%,26% {
				height:70%; 
				top:-70%;
				}
		26%,51% {height:49%; 
				top:-49%;}
		
		51%,76% {height:25%; 
		top:-25%;}
		
		76%,100%{ height:0%; 
			top:0%;}
		
	}	
	
@keyframes zaslona_down 
	{

		0%,26% {
				height:70%; 
				top:-70%;
		}
		26%,51% {height:49%; 
				top:-49%;}
		
		51%,76% {height:25%; 
		top:-25%;}
		
		76%,100%{ height:0%; 
			top:0%;}
		
	}	
	
	
	
@-moz-keyframes zaslona_left 
	{

		0% {
				width:840px;
				margin-left:0px;
				
				
			}
		25% { width:0px;
		margin-left:840px;
				}
				
		
		26% {width:840px; 
		margin-left:0px;
			}
		
		50% { 
			width:0px;
			margin-left:840px;
			}
		51% {
			width:840px; 
			margin-left:0px;
			
			}
		
		75% { 
			width:0px;
			margin-left:840px;
			}
		76% {
			width:840px; 
			margin-left:0px;
			
			
			}
		100% { 
			width:0px;
			margin-left:840px;
			 }
	
		
	}	
	
@keyframes zaslona_left 
	{
0% {
				width:840px;
				margin-left:0px;
				
				
			}
		25% { width:0px;
		margin-left:840px;
				}
				
		
		26% {width:840px; 
		margin-left:0px;
			}
		
		50% { 
			width:0px;
			margin-left:840px;
			}
		51% {
			width:840px; 
			margin-left:0px;
			
			}
		
		75% { 
			width:0px;
			margin-left:840px;
			}
		76% {
			width:840px; 
			margin-left:0px;
			
			
			}
		100% { 
			width:0px;
			margin-left:840px;
			 }
		
	}	
		
	
.div_box h1.start
{
	margin-top:-35px;
}


.div_box_info
{
	width:1100px;
	height: 330px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;


}


.div_box_kontakt
{
	width:1200px;
	height: 650px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	background: url(images/tlo_kontakt.jpg) no-repeat;

}




.regulamin p
{
	width:800px;
	
	font-size:14px;
	margin-left:45px;
	
}

.kontakt
{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	color:white;
	font-size:14px;
	margin-left:45px;
	position:relative;
	top:180px;
	left:60px;
	transform: rotate(10deg);
	
}


.regulamin_text
{
	margin-left:30px;
}
#webmaster_box, #microbit_box, #scratch_box
{

	width: 365px;
		height: 600px;
			border-style: solid;
    border-width: 1px;
	border-color: black;
	padding:5px;

	
	margin:10px;

}


 
.box_grupa, .box_cena, .box_miejsce, .box_tydzien
{
	width:20%;
	height:20%;
	position:absolute;
	opacity: 0.5;
	border-style: solid;
    border-width: 1px;
	border-color: black;
	padding-top:2%;
    margin:2%;
	font-size:200%;
	text-align:center;
	color:#fff;
}
.box_pieczatka ,.box_pieczatka_green
{
	
	width:350px;
	height:80px;
	position:absolute;
	top:200px;
	
	opacity: 0.5;
	border-style: solid;
    border-width: 1px;
	border-color: black;
	padding-top:2%;
    margin:2%;
	font-size:200%;
	text-align:center;
	color:#fff;
	background-color: #f00;
	transform: rotate(20deg);
	border-radius: 20px;
	
}

.box_pieczatka_green {background-color: #3e961f;opacity: 0.7;}


	
.box_grupa { background-color: #f00; animation: ruch1 7s 1 linear forwards; }		 
.box_cena { background-color: #ff7400; animation: ruch2 7s 1 linear forwards; }
.box_miejsce { background-color: #aaa; animation: ruch3 8s 1 linear forwards; }  
.box_tydzien { background-color: #099;animation: ruch4 10s 1 linear forwards; } 

@keyframes spin { 
        from { 
            transform: rotateY(0deg); 
        } to { 
            transform: rotateY(360deg); 
        }
    }









@keyframes ruch1 {
  0%   {left: 0px;}

  100% {left: 70%;}
  
}

@keyframes ruch2 {
  0%   {left: 0px;}
  100% {left: 50%;}
}

@keyframes ruch3 {
  0%   {left: 0px;}
  100% {left: 30%;}
}
@keyframes ruch4 {
  0%   {left: 0px;}
  100% {left: 10%;}
}
#webmaster_box p, #microbit_box p, #scratch_box p
{
	text-indent:1em;
}

#webmaster_box h1, #microbit_box h1, #scratch_box h1
{
	font-size:22px;
	text-align:center;
	color:#506f85;
}


#rejestracja
		{
		float:right;
		background-color: lightgrey;
		padding:0px 2px 0px 2px;
		width:450px;
		
		border-style: solid;
    border-width: 1px 2px 2px 1px;
	border-color: black;
	margin-left:10px;
		
		}
		
#zgloszenie
		{
		float:left;
		background-color: lightgrey;
		padding:0px 2px 0px 2px;
		width:650px;
		margin: 40px 5px 10px 5px;
		
		border-style: solid;
    border: 1px;
	border-color: black;
	
		
		}		
		
		
#rejestracja_kontakt
		{
		float:right;
		background-color: lightgrey;
		padding:10px;
		width:390px;
		
		border-style: solid;
    border-width: 1px 2px 2px 1px;
	border-color: black;
	margin-left:10px;
	margin-top:60px;
		
		}

.opis_box
{
	padding-top:20px;
	width:362px;
	height:400px;
	
	
}

.parametr
{
	display: block;  
	font-size:18px;
	text-align:left;
	color:#506f85;
}
.wiecej {width: 365px;text-align:right;}
.wiecej a{color:#00377F;font-family:tahoma;font-size:20px;text-decoration:none; padding-right:60px;}
.wiecej a:hover {color:#123456;text-decoration:underline;color:red}







#webmaster_box
{
	background: url(images/tlo_webmaster.jpg) repeat-y;
	-webkit-animation: move-map 34s infinite linear;
  -moz-animation: move-map 34s infinite linear;
  -o-animation: move-map 34s infinite linear;
  -ms-animation: move-map 34s infinite linear;
  animation: move-map 34s infinite linear;
}

#webmaster_box:hover {
        animation-play-state:paused;
        -webkit-animation-play-state:paused; /* dla Google Chrome, Safari, Opera 15+ */
}


#microbit_box
{
	background: url(images/tlo_micriobit.jpg) repeat-y;
	
	-webkit-animation: move-map 14s infinite linear;
  -moz-animation: move-map 14s infinite linear;
  -o-animation: move-map 14s infinite linear;
  -ms-animation: move-map 14s infinite linear;
  animation: move-map 14s infinite linear;
	
}

#microbit_box:hover {
        animation-play-state:paused;
        -webkit-animation-play-state:paused; /* dla Google Chrome, Safari, Opera 15+ */
}

#scratch_box
{
	background: url(images/tlo_scratch.jpg) repeat-y;
	-webkit-animation: move-map 24s infinite linear reverse;
  -moz-animation: move-map 24s infinite linear reverse;
  -o-animation: move-map 24s infinite linear reverse;
  -ms-animation: move-map 24s infinite linear reverse;
  animation: move-map 24s infinite linear reverse;
}

#scratch_box:hover {
        animation-play-state:paused;
        -webkit-animation-play-state:paused; /* dla Google Chrome, Safari, Opera 15+ */
}



#infolinia
{		
	border-style: solid;
    border-width: 1px 0px 0px 0px;
	border-color: white;
		width: 200px;
		height: 20px;
		position: absolute;
		left: 920px;
		top: 90px;
		padding:1px;
		background-color: #f5f5f5;
		font-family:verdana,arial;
		font-size:17;

		
}

#div_zgoda, #div_zgoda_mail, #div_zgoda_rodo
{		
	border-style: solid;
    border-width: 2px;
	border-color: #aad6f6;
}


#adres
{		
	border-style: solid;
    border-width: 1px 0px 0px 0px;
	border-color: white;
		width: 580px;
		height: 20px;
		position: absolute;
		left: 130px;
		top: 90px;
		padding:1px;
		background-color: #f5f5f5;
		font-family:verdana,arial;
		font-size:15;

		
}

	
		
#tytul
{
		width: 422px;
		height: 100px;
		position: absolute;
		left: 70px;
		top: 0px;
		padding:0px;
		padding-top:20px;
		text-align:center;
		background-color: #edca3e;
		z-index:999;

		
}

#menubar 
	{
	width: 100%; 
	height: 75px; 
	background: #edca3e; 
	text-align:center;
	margin-left:600px;
	margin-top:28px;
	z-index:1000;
	
	}


#tytul h2
{
margin-top:0px;
font-size:16px;
}

#tytul h1
{
padding-top:0px;
font-size:25px;

}

.tloh1
{
	
	font-size:50px;
	font-weight: bold;
	color: #dcdcdc;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", "sans serif";
	padding-left:10px;
	
}



#linki, #linki ul 
	{float: left;  
	list-style: none; 
	line-height: 1; 
	background: #edca3e; 
	padding: 0;  
	margin: 0 0 0 0; 
	}
#linki a 
	{
	display: block;  
	color: #000; 
	text-decoration: none; 
	white-space:nowrap; 
	padding-left: 11px; 
	padding-right: 11px; 
	padding-top: 6px; 
	padding-bottom: 3px;
	}
#linki li:active 
	{font-weight: normal}
#linki li 
	{float: left; 
	padding: 0; 
	white-space: nowrap; 
	background: #edca3e; 
	font-size: 1.1em; 
	position: relative;
	}
#linki li:hover {color: #dcb000;}

	
#stopka{
		text-align: center;
		padding:5px;
		position:absolute;
		bottom:0;
		width:100%;
		height:60px;		/* Wysokość stopki */
		background:#b5fbbd;
	
		
	}
#div_zgodaoc, #div_zgoda_mailoc, #div_zgoda_rodooc
{		
	border-style: solid;
    border-width: 2px;
	border-color: lightgrey;
	font-size:14;
}








@-moz-keyframes move-map {
  0% {
    background-position: 0 -600px; }

  100% {
    background-position: 0 0; } }

@-webkit-keyframes move-map {
  0% {
    background-position: 0 -600px; }
  100% {
    background-position: 0 0; }
}


@-o-keyframes move-map {
  0% {
    background-position: 0 -600px; }

  100% {
    background-position: 0 0; } }

@-ms-keyframes move-map {
  0% {
    background-position: 0 -600px; }

  100% {
    background-position: 0 0; } }

@keyframes move-map {
  0% {
    background-position: 0 -600px; }

  100% {
    background-position: 0 0; } }