* {
	font-family: HandelGothicBT, sans-serif;
	font-size: 2vw;
	letter-spacing: 0.1vw;
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: HandelGothicBT;
	src: url('HandelGo.ttf') format('truetype'); 
	font-weight: normal;
	font-style: normal;
  }  

body { /*body-tlo*/

}

#PB {
	position: fixed; 
	top: 0px; 
	left 0px; 
	text-align: center; 
	width: 100%; 
	z-index: 1; 
	font-size: 1vw; 
	padding-top: 0.4vw; 
	color: #008080;
	background-color: white;
	box-shadow: 0vw 0vw 0.5vw silver;
}

#PB b {
	font-size: 1vw;
	color: #1a144d;
}

#baner {
width: 100%;
height: 9vw;
background-color: white;
background-image: url('../grafika/baner-rumac.pl-krzywe-2023-01.png');
background-position: 50% 50%;
background-size: 48vw;
background-repeat: no-repeat;
border-bottom: 1px solid silver;
border-top: 1px solid silver;
box-shadow: 0vw 0vw 0.5vw silver;
text-align: center;
margin: 1.5vw 0vw 3vw;
position: relative;
z-index: 9;
}

#baner #IT-Button {	
	display: block;
	height: 2vw;
	float: left;
	margin: 7vw 0vw 0vw 25.4vw;
	padding-top: 0.3vw;
	font-size: 1.2vw;
	color: black;
	text-decoration: none;
}

#baner #RUN-Button {
	display: block;
	height: 2vw;
	float: right;
	margin: 7vw 36.3vw 0vw 0vw;
	padding-top: 0.3vw;
	font-size: 1.2vw;
	color: black;
	text-decoration: none;
}

#baner #IT-Button:hover, #baner #RUN-Button:hover {
	color: blue;
}

#oferta {
	width: 50vw;
	height: 40vw;
	margin: 0vw auto 3vw;
	box-shadow: 0vw 0vw 0.5vw silver;
	border: 1px solid silver;
}

#IT {
	width: 48vw;
	height: 38vw;
	margin: 1vw;
}

#IT #one {
	animation-name: Oferty;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
}

#IT #two {
	animation-name: Oferty;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
}

#IT #three {
	animation-name: Oferty;
	animation-duration: 0.5s;
	animation-delay: 1s;
	animation-iteration-count: 1;
}

@keyframes Oferty {
	0% {
		transform: scale(1);
	  }
	50% {
		transform: scale(1.2);
	  }
	100% {
		transform: scale(1);
	  }
		
}

#IT div {
	height: 10vw;
}

#IT div img {
	border: 1px solid silver;
	box-shadow: 0vw 0vw 0.5vw silver;
	background-color: whitesmoke;
	height: 8vw;
	width: 15vw;
	float: left;
	margin: 1vw 2vw 0vw 1vw;
}

#IT div div {
	height: 9vw;
	padding: 2.7vw 0vw 0vw;
	float: left;
}

#RUN {
	background-color: white;
	background-image: url('../grafika/runner.png');
	background-size: cover;
	background-position: 50% 50%;
	float: right;
	height: 10vw;
	width: 10vw;
	margin-top: 30vw;
}

#RUN a {
	display: block;
	height: 2.1vw;
	width: 10vw;
	padding-top: 7.9vw;
	font-family: HandelGothicBT, sans-serif;
	font-size: 1.5vw;
	letter-spacing: 0.05vw;
	text-decoration: none;
	color: black;
}

#RUN a:hover {
	color: blue;
}

#tresc {
	width: 60vw; 
	margin: 2vw auto;
	box-shadow: 0vw 0vw 0.5vw silver;
	border: 1px solid silver;
	font-size: 1.2vw; 
	position: relative; 
	z-index: 0;
}

#PB-head, #Competition-head {
	font-weight: bold;
	padding: 1vw 0vw 0.3vw;
	text-align: center;
	font-size: 1.5vw;
}

#PB-title, #Competition-title {
	height: 2.5vw;
}

#PB-title div {
	float: left;
	width: 25%;
	background-color: #1a144d;
	color: white;
	text-align: center;
	padding: 0.5vw 0vw;
	font-size: 1.2vw;
}

#Competition-title div {
	float: left;
	font-size: 1.2vw;
	text-align: center;
	background-color: #1a144d;
	color: white;
	padding: 0.5vw 0vw;
}

#Nr {
	width: 5%;
}

#Date {
	width: 15%;
	text-align: left !important;
}

#Name {
	width: 70%;
	text-align: left !important;
}

#Time {
	width: 10%;
}

.Competition-data {
	height: 2.5vw;
	border-bottom: 1px solid silver;
}

.Competition-data div {
	float: left;
	font-size: 1vw;
	text-align: center;
	padding: 0.5vw 0vw;
}

.Competition-data div:nth-child(1) {
	width: 3vw;
	color: rgb(88, 88, 88);
}

.Competition-data div:nth-child(2) {
	width: 9vw;
	text-align: left;
}

.Competition-data div:nth-child(3) {
	width: 42vw;
	text-align: left;
}

.Competition-data div:nth-child(4) {
	width: 5.3vw;
	text-align: right;
	padding-right: 0.7vw;
}

#PB-data {
	height: 7vw;
}

#PB-data div {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0.5vw 0vw;
	font-size: 1.1vw;
	font-weight: bold;
}

#PB-data div span {
	font-size: 1.1vw;
	font-weight: normal;
	color: #008080;
	line-height: 1.5vw;
}

.pb {
	color: rgb(255, 0, 0);
	font-weight: bold;
}

#stopka {
font-size: 1.2vw;
font-weight: normal;
line-height: 2.2vw;
width: 100%;
color: #242424;
text-align: center;
padding-top: 0.5vw;
padding-bottom: 0.2vw;
margin: 0vw 0vw 1vw 0vw;
height: 7vw;
border-top: 1px solid silver;
box-shadow: 0vw -0.4vw 0.5vw #dfdfdf;
z-index: 9;
}

#stopka a {
font-size: 1.2vw;
font-weight: bold;
color: #1a144d;
text-decoration: none;
}

#stopka a:hover {
font-size: 1.2vw;
font-weight: bold;
color: blue;
text-decoration: underline;
}