body{
	margin: 0;
	background-color: none;
}
*{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	text-align: left;
}
*:focus {
    outline: none;
}
.container{
	position: relative;
	padding: 15px 15px 5px 15px;
	margin: auto;
	background-color: #ffffff;
}
.gSzeroka{
	max-width: 1170px;
}
.gSrednia{
	max-width: 878px;
}
.gWaska{
	max-width: 680px;
}
h1{
	font-size: 33px;
	font-weight: 700;
	line-height: 1.2;
	color: #3C3C3C;
	margin: 0 0 10px 0;
	display: block;
}
h2{
	font-size: 17px;
	font-weight: 400;
	line-height: 1.3;
	color: #3C3C3C;
	margin: 0 0 15px 0;
	display: block;
}
h3{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #3C3C3C;
	margin: 15px 0 10px 0;
	display: block;
}
h4{
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #3C3C3C;
	margin: 15px 0 10px 0;
	display: block;
}
@media only screen and (min-width: 600px) {
	h2.mapaEuropy, h3.mapaEuropy{
		position: absolute;
		max-width: 400px;
		z-index: 2;
	}
}
button {
	cursor: pointer;
}
/* ---------------------------GUZIKI MINI------------------------- */
.btn_aktywny, .btn_nieaktywny{
	font-size: 12px;
	line-height: 1;
	padding: 5px 10px; 
	color: #3C3C3C;
	float: left;
  text-align: center;
}
.btn_aktywny{	
	font-weight: 600;
	background-color: #FFFFFF;
	border: 1px solid #3C3C3C;
	margin: 0 2px 0 0;
}
.btn_nieaktywny{
	font-weight: 400;
	background-color: #EEEEEE;
	border: none;
	margin: 1px 2px 1px 0;
}
/*------------------------GUZIKI 100%--------------------*/
@media screen and (max-width: 480px) {
	.btn_100proc{
		width: 100%;
		margin: 0 0 4px 0;
		text-align: center;
	}
}
/* ----------------------------GUZIKI STANDARD----------------------*/
@media screen and (min-width: 610px) {
	.btn_aktywny, .btn_nieaktywny{
		font-size: 17px;
		padding: 0 20px 5px 20px; 
		line-height: 1.2;
		color: #3C3C3C;
		border: 1px solid #3C3C3C;
		margin: 0;
		float: left;
	}
	.btn_aktywny{
		font-weight: 600;
		margin-top: 0;
		padding-top: 13px;
		background-color: #FFFFFF;
		border-width: 0.75px 0.75px 0 0.75px;
		
	}
	.btn_nieaktywny{
		font-weight: 400;
		padding-top: 8px;
		background-color: #EEEEEE;
		border-width: 0 0 0.75px 0;
		margin-top: 5px;		
	}
}
.clear{
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: none;
}
/* div z wykresem*/
.graphContainer{
	position: relative;
	height: 340px;
	font-size: 14px;
	color: #3C3C3C;
	background-color: #ffffff;
	font-weight: 400;
	padding: 0;
	margin: 10px 0 10px 0;
}
@media only screen and (min-width: 600px) {
	.graphContainer{
		margin: 20px 0 10px 0;
	}
}

/*dymek podstawowy do grafik*/
#dymekDef{
	position: absolute;
	max-width: 150px;
	padding: 5px 20px 20px 10px;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
	display: none;
	z-index: 2;
	pointer-events: none;
}
@media screen and (min-width: 480px) {
	#dymekDef{
		max-width: 200px;
	}
}
@media screen and (min-width: 600px) {
	#dymekDef{
		max-width: 280px;
	}
}
.dymekBialy{
	background-color: #ffffff;
	border: solid 0.5px #3C3C3C;
	color: #3C3C3C;
}
.dymekCzarny{
	background-color: #3C3C3C;
	border: solid 1px #3C3C3C;
	color: #ffffff;
}

/*źródło*/
.source{
	font-size: 12px;
	font-weight: 400;
	color: #A0A0A0;
	padding: 5px 0 5px 0;
	margin: 0;
	width: 100%;
	border-top: 1px solid #C8C8C8;
}
/*logo*/
.source img{
	width:auto; 
	height: 15px; 
	float: right; 
	font-size: 12px;
	margin: 1px 0 0 10px;
}
.dymekNazwa{
	font-size: 12px;
	font-weight: 700;
	color: #3C3C3C;
	line-height: 1;
}
.dymekOpis{
	font-size: 12px;
	font-weight: 400;
	color: #3C3C3C;
	line-height: 1;
}
.dymekWartosc, .dymekZmianaPlus, .dymekZmianaMinus{
	font-size: 17px;
	font-weight: 400;
	line-height: 1.2;
}
.dymekWartosc{
	color: #3C3C3C;
	padding-right: 10px;
}
.dymekZmianaPlus{
	color: #289970;
}
.dymekZmianaMinus{
	color: #F04555;
}
.dymekCzarny .dymekNazwa, .dymekCzarny .dymekWartosc{
	color: #ffffff;
}
.amcharts-balloon-bg{
	stroke: #3C3C3C;
}
/* kartogram */
.legendaKartogramu>div{
	float: left;
	width: 25%;
	position: relative;
	height: auto;
}
.legendaKartogramu6klas>div{
	float: left;
	width: 33%;
	position: relative;
	height: auto;
}
@media only screen and (min-width: 600px) {
	.legendaKartogramu6klas>div{
		float: left;
		width: 16.6%;
		position: relative;
		height: auto;
	}
}
@media only screen and (min-width: 600px) {
	.legendaKartogramu8klas>div{
		float: left;
		width: 12.5%;
		position: relative;
		height: auto;
	}
}
.legendaKartogramu span{
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0 1px;
}
.legendaKartogramu>div>div {
	height: 5px;
	width: 100%;
	margin: 4px 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	border-right: 10px solid #ffffff;
}
/* nazwy województw wyświetlane w kartogramie Polski*/
.nazwaWoj, .nazwaWoj tspan{
	font-size: 0px;
	pointer-events: none;
}		
@media only screen and (min-width: 600px) {
	.nazwaWoj, .nazwaWoj tspan{
		font-size: 14px;
	}
}

/*kartodiagram*/
.mapaNieaktywne{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#ECEFF2;
	stroke:#FFFFFF;
	stroke-width:0.5;
}
.mapaNieaktywneDark{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:rgb(210, 216, 222);
	stroke:#FFFFFF;
	stroke-width:0.5;
}
.mapaPunktNieaktywne{
	pointer-events: none;
	fill: #231F20;
	stroke: #231F20;
	stroke-width:0;
}
#Malta_okrag{
	fill:#FFFFFF; 
	stroke:#ECEFF2; 
	stroke-width:2;
}
/*normalna grubość fontu w amBaloon*/
div.amcharts-balloon-div{
	font-weight: 400;
	padding: 5px 20px 20px 5px;
}
/*wyłacznie drugiego wykresu*/
#graphContainer2, #graphContainer3, #graphContainer4, #graphContainer5, #graphContainer6{
	display:none;
}
#ogolemNapis, #liczbaSrednia{		
	color: #3C3C3C;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	position: absolute;
}
#ogolemNapis{
	font-size: 12px;
	bottom: 0px;
}
#liczbaSrednia{
	font-size: 20px;
	bottom: 15px;
}
@media screen and (min-width: 480px) {
	#liczbaSrednia{
		font-size: 30px;
		bottom: 15px;
	}
}

/* responsywność elementów wewnątrz grafiki */
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    width: 100%;
    float: left;
	position: relative;
    padding: 0;
}
@media only screen and (min-width: 600px) {
    /* For desktop: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

/* TABELE */
div.tabela{
	margin-top: 50px; 
	overflow: auto;
	overflow-x:hidden;
	width: 100%;
}
table{
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}
table tr th{
	padding: 0;
}
table tr th button{
	position: absolute;
	font-weight: 700;
	border: none;
	background-color: #ffffff;
	padding: 0;
	margin: auto;
	margin-top: -35px;
	text-align: center;
	padding-left: 10px;
}		
table tr th:nth-child(1) button{
	padding-left: 10px; 
	text-align: left;
}
table tr th button span{
	padding-left: 10px;
	color: #808080;
	font-size: 10px;
}
table tr th button span:nth-child(even){
	padding-left: 2px;
}
table tr th button span.wybrany{
	color: #1a1a1a;
}
table tr td {
	padding: 10px;
	text-align: center;
	font-weight: 600;
}
table tr td:nth-child(1) {
	text-align: left;
	font-weight: 400;
}
table tr:nth-child(even){
	background-color: #efefef;
}
span.tab-liczba-ujemna, td.tab-liczba-ujemna {
	color: #F04555;
}