@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;
    font-family: 'Montserrat', sans-serif;
    margin:0;
	width: 100%;
/*	min-height: 100vh;*/
}
#page
{
	min-height: 100vh;
	width:100%;
	margin:0;
}
/*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:4em;
	letter-spacing: 4px;
	text-align: center;
	margin-bottom:20px;
	margin-top: 20px;
	margin-left: 0px;
}
.head-cont > hgroup
{
	text-align: center;
	marign-top:0px;
	color:#fff;
}
.head-h2
{
	margin-top:0px;
	margin-bottom:5px;
	font-size:1.3em;
}
@media(min-width:1100px)
{
	.head-h1
	{
		font-size:6em;
	}
	.head-h2
	{
		font-size:1.5em;
	}
}
/*nawigacja*/
nav
{
	text-align:center;
	width:100%;
	background-color: #d25151;
	margin-top: 40px;
	height: 32px;
	position:static;
}
nav>p
{
	display: none;
}
.nav-ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size: 14px;
	display:inline-block;
	line-height: 200%;
	overflow: auto;
	max-height: none;
}
.nav-ul a
{
	text-decoration: none;
	color:#fff;
	display: block;
	padding-left:10px;
	padding-right:10px;
	margin-left:5px;
	margin-right:5px;
	min-width:100px;
	margin-top:2px;
/*	float:left;*/
}
.nav-ul-li
{
	display:block;
	border-right: 2px dotted #fff;
	text-shadow: 1px 1px 1px #000;

	float:left;
	min-width: 150px;
	height: 32px;
	border-bottom: none;
}
.nav-ul-li:first-child
{
	border-left: 2px dotted #fff;
	border-top:none;
}
.nav-ul-li:hover>a
{
	text-shadow: 2px 2px 3px #000;
}
.nav-ul-li:hover>ul
{
	display: block;
/*	max-height: 100px;*/
}
.nav-login-user:before,
.nav-login-user:after
{
	display: none;
}
.nav-login
{
	list-style-type:none;
	text-decoration: none;
	background-color: #d25151;
	margin:0;
	padding:0;
	z-index:100;
	display:none;
	width: 150px;
	overflow: hidden;
	max-height: 200px;
	position: absolute;
}
.nav-login li
{
	text-decoration: none;
	border-top: 1px dotted #fff;

}
.nav-login li:hover>a
{
	text-shadow: 2px 2px 3px #000;
}
/*
.nav-login-user:hover ul
{
	display: block;
}
*/


@media(min-width:830px)
{
	.nav-ul
	{
		font-size: 20px;
	}
	nav
	{
		height: 40px;
	}
	.nav-ul-li
	{
		height: 40px;
	}
	.nav-ul a
	{
		margin-top:0;
	}
}
/*content*/
#content
{
	width: 80%;
	max-width: 1000px;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
}
@media(min-width:992px)
{
	#content
	{
		width: 61%;
		margin-top:50px;
		margin-left: auto;
		margin-right: auto;
	}
}
#content article
{
	width:100%;

}
.cont-sec-1
{
	width:100%;
}
.cont-sec-1 img
{	
	margin-right: 20px;
	height:200px;
	float:left;
/*	display:inline-block;*/
}
.cont-sec-1 p
{
	padding-top:50px;
	height: 150px;
	text-align: left;
	font-size:1.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:30px;
	letter-spacing: 3px;
	text-align: center;
}
.cont-sec-2-img
{	
	margin-left: 20px;
	height:200px;
	float:right;
/*	display:inline-block;*/
}
.cont-sec-2-p
{
	padding-top:20px;
/*	height: 150px;*/
	text-align: left;
	font-size:1.1em;
	line-height: 20px;
}

.cont-sec-2-img2
{
/*	margin:0px;*/
/*	float:none;*/
	margin-left:auto;
	margin-right: auto;
	margin-top:80px;
	margin-bottom: 80px;
	display:block;
	height: 300px;
	width: auto;
}
.cont-sec-2-pow
{
	font-family: 'kungfont', cursive;
	color:#d25151;
/*	margin-top: 70px;*/
/*	margin-bottom:20px;*/
	letter-spacing: 3.7px;
	font-size: 4em;
	text-align: center;
}
@media(min-width:1000px)
{
	.cont-sec-2-pow
	{
		font-size: 5em;
	}	
}

/*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:30px;
	letter-spacing: 3px;
	text-align: center;
}
.div-top10-tab
{
	margin:0;
	margin-left:20px;
	width: 45%;
	display:inline-block;
}
.div-top10-tab table
{
	width: 100%;
}
.div-top10-cwiczenia
{
	margin:0;
	width: 100%;
}
/*info o ciasteczkach*/
#div-cookie
{
/*	background-image:url("black-Linen.png");*/
	background-color: #333;
	width: 200px;
	position:fixed;
	bottom:140px;
	right: 20px;
	display: none;
	z-index: 100;
}
#div-cookie p
{
	color:#fff;
	margin-left: 20px;
}
#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: 1.1em;
	text-align: center;
	width: 100%;
	background-color: #d25151;
	color: #fff;
/*	position:relative;*/
/*	bottom:0px;*/
}
footer a
{
/*	text-decoration: none;*/
	color:#fff;
	margin-left:30px;
	font-size: 12px;
}



/*zaloguj*/
#content-form
{
	width: 100%;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
}
.form-log
{
	margin-left: auto;
	margin-right: auto;
}
.form-log form
{
/*	background-color: yellow;*/
	width: 400px;
/*	height: 300px;*/
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 30px;
	text-align: right;
	font-size: 1.2em;
	color:#fff;
/*	float:left;*/
}
.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;
}
.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:15px;
/*	padding-top:40px;*/
	text-align: center;
}
.form-log-zly-img
{
	height: 100px;
	display:inline-block;
	float:left;
}
/*
input:-internal-autofill-selected
{
	background-color: #333;
}
*/
.log-zalozkont
{
/*	background-color: aqua;*/
	width: 60%;
/*	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;
}
.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;
}


/*REJESTRACJA*/

.form-rejestr form
{
	width: 100%;
	margin-bottom:100px;
}
.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: 1260px;
	margin-top:50px;
	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-poletekstu
{
	width: 55%!important;
}
.div-cwiczenia
{
/*	background-color: cadetblue;*/
	min-height: 430px;
	width:100%;
	max-width: 960px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.div-cwiczenia-wyniki
{
/*	background-color: darkmagenta;*/
	margin:15px;
/*	float:right;*/
	width: 300px;
	color:#fff;
	font-size:1.3em;
	position: relative;
	overflow: hidden;
}
.div-cwiczenia-ponow
{
	margin:15px;
	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: 50%;
	max-width: 596px;
	position:absolute;
	z-index: 2;
	margin-top: 10%;
	margin-left: 4%;
}
.p-punktacja
{
/*	background-color: firebrick;*/
	position:absolute;
	top:-120px;
	left:0px;
	margin:0px;
	font-size: 10px;
	cursor:pointer;
	height: 140px;
	display:block;
	-webkit-transition: top 1s linear; 
	transition:top 1s linear;
	transition-property:top;
}
.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;
}
@media(min-width:1000px)
{
	.div-cwiczenia-poletekstu
	{
		width: 600px!important;
		height: 400px!important;
	}
	#div-rozptest
	{
		width: 596px;
		margin-top: 160px;
		margin-left: 15px;
	}
	.div-cwiczenia-wyniki
	{
		float:right;
	}
	.div-cwiczenia-ponow
	{
		margin:15px;
		width: 300px;
		color:#fff;
		font-size:20px;
		position:absolute;
		bottom:0px;
		right: 0px;
		float:right;
	}
}
/*przepisywanie*/
#wersa
{
	font-size:20px;
	
	height: 30px;
	
}
#grupa
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:100px;
	width: 100%;
	max-width:1260px;
	height: auto;
}
#pole_wyswietlania_tekstu
{
/*	height: 30vw;*/
/*	min-height: 300px;*/
/*	max-height:380px;*/
	height: 400px;
	width:45%;
	max-width:600px;
	background-color:dimgray;
	font-family: 'Inconsolata', monospace;
	overflow:hidden;
	position:relative;
	left: 0px;
	top:0px;
	float:left;
	margin:15px;
/*	margin-left: 30px;*/

}
#pole_Canvas
{
	background-color: dimgray;
	margin:15px;
	display:inline-block;
	clear: both;
	width:45%;
	max-width:600px;
}
.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;
	letter-spacing: 0.01em;	
	transition: transform 0.7s;
}
#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);
}
*/
@media(min-width:1380px)
{
	#grupa
	{
		width:1260px;
	}
	#pole_wyswietlania_tekstu
	{
		max-height:400px;
		width:600px;
		margin:15px;

	}
	#pole_Canvas
	{
		width: 600px;
	}
}


/*przepisywanie tekstu*/


.teksty
{
	width: 20%;
}
@media(min-width:1200px)
{
	.teksty
	{
		margin:10px;
		width: 17%;
	}
}
#pole_textarea
{
	height: 50%;
}
.textarea_button
{
	height:60px;
	width:160px;
	font-size:16px;
	color:#fff;
	margin:50px;
	display:inline-block;
	position:absolute;
}
.textarea_button:hover
{
	cursor:pointer;
	color:#d25151;
}
#texarea_powrot
{
	left:0px;
	bottom:0px;
}
#texarea_wprowadz
{
	right:0px;
	bottom:0px;
}
.przepisywane-opis-div
{
	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:160px;
	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: 48%;
	height: 300px;
	display: inline-block;
	overflow: hidden;
	margin-left:1%;
	margin-right: 0px;
	color:#fff;
	position: relative;
	border: 2px dotted #fff;
	float:left;

}
.ts-p-tytul
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:24px;
	letter-spacing: 2px;
	text-align: center;
}
.ts-p-opis
{
	margin:15px;
	font-size: 0.9em;
}
.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;
}
@media(min-width:992px)
{
	.ts-div
	{
		width: 47%;
	}
	.ts-p-opis
	{
		font-size: 1em;
	}
	.wyb-tekstu-div
	{
		margin-top:100px;
	}
}
/*twoje rekordy*/
.rekord-h1
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:32px;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 60px;
}
.rekordy-tab caption
{
	font-size: 26px;
	padding:7px;
/*	margin-bottom: 10px;*/
	border:2px solid #fff;
	border-bottom:0px;
/*	border-collapse: collapse;*/
}
.rekordy-tab
{
/*
	width: 90%;
	max-width: 600px;;
*/
	color:#fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
	border:2px solid #fff;
	text-align: center;
	border-collapse: collapse;
	
	max-width: 602px;
}
.rekordy-tab>tbody tr:hover
{
	color:#d25151;
}
.rekordy-tab td
{
	padding: 5px;
	font-size: 16px;
	border:1px solid #fff;
}
.rekordy-tab th
{
/*	color:#d25151;*/
	padding: 5px;
	font-size: 20px;
	border:2px solid #fff;
}
.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);
}
.rekord-wybopcji fieldset
{
	color:#fff;
	height: 40px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.rekord-wybopcji form
{
	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;
	border-right: 2px dotted #fff;
	padding-right: 45px;
	padding-left: 15px;
	
	font-size: 0.8em;
}
.sortuj-wedlug-span
{
	margin-left:10px;
	display: block;
	right: 10px;
	bottom:-3px;
}
przyklejane pozycje
.div-nad-tab
{
	width: 100%;
	height: 60px;
	margin-top: 0px;
	margin-bottom: 30px;
}
.ukryj
{
	display:none;
}
.sticky
{
	position:fixed;
	top:0px;
	left:0px;
	margin-top:0px;
	width: 100%;
}
.sticky + .div-nad-tab,
.sticky ~ .div-dogory
{
	display: block;	
}
.tab-sticky
{
	margin-top:10px;
	margin-bottom:0px;
}
.tab-sticky td
{
	padding: 5px;
	font-size: 16px;
	border:1px solid #fff;
}
.tab-sticky td:first-child
{
	width: 200px;
}
.div-dogory
{
	position: static;
    width: 600px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    right: 0px;
}
.div-dogory a
{
	color:#fff;
	text-decoration: none;
}
.div-dogory p
{
	color: #fff;
	padding: 3px;
	font-size: 1em;
	border:2px dotted #fff;
	margin-top:0px;
	margin-bottom:0px;
	text-align: center;
    width: 187px;
	height: 20px;
    display: inline-block;
}
.div-dogory a:hover,
.div-dogory p:hover
{
	color:#d25151;
	cursor: pointer;
}
/*gry.php*/
#con-gry
{
	margin-top: 100px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.gra1
{
	border:2px dotted #fff;
	margin:40px;
}
.gra1>h2
{
	font-family: 'kungfont', cursive;
	color:#d25151;
	font-size:30px;
	letter-spacing: 3px;
	text-align: center;
}
.div-opis-gra
{
	margin:40px;
}
.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;
}
.div-opis-gra-p>p
{
	font-size: 1em;
}
#gra1-button
{
    font-size:40px;
    font-family: 'kungfont', cursive;
    letter-spacing:3px;    
    color:#d25151;
	text-decoration: 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;
}
.ts-div-a-2:hover a{
	text-shadow: 2px 2px 3px #000;
}