@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

h1.tytul{
font-size: 2em;
font-weight: 600;
margin: 10px 2px 25px 2px;

}

/* tytuł artykułu na stronie grupa*/
a.tytul_grupa{
display: block;
width: 100%;
padding: 7px 0px 7px 0px;
font-size: 1.5em;
font-weight: 600;
text-decoration: none;

}

a.tytul_grupa:hover{
font-size: 1.5em;
font-weight: 600;
padding: 7px 0px 7px 0px;
text-decoration: none;	
color: #016b2e;

}

/* tytuł artykułu na stronie materiały*/
a.tytul_material{
display: block;
width: 100%;
padding: 7px 0px 7px 0px;
font-size: 1.1em;
font-weight: 600;
text-decoration: none;

}

a.tytul_material:hover{
font-size: 1.1em;
font-weight: 600;
padding: 7px 0px 7px 0px;
text-decoration: none;	
color: #016aa0;

}




/* odnośnik czytaj więcej */

a.czytaj_wiecej{
/*border: solid 2px #016aa0;
border: solid 2px #7bb8f6;*/
border: solid 1px #016b2e;
display: inline-block;
text-align: right;
/*width: 100%;*/
padding: 7px 7px 7px 7px;
font-weight: 200;
font-size: 0.8em;
text-decoration: none;
margin-bottom: 10px;
color: #016b2e;
}

a.czytaj_wiecej:hover{
font-weight: 200;
/*padding: 7px 14px 7px 7px;*/
text-decoration: none;	
color: #ffffff;
background-color: #016b2e;
/*background: -webkit-linear-gradient(top, rgba(155,205,255,1) 0%,rgba(134,192,250,1) 44%,rgba(110,176,242,1) 100%);*/
margin-bottom: 10px;
}



body{
background-color: #FFFFFF;
font-family: "Arimo", arial, verdana, sans-serif;
color: #262626;
}


div.col_1212{
margin-top: 0px;
}









div.prawy{
display: block;
float: right;
margin-left: 3%;
overflow: hidden;
}

div.grupa_opis_lewy{
display: block;
width: 100%;


}
div.grupa_opis_prawy{

}


div.blad{
display: block;
text-align: center;
padding: 35px 15px 35px 15px;
color: red;
font-weight: 800;
font-size: 1.5em;
text-shadow: 0px 1px 1px #9f9f9f;
}



/* najczesciej_czytane */
div.najczesciej_czytane{
display: block;
float: left;
max-width: 40%;
margin-right: 10%;
overflow: hidden;
}

div.najczesciej_ogladane{
display: block;
float: left;
min-width: 40%;
/*max-width: 0%;*/


}

div.uwaga{
background:-webkit-linear-gradient(top, rgba(224,21,21,1) 0%,rgba(237,48,48,1) 44%,rgba(253,64,64,1) 100%);
padding: 10px;
margin-bottom: 15px;
}


div.opis_na_stronie_uwaga{
padding: 7px 0 px 7px 0px;
color: #ffffff;
font-size: 2em;
text-shadow: 0px 1px 1px #fff;
}


/* blok na odnośik czytaj więcej w stronie grupa*/
div.czytaj_w{
/*display: block;
clear: left;*/
text-align: right;
/*width: 100%;*/

}



div.wstep_grupa{
display: block;
font-size: 90%;
float: none;
}

div.wstep{
font-size: 100%;
font-weight: 600;
color: #1d1d1d;
}

div.data{
font-size: 80%;
color: #888888;
}

div.czytane{
border-top: solid #bfbfbf 1px;
/*border-bottom: solid #bfbfbf 1px;*/
padding: 10px;
font-size: 85%;
color: #888888;

}

div.opis_na_stronie{
color: #016b2e;
font-weight: 600;
}


/* odnosniki na dole strony grupy*/
div.lista_stron{
display: block;
text-align: center;

}

.lista_stron a{
display: inline-block;
padding: 7px 10px 7px 10px;

}

.lista_stron a:hover{
font-weight: 600;
padding: 7px 10px 7px 10px;
text-decoration: none;	
color: #ffffff;
background-color: #016aa0;

}


.lista_stron a.wybrane{
font-weight: 600;
padding: 7px 10px 7px 10px;
text-decoration: none;	
color: #ffffff;
background-color: #016aa0;

}



.belka{
	padding: 7px 5px 7px 5px;
	background:#016b2e;
	font-size: 110%;
	font-weight: bold;
	margin-top: 0px;
	text-shadow: 0px 1px 1px #fff;
	
}

.dol{
text-align: center;
color: #f7f6f1;
font-size: 85%;
text-shadow: none;
font-weight: normal;


}

.menu_22{
	border: solid 1px #c6bda8;

}

div.zawartosc{
	border: solid 1px #c6bda8;
	padding: 0px;
}

div.tresc{
	padding: 10px;
	/*min-height: 80em;*/
}

div.opis{
	/*background-color: #e3dfd4;*/
	/*background:#dfefff;*/
	background:#016b2e;
	border-bottom: solid 1px #c6bda8;
	padding: 8px 5px 8px 5px; 
	font-weight: 300;
	font-size: 90%;
	color: #ffffff;
	text-shadow: 0px 1px 1px #fff;
	
}

.gora{
	padding: 0;
}

ul.grupa.li{
display: block;
height: 100%;
overflow: hidden;
padding: 0;
margin-bottom: 20px;
padding: 10px 0px 10 px 0px;

}

li.grupa{
display: block;
height: 100%;
overflow: hidden;
padding: 10px 5px 10px 5px;
margin-bottom: 20px;
}


li.grupa:hover{	
	/*background-color: #eaeaea;
	color: #eaeaea;
	
	background-color: #0a0a0a;
	color: #eaeaea;
	background-color: #ffffff;
	transition: box-shadow 0.5s, background-color 0.5s, color 0.5s;
	
	background-color: #E9E9E9;*/
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	transition: box-shadow 0.7s, background-color 0.7s, color 0.7s;
	
}




ul.grupa{
list-style: none;
margin: 0;
}

li.g_lewa{
background-color: #f1f0ee;

}



img.lewy{
margin-right: 7px;
margin-bottom: 7px;
float: left;
width: 100%;
overflow: hidden;
}

img.prawy{
margin-right: 7px;
margin-bottom: 7px;
float: right;
}
/* odnośnik dla dokumentów*/
a.dokumenty{
	display: block;
	width: 100%;
	/*margin-left: 15px;*/
	text-decoration: none;
	color: #020202;
	padding: 5px;
	}

a.dokumenty:hover{
	text-decoration: none;
	font-weight: 800;
	color: #016aa0;
	background-color: #e7e7e7;
	padding-left: 10px;
}





a{
	text-decoration: none;
	color: #020202;
}


a:hover{
	text-decoration: none;
	/*color: #75CC00;*/
}



a.art{
	text-decoration: underline;
	color: #020202;
}


a.art:hover{
	text-decoration: none;
	color: #75CC00;
}




.link_artykul{
	width: 100%;
	padding: 10px;
	border: solid 1px #acacac;
	margin-top: 3px;
}

.link_artykul:hover{
	width: 100%;
	padding: 10px;
	background-color: #e3dfd4;
}

/*ul.menu_2{
	background: none;
	color: #2e84f8;
}
*/

/*ul.menu_2 li.hover{
	background-color: #e3dfd4;
}
*/


.margin_left_right{
	margin-left: 7px;
	margin-right: 7px;
}

.kafelek{
	display: block;


}

.miniatura{
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: scale-down;
	
}


.w3-card{
padding: 3px;
}

.koniec{
	clear: both;
}


.flex-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  }

.flex-item {
   margin: 1%;
   border: 1px solid #DFDFDF;
   }
   
.flex-item:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);	
	transition: box-shadow 0.7s, background-color 0.7s, color 0.7s;
	}

.flex-profil{
   margin: 1%;
   border: 1px solid #DFDFDF;
   }

   
.odstep{
	padding: 0.5em;
 }

.white{
	background-color:#ffffff;
}


.profil_zawodu_obraz_opis{
	width: 100%;
	height: auto;	
}


.profil_zawodu_obraz{
	width: 80%;
	height: auto;
	position: relative;
	transition-duration: 1s;
	filter: sepia(100%);
	margin:10%;
}
.profil_zawodu_obraz:hover{
	filter: none;
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 0%;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 7%;
	left: 0%;
	top: 0%;
}
.profil_zawodu_opis{
	text-align: center;
	padding: 10px;

}




@media (min-width: 992px){
	.col-lg-4{width: 31.33%; float: left;}
	.col-lg-6{width: 50%; float: left;}	
	.bxslider_margin_20{margin-left: 20%;margin-right: 20%;}
}

@media (min-width: 768px) and (max-width: 991px){
	.col-md-6{width: 48%; float: left;}
	.col-md-12{width: 100%;}
	.bxslider_margin_10{margin-left: 10%;margin-right: 10%;}	
}

@media (max-width: 767px){
	.col-sm-12{width: 100%;}
	.bxslider_margin_0{margin-left: 0%;margin-right: 0%;}	
}