﻿.artykuly{
 	display:flex;
 	justify-content: space-between;
 	align-items: stretch;
 	flex-wrap: wrap;
 	padding-bottom: 24px;
 	position: relative;
}


.aktualnosci-tlo{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	padding: 16px 0px;
	border-bottom: 1px solid #e8e8e8;
   	text-align: left;
}
/*.artykul-tlo {
	width: initial;
	display: block;
}*/
.strona-dzial{
	font-size: 14px;
	color:#002f4c;
	display: none;
}

.strona-data{
	font-size: 14px;
	color:#002f4c;
	font-weight: 400;
	margin:8px 0px 0px 0px;
}
.strona-tresc-data {
	display: none;
	padding: 16px 0px;
}
.strona-data {
	display: block;
}

/*.strona-data:before{
	font-family:"Font Awesome 5 Free";
    content: "\f017";
    padding-right: 4px;
}*/
.strona-tresc-dzial {
  font-size: 16px;
  display: none
}
.aktualnosci-filtr {
  font-size: 13px;
  margin: 2px 0;
}
.strona-tresc-filtr {
  margin: 4px 0;
}
.strona-tresc-dzial,
.strona-tresc-filtr strong,
.aktualnosci-filtr strong {
  color: #006c37;
}
.strona-tytul2{
	font-family: "Open Sans";
	font-weight: 700;
	font-size: 16px;
	color:#000;
}
.modul-tytul2{
	font-size: 18px;
	font-weight: 600;
}

.strona-tytul2:hover{
	opacity:0.8;
}

.artykul-tresc-tlo{

}

.strona-skrot{
	font-family: "Open Sans";
  	font-weight: 400;
  	color: #444444;
}

.artykul-ikona-tlo{
	background-size: cover;
  	background-position: center;
	overflow: hidden;
}
.aktualnosci-ikona-tlo {
	overflow: hidden;
	margin-top:16px;
	margin-right: 24px;
	width: 264px;
	height: 176px;
    min-width: 264px;
    min-height: 176px;

}
.strona-tresc-ikona {
	width: 264px;
	height: 176px;
  	background-repeat: no-repeat;
  	background-size: contain;
  	float: left;
  	margin: 0px 16px 16px 0px;
}
.strona-ikona {

}
.aktualnosci-ikona{
	width: 264px;
	height: 176px;
	transition: 0.3s;
	transform:scale(1);
	background-size: cover!important;
	background-position: center center !important;
}

.artykul-tlo:hover .aktualnosci-ikona{
 transition: 0.3s;
 transform:scale(1.1);
}

.aktualnosci-tresc-tlo{
	width: 100%;
	 min-height: 50%;
}

.aktualnosci-wiecej-tlo{
	display:none;
}

.aktualnosci-powrot-tlo{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	order: 2;
	align-items: center;
}
.aktualnosci-archiwum-tlo{
 /* display: none;*/
 	margin-top:16px;
}

a.aktualnosci_powrot, a.aktualnosci-powrot{
	padding: 6px 16px;
    color: #015487!important;
    font-family: 'Open Sans', sans-serif;
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    transition: 0.3s;
}

a.aktualnosci_powrot:after, a.aktualnosci-powrot:after{
	content: url("../grafika/strzalka-niebieska.png");
	padding-left: 4px;
}

a.aktualnosci_powrot:hover, a.aktualnosci-powrot:hover{
	transition: 0.3s;
	opacity: 0.8;
}

h1.h1-tytul{
	font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color:#000;
    text-transform: uppercase;
    text-align: center;
	padding: 8px 0px 16px 16px;
    margin: 0px 0px 16px 0px;
    width:auto;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

/*h1.h1-tytul:before{
	content:url(../grafika/naglowek-before-zielony-big.png);
    position: absolute;
    left: 0px;
    top:8px;
}*/

/*Archiwum*/
.aktualnosciarchiwum-tlo{
	width: 100%;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
}
.aktualnosciarchiwum-ikona-tlo {
	display: none;
}
.aktualnosciarchiwum-wiecej{
	display:none;
}


/**/

.aktualnosci-startowe h1{
	font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color:#000;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
    padding: 0px;
    position: relative;
}

.aktualnosci-startowe h1:before{
	content: "";
    background: #f0f0f0;
    width: 40%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 9px;
}

.aktualnosci-startowe h1:after{
	content: "";
    background: #f0f0f0;
    width: 40%;
    height: 1px;
    position: absolute;
    right: 0px;
    top: 9px;
}

.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type{
	width: 100%;
}

.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type .aktualnosci-ikona-tlo{
	height:456px;
}

.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type .aktualnosci-ikona{
	height:456px;
}

.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type .aktualnosci-tytul2{
	font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 30px;
}

.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type .aktualnosci-tytul2:before{
	content: url(../grafika/linia-niebieska.png);
    position: absolute;
    left: 0;
    top: -40px;
}


.aktualnosci-startowe  .aktualnosci-tlo{
	display: flex;
    flex-wrap: wrap;
    width: 47.5%;
    padding: 0px 0px;
    text-align: left;
    background: #fafafa;
    border:none;
    margin-bottom: 40px;
    border: 1px solid #f0f0f0;
}

.aktualnosci-startowe  .aktualnosci-ikona-tlo{
	overflow: hidden;
    width: 100%;
    height: 212px;
    min-width: 232px;
    min-height: 152px;
    margin:0;
}

.aktualnosci-startowe  .aktualnosci-ikona{
	width: 100%;
	height: 212px;
}

.aktualnosci-startowe .aktualnosci-tresc-tlo{
	padding: 40px;
}

.aktualnosci-startowe  .aktualnosci-data{
	display: none;
}

.aktualnosci-startowe  .aktualnosci-tlo .aktualnosci-tytul2{
	font-family: 'Rubik', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.aktualnosci-startowe .aktualnosci-tlo .aktualnosci-tytul2:before{
	content:url(../grafika/linia-niebieska.png);
	position: absolute;
	left:0;
	top:-30px;
}

.aktualnosci-startowe  .aktualnosci-tlo .aktualnosci-skrot{
	font-family: "Open Sans";
	font-weight: 400;
	color:#656565;
	font-size: 14px;
}



@media all and (min-width: 0px) and (max-width: 639px) {
	.aktualnosci-startowe .aktualnosci-tlo{flex-wrap: wrap;}
	.aktualnosci-startowe .aktualnosci-ikona-tlo{width: 100%;}
	.aktualnosci-startowe .aktualnosci-ikona{width: 100%;}
	.aktualnosci-startowe .aktualnosci-tlo{width: 100%;}
	.aktualnosci-startowe .artykuly .aktualnosci-tlo:first-of-type .aktualnosci-tytul2{font-size: 20px;}
	.aktualnosci-tlo{flex-wrap: wrap;padding: 16px 8px;}
	.aktualnosci-ikona-tlo{width: 100%; margin:0px;}
	.aktualnosci-ikona{width: 100%;}

}
