body{
	font-family: sans-serif;
	font-size: 1.2em;
	color:#111;
	background-color: #fff;
}

.wpage {
	max-width:1920px;
}

.pjustify {
	text-align: justify;
}

/*
Navrhuji postavit paletu tak, aby:
•	Zelená byla nosná barva (stabilita, klid, příroda).
•	Oranžová sloužila jako akcent (energie, přátelskost, podzimní hřejivost).
•	Doplnily se o světlé a jemné tóny pro čitelnost a vzdušnost.
•	Přidaly se doplňkové teplé i chladné odstíny pro harmonii.

Primární
Lesní zelená
rgb(75, 109, 18)
#4B6D12
Stabilní, klidná, hlavní barva značky.

Sekundární
Podzimní oranžová
rgb(243, 169, 50)
#F3A932
Hřejivý akcent, energie, přátelskost.

Světlé pozadí
Slonová kost
rgb(250, 247, 240)
#FAF7F0
Jemné, čitelné pozadí, vhodné pro velké texty.

Doplněk 1
Teplá písková
rgb(227, 203, 161)
#E3CBA1
Hřejivé neutrální pozadí pro sekce.

Doplněk 2
Jemná šalvějová
rgb(183, 204, 165)
#B7CCA5
Zklidňuje, ladí se zelenou, dobrá pro boxy.

Doplněk 3
Tlumená vínová
rgb(133, 68, 57)
#854439
Elegantní kontrast, pro nadpisy nebo CTA.

Text
Tmavě šedá
rgb(60, 60, 60)
#3C3C3C
Lepší čitelnost než čistá černá.

*/

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 3px solid #854439;
  margin: 1em 0;
  padding: 0;
}

.bg-pdss {
	background-color: #4B6D12 !important;
}
.bg-pdss-2 {
	background-color: #F3A932 !important;
}
.bg-pdss-3 {
	background-color: #FAF7F0 !important;
}
.bg-pdss-4 {
	background-color: #3C3C3C !important;
}

.bg-pdss-box {
	background-color: #B7CCA5 !important;
}
.bg-pdss-box-2 {
	background-color: #E3CBA1 !important;
}

.border-pdss {
	border-color: #4B6D12 !important;
}
.border-pdss-2 {
	border-color: #F3A932 !important;
}
.border-pdss-3 {
	border-color: #FAF7F0 !important;
}
.border-pdss-4 {
	border-color: #3C3C3C !important;
}

.form-control {
	border: 2px solid #111;
	border-radius: 25px;
	background-color: transparent;

}

.btn {
	border-radius: 25px;
}

.nav-link {
	color: #ccc !important;
}

.nav-link:hover, .nav-link.active {
	color: #fff !important;
}

.card .link-light:hover, .card .link-dark:hover {
	text-decoration: underline !important;
}

/*
.card-footer .nav-link, .list-group-item a {
	color: #fff !important;
}

.card-footer .nav-link:hover, .card-footer .nav-link.active, .list-group-item a:hover {
	color: #A3370C !important;
}
*/
.pagination .page-item {
	background: #4D4D4F;
	border-color: #4D4D4F;
	color: #ffffff;
	margin: 0px 6px 0px 6px;
	border-radius: 5px;
}

.pagination .page-item.active, .pagination .page-item:hover {
	background: #00AEEF;
	border-color: #00AEEF;
	color: #212529;
	border-radius: 5px;
}

.pagination .page-item .page-link {
	background: transparent;
	border-color: transparent;
	color: #ffffff;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link {
	background: #00AEEF;
	border-color: #00AEEF;
	color: #212529;
	border-radius: 5px;
}

.page-item:last-child .page-link, .page-item:first-child .page-link {
	border-radius: 5px;
}

#parallax {
	background-image: url("/static/images/parallax.webp");
	background-attachment: fixed;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 260px 0;
}

#lswitch {
	bottom: 100px;
	right: 12px;
	position: fixed;
	z-index: 9999;
}

#open_preferences_center {
	background: #eee none repeat scroll 0 0;
	bottom: 5px;
	color: #000;
	right: 12px;
	cursor: pointer;
	height: 30px;
	line-height: 20px;
	position: fixed;
	text-align: center;
	-webkit-transition: all 4ms linear 0s;
			transition: all 4ms linear 0s;
	width: 180px;
	z-index: 9999;
	font-size: 16px;
	border: 1px solid #4D4D4F;
	border-radius: 10px;
	padding-top: 6px;
}
#open_preferences_center:hover {background-color: #4D4D4F; color: #eee;}