:root {
	--on-color-bg: #EFEFEF;  
	--on-color-base-bg: #008000;
	--on-color-base-br: #008000;
	--on-color-br-hv: #008000;
	--on-color-hover-bg: #E0FFE0;
	--on-color-text-hv: #008000;
	--on-color-text-bs: #606060;
	--on-color-log-bg: #20A020;
	--on-color-border-bs: #C0C0C0;
	--on-color-text-log: #FFFFFF;
	--on-color-base-bs: #FFFFFF;
}

body{
	font-family: onicons, sans-serif;
	font-weight: 300;
	font-size: 20px;
}

header{
	border-bottom-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 2px;
	margin-bottom: 15px;
	background-color: var(--on-color-bg);
}

#log > a{
	background-color: var(--on-color-base-bg);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	color: var(--on-color-text-log);
	text-align: center;
	transition: all 1000ms;
	width: 250px;
	transition-duration: 1000ms;
}

#log > a:hover{
	background-color: var(--on-color-base-bg);
	opacity: 0.7;
}

#mainmenu ol{
	margin-left: 70px;
}

#mainmenu ol > li{
	background-color: var(--on-color-base-bs);
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: var(--on-color-text-bs) !important;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid var(--on-color-border-bs);
	border-radius: 6px;
	width: 120px;
	transition-duration: 1000ms;
}

#mainmenu ol > li:hover{
	background-color: var(--on-color-hover-bg);
	color: var(--on-color-text-hv);
	text-decoration: none;
	font-style: normal;
	border: 1px solid var(--on-color-br-hv);
}

#mainmenu ul{
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid var(--on-color-border-bs);
	border-radius: 6px;
	width: 300px;
}

#mainmenu ul > li{
	background-color: var(--on-color-base-bs);
	font-size: 14px;
	font-weight: 300;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	color: var(--on-color-text-bs);
	text-align: center;
	margin-right: 20px;
	border: 1px solid var(--on-color-border-bs);
	border-radius: 6px;
	width: 280px;
	transition-duration: 1000ms;
}

#mainmenu ul > li:hover{
	background-color: var(--on-color-hover-bg);
	color: var(--on-color-text-hv);
	text-decoration: none;
	font-style: normal;
	border: 1px solid var(--on-color-br-hv);
}

.lista_1{
	background-color: var(--on-color-base-bs);
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	color: var(--on-color-text-bs) !important;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 0px;
	border: 1px solid var(--on-color-border-bs);
	border-radius: 6px;
	width: 100px;
	transition-duration: 1000ms;
}

.lista_1:hover{
	background-color: var(--on-color-hover-bg);
	color: var(--on-color-text-hv);
	text-decoration: none;
	font-style: normal;
	border: 1px solid var(--on-color-br-hv);
	cursor: pointer;
}

.lista_2{
	font-size: 11px;
	font-weight: 300;
	text-decoration: none;
	color: var(--on-color-text-bs);
	text-align: left;
	margin-top: 10px;
	width: 300px;
	line-height: 150%;
}

.lista_3{
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	color: var(--on-color-text-bs) !important;
	text-align: left;
	margin-right: 30px;
	margin-bottom: 0px;
	width: 160px;
}

.lista_4{
	font-size: 12px;
	font-weight: 300;
	text-decoration: none;
	color: var(--on-color-text-bs) !important;
	text-align: left;
	margin-right: 30px;
	margin-bottom: 0px;
	width: 220px;
}

a.linki{
	text-decoration: none;
	color: var(--on-color-text-bs);
	line-height: 200%;
}

.btn-tog{
	border: 1px solid var(--on-color-border-bs);
}

.btn-tog:hover{
	border: 2px solid var(--on-color-border-bs);
	transition: 200ms;
}

.bottom-style{
	background-color: var(--on-color-bg);
	border-top-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 2px;
	margin-top: 20px;
}
.b-logo{
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	font-style: normal;
	color: var(--on-color-text-bs);
	margin-right: 50px;
	margin-bottom: 10px;
}

#karuzela p{
	font-size: 40px;
	font-weight: 600;
	color: var(--on-color-text-log);

}

#karuzela p > a{
	width: 300px;
	padding: 10px;
	font-size: 20px;
	font-weight: 600;
	text-decoration: none;
	font-style: normal;
	background-color: transparent;
	color: var(--on-color-text-log);
	border: 1px solid transparent;
	border-radius: 10px;
	opacity: 0.7;
	transition-duration: 1000ms;
}
#karuzela p > a:hover{
	background-color: var(--on-color-hover-bg);
	text-decoration: none;
	font-style: normal;
	color: var(--on-color-base-br);
	border: 1px solid var(--on-color-br-hv);
	opacity: 0.8;
	border-radius: 10px;
}

.carousel-item{
	width: 100%;
	/*height: 600px;*/
}

.wyjasnienia{
	border-left-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 1px;
	color: var(--on-color-text-bs);
	font-size: 16px;
	font-weight: 100;
	text-align: justify;
	text-justify: inter-word;
	margin-bottom: 50px;
}

.tabelki{
	background-color: var(--on-color-hover-bg);
	border-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 2px;
	border-radius: 10px;
	color: var(--on-color-text-bs);
	font-size: 16px;
	font-weight: 100;
	text-align: justify;
	text-justify: inter-word;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	
}

.tytul{
	background-color: var(--on-color-base-br);
	color: var(--on-color-text-log);
	font-size: 18px;
	font-weight: 300;
	text-align: justify;
}

.cyfry{
	font-size: 25px;
	font-weight: 700;
	text-shadow: 1px 1px 1px black;
	text-align: justify;
	animation: mojruch 3s infinite;
}

@keyframes mojruch{
  from {color: var(--on-color-hover-bg);}
  to {color: var(--on-color-base-br);}
}

h4{
	font-size: 18px;
	color: var(--on-color-text-bs);
	text-align: justify;
	text-justify: inter-word;
	line-height: 1.6;
}

h3{
	font-size: 28px;
	color: var(--on-color-text-bs);
	text-align: justify;
	text-justify: inter-word;
	margin-bottom: 5px;
	margin-right: 40px;
}

#tpa, #przetargi, #gr_zakupowe{
	border-bottom-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 1px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#tpa h2, #przetargi h2, #gr_zakupowe h2, #o-nas h2 {
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	text-align: justify;
	text-justify: inter-word;
	color: var(--on-color-text-bs);
	margin-bottom: 20px;
}

#tpa ul > li, #przetargi ul > li, #gr_zakupowe ul > li{
	font-size: 20px;
	font-weight: 100;
	text-align: justify;
	text-justify: inter-word;
	color: var(--on-color-text-bs);
	margin-right: 40px;
}

.herby{
	display: inline-block;
	border-bottom-style: solid;
	border-color: var(--on-color-base-br);
	border-width: 1px;
	font-size: 12px;
	text-align: center;
	margin-top: 1px;
}

.herby a > img{
	max-width: 100%;
	height: 100px;
}

.herby p{
	height: 10px;
}

@media (max-width: 768px)
{
	#karuzela p{
	font-size: 20px;
	}
}