html {
	scroll-behavior: smooth;
}


/* barevne schema */
:root {
	/* 230/230/230 */
	--svetla-barva: #e6e6e6;

	/* 90/80/85 */
	--tmava-barva: #5a5055;

	/* 50/40/45 */
	--tmava-barva-tmavsi: #32282d;

	/* 25/25/25 */
	--cerna-barva: #191919;


	/* 230/5/30 */
	--qp-cervena: #e6051e;

	/* 160/5/25 */
	--qp-cervena-tmavsi: #a00519;

	/* 160/160/160 */
	--qp-seda: #a0a0a0;


	/* 50/195/50 */
	--ok-zelena: #32C300;

	/* 20/120/20 */
	--ok-zelena-tmavsi: #147814;
}


/* menu, hlavicka a paticka */
@media only screen and (max-width: 1150px) {
	.MenuLogo { max-width: 210px;}
}
@media only screen and (max-width: 990px) {
	.MenuLogo { max-width: 150px;}
}
@media only screen and (max-width: 910px) {
	.MenuLogo {display: none;}
}
@media only screen and (max-width: 768px) {
	.MenuLogo {display: inline; max-width: 250px;}
}
.bi {text-indent: 0.0em;} /* ruší mezeru před ikonou v odkazu */
.navbar {
	background-color: var(--svetla-barva);
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.3);
}

.dropdown-menu {    --bs-dropdown-min-width: 15rem;}


.footer {
	background-image: linear-gradient(var(--tmava-barva) 30%, var(--tmava-barva-tmavsi));
	color: var(--svetla-barva);
}

.footer-copyright {
	background-color: var(--cerna-barva);
	color: var(--svetla-barva);
}

.footer-nahoru {
	color: var(--qp-cervena);
}




/* hlavni obsah, odkazy a tlacitka */
.accordion-button {font-size:1.em; font-weight: bold; background-color: rgba(0,0,0,0.05);}
.accordion-button:hover {
	background-color: #ccf2ff; opacity: 1; cursor: help;
}

.qpcz-txt-justify {margin: 0 0 0.3em 0; text-indent: 1.5em; text-align: justify}
.qpcz-note {font-size:0.85em; opacity: 0.75; font-style:italic;}
.card {
	/* bez nastaveni vysky na sto procent jsou karty ruzne vysoke! */
	height: 100%;
	border: none;
	box-shadow: 2px 5px 13px 5px rgba(0, 0, 0, 0.15);
}
/* carusel */
.carousel-item {
	transition: transform .7s ease-in-out;
}
.carousel-indicators {
    top: 0;
    margin-top: 1rem;
}
.carusel-texts-background, .carusel-texts {
    align-items: flex-start;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 16px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 3px 1px inset;
}
@media (min-width: 992px) {
.carusel-texts {
        left:0px; top:0px;
        font-size: 16px;
        height: 100%;
        padding: 40px 40px 40px 25px;
        position: absolute;
        width: 33%;
      // background-image: linear-gradient(to right, rgba(255, 255, 255, 0.95) 92%, rgba(255, 255, 255, 0.7) 94%, rgba(255, 255, 255, 0.2) 97%, rgba(255, 255, 255, 0.0) 100%);
      //  box-shadow: inset 2px -2px 2px 0px rgba(10, 37, 64, 0.6);
      //box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
      background-color: rgba(255, 255, 255, 0.9);
    
      box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 6px 6px, rgba(10, 37, 64, 0.4) -3px -2px 5px 0px inset;
    }
}

.card-header {
	background-color: var(--svetla-barva);
	color: var(--tmava-barva);
	border-bottom: none;
}

.card-footer {
	background-color: #ffffff;
	border-top: none;
}

a {
	text-decoration: none;
	color: #1D5D9B;
	text-decoration: underline dotted #CECECE; 
}

a:hover {
	/* font-weight: bold; */
	text-decoration: underline; 
	opacity: 0.5;
}

nav a {
	color: var(--tmava-barva);
}

nav a:hover  {
	opacity: 0.7;
	text-decoration: none;
}
.footer a, .footer-copyright a{
	color: var(--primary);
	text-decoration: none;
}

.btn {
	border: none;
	opacity: 1;
	transition: opacity 0.1s ease;
}

.btn:hover {
	opacity: 0.6;
	color: #ffffff;
}

.tlacitko-tmave {
	background-image: linear-gradient(var(--tmava-barva) 50%, var(--tmava-barva-tmavsi));
	color: #ffffff;
}

.tlacitko-svetle {
	background-image: linear-gradient(var(--qp-cervena) 50%, var(--qp-cervena-tmavsi));
	color: #ffffff;
}

.tlacitko-ok {
	background-image: linear-gradient(var(--ok-zelena) 50%, var(--ok-zelena-tmavsi));
	color: #ffffff;
}

.svetly-text {
	color: var(--qp-seda);
}


/* ikony */
.nav-link {
	color: var(--tmava-barva);
}

.card-text .bi, table .bi, .footer .bi {
	color: var(--qp-cervena);
}


/* galerie */
.galerie-obrazek {
	position: relative;
	overflow: hidden;
	border-radius: 0.6vw;
}

.galerie-popis {
	position: absolute;
	width: 100%;
	/* dlouhe popisy obrazku vyzaduji posunuti o vice nez sto procent */
	bottom: -150%;
	transition: bottom 0.2s ease;

	background-color: rgba(0, 0, 0, 0.6);
	color: #ffffff;
	padding: 7px;
}

.galerie-obrazek:hover .galerie-popis {
	bottom: 0px;
}

/* animace se musi definovat jeste pred najetim mysi na obrazek */
.galerie-obrazek img {
	transition: transform 0.5s ease;
}

.galerie-obrazek img:hover {
	transform: scale(1.1) rotate(-3deg);
}


/* formular */
.form-control {
	border-radius: 0px;
	border: none;
	border-bottom: 2px solid var(--svetla-barva);

	background-color: rgba(0, 0, 0, 0.02);
	o pacity: 0.1;
}


/* editor */
.editor-lista {
	background-color: var(--tmava-barva-tmavsi);
	color: var(--svetla-barva);
}

.editor-menu {
	background-color: var(--svetla-barva);
	box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.3);
}

.upozorneni {
	color: red;
	font-size: 3em;
	text-align: center;
	margin: 1em;
        }
		
.upozorneniblik {
	animation: blinker 3.5s linear infinite;
        }
		@keyframes blinker {50% {opacity: 0;}}
.upozornenitext {
	text-decoration: underline;
	text-decoration-color: blue;
	text-decoration-style: wavy;
        }
		


/* pro termin */

.text-rotate-270   {-webkit-transform: rotate(270deg);   -ms-transform: rotate(270deg);   -o-transform: rotate(270deg);  transform: rotate(270deg);}
.sleva-70 { background-color: #b4ffb4; color: #008000; font-size: 0.7em; }
.sleva-60 { background-color: #beffbe; color: #008000; font-size: 0.7em; }
.sleva-50 { background-color: #c8ffc8; color: #008000; font-size: 0.7em; }
.sleva-40 { background-color: #dcffdc; color: #008000; font-size: 0.7em; }
.sleva-30 { background-color: #e6ffe6; color: #008000; font-size: 0.7em; }
.sleva-20 { background-color: #f0fff0; color: #008000; font-size: 0.7em; }
.pripl-10 { background-color: #fff0f0; color: #ff0000; font-size: 0.7em; }
.pripl-20 { background-color: #ffe0e0; color: #ff0000; font-size: 0.7em; }
.pripl-30 { background-color: #ffd0d0; color: #ff0000; font-size: 0.7em; }
.pripl-40 { background-color: #ffc0c0; color: #ff0000; font-size: 0.7em; }
.pripl-50 { background-color: #ffb0b0; color: #ff0000; font-size: 0.7em; }
.pripl-60 { background-color: #ffa0a0; color: #ff0000; font-size: 0.6em; }