/* definice stylů html elementy */
html {
	position: relative;
	min-height: 100%;
}
body {
	color: #666;
	font-size: 16px;
	font-weight:300;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10rem;
}
a {
	color: #fabc66;
}
a:hover {
	color: #666;
	text-decoration: none;
}
li {
	margin-bottom: 0.5rem;
}









/* definice globalních stylů */
.oranzova {
	background-color: #fabc66;
}
.obsah {
	line-height: 1.3;
}
.chybova-hlaska {
	width: 100%;
	color: #dc3545;
	margin-top: 0.25rem;
}
.chybova-hlaska a {
	color: #dc3545;
	font-weight: 400;
	text-decoration: underline;
}
.alert-warning {
	border-radius: 0;
	border-color: #fabc66;
	background-color: rgba(251, 213, 164, 0.5);
}
.alert-secondary {
	border-radius: 0;
	border-color: #e8e8e8;
	background-color: rgba(248, 248, 248, 0.5);
}







/* definice stylů formuláře */
.form-control {
	border-radius: 0;
	border-color: #e8e8e8;
}
.form-control:focus {
	border-color: #fabc66;
	box-shadow: 0 0 0 0.2rem rgba(250,188,102,0.25);
}
.btn {
	border-radius: 0;
}
.btn:focus {
	box-shadow: none;
}
.btn-secondary {
	border:0;
	padding: 0 80px 0 15px;
	height: 55px;
	line-height: 55px;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 8px;
	position: relative;
	text-align: left;
	color: #666;
	background-color: #e8e8e8;
	text-shadow: 0 1px 1px rgba(255,255,255,0.2);
}
.btn-secondary .fas {
	height: 55px;
	line-height: 55px;
	position: absolute;
	top: 0; right: 0;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	background-color: #b7b7b7;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #000;
}
.btn-danger {
	height: 60px;
	font-weight: 900;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
form label {
	font-weight: 400;
	margin-bottom: 0.2rem;
}

form *[required] {
	border-left: 2px solid #fabc66;
}

::-webkit-input-placeholder {
	font-weight: 100;
}
::-moz-placeholder {
	font-weight: 100;
}
:-ms-input-placeholder {
	font-weight: 100;
}
:-moz-placeholder {
	font-weight: 100;
}
.was-validated .form-control:valid {
	border-color: #e8e8e8;
}










/* definice stylů hlavička */
header {
	border-bottom: 5px solid #fabc66;
}
header .linka {
	border-bottom: 1px solid #e8e8e8;
}
header .popis {
	color: #999;
	font-size: 12px;
}
header .jazyk {
	color: #999;
	font-size: 14px;
	font-weight: 100;
	line-height: 26px;
}
header .jazyk.aktivni {
	font-weight: 900;
	background-color: #e8e8e8;
}
.btn-hledej:hover {
	color: #fff;
	background-color: #fabc66;
}








/* definice stylů pro navigaci */
.navbar {
	padding: 0;
}
.navbar-nav .nav-item {
	margin-bottom: 0 !important;
	border-right: 1px solid #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.navbar-nav .nav-item h2 {
	margin-bottom: 0 !important;
}
.bg-light {
	background-color: #e8e8e8 !important;
}
.navbar-nav .nav-item.active .nav-link {
	color: #fff !important;
}
.navbar-light .navbar-nav .nav-link {
	color: #1a171b;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-item.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff !important;
	background-color: #fabc66;
}
.navbar-nav .nav-item.zvyraznit .nav-link {
	color: #fb970c;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}



.navbar-klient .nav-link {
	text-shadow: none;
	color: #999 !important;
	font-weight: 700 !important;
	text-transform: lowercase !important;
}
.navbar-klient .nav-link:hover {
	color: #000 !important;
	background-color: transparent !important;
}
.navbar-klient .fas {
	padding-left: 5px;
}
.navbar-klient .dropdown-menu {
	background-color: #e8e8e8 !important;
}
.navbar-klient .dropdown-menu .dropdown-item:hover {
	color: #000 !important;
	background-color: #fabc66 !important;
}












/* definice stylů pro přihlášení */
.card-prihlaseni {
	background-color: #f8f8f8;
}






















/* definice stylů - záložky */
.nav-link {
	font-weight: 400;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
}
.nav-link.active {
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #f8f8f8 !important;
}
.tab-content {
	border: 1px solid transparent;
	border-color: transparent #dee2e6 #dee2e6;
	background-color: #f8f8f8;
}










/* definice stylů carousel */
.carousel-inner {
	padding-bottom: 100px;
}
.carousel-control-next,
.carousel-control-prev {
	height: 80%;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
	bottom: 50px;
}
.carousel-indicators li {
	background-color: #e8e8e8;
}
.carousel-indicators li.active {
	background-color: #fabc66;
}
.carousel-caption {
	color: #000;
	bottom: -110px;
	overflow: hidden;
}
.carousel-item .autor,
.carousel-item .nazev {
	font-weight: 700;
	margin: 0;
	white-space: nowrap;
}
.carousel-item .rok {
	font-weight: 100;
}
.carousel-item img {
	width: 100%;
	object-fit: contain;
	margin: auto;
}

@media (min-width: 600px) {
	.carousel-item img {
		height: 450px;
	}
}

@media (max-width: 600px) {
	.carousel-indicators {
		bottom: -5px;
	}
	.carousel-caption {
		bottom: -80px;
	}
}










/* definice stylů pro modální okno */
.modal .modal-title {
	color: #fabc66;
	font-size: 1.5rem;
	font-weight: 900;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}











/* definice ostatních stylů */
.navigace {
	color: #999;
}
.navigace .sticky-top {
	top: 10px;
}
.navigace .popis {
	font-size: 14px;
	line-height: 1.3;
}
.nadpis {
	height: 55px;
	line-height: 1.1;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 15px;
	display: flex !important;
	align-items: center !important;
}
.nadpis small {
	padding-left: 5px;
	padding-right: 5px;
}
.nadpis strong {
	padding-left: 5px;
	font-weight: 900 !important;
}
.nadpis.nadpis-oranzovy {
	color: #fff;
	background-color: #fabc66;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.nadpis.nadpis-oranzovy a {
	color: #fff;
	display: block;
	padding-left: 15px;
	margin-left: -15px;
}
.nadpis-oranzovy .fas {
	background-color: #fbd5a4;
}
.nadpis.nadpis-sedivy {
	background-color: #e8e8e8;
	text-shadow: 0 1px 1px rgba(255,255,255,0.2);
}
.nadpis.nadpis-sedivy a {
	color: #666;
	display: block;
	padding-left: 15px;
	margin-left: -15px;
}
.nadpis-sedivy .fas {
	color: #fff;
	background-color: #b7b7b7;
}
.nadpis:hover .fas {
	color: #fff;
	background-color: #000;
}
.nadpis .fas {
	height: 55px;
	line-height: 55px;
	position: absolute;
	top: 0; right: 0;
	padding-left: 10px;
	padding-right: 10px;
}








.ostatni-odkazy {
	padding: 0;
	list-style-type: none;
}
.ostatni-odkazy li {
	border-bottom: 1px solid #fabc66;
}
.ostatni-odkazy li a {
	color: #666;
}
.ostatni-odkazy li a:hover {
	color: #000;
}
.ostatni-odkazy li.zvyraznit {
	color: #aa0000;
	font-weight: bold;
}
.ostatni-odkazy li.zvyraznit a {
	color: #aa0000;
}









/* definice stylů pro stránkování */
.strankovani .nadpis {
	font-size: 20px;
}
.strankovani .nadpis strong {
	font-weight: 600;
}
.pagination .page-item.active .page-link {
	border-color: #fabc66;
	background-color: #fabc66;
}
.pagination .page-link {
	color: #666;
	border-color: #e8e8e8;
}
.pagination .page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(250,188,102,0.25);
}












/* definice stylů seznam exponátu */
.seznam-exponatu {
	border-top: 1px solid #e8e8e8;
}
.seznam-exponatu > div[class^="col-"] {
	border-bottom: 1px solid #fabc66;
}
.poznamka-seznamu {
	border-top: 1px solid #e8e8e8;
}
.card-exponat {
	border: 0;
	overflow: hidden !important;
}
.card-exponat .cislo {
	display: inline;
}
#prodej .card-exponat .cislo {
	font-weight: bold;
}
.card-exponat .autor {
//	display: inline;
	font-weight: bold;
	white-space: nowrap;
}
.card-exponat .datum {
	font-size: 75%;
	margin: -3px 0 3px 0;
}
.card-exponat .nazev {
	height: 45px;
	line-height: 1.1;
	font-weight: bold;
	overflow: hidden;
}
.card-exponat img {
	width: 100%;
	height: 200px;
	object-fit: contain;
}
.card-exponat .cena {
	color: #8c8b8d;
	padding-top: 5px;
	white-space: nowrap;
}
.card-exponat .cena strong {
	font-weight: 700;
}








/* definice stylů detail exponátu */
.detail-exponatu {
	line-height: 1.4;
}
.detail-exponatu .hlavicka {
	border-bottom: 1px solid #e8e8e8;
}
.detail-exponatu .autor {
	font-size: 24px;
	font-weight: 900;
}
.detail-exponatu .datum {
	font-size: 14px;
}
.detail-exponatu .nazev {
	color: #fabc66;
	font-size: 24px;
	font-weight: 900;
	padding-left: 1rem;
}
.detail-exponatu .odkaz {
	text-transform: none;
}
.detail-exponatu strong {
	font-weight: 500;
}
.detail-exponatu .blok {
	overflow: auto;
	max-height: 350px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 1.3;
}
.detail-exponatu table th {
	background-color: #f8f8f8;
}
.detail-exponatu .zvyraznit {
	color: #fabc66;
	font-weight: 500;
}
@media (min-width: 600px) {
	.owl-carousel img {
		height: 200px;
		object-fit: contain;
	}
}






/* definice stylů pro osobní údaje */
#osobni-udaje {
	list-style: inside;
	text-align: center;
	list-style-type: upper-roman;
}
#osobni-udaje > li {
	font-weight: bold;
}
#osobni-udaje > li > ul {
	list-style: initial;
	text-align: left;
	font-weight: normal;
	list-style-type: decimal;
}
#osobni-udaje > li > ul > li > ul {
	list-style-type: lower-alpha;
}
#osobni-udaje > li > ul > li > ul > li {
	margin-bottom: 0;
}




/* definice stylů patička */
footer {
	color: #999;
	font-size: 14px;
	width: 100%;
	border-top: 1px solid #e8e8e8;
	position: absolute;
	bottom: 0;
}
footer > .container-fluid {

}
footer .galerie {
	color: #fabc66;
	font-weight: 600;
}
footer .sipka {
	width: 50px;
	height: 50px;
	color: #c0c0c0;
	position: absolute;
	top: -104px; right: 0;
	background-color: #e8e8e8;
	text-align: center;
	padding-top: 12px;
}





/* image zoom */
.magnify > .magnify-lens {
	width: 280px !important;
	height: 280px !important;
}






/* definice stylů pro eu-cookie */
.eu-cookies {text-align:center; position:fixed; left:0; bottom:-250px; width:100%; color:white; background-color:black; z-index:1000; padding:5px; opacity:0.8;}
.eu-cookies button {background:#45ae52 none repeat scroll 0 0; border:medium none; border-radius:3px; color:#fff; cursor:pointer; font-weight:700; margin:0 20px; padding:4px 12px;}
.eu-cookies a {color:#fff; font-weight:bold;}
.eu-cookies a:hover {text-decoration:underline;}
