/* počáteční číslo stránky jednotlivých kapitol (musí být o 1 nižší než je ve skutečnosti) */
#index        { counter-set: page 0; }
#pravda       { counter-set: page 0; }
#rozum        { counter-set: page 14; }
#veci         { counter-set: page 32; }
#buh-1        { counter-set: page 44; }
#buh-2        { counter-set: page 52; }
#buh-3        { counter-set: page 62; }
#buh-4        { counter-set: page 70; }
#svet         { counter-set: page 82; }
#clovek-1     { counter-set: page 96; }
#clovek-2     { counter-set: page 114; }
#clovek-3     { counter-set: page 122; }
#rodina       { counter-set: page 132; }
#charakter    { counter-set: page 152; }
#nasili       { counter-set: page 178; }
#krestanstvi  { counter-set: page 192; }
#skola-prace  { counter-set: page 226; }
#evoluce      { counter-set: page 234; }

/* Georgia */
@font-face { font-family: 'myGeorgia'; src: url('../pisma/Georgia.woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'myGeorgia'; src: url('../pisma/Georgia-Bold.woff2'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'myGeorgia'; src: url('../pisma/Georgia-Italic.woff2'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'myGeorgia'; src: url('../pisma/Georgia-BoldItalic.woff2'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'myLobster'; src: url('../pisma/Lobster-Regular.woff2'); font-weight: normal; font-style: normal; }

body { font-family: myGeorgia; }
.lobster { font-family: myLobster; }
.amarante { font-family: 'Amarante'; }
.amita { font-family: 'Amita'; }
.montser { font-family: 'Montserrat', sans-serif; }

h1 { margin-top: 0; }
p { margin: 0; }
p + p { margin-top: 0.5cm; }
li { margin: 0; margin-top: 0.1cm; }

.wrapper { width:21cm; margin:0 auto; margin-top: 0.5cm; font-size: 1.5em; }
#zahlavi { width:21cm; padding:0; height:4em; text-align:center; background:#333; color:#8E9BAF; position:relative; border-radius:20px; }
#zapati  { width:21cm; padding:0; height:4em; text-align:center; background:#FFFFAA; color:dimgray; position:relative; border-radius:20px; } 
#nabidka { width:21cm; padding:0; background:dimgray; color:#8E9BAF; position:relative; border-radius:20px; } /* font-size: 1.5vw; */

/* img { image-rendering: crisp-edges !important; } */
img.va2 { vertical-align: middle; }
img.va3 { vertical-align: top; }
.shadow { box-shadow: 5px 5px 5px #888888; }
.s { visibility: hidden; }
.kod { font-family: Consolas, 'Courier New'; font-size: .8em; }
.kod2 { font-family: Consolas, 'Courier New'; font-size: .75em; }
.fs { font-size: 1.1em; }
.pismo { font-family: myGeorgia, Garamond, Cambria, 'Calibri Light', 'Times New Roman', Arial; }
.u { text-decoration: underline; }
.kap { font-variant: small-caps; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.center { text-align: center; }
.right { text-align: right; }
.prst { cursor:pointer; cursor:hand; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.ml1 { margin-left: .5cm; }
.ml2 { margin-left: 1cm; }
.ml3 { margin-left: 1.5cm; }
.mtx { margin-top: .2cm; }
.mt { margin-top: .5cm; }
.mb { margin-bottom: .5cm; }
.ml { margin-left: .5cm; }
.mr { margin-right: .5cm; }
.ml-1 { margin-left: -.5cm; }
a { text-decoration: none; }
a.link { color: dimgray; border-bottom:1px dotted dimgray; }
a.link:hover { color: black; }
	.link2 { color:white;border-bottom:1px dotted white;transition:0.5s all ease; }
	.link2:hover { color:#0fbe7c;border:none;text-decoration:underline; }
.podtrh { border-bottom:1px dotted dimgray; }
.small { font-size:80%; }
.small2 { font-size:90%; }
.norm { font-weight: normal; font-style: normal; }
.hx { font-weight: normal; }

.black { color:black; }
.red { color:#b22222; }
.green { color:green; }
.green3 { color:#669900; } /* mírně světlejší zelená */
.gray { color:#808080; }
.blue { color:#0070C0; }
.violet { color:#9900ff; }
.orange { color:#e67300; }
.yellow { color:#ffff99; }
.brown { color:#996633; }
.white { color:white; }

.pozadi-w { background-color: #ccc; padding: 1px 5px; } /* white */
.pozadi-v {background: rgba(88, 68, 167, 0.3); padding: 1px 5px;} /* violet */
.pozadi-gb {background: rgba(0, 167, 157, 0.3); padding: 1px 5px;} /* tyrkys */
.pozadi-b { background-color: lightsteelblue; padding: 1px 5px; } /* blue */
.pozadi-y { background-color: #ffff99; padding: 1px 5px; } /* yellow */
.pozadi-r { background-color: #ffcc99; padding: 1px 5px; } /* red */
.pozadi-g { background-color: #ccff99; padding: 1px 5px; } /* green */

/*
.ml1 { margin-left: 1em; }
.mt-x { margin-top: -.5em; }
.mt-1 { margin-top: -1em; }
*/

.ram-y2 { background:#ffffe6; padding:2px 5px; margin:.5em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.ram-r { background:#ffebe6; padding:2px 5px; margin:.5em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.ram-g { background:#f2ffe6; padding:2px 5px; margin:.5em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.ram-b { background:#e6f2ff; padding:2px 5px; margin:.5em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box { border: 1px dotted dimgray; padding: 10px 20px; text-shadow: none; border-radius: 5px; overflow: auto; }
.boxdiv { padding: 0 1em; }
.box-black { background:#333; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto;color:white; }
.box-w { background:white; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-b { background:#e6f2ff; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-b2 { background:#a7b0bf; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-g { background:#f2ffe6; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-gr { background:#b3b3b3; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto;color:white; }
.box-y2 { background:#ffffe6; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-r { background:#ffebe6; padding:10px 20px; margin:1em 0; text-shadow:none; border-radius:5px; overflow:auto; }
.box-w-30 { background:rgb(153, 153, 153, 0.1); padding: 10px 20px; }
.box-y-30 { background:rgb(255, 255, 170, 0.3); }
.z10 { border-radius:10px; }
.z15 { border-radius:15px; }
.z25 { border-radius:25px; }
.upad2 { line-height: 1.2em; display: inline-block; text-decoration: none; padding: 0; }
.tabulka td { border-collapse: collapse; border-top: 1px dotted gray; border-left: 1px dotted gray; padding: 0px 3px; }
.bR { border-right: 1px dotted gray; }
.bB td { border-bottom: 1px dotted gray; }
.tabx td { padding: 5px 15px; }

/* image rotate on hover */
.rotate { transition: 0.70s; width: 32px; height: 32px; }
span:hover .rotate { transition: 0.70s; transform: scale(2) rotate(90deg); }

.dropbtn {background-color: #cccc00;} /* žlutá */
.dropbtn2 {background-color: #b22222;} /* červená */
.dropbtn3 {background-color: #008CBA;} /* modrá */
.dropbtn4 {background-color: #4CAF50;} /* zelená */
.dropbtn5 {background-color: #333;} /* šedá */
.dropbtn6 {background-color: #f2f2f2; color: black;} /* bílá */
.dropbtn7 {background-color: #996633;} /* hnědá */

.dropdown, .dropdown2, .dropdown3, .dropdown4, .dropdown5, .dropdown6, .dropdown7 {position: relative;display: inline-block;}
.dropdown-content, .dropdown2-content, .dropdown3-content {display: none;position: absolute;background-color: #f1f1f1;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdown4-content, .dropdown5-content, .dropdown6-content, .dropdown7-content {display: none;position: absolute;background-color: #f1f1f1;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);right:0px;}
.dropdown-content a, .dropdown2-content a, .dropdown3-content a, .dropdown4-content a, .dropdown5-content a, .dropdown6-content a, .dropdown7-content a, .dropdown-content div, .dropdown2-content div, .dropdown3-content div, .dropdown4-content div, .dropdown5-content div, .dropdown6-content div, .dropdown7-content div {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover, .dropdown2-content a:hover, .dropdown3-content a:hover, .dropdown4-content a:hover, .dropdown5-content a:hover, .dropdown6-content a:hover, .dropdown7-content a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-content, .dropdown2:hover .dropdown2-content, .dropdown3:hover .dropdown3-content, .dropdown4:hover .dropdown4-content, .dropdown5:hover .dropdown5-content, .dropdown6:hover .dropdown6-content, .dropdown7:hover .dropdown7-content {display: block;}

.dropdown:hover .dropbtn {background-color: #cccc00;} /* Yellow, #f2f20d */
.dropdown2:hover .dropbtn2 {background-color: #b22222;} /* Red, #f44336, #cc3300 */
.dropdown3:hover .dropbtn3 {background-color: #008CBA;} /* Blue */
.dropdown4:hover .dropbtn4 {background-color: #4CAF50;} /* Green */
.dropdown5:hover .dropbtn5 {background-color: #333;} /* Gray */
.dropdown6:hover .dropbtn6 {background-color: #f2f2f2;} /* White */
.dropdown7:hover .dropbtn7 {background-color: #996633;} /* Hnědá */

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; }
.tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; text-align: center; border-radius: 6px; position: absolute; z-index: 1; left: 110%; } /* width: 120px; top: 5px; padding: 5px 0; */
/*.tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; }*/
.tooltip:hover .tooltiptext { visibility: visible; }

.popisek-levy { position: relative; display: inline-block;  border: none;}
.popisek-levy .popisek-levy-text { visibility: hidden; background-color: black; color: #fff; text-align: center; padding: .5em 1em; border-radius: 6px; position: absolute; z-index: 1; margin-left: 7px; }
.popisek-levy .popisek-levy-text::after { content: " "; position: absolute; top: 50%; right: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent black transparent transparent; }
.popisek-levy:hover .popisek-levy-text { visibility: visible; }

.popisek-pravy { position: relative; display: inline-block; }
.popisek-pravy .popisek-pravy-text { visibility: hidden; background-color: black; color: #fff; text-align: center; padding: .5em 1em; border-radius: 6px; position: absolute; z-index: 1; margin-right: 5px; }
.popisek-pravy .popisek-pravy-text::after { content: " "; position: absolute; top: 50%; left: 100%; margin-top: -10px; border-width: 10px; border-style: solid; border-color: transparent transparent transparent black; }
.popisek-pravy:hover .popisek-pravy-text { visibility: visible; }

.pmenu { padding-left: 1em; padding-right: 1em; }
.pmenu2 { padding-left: .5em; padding-right: .5em; }
.pmenu-x { padding-left: 0em; padding-right: .2em; }
.pmenu-y { padding-left: .2em; padding-right: .2em; }
.pmenu-z { padding-left: .2em; padding-right: 0em; }

.pilir0m {border-radius:5px;color:white;padding:.5em;border:none;}
.pilir1m {background-color: #cccc00;} /* žlutá */
.pilir2m {background-color: #f58b0a;} /* oranž */
.pilir3m {background-color: #b22222;} /* červená */
.pilir4m {background-color: #5844a7;} /* fialová */
.pilir5m {background-color: #1d75bd;} /* modrá */
.pilir6m {background-color: #00a79d;} /* tyrkys */
.pilir7m {background-color: #8ec63f;} /* zelená */
.pilir8m {background-color: #4caf50;} /* zelená */
.pilir9m {background-color: #ffffff;color:#000000;} /* bílá */
.pilir1m:hover { color: #999900; }
.pilir2m:hover { color: #cc6600; }
.pilir3m:hover { color: #eb9494; }
.pilir4m:hover { color: #9f92d3; }
.pilir5m:hover { color: #91c4ee; }
.pilir6m:hover { color: #00665f; }
.pilir7m:hover { color: #537623; }
.pilir8m:hover { color: #cae8cb; }
.pilir9m:hover { color: #696969; }

/* image vibrate on hover */
.vibrate:hover {
  animation: vibrate 0.5s;
  animation-iteration-count: 2; /* infinite */
}
@keyframes vibrate {
  0% { transform: rotate(0deg); }
  10% { transform: rotate(-2deg); }
  20% { transform: rotate(2deg); }
  30% { transform: rotate(0deg); }
  40% { transform: rotate(2deg); }
  50% { transform: rotate(-2deg); }
  60% { transform: rotate(0deg); }
  70% { transform: rotate(-2deg); }
  80% { transform: rotate(2deg); }
  90% { transform: rotate(0deg); }
  100% { transform: rotate(-2deg); }
}
/* image increase on hover */
.increase { transition: 2s; width: 715px; height: 688px; }
.increase:hover { transition: 2s; transform: scale(1.1); }
.increase2 { transition: 3s; width: 3.1vw; }
.increase2:hover { transition: 3s; transform: scale(1.5); }

/* vodorovně najíždějící text (na úvodní stránce) */
#t1 { position: absolute; top: 65px; left: 62px; z-index: 200; } /* top = 54px(+11) [horní okraj], 614px [spodní okraj] <= left: 51px(+11) */
#t1 { animation: right_to_left 3350ms ease; }

#t2 { position: absolute; top: 243px; left: 236px; z-index: 200; }
#t2 { animation: right_to_left 3400ms ease; }

#t3 { position: absolute; bottom: 321px; left: 410px; z-index: 200; } /* původně => bottom: 238px(+83=321); */
#t3 { animation: right_to_left 3500ms ease; }

#t4 { position: absolute; bottom: 142px; left: 584px; z-index: 200; } /* původně => bottom: 59px(+83=142); bottom = 48px(+11) [spodní okraj], 607px [horní okraj] => 595px(-11) */
/*#t4 { animation: right_to_left 3500ms ease; }*/
#t4 { animation: left_to_right 3350ms ease; }

@keyframes right_to_left {
  from { margin-left: 100%; }
  to { margin-left: 0; }
}
@keyframes left_to_right {
  from { margin-left: -100%; }
  to { margin-left: 0; }
}
/* svisle najíždějící obrázek  */
#i1 {
    position: relative;
    animation: animatetop 3s;
}
@keyframes animatetop {
    from { top: -300px; opacity: 0; }
    to { top: 0; opacity: 1; }
}

/* KONTAKT */
.kontakt {
	background-image: url("../img/kontakt/coffee_small.jpg");
	background-image: image-set(
		url("../img/kontakt/coffee_small.jpg") 640w,
		url("../img/kontakt/coffee_medium.jpg") 1280w,
		url("../img/kontakt/coffee_large.jpg") 1920w);
	background-size:contain;max-width:21cm;height:18.5cm;border-radius:25px;
	/*background-size:contain/cover;width:100vw;max-width:100%;height:1000px;*/
}

/* Making radio buttons look like buttons instead */
.buttons { list-style-type:none;margin:0;padding:0; }
.buttons div { float:left; margin:0 -1px 0 0;width:50px;height:40px;position:relative; }
.buttons label, .buttons input { display:block;position:absolute;top:0;left:0;right:0;bottom:0; }
.buttons input[type="radio"] { opacity:0.01;z-index:100; }
.buttons input[type="radio"]:checked+label, .checked+label { background:#ddd; }
.buttons label { padding:10px;border:1px solid #adadad;cursor:pointer;z-index:90;color:black;border-radius:4px;text-align:center; }
.buttons label:hover { background:#ddd; }

#knihy:hover { height:443px; }

/* animace pulzujícího puntíku */
.pulse_red { background: #ff3300; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0px 0px 1px 1px #0000001a; }
.pulse_orange { background: #e67300; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0px 0px 1px 1px #0000001a; }
.pulse_blue { background: #0070C0; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0px 0px 1px 1px #0000001a; }
.pulse_green { background: #669900; width: 20px; height: 20px; border-radius: 50%; box-shadow: 0px 0px 1px 1px #0000001a; }
.pulse { animation: pulse-animation 2s infinite; }
@keyframes pulse-animation {
	0% { box-shadow: 0 0 0  0px rgba(0, 0, 0, 0.2); }
  100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);   }
}