/* ----------------------------
banner
---------------------------- */

.row--banner
{
	/*background-color: #a8bbcc;*/
	background-color: #a2c2db;
	/*background-image: url(../img/banner-small.jpg);
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/
}

/*@media (min-width: 38em)
{
	.row--banner { background-image: url(../img/banner.jpg); }
}*/

.banner
{
	/*background-color: #a8bbcc;*/
	background-color: #a2c2db;
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (min-width: 38em)
{
	.banner { background-image: url(../img/banner.jpg); }
}

/* ----------------------------
header
---------------------------- */

.header
{
	/*padding: 1.25em 1em;*/
	/* 20px/16px - 16px/16px*/
}

.header__top {
	border-bottom: 4px solid #002e4b;
}

.header__logo
{
	float: left;
	padding-top: .6em;
}

/*---- text-size ----*/
.text-size
{
	float: right;
	margin: 0.1em 0 0 1em;
	padding: 1.2em 0;
}

.text-size input
{
	border: 0;
	background-color: transparent;
	cursor: pointer;
	width: .7em;
	margin: 0;
	padding: 0;
}

.text-size input:hover
{
	color: #d7d700;
	text-decoration: none; 
}

#small
{
	font-size: 0.8em;
}

#normal
{
	font-size: 1em;
}

#large
{
	font-size: 1.2em;
}
/*---- text-size ----*/

.header__nav
{
	float: right;
	/*width: 450px;*/
}

.header__nav ul
{
	/*margin: 0.625em 0;*/
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.header__nav li
{
	display: inline-block;
	margin: 0;
}

.header__nav a
{
	display: block;
	margin-right: .2em;
	padding: 2em 1em;
	/* 32px/16px - 16px/16px*/
	color: #fff;
	background: none;
	font-size: 0.8125em;
	/* 13px/16px */
	/*font-weight: 600;*/
	text-decoration: none;
	text-transform: uppercase;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

/*.header__nav-contact a { margin-right: 0; }*/

.header__nav-lang a 
{ 
	margin-right: 0;
	margin-left: 1em; 
}

.current a 
{
	color: #fff;
	background: #293a4b;
}

.header__nav a:focus { background: #000; }
/*.header__nav a:hover { background: #002e4b; }*/

.header__nav a:hover
{
	background: #002e4b;
	color: #d7d700;
}

.header__nav a:active { background: #001b2c; }

@media (max-width: 22em)

{
	.header__nav
	{
		float: left;
		width: 100%;
	}
	
	.header__nav ul
	{
		margin: 0.625em 0;
		padding: 0;
		list-style: none;
		text-align: left;
	}
	
	.header__nav li
	{
		display: block;
		margin-bottom: 0.1em;
	}

}

@media (min-width: 38em)

{
	.header
	{
		/*padding: 1.2222em 2em;*/
		/* 22px/18px - 36px/18px*/
	}

	.header__nav
	{
		width: 42em;
	}
	
	.header__nav a
	{
		font-size: 0.8333em;
		/* 15px/18px */
	}

}

/* ----------------------------
banner-content
---------------------------- */

.banner-content
{
	padding: 1.875em 1.5em 2.8125em;
	/* 30px/16px - 24px/16px - 45px/16px */
	text-align: center;
}

.banner-content__heading, .banner-content__heading-en
{
	margin: 0 0 1.25em;
	/* 20px/16px */
	color: #fff;
	font-size: 2em;
	/* 32px/16px */
	font-weight: 600;
	/*text-transform: uppercase;*/
	/*letter-spacing: .3em;*/
	text-shadow: 2px 2px 5px #252525;
}

.banner-content__subheading
{
	margin: 0 0 1.875em;
	/* 30px/16px */
	color: #fff;
	font-size: 1.25em;
	/* 20px/16px */
	font-weight: normal;
	line-height: 1.2em;
	text-shadow: 2px 2px 5px #252525;
}

.banner-content__subheading-en
{
	margin: 0 0 1em;
	/* 30px/16px */
	color: #fff;
	font-size: 1.25em;
	/* 20px/16px */
	font-weight: normal;
	line-height: 1.2em;
	text-shadow: 2px 2px 5px #252525;
}

@media (min-width: 38em)

{
	.banner-content
	{
		padding: 4em 2em;
		/* 72px/18px - 26px/18px */
	}
	
	.banner-content__heading
	{
		font-size: 3em;
		/* 54px/18px */
		/*margin: 0 0 0.888em;*/
		/* 16px/18px */
		margin: 0.888em 0 0.5em;
		/* 16px/18px */
	}

	.banner-content__heading-en
	{
		font-size: 3em;
		/* 54px/18px */
		/*margin: 0 0 0.888em;*/
		/* 16px/18px */
		margin: 0 0 0.5em;
		/* 16px/18px */
	}
	
	.banner-content__subheading, .banner-content__subheading-en
	{
		font-size: 2em;
		/* 24px/16px */
	}

}

/* ----------------------------
content
---------------------------- */

.content { text-align: left; }

.content__row 
{
	margin-bottom: 2.1875em;
	/* 35px/16px */
}

.content ul, .content ol
{
	/*list-style-type: disc;*/
	margin-left: 2em;
}

.content ul ul li:first-child 
{
	margin-top: 0.375em;
}

.content p a, 
.content ul li a,
.content ol li a,
.content h3 a {
	text-decoration: underline;
}

.content ol
{
	padding-left: 1.25em;
	/* 20px/16px */
}

.content ul li
{
	padding-left: 0.875em;
	/* 14px/16px */
	list-style-type: none;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
}

.content ul.years
{
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 2em;
}

.content ul.years li
{
	display: inline-block;
	background-image: none;
	padding-left: 0;
	margin-right: 0.2em;
	/*padding: 0.875em;
	border: 1px solid #ddd;*/
}

.content ul.years li a
{
	font-size: .9em;
	color: #535353;
	display: block;
	padding: .5em 1em;
	border: 1px solid #e5e5e5;
	border-radius: .2em;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
    text-decoration: none;
}

.content ul.years li a:hover
{
	color: #488ccb;
	border: 1px solid #488ccb;
	border-radius: .2em;
	text-decoration: none;
}

.content__heading 
{
	margin: 0 0 .875em;
	/* 14px/16px */
	padding: 0 0 .75em;
	/* 12px/16px */
	font-size: 1.125em;
	/* 18px/16px */
	border-bottom: 1px solid #d2d2d2; 
}

.content__heading a
{
	color: #003a5d;
}

.content__subheading
{
	margin: 2em 0 .5em;
	/* 32px/16px - 8px/16px */
	font-size: 1em;
	/* 16px/16px */
	font-weight: 600;
}


/* --- content-news --- */


.content-news, .content-news__today 
{
	font-size: 0.9em;
	margin-bottom: 2.5em;
	/* 40px/16px */
}

.content-news__today
{
	border-bottom: 1px dotted #d2d2d2;
}

.content-news__today h3
{
	text-transform: uppercase;
	color: #b40d30;
	font-weight: 600;
}

.content-news__today ul
{
	margin-left: 0;
	padding-left: 0;
}

.content-news__today li
{
	padding-left: 0.875em;
	/* 14px/16px */
	list-style-type: none;
	background-image: url(../img/arrow-today.png);
	background-repeat: no-repeat;
}

.content-news__today span
{
	font-weight: 400;
	color: #363636;
}

.content-news img
{
	border: 1px solid #e5e5e5;
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.content-news__data
{
	color: #a1a1a1;
	font-size: 0.875em;
	/*14px/16px*/
	/*padding-right: .2em;*/
}

.content-news__subheading
{
	margin: 1em 0 .5em;
	/* 16px/16px - 8px/16px */
	font-weight: 600;
}

.content-news__today span
{
	color: #535353;
}

.content-news a, .content-news__today a
{
	color: #535353;
	text-decoration: none;
}

.content-news a:hover, .content-news__today a:hover
{
	color: #707070;
	text-decoration: none;
}

/*.content-news__more
{
	float: right;
	font-size: .9em;
}*/

.content-news__more
{
	float: right;
	font-size: .9em;
	/*border: 1px solid #e5e5e5;
	border-radius: .2em;*/	
}

.content-news__more a
{
	font-size: .9em;
	color: #535353;
	display: block;
	padding: .5em 1em;
	border: 1px solid #e5e5e5;
	border-radius: .2em;
	transition: all .1s linear;
	text-decoration: none;
    -webkit-transition: all .1s linear;
}

.content-news__more a:hover
{
	color: #488ccb;
	border: 1px solid #488ccb;
	border-radius: .2em;
	text-decoration: none;
}

.content__text { margin: 0; }


/* --- content sidebars --- */


ul.events, ul.notices
{
	font-size: 0.875em;
	/* 14px/16px */
	margin-bottom: 4em;
	/* 64px/16px */
	margin-left: 0;
}

ul.events
{
	text-transform: uppercase;
}

ul.events li, ul.notices li 
{
	margin-bottom: 0;
	border-bottom: 1px dotted #d2d2d2;
	padding-left: 0.5em;
	list-style-type: none;
	background-image: none;
}

ul.events li:hover, ul.notices li:hover
{
	background-color: #fcfcfc;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}


ul.events li a, ul.notices li a
{
	display: block;
	color: #707070;
	text-decoration: none;
	padding: 0.7em 0;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

ul.events li a:hover, ul.notices li a:hover
{
	/*color: #535353;*/
	color: #b40d30;
	background-color: #fcfcfc;
}

/* ---- UA ---- */

div.ua
{
	background-color: #f5dd01;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: bold;
}

div.ua:hover
{
	background-color: #036dc4;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

div.ua a
{
	display: block;
	text-decoration: none;
	color: #036dc4;
	padding: 0.8em 0.5em;
}

div.ua a:hover
{
	color: #f5dd01;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

/* ---- UA ---- */

.sidebar__subnav ul li
{
	text-transform: none;
	border: 0;
	background-color: none;
	padding: 0;
}

.sidebar__subnav ul li:hover
{
	background-color: #fff;
}

.sidebar__subnav ul li a:hover
{
	background-color: #fff;
	border-left: 4px solid #b81a3b;
	padding-left: 0.8em;
	color: #535353;
}

.sidebar__subnav li.current a, .sidebar__subnav li.current a:hover
{
	background-color: #fff;
	border-left: 4px solid #b81a3b;
	padding-left: 0.8em;
	color: #535353;
}

.internal ul
{
	margin-left: 0;
}

.internal ul li
{
	list-style-type: none;
}

.internal ul ul
{
	margin-left: 1em;
}

/*---- search form ----*/

#search h3
{
	margin-bottom: 0;
}

#search table
{
	border: 0;
}

#search tr,
#search td
{
	background-color: #fff;
	border: 0;
}

#search .lineup
{
	margin-left: -0.88em;
}

#search form
{
	font-size: 0.8em;
	background-color: #fff;
}

#search input.txt
{
	width: 90%;
	height: 2em;
	border: 1px solid #d2d2d2;
}

/*---- search form ----*/

iframe.googlemap
{
	padding: 0;
	margin: 0;
	width: 900px;
	height: 350px;
	border: 1px solid rgb(201,201,201);
	overflow: hidden;
}

.card
{
	clear: both;
	margin-bottom: .5em;
	overflow: hidden;
}

.card img
{
	float: left;
	margin-right: 1em;
}

.photo 
{
	margin: 1em 0;
	overflow: hidden;
}

.photo img
{
	float: left;
	margin-right: .9em;
	margin-bottom: .5em;
}

/*.photo p.description
{
	clear: left;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
}*/

.data
{
	/*color: #a1a1a1;*/
	color: #767575;
	font-size: 0.875em;
}

p.data
{
	margin-bottom: -.7em;
}

.nekrolog
{
	text-align: center;
	border: 4px solid #000;
	/*width: 70%;*/
	width: 80%;
	padding: 1.5em;
}

.projekty
{
	float: left;
	padding-left: 0;
	margin-left: 0;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.projekty a
{
	font-size: .9em;
	color: #535353;
	display: block;
	width: 20em;
	padding: .5em 1em;
	border: 1px solid #e5e5e5;
	border-radius: .2em;
	transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

.projekty a:hover
{
	color: #488ccb;
	border: 1px solid #488ccb;
	border-radius: .2em;
	text-decoration: none;
}

.projekty-kontakt
{
	float: left;
	width: 20em;
	margin-right: 1em;
}

.current-projects
{
	text-align: center;
	font-size: 1.3em;
}

.current-projects div
{
	margin: 10px; 
	width: 90%; 
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.current-projects a
{
	display: block; 
	padding: 2em; 
	background-color: #1976D2; 
	color: #fff; 
	text-decoration: none;
	min-height: 2.6em; 
}

.current-projects a:hover
{
	background-color: #2196F3; 
	transition: all .2s linear;
}

@media (min-width: 38em)
{
	.current-projects div
	{
		width: 46%; 
	}

	.current-projects a
	{
		height: auto; 
	}
}

/*---- kiosk ----*/

#kioskmenu h3
{
	text-align: center;
}

#kioskmenu h3, .kiosk h3 
{
	padding: 1em;
	cursor: pointer;
}

#kioskmenu h3, #kioskmenu h3 a, .kiosk h3, .kiosk h3 a
{
	display: block;
	background-color: #003a5d;
	color: #fff;
	margin-right: .6em;
	text-decoration: none;
}

#kioskmenu h3:hover, #kioskmenu h3 a:hover, .kiosk h3:hover, .kiosk h3 a:hover
{
	text-decoration: none;
}

.kiosk ul
{
	margin-left: 0;
}

.kiosk ul li
{
	background-image: none;
	padding-left: 0;
	margin-right: .6em;
}

.kiosk ul li a, .submenu a
{
	display: block;
	padding: 1em;
	background-color: #bbdefb;
	color: #000;
	text-decoration: none;
}

.kiosk ul li a:hover, .submenu a:hover
{
	text-decoration: none;
}

#kioskmenu .list ul {
 display:none;
}

.kiosk ul.side-navigation li
{
	display: inline-block;
}


.kiosk-menu 
{
	/*position: relative;*/
	display: inline-block;
}

.item
{
	/*background-color:  #4caf50;*/
	color: black;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}
.item:hover, .item:focus 
{
	/*background-color: #3e8e41;*/
}

.submenu
{
	display: none;
	position: absolute;
	/*background-color: #3e8e41;*/
	min-width: 160px;
	/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}
.submenu a 
{
	color: black;
	padding: 1em;
	text-decoration: none;
	display: block;
}
.submenu:hover
{
	/*background-color: #4caf50;*/
	color: #4caf50;
}

/*---- kiosk ----*/

/*---- toggle ----*/

#wybory2023 .list ul {
 display:none;
}

#wybory2023 {
	cursor: pointer;
}

#logoHRS4R .list ul {
 display:none;
}

#logoHRS4R {
	cursor: pointer;
}

#contracts h3 {
	cursor: pointer;
	text-decoration: underline;
}

#contracts .contract-list table {
 	display:none;
}

/*---- toggle ----*/

@media (min-width: 38em)

{
	.content { text-align: left; }

	.conent__row 
	{
		margin-bottom: 4.1667em;
		/* 75px/18px */
	}
	
	.content__row:last-child { margin: 0; }
	
	.content__padding
	{
		padding-top: 4em;
		/* 72px/18px */
	}
	
	.content__heading
	{
		font-size: 1.5556em;
		/* 75px/18px */
		font-weight: normal;
	}
	
	.content__subheading
	{
		margin: 2em 0 .555em;
		/* 36px/18px - 10px/18px */
		font-size: 1.2222em;
		/* 22px/18px */
	}
	
	.content__text { margin: 0; }

	ul.events, ul.notices
	{
		margin-bottom: 3.555em;
		/* 64px/18px */
	}
	
}


/*@media (min-width: 50em)
{
	
}*/

/* ----------------------------
sections
---------------------------- */

.sections 
{ 
	text-align: center;
	padding: 0; 
}

.sections__ifj,
.sections__research,
.sections__education,
.sections__popularization
{
	padding-top: 2.1875em;
	padding-bottom: 2.1875em;
	/* 35px/16px */
}

.sections__ifj:hover,
.sections__research:hover,
.sections__education:hover,
.sections__popularization:hover 
{ 
	background-color: #fff; 
	/*padding: 2em 0;*/
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.sections-list__heading
{
	margin: 0 0 .25em;
	/* 4px/16px */
	font-size: 1.5em;
	/* 24px/16px */
	/*font-weight: 600;*/
	/*color: #45617d;*/
	color: #003a5d;
}

/*.sections-list__heading:hover
{
	text-decoration: none;
	color: #6892bc;
}*/

.sections-list__icons
{
	display: block;
	width: 145px;
	height: 150px;
	margin: 0 auto 1.3333em;
	/* 24px/16px */
	background-repeat: no-repeat;
	background-image: url(../img/main_sections.png);
}

/*.sections-list__icons:hover
{
	background-image: url(../img/main_sections_hover.png);
}*/

.sections-list__ifj { background-position: 0 0; }
.sections-list__research { background-position: -145px 0; }
.sections-list__education { background-position: -290px 0; }
.sections-list__popularization { background-position: -435px 0; }


@media (min-width: 45em)
{
	.sections__ifj,
	.sections__research,
	.sections__education,
	.sections__popularization
	{
		padding-top: 3.3333em;
		padding-bottom: 3.3333em;
		/* 60px/18px */
	}

	.sections-list__heading
	{
		font-size: 1.4444em;
		/* 26px/18px */
	}
}

/* ----------------------------
logos
---------------------------- */

.logos
{
	margin: 0 auto;
	text-align: center;
}

.logos img 
{
	/*float: left;*/
	margin: 1em;
}

@media (min-width: 38em)

{
	.logos img 
	{
		margin: 1.4444em;
		/* 26px/18px */
	}
	
}

/* ----------------------------
shorts
---------------------------- */

.shorts
{
	background-image: url(../img/shorts_bg_small.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.shorts-list__heading
{
	margin: 0 0 .25em;
	/* 4px/16px */
	font-size: 1.25em;
	/* 20px/16px */
	font-weight: normal;
	line-height: 1.2em;
}

.shorts-list__heading,
.shorts-list ul 
{
	margin-right: 1em;
}

.shorts-list ul 
{
	margin-bottom: 2em;
}

.shorts-list__heading:last-child { margin-top: 1em; }

.shorts-list__heading a,
.shorts-list ul li a 
{
	color: #fff;
	text-decoration: underline;
}

.shorts-list__heading a:hover
{
	color: #d7d700;
}

.shorts-list ul li a 
{
	/*text-decoration: none;*/
	font-size: 0.875em;
	/* 14px/16px */
}

.shorts-list ul li a:hover
{
	text-decoration: underline;
	color: #d7d700;
}

@media (min-width: 38em)

{
	.shorts { background-image: url(../img/shorts_bg.jpg); }

	.shorts-list__heading
	{
		font-size: 1.4444em;
		/* 26px/18px */
	}
}

/* ----------------------------
footer
---------------------------- */


/*.footer
{
	font-size: 0.875em;
	 14px/16px 
}*/

.social-list li
{
	display: inline-block;
	text-indent: -9999px;
}

.social-list li a
{
	display: block;
	width: 33px;
	height: 34px;
	background-repeat: no-repeat;
	background-image: url(../img/social.png);
	transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.social-list li a:hover
{
	background-image: url(../img/social-hover.png);
}

.social-list__fb a, .social-list__fb a:hover
{ 
	background-position: 0 0; 
}

.social-list__youtube a, .social-list__youtube a:hover
{ 
	background-position: -33px 0;
}

.social-list__twitter a, .social-list__twitter a:hover
{ 
	background-position: -66px 0; 
}

.footer p a 
{
	text-decoration: underline;
}

.footer__bip p
{
	background-image: url(../img/logo-bip.png);
	background-repeat: no-repeat;
	min-height: 40px;
	padding-left: 2.75em;
	/* 44px/16px */
	vertical-align: middle;
	font-size: 0.9em;
}

.footer__bip a
{
	color: #535353;
	text-decoration: underline;
}

.footer__copyright 
{ 
	font-size: 0.875em;
	/* 14px/16px */
	margin: 1em 0 0; 
}

.footer__copyright li 
{
	display: inline-block;
	margin: 0;	
	border-right: 1px solid #a0a0a0;
}

.footer__copyright li:last-child { border: none; }

.footer__copyright li a
{
	padding: 0 0.375em;
	color: #959595;
	text-decoration: underline;
}