body {background-color: black; background-image: url(graf/boisko.jpg); background-attachment: fixed; background-repeat: no-repeat; font-family: 'coda', sans-serif; color: black;}
div.top1 {background-color: #FFFFFF; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 180px; height: 180px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.top2 {background-color: #DDDDDD; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 180px; height: 180px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666;  box-shadow: 5px 5px 20px #111111;}
div.top3 {background-color: #DDDDDD; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 180px; height: 180px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.logo {background-color: #FFFFFF; opacity: 0.9; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 180px; height: 180px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.stopka {background-color: #333333; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 900px; height: 18px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; font-family: ; font-size: 14px; text-align: center; align: center; border-width: 2px; border-color: #DDDDDD; box-shadow: 5px 5px 20px #111111; color: white; letter-spacing: 4px;}
div.listameczow {background-color: #DDDDDD; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 898px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 14px; text-align: center; align: center; border-width: 3px; border-color: #666666; box-shadow: 5px 5px 20px #111111; color: white;}
div.admin1 {background-color: #DDDDDD; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 898px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 14px; text-align: center; align: center; border-width: 3px; border-color: #666666; box-shadow: 5px 5px 20px #111111; color: #333333;}
div.stats4 {background-color: #FFFFFF; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 180px; min-height: 170px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.stats3 {background-color: #FFFFFF; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 260px; min-height: 80px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.stats2 {background-color: #FFFFFF; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 418px; min-height: 80px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.stats1 {background-color: #FFFFFF; opacity: 0.8; padding: 10px; border-style: dashed; display: inline-block; margin: 15px; width: 898px; min-height: 80px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 4px; border-color: #666666; box-shadow: 5px 5px 20px #111111;}
div.naglowek {background-color: #333333; opacity: 0.8; padding: 6px; border-style: dashed; display: inline-block; margin: 15px; width: 430px; height: 24px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: left; font-family: ; font-size: 18px; text-align: center; align: center; border-width: 2px; border-color: #DDDDDD; box-shadow: 5px 5px 20px #111111; color: white; letter-spacing: 4px; font-weight: 600}
div.puste {opacity: 0.9; padding: 10px; display: inline-block; margin: 15px; width: 188px; height: 18px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; float: left; font-size: 18px; text-align: center; align: center;}

tr.wiersz:nth-child(even) {background: #E9E9E9}
tr.wiersz:nth-child(odd) {background: #D3D3D3}

img {text-align: center; align: center; vertical-align: middle;}
td.listameczowtop {background-color: #AAAAAA; opacity: 0.9; padding: 10px; font-size: 18px; text-align: center; align: center; color: black;}
td.listameczow1 {opacity: 0.9; padding: 4px; font-size: 16px; text-align: center; align: center; letter-spacing: 2px; color: black;}
td.listameczow2 {background-color: #CCCCCC; opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; letter-spacing: 2px; color: black;}

td.wynikitab1 {opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; height: 36px; font-weight: bold;}
td.wynikitab1a {background-color: #FFFFDD; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}
td.wynikitab2 {opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; height: 36px; font-weight: bold;}
td.wynikitab2a {background-color: #DDCCBB; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}
td.wynikitab3a {background-color: #BBFFBB; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}
td.wynikitab4a {background-color: #FFBBBB; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}
td.wynikitab5a {background-color: #FFEEBB; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}
td.wynikitab6a {background-color: #AACCFF; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 1px; color: black; font-weight: bold;}

td.wynikwin {background-color: #33CC66 ; opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}
td.wynikloss {background-color: #FF6666 ; opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}
td.wynikdraw {background-color: #66CCFF ; opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}

td.stats3top {background-color: #111111; opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; color: #FFCC33;}
td.statsA {background-color: #111111; opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; color: #FFCC33; font-weight: bold;}
td.statsB {opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; color: black;}
td.statsC {opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; color: black;}
td.statsD {opacity: 0.8; padding: 4px; font-size: 16px; text-align: center; align: center; color: black; letter-spacing: 2px; font-weight: bold;}
td.statsE {opacity: 0.8; padding: 4px; font-size: 14px; text-align: center; align: center; color: black; letter-spacing: 1px; font-weight: ;}
td.statswin {background-color: #BBFFBB; opacity: 0.7; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}
td.statsloss {background-color: #FFBBBB ; opacity: 0.7; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}
td.statsdraw {background-color: #AACCFF ; opacity: 0.7; padding: 4px; font-size: 14px; text-align: center; align: center; letter-spacing: 2px; font-weight: bold; color: black;}

td.meczetop {background-color: #111111; opacity: 0.8; cell-spacing: 0px; padding: 0px; font-size: 14px; text-align: center; align: center; color: #FFCC33; font-weight: bold; border: 0px;}

div.menu {background-color: #333333; opacity: 0.9; padding: 4px; border-style: dashed; display: inline-block; margin: 15px; width: 75px; height: 26px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; font-family: coda; font-size: 20px; text-align: center; align: center; border-width: 3px; border-color: white; color: white; font-weight: bold;  box-shadow: 5px 5px 20px #111111;}
div.menu:hover:not(.active) {background-color: white; border-style: dashed; border-color: white; color: black;}
div.menuactive {background-color: white; opacity: 0.9; padding: 4px; border-style: dashed; display: inline-block; margin: 15px; width: 75px; height: 26px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; font-family: coda; font-size: 20px; text-align: center; align: center; border-width: 3px; border-color: white; color: black; font-weight: bold;  box-shadow: 5px 5px 20px #111111;}

div.menutop {padding: 0px; border-style: dashed; margin: 10px; width: 130px; height: 58px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; font-family: coda; font-size: 18px; text-align: center; align: center; border-width: 2px; border-color: white; color: white; font-weight: bold; box-shadow: 5px 5px 20px #111111;}
div.menutop:hover:not(.active) {background-color: white; border-color: white; color: black;}

td.minitab {align: center; border-top-style: dashed; border-top-width: 1px; border-right-style: dashed; border-right-width: 1px; border-color: black; width: 90px; font-size: 16px; background-color: #F3F3F3; color: #333300; font-weight: bold; opacity: 0.9;}
td.minitab2 {align: center; border-top-style: dashed; border-top-width: 1px; border-color: black; width: 90px; font-size: 16px; background-color: #F3F3F3; color: #338800; font-weight: bold; opacity: 0.9;}

a:link {color: white; text-decoration: none; valign: middle;}
a:hover {color: black; text-decoration: none;}
a:visited {color: white; text-decoration: none;}

a.menu:link {color: white; text-decoration: none; valign: middle;}
a.menu:hover {color: black; text-decoration: none;}
a.menu:visited {color: white; text-decoration: none;}

.dymek {
  position: relative;
  display: inline;
}
.dymek span {
  position: absolute;
  width:120px;
  color: #FFFFFF;
  background: #333333;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  box-shadow: 4px 4px 8px #0A0000;
}
.dymek span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #333333;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
:hover.dymek span {
  visibility: visible;
  overflow: visible;
  opacity: 1;
  bottom: 40px;
  left: 50%;
  margin-left: -60px;
  font-size: 14px;
  letter-spacing: 1px; 

}


	html,body {
		height:100%;
		margin:0;
		padding:0;
	}
	.wrap-all {
		overflow: hidden;
		width:100%;
		position: relative;
	}
	.page-main {
		padding:0px;
		position: relative;
		color:#000;
		font-size:16px;	
		left: 0;
	-webkit-transition: 0.5s left;
	-moz-transition: 0.5s left;
	-ms-transition: 0.5s left;
	-o-transition: 0.5s left;
	transition: 0.5s left;	
	}

/* navigation toggle */
	.navigation-toggle {
		position:fixed;
		top:12px;
		left:50px;
		width:0;
		height:0px;
		background: white;
		border-radius:6px;
		display: block;
		z-index: 100;
		cursor: pointer;
		font-size: 30px;
		font-weight: 600;
 
	}
	.navigation-toggle span {
		width:40px;
		height:3px;
		margin:4px 10px;
		display: block;
		background: black;
		border-radius:1px;

	}
	.navigation-toggle span:first-child {
		margin-top:20px;
	}

/* navigation */
	.navigation {
		z-index: 2;
		min-height: 100%;
		font-weight:300;
		font-size:14px;
		position: fixed;
		top:0px;
		left:-250px;
		width:250px;
		background: #333333;
		height:100%;
		overflow: hidden;
		overflow-y:auto;
		color:#999999;
		-webkit-transition: 0.5s left;
		-moz-transition: 0.5s left;
		-ms-transition: 0.5s left;
		-o-transition: 0.5s left;
		transition: 0.5s left;
		opacity: 0.85;

	}

	.navigation a {
		background:#333333;
		color:#fff;
		border-left:6px solid #FFCC33;
	}
	.navigation ul {
		list-style:none;
		padding:0;
		margin:20px 0;
	}
	.navigation ul li {
		text-transform: uppercase;
		border-bottom:1px solid silver;
		font-weight:600;
	}
	.navigation ul li:last-child {
		border-bottom:0;	
	}
	.navigation ul li a {
		display: block;
		height:50px;
		line-height: 50px;
		text-decoration: none;
		padding:0 20px 0 30px;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;

	}
	.navigation ul li a.aktywny {
		background:#DDDDDD;
		color:#000000;
		border-left:14px solid #FFCC33;
	}		
	.navigation ul li a:hover {
		background:#FFFFFF;
		color:#000000;
		border-left:14px solid #FFCC33;
	}

	.navigation .logo {
		text-align: center;
		margin:20px 0;
	}
	.navigation .logo img {
		max-width:250px;
		height:auto;
	}
	
.navigation-show .page-content {
	left:250px;
}

.navigation-show .navigation {
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	left:0;
}	


/* toggle anim */
	.navigation-show .page-main {
		left:250px;
	}
	.navigation-show .navigation {
		box-shadow:0 2px 10px rgba(0,0,0,0.2);
		left:0;
	}
	
	
@media screen and (min-width:1270px) {
	body {
	margin-left: 300px;
	}
	.navigation-toggle {
		display: none;
	}
	.navigation-show .page-content {
		left:0;
	}
	.navigation-show .navigation,
	.navigation {
		z-index: 2;
		min-height: 100%;
		font-weight:300;
		font-size:14px;
		position: fixed;
		top:0px;
		width:250px;		
		left:0;
		height:auto;
	}
	.navigation ul li {
		vertical-align: middle;
		margin:0 2px;
	}
	.navigation ul li a {
		padding:0 20px 0 30px;
	}
}	
@media screen and (min-width:1400px) {
	body {
	margin-left: 350px;
	}
@media screen and (min-width:1500px) {
	body {
	margin-left: 400px;
	}
@media screen and (min-width:1600px) {
	body {
	margin-left: 450px;
	}