#number {
font-size: 38px;
height: 125px;
width: 125px !important;
background-size: 100% 100%;
background-repeat: no-repeat;
line-height: 125px;
box-sizing: border-box;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 1px #633180;
padding: 0;
margin: 0 40px;
position: absolute;
bottom: -25px;
}
.lucky {
background-image: url("lucky.png");
width: 240px;
height: 160px;
background-repeat: no-repeat;
background-size: 70%;
}

#number.k1 {
	background-image: url("kula1.png");
	color: #013098;
}

#number.k2 {
	background-image: url("kula2.png");
	color: #870301;
}

#text {
text-align: center;
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-weight: bold;
font-size: 17px;
flex-shrink: 10;
align-items: center;
display: flex;
}

#text.k1 {
	color: #0e537d;
}

#text.k2 {
	color: #870301;
}

#wrapper {
display: flex;
align-content: center;}

@font-face {
  font-family: 'andale mono';
  src: url('fonts/andalemo.ttf');
}
@font-face {
  font-family: 'book antiqua';
  src: url('fonts/bookantiqua.ttf');
}
@font-face {
  font-family: 'georgia';
  src: url('fonts/georgia.ttf');
}
@font-face {
  font-family: 'helvetica';
  src: url('fonts/helvetica.ttf');
}
@font-face {
  font-family: 'impact';
  src: url('fonts/impact.ttf');
}
@font-face {
  font-family: 'verdana';
  src: url('fonts/verdana.ttf');
}

@font-face {
  font-family: 'bebas';
  src: url('fonts/bebas.ttf');
}
@font-face {
  font-family: 'Lato-Thin';
  src: url('fonts/Lato-Thin.ttf');
}
@font-face {
  font-family: 'Lato-Thin';
  src: url('fonts/Lato-Thin.ttf');
}
@font-face {
  font-family: 'Lato-Semibold';
  src: url('fonts/Lato-Semibold.ttf');
}
@font-face {
  font-family: 'Lato-Regular';
  src: url('fonts/Lato-Regular.ttf');
}
@font-face {
  font-family: 'Lato-Light';
  src: url('fonts/Lato-Light.ttf');
}
@font-face {
  font-family: 'Lato-Heavy';
  src: url('fonts/Lato-Heavy.ttf');
}
@font-face {
  font-family: 'Lato-Bold';
  src: url('fonts/Lato-Bold.ttf');
}
@font-face {
  font-family: 'Lato-Black';
  src: url('fonts/Lato-Black.ttf');
}
@font-face {
  font-family: 'Arial';
  src: url('fonts/arial.ttf');
}

body { cursor: nonee; overflow-y:hidden !important;}

	.box{ margin: 0 auto; padding:0px; height: 100vh;}
	.kol{ padding: 0 5px 0 5px ; float: left; overflow: hidden; position: relative; box-sizing: border-box;}
	.st1{font-weight: bold; font-size:  2.0em; }
	
	small {display: none;}
	td{font-size: 18px;}
	div.horizontal_scroller, div.vertical_scroller{
	position:relative;
	height:750px;
	width:100%
	display:block;
	overflow:hidden;
	border:#CCCCCC 1px solid;
	}
	div#scroller{
	font-family:'Trebuchet MS',Arial;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	
}
	td.z1 {width:30px;}
	td.z2 {width:350px;}
	td.z3 {width:200px;}
	td.z4 {width:220px;}	
	pre.sale{
		font-size:18px;
	}
	.kol p{
		font-size: 22px;
	}
	.rotator{
	height: 600px;
	}
	.nieobecny{
	display:none;
	}
.podswietl{
	font-weight:bold;
	font-size: 1em;
}
div#nieobecni{
	font-size:22px;
	line-height:21px;
}
div#nieobecni span{
margin-right:5px;
}
.wysoki { height: 100vh;}

.dol {
position:absolute;
bottom:20px;
text-align: right;
width:50%;
font-size:32px;  
padding-right:60px;
left:0;}
.gora {
font-size:24px;
line-height:28px;
border-bottom: 1px solid rgb(221, 221, 221) !important;
margin-bottom: 0px;
min-height: 75px;
padding-top: 3px;
display: flex;
}

.cytaty {
	display: contents;
	text-align: left;
	margin-top:3px;
	padding-right:10px;
	line-height:21px;
	}
#fCzas {
	font-size:50px;
	font-weight: bold;
	padding: 6px;
	padding-top:16px;
	margin-top:3px;
	padding-bottom:18px;
	color: white;
	border: 2px solid #ccc;
	background-color: #202020;
}

#fData {
	font-weight: bold !important;
}

#lekcja2 {
	font-size:34px;
	font-weight: bold;

	padding:10px;
}

.tabele table td {
	border-left:1px solid rgb(221, 221, 221);
	border-right:1px solid rgb(221, 221, 221);
	border-bottom:1px solid rgb(221, 221, 221);
	border-top:0px solid rgb(221, 221, 221);
}

.tabele table tr {
	border-left-style:solid;
	border:0px  solid  rgb(221, 221, 221);
}

.info {
	height: 83vh;
	overflow: hidden;
	display: block; 
	flex-grow: 1;
}

.info img {
	display: block;
	max-width: 100%;
	max-height: 83vh !important;
	margin: 0 auto;
	height: auto;
	width: auto;
}
.info div.profile-name img {
    width: auto;
}
.info img.obfix{
max-height: 60vh !important;
}

hr {

    margin: 10px 0 15px;
    border-bottom: 1px solid rgb(221, 221, 221) !important;

}

@media (max-width: 1000px)
{
	.kol {
	padding:10px;
	}
}

.info, .info p {
	line-height:28px !important;
}

.duze {
	width: 100%;
}

.duze td {
	font-size:1.5em !important;
	line-height: 102%;
}

.male td,.male h3  {
	font-size:1.3em !important;
	line-height: 100%;
}
.male, .pokaz {
	font-size:1em;
}

.ukryj {
	display: none;
}

.brakzas
{
	width:100%;
	padding-top:5px;
}

.zas
{
	
}

.brakzas p {
		font-size:1.4em !important;
		text-align:center;
}

.brakzas img {
		margin:0 auto;
}

.zas p {
		font-size:1em !important;
}

.logo p {
	font-size:1.8em;
	letter-spacing:0.6px;
	color:darkbrown;
	font-weight: bold;
	font-variant: small-caps;
}

.dol2 {
	font-family:bebas;
	color:white;
	text-shadow:2px 2px black;
	width: 100%;
	text-align: center;
	padding-right: 50px;
	bottom: 20px;
	font-size: 52px;
}

.dol3 {
	font-family:bebas;
	color:#453a4d;
	text-shadow:2px 2px #f2e4e4;
	width: 100%;
	text-align: center;
	padding-right: 50px;
	bottom: 30px;
	font-size: 56px;
}

.dol2 #lekcja2 {
	font-size: 58px;
}

.logo {
	
	text-align: center;
	background-image: url('logo.png');
	background-size: 100% 100%;
	height: 100%;
    height: -webkit-calc(100% - 75px);
    height: -moz-calc(100% - 75px);
    height: calc(100% - 75px);
}

.sidebar {
	background-image: url('logo2.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	width: 520px;
	height: 100%;
    height: -webkit-calc(100vh - 75px);
    height: -moz-calc(100vh - 75px);
    height: calc(100vh - 100px);
	background-size: contain;
	flex-grow: 0;
	order: 2;
	background-size: contain;
	background-position: right top;
}

.rotator {
    width: 100%;
}
.sideon {
	width:100% !important;
}
h3.nau {
	height:15px;
	font-size:1.7em !important;
}

.srodek {
	display: flex;
}

.lewy {
	flex-grow:1;
}

.prawy {
	display:flex;
	flex-grow:0;
	max-width: 40vw;
}

.brakzas.infopokaz.lewy, .brakzas.infoukryj {
	display: none;
}
.brakzas.infopokaz.prawy {
	max-width:100vw;
}