@charset "UTF-8";
/* CSS Document */
@font-face
{
	font-family: 'kungfont';
/*	src:url('Kungfont/Kungfont-Regular.otf');*/
	src:url('Kungfont/Kungfont-RegularPl.otf');
}
body, html
{
    background-image:url("black-Linen.png");
/*	This pattern is downloaded from www.subtlepatterns.com*/
    color:#999;
/*    color:#fff;*/
    font-family: 'Montserrat', sans-serif;
    margin:0;
	width: 100%;
/*	min-height: 100vh;*/
}
#page
{
	min-height: 100vh;
	width:100%;
	margin:0;
	overflow: hidden;
}
/*wysyn klawiature ekranowa*/
.div-wys-klaw
{
	background-color: #d25151;
	color:#fff;
	position: fixed;
	bottom:0px;
	z-index:100;
	height: 40px;
	width:100%;
	display:none;
}
.div-wys-klaw>p
{
	font-size: 16px;
	margin:15px;
	margin-top:10px;
	text-align: center;
}
.display-block
{
	display:block;
}
.opacity-0
{
	opacity:0;
}
/*header*/
.head-cont
{
	width: 100%;
}
.head-h1
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:2em;
	letter-spacing: 4px;
	text-align: center;
	margin-bottom:20px;
	margin-top: 60px;
	margin-left: 5px;
}
.head-cont > hgroup
{
	text-align: center;
	marign-top:0px;
	color:#fff;
}
.head-h2
{
	margin-top:0px;
	margin-bottom:5px;
	font-size: .8em;
/*	display:none;*/
}

/*nawigacja*/
nav>p
{
	text-align: center;
	color:#fff;
	font-size: 1.2em;
	text-shadow: 1px 1px 1px #000;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #d25151;
	width: 100%;
	margin:0px;
}
nav>p:before,
nav>p:after
{
	display: inline-block;
	content: "▼";
	text-shadow: 0px 1px 0px #000;
	margin: 0 5px;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}
nav
{
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	z-index: 100;
}
.nav-ul
{
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: -webkit-max-height 0.5s ease-out;
	-webkit-transition: max-height 0.5s ease-out;
	-moz-transition: max-height 0.5s ease-out;
	-ms-transition: max-height 0.5s ease-out;
	-o-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 20px;
	line-height: 200%;
}
.transforme:after
{
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.transforme:before
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.nav-ul-height
{
	max-height: 600px;
}
.nav-ul a
{
	text-decoration: none;
	color:#fff;
	display: inline;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	margin-right:5px;
	min-width:100px;
/*	float:left;*/
}
.nav-ul-li
{
	border-bottom: 2px dotted #fff;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	min-width: 150px;
/*	height: 40px;*/
	background-color: #d25151;
}
.nav-ul-li:first-child
{
	border-top: 2px dotted #fff;	
}
.nav-ul-li:hover>a
{
	text-shadow: 2px 2px 3px #000;
}

.nav-login-user:before,
.nav-login-user:after
{
	display: inline-block;
	content: "▼";
	text-shadow: 0px 1px 0px #000;
	margin: 0 5px;
	-webkit-transition: -webkit-transform 0.5s ease-out;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}

.nav-login
{
	overflow: hidden;
	max-height: 0px;
	-webkit-transition: -webkit-max-height 0.5s ease-out;
	-webkit-transition: max-height 0.5s ease-out;
	-moz-transition: max-height 0.5s ease-out;
	-ms-transition: max-height 0.5s ease-out;
	-o-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
	
	list-style-type:none;
	text-decoration: none;
	background-color: #d25151;
	margin:0;
	padding:0;
/*	display:none;*/
	position:relative;
	z-index:100;
}
.nav-login li
{
	text-decoration: none;
	border-top: 1px dotted #fff;

}
.nav-login li:hover>a
{
	text-shadow: 2px 2px 3px #000;
}
.nav-ul-height2
{
	max-height: 100px;
}
/*content*/
#content
{
	width: 95%;
	margin:50px auto 0px auto;
}
#content article
{
	width:100%;

}
.cont-sec-1
{
	width:100%;

}
.cont-sec-1 img
{	
	margin-right: 20px;
	height:100px;
	float:left;
}
.cont-sec-1 p
{
	height: 150px;
	text-align: left;
	font-size:1em;
	line-height: 20px;
}
.font-kung
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	letter-spacing: 2px;
	font-size: 1.2em;
}
.cont-sec-2
{
	width: 100%;
	margin-top:60px;
}
.cont-sec-2>h2
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:1.6em;
	letter-spacing: 3px;
	text-align: center;
}
.cont-sec-2-img
{	
	margin-left: 20px;
	height:140px;
	float:right;
}
.cont-sec-2-p
{
	text-align: left;
	font-size:1em;
	line-height: 20px;
}

.cont-sec-2-img2
{
	margin-left:auto;
	margin-right: auto;
	margin-top:80px;
	margin-bottom: 80px;
	display:block;
	width: 90vw;
}
.cont-sec-2-pow
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	letter-spacing: 4px;
	font-size: 2.5em;
	text-align: center;
}


/*index.html top 10 tabele*/

.sec-top10
{
	width: 100%;
	margin-top:100px;
	margin-bottom:60px;
}
.sec-top10>h1
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:1.2em;
	letter-spacing: 3px;
	text-align: center;
}
.div-top10-tab
{
	margin:0;
/*	margin-left:20px;*/
	margin-left:auto;
	margin-right:auto;
	width: 90%;
/*	display:inline-block;*/
}
.div-top10-tab table
{
	width: 100%;
}
.div-top10-cwiczenia
{
	margin:0;
	width: 100%;
}
/*info o ciasteczkach*/
#div-cookie
{
	background-color: #333;
	width: 200px;
	position:fixed;
	bottom:50px;
	right: 0px;
	display: none;
	z-index: 100;
}
#div-cookie p
{
	color:#fff;
	margin-left: 10px;
}
#div-cookie p span
{
	font-family: 'kungfont', cursive;
	color:#D25151;
	letter-spacing: 3px;
}
#div-cookie img
{
	width: 100px;
	float:right;
}
#div-cookie .cookie-bla
{
	font-family: 'kungfont', cursive;
	color:#D25151;
	letter-spacing: 3px;
	margin-left: 30px;
}
#div-cookie a
{
	color:#fff;
}
#div-cookie .cookie-button
{
	background-color: #D25151;
	border-left: dotted 2px #fff;
	border-right: dotted 2px #fff;
	padding:10px 15px 10px 15px;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
	margin-left: 0px;
	
}
	#div-cookie .cookie-button:hover 
{
	text-shadow: 2px 2px 3px #000;
	cursor:pointer;
}

/* stopka*/
footer
{
	font-size: 1em;
	text-align: center;
	width: 100%;
	background-color: #d25151;
	color: #fff;
}
footer a
{
	color:#fff;
	margin-left:30px;
	font-size: 0.8em;;
}
/*zaloguj*/
#content-form
{
	width: 100%;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
}
.form-log
{
	width: 100%;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.form-log form
{
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
	text-align: right;
	font-size: 1.2em;
	color:#fff;
/*	float:left;*/
}
@media (max-width:370px)
{
	.form-log form
	{
		font-size: 1em;
	}
}
.form-log input[type=text],
.form-log input[type=password]
{
/*	foat:left;*/
	font-size:1em;
	margin-right: 10%;
/*	margin-left: 20px;*/
	margin-top:30px;
	padding:5px 15px;
	background-color: #333;
	border:0px;
	color:#d25151;
	outline: none;
/*	outline-color: #d25151;*/
}
.form-log input:focus
{
	border:0px;
	border: 4px solid #d25151;
}
.form-log input[type=submit]
{
	margin-right: 20%;
	min-width: 200px;
	margin-top: 30px;
	padding: 5px 10px;
	font-size: 1.2em;
	color:#fff;
	background-color: #D25151;
	outline: none;
	border:0px;
	cursor:pointer;
	text-shadow: 1px 1px 1px #000;
	border-radius: 0 0 0 0 ;
	
}
input 
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-log input[type=submit]:hover
{
	text-shadow: 2px 2px 3px #000;
}
.zly-login
{
	color:#d25151;
	margin-top:0;
	margin-bottom: 0px;
/*	margin-right:50px;*/
	padding-top:40px;
	text-align: center;
}
.zly-login-a
{
	color:#d25151;
	margin-top:0;
	margin-right:30px;
/*	padding-top:40px;*/
	text-align: center;
}
.form-log-zly-img
{
	height: 100px;
	display:inline-block;
	float:left;
	margin-left:20px;
}
/*
input:-internal-autofill-selected
{
	background-color: #333;
}
*/
.log-zalozkont
{
/*	background-color: aqua;*/
	width: 100%;
	max-width: 400px;
/*	height: 300px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:60px;
}
.log-zalozkont-div
{
/*	background-color: blueviolet;*/
/*	width: 400px;*/
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
}
.log-zalozkont-p
{
	color: #fff;
	margin:0px;
	margin-top:5px;
	margin-left:20px;
}
.log-zalozkont-rej
{

	margin-left:30px;
	margin-top:50px;

}
.log-zalozkont-div a
{
	color:#d25151;
	font-family: 'kungfont', cursive;
	font-size:1.8em;
	cursor:pointer;
	letter-spacing: 3px;
	text-decoration: none;
}
.log-zalozkont-img
{
	display: inline-block;
	height: 150px;
	float:right;
	margin-right: 20px;
}


/*REJESTRACJA*/
.form-rejestr
{
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.form-rejestr form
{
/*	background-color: pink;*/
	width: 100%;
	max-width: 600px;
	margin-bottom:100px;
	font-size: 1.2em;
}
@media(max-width:500px)
{
	.form-rejestr form
	{
		font-size: .8em;
	}
}
@media(max-width:370px)
{
	.form-rejestr form
	{
		font-size: .6em;
	}
}
.form-rejestr label
{
	margin-right:10%;
	margin-bottom: 0px;
	
}
/* The container */
.check-label {
  display: block;
  position: relative;
/*  padding-left: 35px;*/
  margin-bottom: 12px;
	margin-top:30px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.check-span {
  position: absolute;
/*  top: 0;*/
	bottom: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.check-span-right
{
	right:215px;
}
/* On mouse-over, add a grey background color */
.check-label:hover input ~ .check-span{
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-label input:checked ~ .check-span {
  background-color: #d25151;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check-span:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-label input:checked ~ .check-span:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-label .check-span:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rej-a-regulamin
{
	color:#999;
	font-size: 10px;
	margin:0px;
	margin-right: 150px;
}
.g-recaptcha
{
	float: right;
/*	margin-right: 10%;*/
/*	margin-left: 20px;*/
/*	margin-bottom:30px; */
}

.error-rejestr
{
	color: red;
	margin-right: 10%;
	font-size: 16px;
	margin-top: 7px;
}
.error-captcha
{
	margin-top:90px;
}



/*CWICZENIA*/
#content-cwiczenia
{
	width: 100%;
	max-width: 600px;
	margin-top:25px;
	margin-left: auto;
	margin-right: auto;
}

/*
#pole_wyswietlania_tekstu
{
	height:400px;
	width:600px;
	background-color:dimgray;
	font-family: 'Inconsolata', monospace;
	overflow:hidden;
	position:relative;
	left: 0px;
	top:0px;
	float:left;
	margin:15px;

}
*/
.div-cwiczenia
{
/*	background-color: cadetblue;*/
	min-height: 430px;
/*	width:100%;*/
	margin-bottom: 60px;
	
	position:relative;
}
.div-cwiczenia-wyniki
{
/*	background-color: darkmagenta;*/
	margin:15px;
/*	float:right;*/
	width: 300px;
	color:#fff;
	font-size:20px;
	position: relative;
	overflow: hidden;
/*	display: inline-block;*/
/*	clear: both;*/
}
.div-cwiczenia-ponow
{
	margin:15px;
/*	margin-top:0;*/
	margin-top:40;
/*	float:right;*/
	width: 300px;
	color:#fff;
	font-size:20px;
/*	position:absolute;*/
	bottom:0px;
	right: 0px;
	
}
.div-cwiczenia-ponow p
{
	font-family: 'kungfont', cursive;
	text-align: left;
	color:#d25151;
	cursor:pointer;
	font-size:26px;
	letter-spacing: 2px;
	
	margin:0px;
}
#div-rozptest
{
	background-image:url("black-Linen.png");
	color:#fff;
	font-size: 1.3em;
	text-align: center;
	border:2px solid #d25151;
	width: 80vw;
	position:absolute;
	z-index: 2;
	margin-left: 10vw;
	margin-top: 160px;	
}
.p-punktacja
{
/*	background-color: firebrick;*/
	position:absolute;
	top:-120px;
	left:0px;
	margin:0px;
	font-size: 10px;
	cursor:pointer;
	height: 140px;
/*	-webkit-transition: top 1s linear; */
/*	transition:top 1s linear;*/
/*	transition-property:top;*/
	display: none;
}
.p-punktacja:hover
{
	top:0px;
	left:0px;
	background-color: dimgray;
	-webkit-transition: top 0.5s linear; /* For Safari 3.1 to 6.0 */
	transition:top 0.5s linear;
}
.p-punktacja ul
{
	padding-left:20px;
	background-color: dimgray;
}
.p-punktacja p
{
	margin-bottom:0px;
	margin-left:5px;
}
.p-punktacja-p
{
	position:absolute;
	bottom:5px;
}
/*przepisywanie*/
#wersa
{
	font-size:20px;
	
	height: 30px;
	
}
#grupa
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:100px;
/*	width:1260px;*/
	width:100%;
	max-width: 600px;
	height: auto;
}
#pole_wyswietlania_tekstu
{
	height:400px;
	width:100vw;
	background-color:dimgray;
	font-family: 'Inconsolata', monospace;
	overflow:hidden;
	position:relative;
	left: 0px;
	top:0px;
	float:left;
	margin:15px;
	margin-left:0px;
/*	margin-right: auto;*/
}
#pole_Canvas
{
	background-color: dimgray;
	margin:15px;
	margin-left: 0;
	display:inline-block;
	clear: both;
	width: 100vw;
}
.linia1
{
	font-size:20px;;
	height:auto;
	width: 500px;

}
.div_pary
{
	color:#fff;
	padding-top:1em;
	margin-left: 1em;
	height:3em;
	max-width: 567px;
	font-size:1.1em;
/*	font-size:1em;*/
/*	letter-spacing: 0.01em;	*/
	transition: transform 0.7s;
}
@media (min-width:600px)
{
	#pole_wyswietlania_tekstu
	{
		width: 600px;
	}
	#pole_Canvas
	{
		width: 600px;
	}
	.div_pary
	{
		letter-spacing: 0.01em;	
	}
	#div-rozptest
	{
		width: 570px;;
		margin-left: 13px;
		font-size: 1.5em;
	}

}

#kursor
{
	font-size:1em;	
}
.czerw_spacja
{
	color:#ED8080;
	font-size: 0.834em;
	
}
.blad-kolor
{
	color:#ED8080;
}
.div_wersa
{
	height: 1em;
	margin-top: 0.5em;
	max-width: 567px;
}
.div_tekstu
{
	height: 1em;
	max-width: 567px;

}
.przyciski
{
	height: 40px;
	width: 50px;
	cursor:pointer;
}
#przycisk_gora
{
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
}
#przycisk_dol
{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index: 10;
}
.przyciski-display
{
	display:none;
}
.div_przewin
{
	transform: translateY(0em);
}

/*przepisywanie tekstu*/


.teksty
{
	width:45%;
	height:auto;
	font-size: 1em;
	color:#fff;
	margin:5px;
	border: 2px dashed #d25152;
	text-align: center;
}
.teksty:hover
{
	color: #d25151;
	cursor: pointer;
}

.tytul_tekstu
{
	
/*	display:table-cell;*/
/*    vertical-align:middle;*/
/*	text-align:center;*/
/*	width: 160px;*/
/*	height: 60px;*/
	
}
.cont-ptekstu
{
	width: 100%;
	max-width: 1260px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
}
#pole_textarea
{
	height: 60%;
	margin: 5%;
	font-size:1em;
	resize:none;
	background-color:#333;
	color:#fff;;
	padding: 5%;
	width: 80%;
}
.textarea_button
{
	height:60px;
	width:160px;
	font-size:16px;
	color:#fff;
	margin:50px;
	background-image:url(black-Linen.png);
	display:inline-block;
	position:absolute;
	border: 2px dashed #d25151;
}
@media(max-width:450px)
{
	.textarea_button
	{
		height:40px;
		width:120px;
		font-size:16px;
		margin:20px;
		margin-bottom: 50px;
	}
}
.textarea_button:hover
{
	cursor:pointer;
	color:#d25151;
}
#texarea_powrot
{
	left:0px;
	bottom:0px;
}
#texarea_wprowadz
{
	right:0px;
	bottom:0px;
}
.przepisywane-opis-div
{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	color:#fff;
	text-align: center;
}
.wyb-tekstu-div
{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	text-align: center;
	color:#fff;
	background-color: #d25151;
	border-right: 2px dotted #fff;
	border-left: 2px dotted #fff;

}
#nav_tekst
{
	text-shadow: 1px 1px 1px #000;
	cursor:pointer;
	font-size:18px;
	padding:10px;
}
#nav_tekst:hover
{
	text-shadow: 2px 2px 3px #000;
}
/*test szybkości wybór*/
.ts-div
{
	width: 90%;
	height: 300px;
	display: inline-block;
	overflow: hidden;
	color:#fff;
	position: relative;
	border: 2px dotted #fff;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 40px;

}
.ts-p-tytul
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:24px;
	letter-spacing: 2px;
	text-align: center;
}
.ts-p-opis
{
	margin:15px;
}
.ts-div-a
{
	width: 50%;
	margin-left: 25%;
	margin-right: auto;
	position: absolute;
	bottom: 15px;
}
.ts-div-a a
{
	text-decoration: none;
	padding:10px;
	text-align: center;
	color:#fff;
	font-size:20px;
	background-color: #d25151;
	border-right: 2px dotted #fff;
	border-left: 2px dotted #fff;
	display:block;
	margin-left:auto;
	margin-right: auto;
}
/*twoje rekordy*/
.rekord-h1
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:32px;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 60px;
}
.div-tabela-wyniki
{
	width: 100%;
}
.rekordy-tab caption
{
	font-size: 1.2em;
	padding:7px;
/*	margin-bottom: 10px;*/
	border:2px solid #fff;
	border-bottom:0px;
/*	border-collapse: collapse;*/
}
.rekordy-tab
{
/*	min-width: 80%;*/
	width: 95vw;
	max-width: 600px;
	color:#fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border:2px solid #fff;
	text-align: center;
	border-collapse: collapse;
}
.rekordy-tab>tbody tr:hover
{
	color:#d25151;
}
.rekordy-tab td
{
	padding: 5px;
	font-size: 1em;
	border:1px solid #fff;
}
.rekordy-tab th
{
/*	color:#d25151;*/
	padding: 5px;
	font-size: 1em;
	border:2px solid #fff;
}
@media(max-width:530px)
{
	.rekordy-tab td
	{
		font-size: .6em;
	}
	.rekordy-tab th
	{
		font-size: .6em;
	}
}
@media(max-width:370px)
{
	.rekordy-tab td
	{
		font-size: .6em;
	}
	.rekordy-tab th
	{
		font-size: .4em;
	}
}
	
.rekordy-tab>tfoot th
{
/*	border:1px solid #fff;*/
	color:#fff;
}
.rekordy-tab>tfoot a
{
	text-decoration: none;
	color:#fff;
}
.rekordy-tab>tfoot a:hover
{
	color:#d25151;
}
/*brak wyniku*/
.div-brakwyniku
{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
	margin-top: 50px;
}
.div-brakwyniku a
{
	text-decoration: none;
	font-family: 'kungfont', cursive;
	color:#d25151;
	letter-spacing: 2px;
	font-size:24px;
	display: block;
	text-align: center;
	margin-top:50px;
}

/*wybor opcji sortowania*/

.rekord-wybopcji
{
	margin-top:30px;
	margin-bottom:30px;
	background-image: url(black-Linen.png);
/*	max-width: 600px;*/
    margin-left: auto;
    margin-right: auto;
}
.rekord-wybopcji fieldset
{
	color:#fff;
/*	height: 40px;*/
/*	width: 95vw;;*/
/*	opacity:0;*/
}

.rekord-wybopcji form
{
/*	width: 80%;*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
}
.rekord-wybopcji label:first-child
{
	border-left: 2px dotted #fff;
/*	margin-left:20px;*/
}
.sortuj-wedlug-label
{
	display:inline;
	font-size: 0.5em;
	border-right: 2px dotted #fff;
	padding-right: 15px;
	padding-left: 15px;
}
.sortuj-wedlug-span
{
	margin-left:10px;
	display:none;
}

.ts-div-a-2 a{
	text-decoration: none;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background-color: #d25151;
    border-right: 2px dotted #fff;
    border-left: 2px dotted #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 300px;
}

@media(min-width:600px)
{
	.sortuj-wedlug-label
	{
		display:inline;
		font-size: 1em;
		border-right: 2px dotted #fff;
		padding-right: 15px;
		padding-left: 15px;
	}
}
/*przyklejane pozycje*/
.div-nad-tab
{
	width: 100%;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.ukryj
{
	display:none;
}
.sticky
{
	position:fixed;
	top:44px;
	margin-top:0px;
	margin-left: 0;
/*	width: 60%;*/
	width: 95vw;
}
/*
.sticky + .div-nad-tab,
.sticky ~ .div-dogory
*/
.sticky + .div-nad-tab
{
	display: block;	
}
.tab-sticky
{
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0px;
	width: 95vw;
	max-width: 600px;
}
.tab-sticky td
{
	padding: 5px;
	font-size: 16px;
	border:1px solid #fff;
}
.tab-sticky td:first-child
{
	width: 200px;
}
.div-dogory
{
	position: fixed;
	top:30%;
	right: 20px;
}
.div-dogory a
{
	color:#fff;
	text-decoration: none;
}
.div-dogory p
{
	color: #fff;
	padding: 5px;
	font-size: 20px;
	border:2px dotted #fff;
	margin-top:25px;
	margin-bottom:0px;
	text-align: center;
}
.div-dogory a:hover,
.div-dogory p:hover
{
	color:#d25151;
	cursor: pointer;
}
/*gry.php*/
#con-gry
{
	margin-top: 100px;
}
.gra1
{
	border:2px dotted #fff;
/*	margin:40px;*/
}
.gra1>h2
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:1.5em;
	letter-spacing: 3px;
	text-align: center;
}
.div-opis-gra
{
	margin:0 20px 20px 0;
}
.div-opis-gra-img
{
	display: inline-block;
	width: 40%;
}
.div-opis-gra-img>img
{
	width: 90%;
	height: auto;
/*	margin-right: 20px;*/
	margin-left: 20px;
}
.div-opis-gra-p
{
	display: inline-block;
	width: 55%;
/*	margin-left:10px;*/
	float:right;
	margin:0;
}
.div-opis-gra-p>p
{
	font-size: 1em;
	margin:0 0 40px 10px;
}
#gra1-button
{
    font-size:40px;
    font-family: 'kungfont', cursive;
    letter-spacing:3px;    
    color:#d25151;
	text-decoration: none;
	margin-left: 50%;
}