@import url('baza.css');

html, body {
	color: rgba(64, 64, 64, 1);
}

#content {
	background: rgba(255, 255, 255, 1);
	padding: 50px 50px 200px 50px;
}

/* DEFINICJA KOLORÓW (39, 90, 117) I STOPNIA PISMA */

body {
	b_ackground: url('../gfx/background.png') center center;
	background: rgba(39, 90, 117, 0.05);
	border-top: 6px solid #000;
	box-sizing: border-box;
	position: relative;
	min-height: 100vh;
}

a {
	border-bottom: 1px solid rgba(39, 90, 117, 1);
}

a:hover {
	border-bottom: 1px solid rgba(39, 90, 117, 0.5);
}

.system_message {
	color: #fff;
	background: rgba(39, 90, 117, 1);
}

.system_message a {
	background: rgba(39, 90, 117, 1);
}

.system_message a:hover {
	background: rgba(39, 90, 117, 0.5);
}

/* NAGŁÓWEK */

#header {
	height: 250px;
	background: #8d9ba7 url('../gfx/background.jpg') no-repeat center center; 
}

#footer {
	background: url('../gfx/background.jpg') no-repeat center center; 
	color: #fff;
	box-sizing: border-box;
	border-bottom: 12px solid #000;
	position: absolute;
	bottom: 0;
}

#header h1 {
	bottom: -72px;
	width: 950px;
}

#header h1 a {
	width: 950px;
	height: 142px;
	background-image: url('../gfx/szf.png');
	background-size: cover;
	background-position: center; 
}

/* NAWIGACJA */

#navigation ul li a {
	border-top: 1px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
}

#navigation:hover a {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-shadow: 0 0 2px rgba(255,255,255,1);
}

#navigation:hover a.navigation_active {
	border-top: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 2px rgba(0,0,0,1);
}

#navigation:hover a.navigation_disabled {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
  text-shadow: 0 0 2px rgba(255,255,255,0.5);
}

#navigation ul li a:hover {
	border-top: 3px solid rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
}

#navigation ul li a.navigation_active {
	border-top: 3px solid rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
}

#navigation ul li a.navigation_disabled {
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
}

#navigation ul li a.navigation_disabled:hover {
	border-top: 3px solid rgba(255, 255, 255, 0.5);
	color: rgba(255, 255, 255, 0.5);
}

#navigation ul li a.navigation_active:hover {
	border-top: 3px solid rgba(0, 0, 0, 1);
	color: rgba(0, 0, 0, 1);
}

/* KOLUMNA GŁÓWNA */

#main_content h1 {
	border-top: 3px solid rgba(39, 90, 117, 1);
	color: rgba(39, 90, 117, 1);
}

#main_content h2, #main_content h3 {
	color: rgba(39, 90, 117, 1);
}

.fine_print {
	color: rgba(64, 64, 64, 0.5);
}

select {
	border: 1px solid rgba(39, 90, 117, 1);
}

input {
	border: 1px solid rgba(39, 90, 117, 1);
	background: rgba(39, 90, 117, 1);
	color: #fff;
}

input:hover {
	border: 1px solid rgba(39, 90, 117, 0.5);
	background: rgba(39, 90, 117, 0.5);
}

input.white_field {
	border: 1px solid rgba(39, 90, 117, 1);
	background: #fff;
	color: rgba(64, 64, 64, 1);
  width: 57%;
}

.main_content_illustration {
	padding: 30px;
	background: rgba(39, 90, 117, 0.1);
	float: none !important;
	margin: 0 !important;
}

.main_content_illustration img {
	filter: drop-shadow(0 0 30px rgba(39, 90, 117, 0.2));
	margin: 0 !important;
	padding: 0 !important;
}

.main_institution img {
	filter: drop-shadow(0 0 10px rgba(39, 90, 117, 0.3));
	margin: 0 !important;
	padding: 0 !important;
}

.main_institution a {
	display: block;
	padding: 10px;
	background: rgba(39, 90, 117, 0);
	line-height: 0;
}

.main_institution a.owned {
	background: rgba(39, 90, 117, 0.1);
}

.main_institution a img {
	border: 0 !important;
}

#main_press .press_agency a img {
	border: 1px solid rgba(39, 90, 117, 0.5);
}

#main_press .press_agency a:hover img {
	border: 1px solid rgba(39, 90, 117, 1);
}

.press_symbol, .debate_symbol {
	color: rgba(39, 90, 117, 1);
}

#main_press td {
	border-top: 1px solid rgba(39, 90, 117, 0.25);
}

.main_institutions div a img {
	border: 1px dashed rgba(39, 90, 117, 0.5);
	max-width: 100%;
	height: auto;
}

.main_institutions div a.owned img {
	border: 1px solid rgba(39, 90, 117, 0.5);
}

.mini_institutions div a img {
	border: 1px solid rgba(39, 90, 117, 0.5);
}

.main_institutions div a:hover img, .mini_institutions div a:hover img {
	border: 1px solid rgba(39, 90, 117, 1);
}

#side_content h3 {
	border-top: 3px solid rgba(39, 90, 117, 1);
	border-bottom: 1px solid rgba(39, 90, 117, 0.5);
	color: rgba(39, 90, 117, 1);
}

#main_content h4.coin_owner {
	border-top: 3px solid rgba(39, 90, 117, 1);
	border-bottom: 1px solid rgba(39, 90, 117, 0.5);
	color: rgba(39, 90, 117, 1);
}

#main_content h4.coin_owner a {
	border-bottom: 0;
}

.side_content_illustration img, .side_content_image_right {
	border: 1px solid rgba(39, 90, 117, 0.25);
}

.side_content_illustration img:hover, .side_content_image_right:hover {
	border: 1px solid rgba(39, 90, 117, 0.5);
}

.side_debates li:before, .side_votes li:before, #main_content li:before {
	color: rgba(39, 90, 117, 1);
}

.side_stats span {
	color: rgba(39, 90, 117, 1);
}

#main_content .participants {list-style: none; counter-reset: li; padding: 0 0 0 1.5em; }

#main_content .participants li::before {content: "."counter(li); color: rgba(39, 90, 117, 1); font-weight: bold;
    display: inline-block; width: 1em; margin-left: -1.5em;
    margin-right: 0.5em; text-align: right; direction: rtl}
  
#main_content .participants li {counter-increment: li; padding-left: 0; text-indent: 0; }

form.stempel {
	padding: 30px;
	margin: 0 0 1em 0;
	background: #333;
	box-sizing: border-box;
}

form.stempel input {
	width: 100%;
	background: #444;
	font-family: Lora, serif;
	border: none;
	padding: 10px;
	margin: 0 0 10px 0;
	text-align: center;
	color: #fff;
	box-sizing: border-box;
}

form.stempel input[type="submit"] {
	background: #ff6600;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 5px;
}

form.stempel .stempel_adnotacja {
	display: block;
	text-align: center;
	font-size: 0.8em;
	margin: 0 0 10px 0;
	color: #999;
}

form.stempel a {
	color: #ff6600;
	text-decoration: none;
	border: 0;
}

.stamps_normal {
	display: flex;
	flex-flow: row wrap;
}

.stamps_stamp {
	display: flex;
	padding: 10px;
	box-shadow: inset 0 -50px 0px 0px rgba(39, 90, 117, 0.1);
	flex-grow: 1;
	margin: 0 0 20px 0;
}

.stamps_stamp a {
	border: 0 !important;
	line-height: 0;
	display: block;
	text-align: center;
	position: relative;
	align-self: flex-end;
  margin: 0 auto;
}

.stamp_current, .stamp_owned_ {
	position: absolute;
	display: block;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	top: -5px;
	right: -5px;
}

.stamp_current {
	background: #e00;
}

.stamp_owned_ {
	background: #32CD32;
}

.stamps_stamp a img {
	filter: drop-shadow(0 0 10px rgba(39, 90, 117, 0.3));
	max-width: 100%;
	height: auto;
}

.stamp_future a img {
	opacity: 0.4;
}

.stamp_future a:hover img {
	opacity: 1;
}

.stamp_text {
	display: block;
	font-size: 0.5em;
	margin: 10px 0 0 0;
	text-align: center;
}

.system_message.bottom {
	margin: 45px 0 0 0;
}

/* SZYBKIE SKALOWANIE DLA MOBILNYCH */

@media screen and (max-width: 767px) {

	body {
			font-size: 1em;
			line-height: 1.25em;
	}

	#content {
		width: 100%;
		margin: 0 auto;
		padding: 7.5%;
		box-sizing: border-box;
	}
	
	#footer {
		display: none;
	}
	
	#header h1 {
		width: 85% !important;
		bottom: -2em !important;
	}
	
	#header h1 a {
		width: 100% !important;
		height: 0 !important;
		padding-top: 14.9473%;
	}
	
}

@media screen and (min-width: 1071px) {

	#navigation ul li {
		width: 20%;
	}
	
	#navigation ul li a {
		width: 100%;
		display: inline-block;
		text-align: center;
		padding: 5px 0px;
	}
	
}

.znaczek-featherlight, .znaczek-featherlight img {
	border: 0 !important;
}

.featherlight .featherlight-content {
	background: none !important;
	overflow: hidden !important;
}

.featherlight .featherlight-image {
	width: 100% !important;
	height: auto !important;
}