@font-face {
	font-family: 'Styrene A Web';
	src: url('/res/fonts/StyreneA-Regular-Web.eot');
	src: url('/res/fonts/StyreneA-Regular-Web.eot?#iefix') format('embedded-opentype'),
	url('/res/fonts/StyreneA-Regular-Web.woff2') format('woff2'),
	url('/res/fonts/StyreneA-Regular-Web.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Styrene A Web';
	src: url('/res/fonts/StyreneA-Bold-Web.eot');
	src: url('/res/fonts/StyreneA-Bold-Web.eot?#iefix') format('embedded-opentype'),
	url('/res/fonts/StyreneA-Bold-Web.woff2') format('woff2'),
	url('/res/fonts/StyreneA-Bold-Web.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

.modal {
    display: none; z-index: 9000001;
    position: fixed; top: 0; left: 0;
    height: 100%; width: 100%;
    background: rgba( 0, 0, 0, .3 );
}
body.blenda { overflow: hidden; overflow-y:scroll; }
body.blenda .modal { display: block; }
body.blenda .modal img { position: absolute; margin: auto; top: 0; bottom:0; left: 0; right: 0; }

*:focus { outline-style: solid; outline-width: 2px; }
#skip_link_content:focus { outline-style: none; outline-width: 0px; }

a												{ text-decoration:none; }
a:hover											{ text-decoration:none !important; }
b,strong										{ font-weight:700; }

h1												{ display:inline-block; width:auto; font-weight:700; font-size: 1.5rem; line-height:1.3em; padding:0 .4em .2em 0; border-bottom: solid #000 3px; border-right: solid #000 3px; margin: 0 0 20px 0; }
h2												{ display:inline-block; width:auto; font-weight:700; font-size: 1.3333333333333rem; line-height:1.3em; padding:0 .4em .2em 0; border-bottom: solid #000 3px; border-right: solid #000 3px; margin: 0 0 20px 0; }

h1												{ display:inline-block; width:auto; font-weight:700; font-size: 2.1rem; line-height:1.3em; padding:0 .4em .2em 0; border-bottom: solid #000 3px; border-right: solid #000 3px; margin: 0 0 45px 0; }
h2												{ display:inline-block; width:auto; font-weight:700; font-size: 1.8rem; line-height:1.3em; padding:0 .4em .2em 0; border-bottom: solid #000 3px; border-right: solid #000 3px; margin: 0 0 35px 0; }
h3												{ display:inline-block; width:auto; font-weight:700; font-size: 1.6rem; line-height:1.3em; padding:0 .4em .2em 0; border-bottom: solid #000 3px; border-right: solid #000 3px; margin: 0 0 30px 0; }

hr												{ border-width:1px 0 0 0; }

.buttons										{ font-size:0; }
.button											{ display:inline-block; box-sizing:border-box; padding:8px 15px; border: solid #000 1px; font-size: 1.0833333333333rem; line-height:16px !important; font-family:'Styrene A Web'; font-feature-settings: "liga", "kern"; font-weight:400; text-align:center; cursor:pointer; }
.button:hover									{ }

input[type='text'], input[type='password']		{ display:inline-block; box-sizing:border-box; padding:5px 5px; font-family:'Styrene A Web'; font-feature-settings: "liga", "kern"; font-size: 1.0833333333333rem; border:solid #000 1px; }
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {  }
input[type='file']								{ font-size: 1rem; }
textarea										{ display:inline-block; box-sizing:border-box; padding:8px 15px; font-family:'Styrene A Web'; font-feature-settings: "liga", "kern"; font-size: 1.0833333333333rem; border:solid #000 1px; }
select											{ display:inline-block; box-sizing:border-box; padding:8px 15px; font-family:'Styrene A Web'; font-feature-settings: "liga", "kern"; font-size: 1.0833333333333rem; border:solid #000 1px; }
fieldset										{ border-width: 1px; border-style: solid; padding: 30px; margin-bottom: 20px; }

iframe 											{  width: 100%; }

.clr											{ display:block; clear:both; }
.clearfix:after									{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.wrap											{ position:relative; width:1150px !important; margin:0 auto; }

body 											{ width:100%; height:100%; font-family:'Styrene A Web'; font-feature-settings: "liga", "kern"; font-weight: 400; font-style: normal; font-stretch: normal; font-size: 1rem; line-height:1.3em; overflow-y:scroll; }

ul.skip_links									{ display: block; list-style-type: none; margin:0; padding:0; position: absolute; top: 10px; left: 10px; }
ul.skip_links li								{ margin:0; padding:0; }
ul.skip_links li a								{ white-space: nowrap;  padding: 5px 10px; opacity: 0; position: absolute; top: 10px; left: -9999px; background:white; }
ul.skip_links li a:focus						{ opacity: 1; left: 10px; }

header 		 									{ width:100%; height:auto; position:relative; }
header.notmain 									{ margin-bottom: 40px; }
header .logo 									{ display:inline-block; height:50px; }
header .logo img								{ display:block; height:100%; }
header .black_ribbon							{ height:50px; position:absolute; top:25px; left:160px; }

header .header-top-container					{ margin-top:25px; padding:0 !important; }
header .ulatwienia-dostepu-container			{ display: flex; align-content: space-evenly; justify-content: center; }
header .user-nav-container						{ display: flex; justify-content: right; }

header nav										{ display:block; width:100%; margin: 20px auto 10px auto; font-size:0; letter-spacing:0 !important; padding-left:0 !important; padding-right:0 !important; }
header nav	span								{ display:block; }
header nav .menuitem							{ display:block; box-sizing:border-box; border-top:solid 3px #000; height:30px; padding-top:2px; font-size: 0.91666666666667rem; font-weight:700; text-transform: uppercase; }
header nav .menuitem:hover						{ border-top:solid 1px #000; padding-top:4px; }
header nav .act									{ border-top:solid 3px #000; padding-top:4px; }
header nav .menuitem:nth-child(4n+3)			{ width:14.28571428571429%; }
header nav .menuitem:nth-child(4n+4)			{ width:14.28571428571429%; margin-right:0; }
header nav .langs								{ text-align:right; }
header nav .langs a								{ font-size: 1.3rem; margin: 10px 5px; }

header nav ul									{ list-style-type: none; padding:0; margin: 0; }
header nav ul li								{ padding: 0; margin:0; display:inline-block; width: 23.5%; margin-right:2%; vertical-align: top; }
header nav ul li:nth-child(4n+4)				{ margin-right:0; }
header nav ul li a								{ width: 100%; }

header nav h1									{ font-size: inherit; border: none; }

header .szukaj									{ display:block; position:relative; width:100%; }
header .szukaj input[type='text']				{ display:block; padding:3px 0 0 20px; border:none; width:calc(100% - 25px); }
header .szukaj input[type='image']				{ display:block; position:absolute; top:3px; left:0; width:17px; }

header div.navresp								{ display:none; }
header div.navresp	span						{ display:block; }
header div.navresp .menuitem					{ display:block; box-sizing:border-box; width:100%; height:30px; padding-top:2px; margin:10px auto; font-size: 0.91666666666667rem; text-align:center;  text-transform: uppercase; }
header div.navresp .menuitem:hover,header div.navresp .act				{ font-weight:700; }
header div.navresp .langs						{ text-align:center; }

header .szukaj_resp								{ display:none; position:relative; width:100%; }
header .szukaj_resp input[type='text']			{ display:block; padding:3px 0 0 20px; border:none; width:calc(100% - 25px); }
header .szukaj_resp input[type='image']			{ display:block; position:absolute; top:3px; left:0; width:17px; }


.navRespButton									{ display:none; float:right; width:50px; cursor:pointer; }

header .user_nav								{ display: flex; align-items: center; justify-content: center; flex-grow: 1; }
header .user_nav a								{ display:inline-block; height:35px; cursor:pointer; vertical-align:middle; margin:auto 8px; }
header .user_nav a.koszyk						{ height:35px; }
header .user_nav a img							{ display:block; height:100%; vertical-align:middle; }
header .user_nav a img:hover					{ filter: opacity(60%); }

header .user_nav_resp							{ width:auto; display:block; margin:0 0 20px 0; font-size:0; text-align:center; }
header .user_nav_resp a							{ display:inline-block; height:40px; cursor:pointer; vertical-align:middle; margin-right:10px; }
header .user_nav_resp a:last-child				{ margin-right:0; }
header .user_nav_resp a.koszyk					{ height:40px; }
header .user_nav_resp a img						{ display:block; height:100%; vertical-align:middle; }
header .user_nav_resp a img:hover				{ filter: opacity(60%); }

header .ulatwienia_dostepu						{ line-height:1em; text-align:center; cursor:pointer; font-size:.9rem; font-weight:bold; }
header .ulatwienia_dostepu img					{ width:35px; height:35px; display:block; margin:auto; margin-bottom: }
header>.dostepnosc_settings 					{ display:none; margin-top:20px; }

section.content									{ font-size:0; line-height:0; margin-bottom:70px; }

footer											{ font-size:0; margin-bottom:40px !important; padding:0 !important; }
footer>.row										{ margin-right:0px !important; margin-left:0px !important; }
footer nav ul.menu								{ list-style-type: none; padding:0; margin: 0; }
footer nav ul.menu li							{ padding: 0; margin:0; display:inline-block; width: 23.5%; margin-right:2%; vertical-align: top; }
footer nav ul.menu li:nth-child(4n+4)			{ margin-right:0; }
footer nav ul.menu li a							{ width: 100%;  text-transform: uppercase; }
footer nav ul.menu .blank						{ display:block; box-sizing:border-box; border-top:solid 3px #fff !important; height:30px; padding-top:2px; vertical-align:top; font-size: 0.91666666666667rem; font-weight:700; }
footer nav ul.menu .menuitem					{ display:block; box-sizing:border-box; border-top:solid 3px #000; height:30px; padding-top:2px; vertical-align:top; font-size: 0.91666666666667rem; font-weight:700; }
footer nav ul.menu .menuitem:hover				{ border-top:solid 1px #000; padding-top:4px; }
footer nav ul.menu .act							{ border-top:solid 1px #000; padding-top:4px; }
footer nav ul.social							{ border:none; font-size:0; display:flex; align-items: center; justify-content:center; margin: 30px auto 10px auto; }
footer nav ul.social:hover						{ border:none; }
footer nav ul.social a							{ display:inline-block; margin: auto 8px; }
footer nav ul.social a img						{ width:40px; }
footer .logo									{ display:flex; justify-content: center; }
footer .logo a									{ display:inline-block; margin:20px 10px; }
footer .logo a img								{ height:50px; display:block; }

	.contbox									{ position:relative; display:inline-block; width:48.69565217391304%; margin: 0 2.608695652173913% 2.608695652173913% 0; padding-bottom:30%; background-size:cover; vertical-align:top; background-position:center; }
	.contbox:nth-child(2n+2)					{ margin-right:0; }
	.contbox:nth-last-child(-n+2)				{ margin-bottom:0; }

	.contbox .dostepnosc 						{ position:absolute; bottom: 5%; right:3%; display:flex; vertical-align: center; justify-content: flex-end; width:30%; height:11%; }
	.contbox .dostepnosc div					{ display:inline-block; margin-left:2%; width: 25%; height: 100%; padding:5%; background-clip: padding-box; }
	.contbox .dostepnosc div img				{ width:100%; height:100%; }	

	.banery .dostepnosc 						{ position:absolute; bottom: 20px; left:20px; display:flex; vertical-align: center; justify-content: flex-start; width:18%; height:11%; }
	.banery .dostepnosc div						{ display:inline-block; margin-left:2%; width: 25%; height: 100%; padding:5%; background-clip: padding-box; }
	.banery .dostepnosc div img					{ width:100%; height:100%; }	
	
	.contbox .desc								{ position:absolute; bottom:20px; left:20px; width:50.8%; min-width:250px; padding:20px; font-size: 1.3333333333333rem; line-height:1.3em; overflow:hidden;  text-transform: uppercase; }
	.contbox .desc .title						{ font-weight:700; }

	.lazniaX 									{ font-size:0; margin-bottom:10px; }
	.lazniaX .date								{ display:block; font-weight:700; border-bottom-width:3px; border-bottom-style:solid;  font-size: 1.4rem; line-height:1.3em; padding:5px 5px 5px 0;  }
	.lazniaX .laznia							{ display:inline-block; font-weight:400; font-size: 1.5rem; line-height:1.25em; padding:5px 8px; }

.zaloguj_wrapper								{ display:none; width:600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index:9000002; }
.zaloguj_wrapper .title							{ position:relative; z-index:10; margin-bottom:20px; font-size: 1.25rem; font-weight:700; }
.zaloguj_form									{ display:inline-block; width:100%; position:relative; z-index:8; margin:0; padding:60px 130px 90px 130px; }
.zaloguj_form #login_status_bar					{ display:none; }
.zaloguj_form .field							{ margin-bottom:5px; }
.zaloguj_form .field label						{ display:block; padding-bottom:5px; }
.zaloguj_form input[type='text'], .zaloguj_form input[type='password'] { width:100%; }
.zaloguj_form #zaloguj_anuluj 					{ cursor:pointer; position:absolute; top:15px; right:15px; display:block; font-size: 2.0833333333333rem; }
.zaloguj_form .niepamietam 						{ float:right; clear:both; display:block; margin-bottom:15px; }
.zaloguj_form #login_submit						{ width:48%; margin-right:4%; margin-bottom:4%; }
.zaloguj_form .zarejestruj 						{ width:48%; margin-bottom:2%; }
.zaloguj_form .fbbutton 						{ width:48%; white-space:nowrap; position:relative; padding-left:40px; font-size: 0.83333333333333rem; }
.zaloguj_form .fbbutton div						{ display:inline-block; height:100%; position:absolute; top:0; left:0; width:32px; height:32px; }
.zaloguj_form .fbbutton div	img					{ height:18px; position:absolute; top:7px; left:13px; }
	
.ck												{ font-size: 1rem; line-height:1.3em; }
.ck table										{ border-collapse:collapse; margin:0; padding:0; }
.ck table td									{ /*border:solid silver 1px; padding:3px 10px;*/ }

.ck .scrollable									{ width:100% !important; overflow:auto; }

.ck a:hover, .content_article a:hover			{ text-decoration:underline; }

.ck img											{ max-width: 100% !important; height:auto !important; }

.status_ok										{ font-size: 1.25rem; line-height:1.4em; font-weight:400; color:white; padding:5px 20px; background:#558e48; box-sizing:border-box; width:100%; text-align:center; margin-bottom:20px; }
.status_error									{ font-size: 1.25rem; line-height:1.4em; font-weight:400; color:white; padding:5px 20px; background:#ff0000; box-sizing:border-box; width:100%; text-align:center; margin-bottom:20px; }
.status_info									{ font-size: 1.25rem; line-height:1.4em; text-align:center; padding:100px; }

.txt img										{ max-width:100% !important; height:auto !important; }

.desaturate 									{ filter: grayscale(100%); }

.banery_slider_wstrzymaj	 					{ position: absolute; top: 20px; left: 20px; padding: 5px 10px 8px 10px; font-size: 1.2rem; z-index: 10; cursor: pointer; }
.banery_slider_wstrzymaj img 					{ display: inline-block; height: 12px; width: auto; vartical-align: middle; position: relative; top: 1px; }

.grouping_list									{ margin: 0; padding:0; list-style-type: none; }
.grouping_list li								{ margin: 0; padding:0; }

span.sr_only 									{  position: absolute;  width: 1px;  height: 1px;  padding: 0;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  clip-path: inset(50%);  border: 0; }

@media (max-width: 1200px)
{
	.wrap										{ width:100% !important; margin:0 auto; padding:0 15px; }
	header .black_ribbon						{ left:180px; }
}

@media (max-width: 1100px)
{
	header 		 								{ width:100%; height:auto; }	
	header.notmain 								{ width:100%; height:auto; }	
	header .logo 								{  }
	header .header-top-container				{ margin-bottom:25px; }
	header .user_nav							{ display:none; }
	header .ulatwienia_dostepu					{ display:none; }
	header .ulatwienia-dostepu-container		{ justify-content: right; }
	
	nav.regular									{ display:none; }
	.navRespButton								{ display:block; }
	div.navresp									{ display:none; }	
	header>.dostepnosc_settings					{ display:none; }
	.dostepnosc_settings .dost-col				{ display:none; margin-top:20px; margin-bottom:10px; }	
	
	
	.contbox									{ padding-bottom:50%; }
	.contbox:nth-child(2n+2)					{ margin-right:0; }
	.contbox:nth-last-child(-n+2)				{ margin-bottom:0; }

	.contbox .dostepnosc 						{ top: 3%; width:40%; height:9%; }
	
	.contbox .desc								{ min-width:auto; position:absolute; bottom:0; left:0; width:calc(100% - 30px); padding:15px; margin:15px; font-size: 1.0833333333333rem; }

	.lazniaX 									{ width:100%; border-bottom: solid #000 3px; border-right: none; }
	.lazniaX .date								{ display:inline-block; font-size: 1.25rem;  border-bottom: none; }
	.lazniaX .laznia							{ float:right; font-size:1,2083rem; line-height:1.35em border-bottom: none; border-right: none;  }

	footer										{ font-size:0; margin-bottom: 70px !important; padding: 0 15px !important; }
	
	footer nav ul.menu li						{ display: block; width: 100%; margin-right:0; }
	footer nav ul.menu .blank					{ display:none !important; }
	footer nav ul.menu .menuitem				{ text-align:center; }
	
}

@media (max-width: 700px)
{
	header nav									{ display:none; }
	header>.dostepnosc_settings 				{ display:none; }
	
	.contbox									{ position:relative; display:block; width:100%; padding-bottom:100%; margin: 0 0 15px 0; }
	.contbox .desc								{ min-width:auto; }
	.contbox:nth-last-child(-n+2)				{ margin-bottom:15px; }	
	
	.banery .dostepnosc 						{ top: 15px; left:auto; right:15px; width:45%; height:9%; justify-content: flex-end; }
	
	.zaloguj_wrapper							{ width:100%; }
	.zaloguj_form								{ padding:60px 40px 90px 40px; }
	.zaloguj_form #login_status_bar				{ display:none; }
	.zaloguj_form .field						{ margin-bottom:5px; }
	.zaloguj_form .field label					{ display:block; padding-bottom:5px; }
	.zaloguj_form input[type='text'], .zaloguj_form input[type='password'] { width:100%; }
	.zaloguj_form #zaloguj_anuluj 				{ cursor:pointer; position:absolute; top:15px; right:15px; display:block; font-size: 2.0833333333333rem; }
	.zaloguj_form .niepamietam 					{ float:right; clear:both; display:block; margin-bottom:15px; }
	.zaloguj_form #login_submit					{ width:48%; margin-right:4%; margin-bottom:4%; }
	.zaloguj_form .zarejestruj 					{ width:48%; margin-bottom:2%; }
	.zaloguj_form .fbbutton 					{ width:48%; white-space:nowrap; position:relative; padding-left:40px; font-size: 0.83333333333333rem; }
	.zaloguj_form .fbbutton div					{ display:inline-block; height:100%; position:absolute; top:0; left:0; width:32px; height:32px; }
	.zaloguj_form .fbbutton div	img				{ height:18px; position:absolute; top:7px; left:13px; }
	
}

@media (max-width: 300px)
{
	header .logo 								{ width:100px; }
}