body{ margin: 0;padding: 0;font-family: raleway, sans-serif ; overflow-y:scroll !important; }
#overflow{overflow-y:hidden !important;}
a{text-decoration: none}
[type="text"],[type="email"],[type="password"],textarea{padding-left:4px}

div{ width : 980px;margin:0 auto; position: relative;height:100%;}


                
#hlava{position: fixed;width: 100%;height: 89px;
background-color: #0c3c60; z-index: 4;display:table;}
#hlava span{color:#7DCADA;font-weight: normal}
#hlava td a h1{color:white;font-size:22px;letter-spacing: 0.06em;float:left;font-weight: normal; font-family:raleway}
#hlava td{color:white;font-size:13px;text-align:center;font-family: sans-serif; font-weight: normal; line-height: 23px;}
#hlava td ~ td{width:auto;padding-left:38px;}
#hlava td > a{white-space: nowrap ;color:white;transition: color 0.4s ease, padding-bottom 0.4s ease, border-bottom-color 0.4s ease; z-index: 11 ;position: relative;;padding-bottom: 5px;border-bottom: 0px solid white}
#hlava td > a:hover{color:#d1e0eb;border-bottom: 1px solid #d1e0eb;padding-bottom: 1px;}
#hlava table{height:89px}
#hlava td:first-child{width:38%}
#hlava td:last-of-type a{cursor: pointer;}
#hlava td:nth-child(6) > a{border-bottom: 0px;cursor:pointer;}
#hlava .dalsi{font-family: sans-serif;position:absolute;top:45px;left:680px;width:80px;height:65px;text-align:center;display:none;
background-color:#0c3c60;z-index:10;font-size:13px;opacity:1;transition:opacity 0.4s ease;padding-top:10px; cursor:pointer;}
#hlava .dalsi a:first-child{margin-top:2px;}
#hlava .dalsi a {color:white;display:block;line-height:30px;padding-bottom: 0px;;transition:color 0.4s ease,background-color 0.4s ease;font-size: 13px}
#hlava .dalsi a:hover{color:#d1e0eb;}

body > div{height:88.5px;width:100%;border-width:0px}

#foto{width: 100% ;height: 738px;z-index: -1;position:relative;background-image: url("/Fotky/uvod.jpg");
background-repeat: no-repeat;background-size:cover;background-position: 50% 0%;}

#pruhledne{background-color: white;width: 100%; height: 143px; opacity: 0.7; z-index: 1;
 position: absolute;top:630px}
#pruhledne div{text-align: center}
#pruhledne h2:first-child{margin-top:25px;letter-spacing: 0.05em;color:#0c3c60;font-weight: normal;font-size:18px}
#pruhledne h2 ~ h2{margin-top:-10px;color:#0c3c60;font-weight: normal;font-size:60px}

#menu{background-color: white;width: 100%; height: 490px;margin-top:-54px;position:relative}
#menu article:nth-child(2){margin-left: 29.5px}
#menu article:nth-child(3){float: right}
#menu article a:nth-hild(2){text-decoration:line-through;}


#onas{background-color: #d1e0eb;width: 100%; height: 561px;z-index:2}
#onas > div{text-align:center;color:#0c3c60}
#onas p{margin:0 auto;margin-bottom:40px;width:677px;}
#onas p:first-child{padding-top:55px;font-size:60px;}
#onas a > div{width:140px;height:40px;background-color:#0c3c60;color:white;line-height: 40px;transition:color 0.4s ease}
#onas a > div:hover{color:#d1e0eb}



#kontakt{background-color: #0c3c60;width: 100%; height: 802px }
#kontakt div{padding-top:20px}
#kontakt p{text-align:center;color:white;padding-top:15px;font-size:60px}
#kontakt div > div{float:left;width:500px;height:426px;margin-left:10px;;font-family: sans-serif}
#kontakt div div ~ div{line-height: 25px;color:white;float:right;width:400px;height:426px;
text-align:center;margin-right:10px;margin-top:-6px}
#kontakt input{width:337px;height:31px;margin-bottom:5px;font-size:17px;background-color:white;color:#0c3c60}
#kontakt textarea{width:335px;height:130px;resize: none;background-color:white;color:#0c3c60;overflow-x: hidden}
#kontakt textarea ~ input{width:auto;float:right;margin-right: 30px;border-width: 0px;
background-color:#6ea4ca;color:white;font-size:17px;cursor: pointer;transition: color 0.4s ease}
#kontakt textarea ~ input:hover{color:#0c3c60}
#kontakt iframe{width:487px;height:426px;}
textarea{ font-family: inherit; font-size: inherit; }

#noha{background-color: #0c3c60;width: 100%; height: 109px;color:white;text-align:left;padding-top:20px;}
#noha a{float:right}
#noha #admin div{width:14px;height:22px;background-image: url("/Loga/admin1.png");position:relative;}
#noha #admin div:hover{background-image: url("/Loga/admin2.png")}
#noha #fb div{width:10px;height:22px;background-image: url("/Loga/fb1.png");position:relative;}
#noha #fb div:hover{background-image: url("/Loga/fb2.png")}
#noha #yt div{width:23px;height:16px;background-image: url("/Loga/yt1.png");position:relative;margin-top:6px}
#noha #yt div:hover{background-image: url("/Loga/yt2.png")}
#noha #fb,#admin,#yt div{margin-right:20px;}




.sekce{width:100%; height:100%;background-color:white;text-align:center;}
.sekce:first-child{height:1108px;width:100%}
.sekce div h2:first-child{color:#6EA4CA;font-size:70px;font-weight: normal;word-spacing:10px}
.sekce div:nth-child(2){position: absolute;left:447px;width:87px;top:85px;height:6px;background-color:#6EA4CA}
.sekce p{color:#39729B;width:716px;line-height:1.5em;margin: 0 auto;font-family:'open sans',sans-serif}
.sekce p ~ div{height:896px;width:100%}






.tabulka{width:307px;height:366px;background-color: #0c3c60;position: relative;margin-top:62px;
float:left;text-align:center}
.tabulka:nth-child(2){margin-left:29px;margin-right:29px}
.tabulka:nth-child(5){margin-left:29px;margin-right:29px}
.tabulka header{color:#d1e0eb;font-size:24px;margin-top:30px;letter-spacing: 0.05em;}
.tabulka p{color:white;width:245px;height:160px;margin:0 auto;margin-top:20px;font-family:"open sans", sans-serif;line-height: 1.5em;font-size:14px}
.tabulka div{margin-left:calc(50% - 70px);transition: color 0.4s ease;width:140px;height:40px;background-color:#6ea4ca;
color:white;line-height: 40px;margin-top:40px}
.tabulka div:hover{color:#0c3c60}



#profil{width:95%;height:390px;margin-top:60px}
.profil{width:430px;height:120px;background-color: #0c3c60;position: relative;margin-top:10px;position: relative}
.profil p{color:white;margin-top:-25px;width:100px;margin-left:20px;float:left;font-size:14px;letter-spacing:0.3px}
.profil p span{color:#6ea4ca}
.profil div{width:140px;height:40px;background-color:#6ea4ca;color:white;line-height: 40px;margin-top:40px}
.profil aside{width:120px;height:120px;float:left;background-size:100%;background-repeat: no-repeat;background-position: 50% 20%}
.profil:nth-child(1) aside{background-image: url('/Fotkynahled/38.jpg');}
.profil:nth-child(2) aside{background-image: url('/Fotkynahled/263.jpg');}
.profil:nth-child(3) aside{background-image: url('/Fotkynahled/138.jpg');}
.profil:nth-child(4) aside{background-image: url('/Fotkynahled/63.jpg');background-position: 50% 40%}

.profil h5:nth-child(2){color:white;margin-top:15px}
.profil h5:nth-child(3){color:#D1E0EB;margin-top:-45px}
.profil h5{text-align:left;font-size:25px;margin-left:140px;font-weight:normal}
#profil .profil:nth-child(1){float:left}
#profil .profil:nth-child(2){float:right}
#profil .profil:nth-child(3){float:left;margin-top:60px}
#profil .profil:nth-child(4){float:right;margin-top:60px}


#odkaz div{border-width: 0px;width:100%;height:40px;transition: color 0.4s ease;
background-color:#6ea4ca;color:white;font-size:17px;cursor: pointer;margin-top:15px;}
#odkaz {color:white;transition:color 0.4s ease;width:13%;display:block;display:inline-block;line-height:40px;}
#odkaz div:hover{color:#0c3c60}


.vyhledavani{background-color:white;height:150px;margin-top:20px;;margin-bottom:20px; }
.vyhledavani div{width:978px;text-align:center;border-bottom:2px solid #0c3c60;}   
.vyhledavani form input {border:1px solid #0c3c60;}   
.vyhledavani input[type="text"]{padding-left:4px;box-sizing: border-box;border-width: 2px;width:100%;height:100%;outline: none;color:#0c3c60;font-size:25px;position:relative;}
.vyhledavani input[type="submit"]{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search2.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1;}
.vyhledavani input[type="submit"]:hover{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search1.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1;}
.vyhledavani table{margin:0 auto;border-collapse:collapse;text-align:center}
.vyhledavani td{vertical-align:top;}
.vyhledavani table tr:first-child td{border-left:1px solid white;border-left:1px solid white}
.vyhledavani table tr:first-child{background-color:#0c3c60;color:white}
.vyhledavani h3{font-weight:normal;font-size:30px;color:#0c3c60;margin-bottom:10px}
.vyhledavani br~div{position:relative;height:35px;width:60%;border-bottom:0px}
 

.katalog{background-color:white;height:320px;margin-top:20px; }
.katalog div{width:978px;text-align:center;border-bottom:2px solid #0c3c60;height:300px}   
.katalog form input {border:1px solid #0c3c60;}   
.katalog input[type="text"]{padding-left:4px;box-sizing: border-box;border-width: 2px;width:100%;height:100%;outline: none;color:#0c3c60;font-size:25px;position:relative;}
.katalog input[type="submit"]{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search2.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}
.katalog input[type="submit"]:hover{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search1.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}
.katalog table{margin:0 auto;border-collapse:collapse;text-align:center}
.katalog td{vertical-align:top;}
.katalog table tr:first-child td{border-left:1px solid white;border-left:1px solid white}
.katalog table tr:first-child{background-color:#0c3c60;color:white}
.katalog h3{font-weight:normal;font-size:30px;color:#0c3c60;margin-bottom:10px}
.katalog br~div{position:relative;height:35px;width:60%;border-bottom:0px;margin-top:5px;}

 
#legenda{display:none;background-color:white;height:310px;padding-top:20px;margin-bottom:-30px;}
#legenda table{width:700px;border:1px solid black;margin:0 auto; border-collapse: collapse}
#legenda tr{background-color:#d1e0eb}
#legenda td:nth-child(1),#legenda td:nth-child(3),#legenda td:nth-child(5){font-weight:bold;text-align:center}
#legenda tr:first-child{text-align:center;background-color:#0c3c60;color:white;font-weight:bold}
#legenda tr:nth-child(2){text-align:center;background-color:#6ea4ca;color:black;font-weight:bold}   
#legenda td{border:2px solid #0c3c60}

#zobrazlegendu{width:auto;height:25px;border-width: 0px;margin-top:15px;
background-color:#0c3c60;color:white;font-size:15px;cursor: pointer;transition: color 0.4s ease}
#zobrazlegendu:hover{color:#d1e0eb}

               

#seznamknih{background-color: white;width: 100%; min-height: 20px; position:relative;margin-bottom:50px}
#seznamknih table{width:80%;border-bottom: 5px solid #0c3c60; border-collapse: collapse;margin:0 auto}
#seznamknih table td{border-left:2px solid #0c3c60;border-right:2px solid #0c3c60;border-bottom:1px solid #0c3c60}
#seznamknih .sudy{background-color:#d1e0eb;color:black;font-size:15px}
#seznamknih .lichy{background-color:white;color:#0c3c60;font-size:15px}
#seznamknih td:nth-child(4){width:150px}
#seznamknih td:nth-child(4){width:150px}
#seznamknih tr:first-child{background-color:#0c3c60;color:white;text-align:center;font-weight:bold}
#seznamknih tr:nth-child(2){background-color:#6ea4ca;color:black;font-weight:bold;text-align:center}




.knihy{width:180px;height:360px;position:relative;float:left;margin-left:13px;margin-bottom:30px;text-align:center;font-size:14px;display:block;cursor:pointer;}
.knihy img{width:180px;height:250px}
.knihy a:nth-child(1) div:nth-child(1){width:180px;height:250px;position:relative}
.knihy a div:nth-child(2){width:180px;height:60px;background-color:#0c3c60;color:white;display:table-cell;vertical-align:middle}
.knihy a:nth-child(2) div{width:180px;height:50px;background-color:#6ea4ca;color:white;display:table}                            
.knihy a:nth-child(2) p{display:table-cell;vertical-align:middle}
.knihy a:nth-child(2) div:hover{color:#0c3c60}
.knihy a:first-child > div div:first-child{position:absolute;width:100%;height:100%;background-color:black;opacity:0} 

.knihyP{height:310px}



.stranky {font-size:20px;font-family: sans-serif;height:120px;clear:both;background-color:#d1e0eb;text-align:center;padding-top:20px;color:#0c3c60}
.stranky p{margin-top:0px;margin-bottom:12px}
.stranky a{width:25px;height:23px;display:inline-block;margin-left:10px;color:#0c3c60;transition:color 0.4s ease, background-color 0.4s ease;font-size:19px;margin-top:10px;}
.stranky a div{width:25px;height:23px;line-height:23px}
.stranky a:last-child{margin-right:10px}
.stranky a:visited{color:#0c3c60}
.stranky a:hover{color:white;background-color:#0c3c60}

         


#podporilinas{margin-top:50px;margin-bottom:50px;text-align:center;}
#podporilinas img{width:200px; transition: 0.4s ease;}      
#podporilinas table{width:90%;height:600px;margin:0 auto;}
#podporilinas td{vertical-align:middle;width:33%;height:200px}
#podporilinas img:hover{width:250px;} 

#podporilinas table tr:nth-child(3) td:first-child img{width:170px}
#podporilinas table tr:nth-child(3) td:first-child img:hover{width:195px}
#podporilinas table tr:nth-child(2) td:nth-child(3) img{width:170px}
#podporilinas table tr:nth-child(2) td:nth-child(3) img:hover{width:195px}
#podporilinas table tr:nth-child(5) td:nth-child(2) img{width:135px}
#podporilinas table tr:nth-child(5) td:nth-child(2) img:hover{width:160px}



#vstup{width:900px;height:400px;padding-top:20px}
#vstup form{height:auto;width:400px;margin:0 auto;top:15%;position:relative;background-color:#d1e0eb;padding-top:30px;padding-bottom:30px}
#vstup input[type="text"],input[type="password"]{width:337px;height:31px;margin-bottom:10px;border:3px solid #0c3c60;font-size:25px;background-color:white;
color:#0c3c60;margin-bottom:25px}
#vstup input[type="submit"]{width:100px;border-width:0px;
background-color:#6ea4ca;color:white;font-size:20px;cursor: pointer;transition: color 0.4s ease;display:block;margin:0 auto}
#vstup input[type="submit"]:hover{color:#0c3c60}

 
#spravcemenu{height:30px;width:980px;background-color:#6ea4ca;color:white;position:fixed;top:88.5px;margin-left:calc(50% - 490px);z-index:3;border-bottom-right-radius:55px;
border-bottom-left-radius:55px;}
#spravcemenu > div > div{background-color:white;color:#0c3c60;text-align:center;display:inline-block;width:150px;height:20px;margin-left:40px;cursor:default;
position:relative;font-size:15px;line-height:20px;top:5px;}
#spravcemenu form{display:inline-block;margin-top:5px;position:absolute;width:100px;height: 20px;right:40px}
#spravcemenu input[type="submit"]{width:100px;border-width:0px;;background-color:#0c3c60;color:white;
;font-size:15px;cursor: pointer;transition: color 0.4s ease;position:absolute;height:20px}
#spravcemenu input[type="submit"]:hover{color:#d1e0eb}
#spravcemenu div div div{opacity:0;visibility:hidden;position:absolute;top:20px;width:150px;height:60px;text-align:center;
background-color:#6ea4ca;z-index:10;font-size:13px;}
#spravcemenu div  div div a {color:white;display:block;line-height:30px;transition: 0.4s ease} 
#spravcemenu div div div a:hover{color:#0c3c60;background-color:#d1e0eb}   


 
   
   
.spravceuvod{height:400px;margin-top:100px}
.spravceuvod div{height:400px;width:980px;position:relative;text-align:center}
.spravceuvod .vyber{margin:0 auto;position:relative;height:200px;width:250px;background-color:#0c3c60;color:white;display:inline-block;
text-align:center;margin-top:-10px;margin-left:20px;margin-right:20px}
.spravceuvod .vyber a div{position:relative;height:120px;line-height:120px;width:124px;background-color:#6ea4ca;position:relative;color:white;display:inline-block;transition: color,background-color 0.4s ease}
.spravceuvod .vyber a:nth-child(2) div{float:left;border-right:1px solid #0c3c60;font-size:25px}
.spravceuvod .vyber a:nth-child(3) div{float:right;border-left:1px solid #0c3c60;;font-size:16px}
.spravceuvod .vyber a:nth-child(2){float:left;}
.spravceuvod .vyber a:nth-child(3){float:right;} 
.spravceuvod .vyber a:nth-child(2) div:hover{color:#0c3c60;background-color:#d1e0eb} 
.spravceuvod .vyber a:nth-child(3) div:hover{color:#0c3c60;background-color:#d1e0eb}
.spravceuvod .vyber div{font-size:35px;background-color:#0c3c60;color:white;clear:both;height:80px;line-height:80px;position:relative;width:250px}


.knihypridat{height:850px}
.knihypridat > div{height:850px;width:900px;}
.knihypridat form{margin:0 auto;width:850px;position:relative;display:block;}
.knihypridat form input{width:300px;float:right;line-height:24px;height:24px}
.knihypridat form input[type=submit]{width:200px;height:50px;margin-top:10px;margin-right:270px;background-color:green}
.knihypridat div form > span{display:block;width:430px;margin:0 auto;line-height:25px;height:25px;margin-bottom:15px;position:relative}
.knihypridat span select{width:300px;float:right;line-height:24px;height:24px}
.knihypridat form select option:first-child{font-weight:bold}
.knihypridat span [name="razeni"] option:first-child{font-weight: normal;}
.knihypridat form span:last-child input{margin-right:75px;font-weight:bold}
.knihypridat label{font-weight:bold}
.knihypridat form a{margin-left:calc(50% - 55px);margin-top:80px;width:auto;height:40px;}
.knihypridat form input[name=delete]{background-color:red;display:inline-block;position:relative;top:-80px}
.knihypridat form input[name=deletefiles]{background-color:orange;display:inline-block;position:relative;top:-80px}
.knihypridat div > a{background-color:rgb(0,204,204); top: 50px;position: relative;}
.knihypridat div > .infoaboutupdate{width:250px;height:150px;display:inline-block;position:relative}


.optionsknihy {height:200px;width:597px}
.optionsknihy div{height:200px;width:183px;float:right}
.optionsknihy div select:first-child{margin-bottom:5px}


#knihypridat [type=checkbox]{width:30px;height:30px}
#knihypridat #galerieSelect{display:inline-block;width:11%;height:161px;position:relative;}
#knihypridat #text{width:87%;height:100%;display:inline-block;position:relative}
#knihypridat{height: 1000px;}
#knihypridat > form{height: 1000px;}
#mceu_13 {margin-top: 10px;}

.upravitknihy{height: 1100px !important}
.upravitknihy > form{height: 1100px !important}
.upravitknihy .infoaboutupdate{top:50px;}


.clankypridat{height:730px}
.clankypridat form{margin:0 auto;width:700px;position:relative;display:block;}
.clankypridat form input{width:300px;float:right;line-height:24px;height:24px}
.clankypridat form input[type=submit]{width:200px;height:50px;margin-top:0px;margin-right:270px;background-color:green}
.clankypridat div form > span{display:block;width:430px;margin:0 auto;line-height:25px;height:25px;margin-bottom:15px;position:relative}
.clankypridat span select{width:300px;float:right;line-height:24px;height:24px}

.clankypridat form select option:first-child{font-weight:bold}
.clankypridat span [name="razeni"] option:first-child{font-weight: normal;}
.clankypridat form span:last-child input{margin-right:75px;font-weight:bold}

.clankypridat label{font-weight:bold}
.clankypridat form a{margin-left:calc(50% - 55px);margin-top:80px;width:auto;height:40px;}
.clankypridat form input[name=delete]{background-color:red;display:inline-block;position:relative;top:-80px}
.clankypridat form input[name=deletefiles]{background-color:orange;display:inline-block;position:relative;top:-80px}
.clankypridat a{background-color:rgb(0,204,204)}
.clankypridat .infoaboutupdate{width:250px;height:150px;display:inline-block;position:relative}
#clankypridat [type=checkbox]{width:30px;height:30px}
#clankypridat div form > div{width:100%;height:155px;position:relative;}
#clankypridat #galerieSelect{display:inline-block;width:11%;height:161px;position:relative;}
#clankypridat textarea{width:87%;height:100%;display:inline-block;position:relative}






.seznamknihupravit{background-color: white;width: 100%; min-height: 20px; position:relative;margin-bottom:50px}
.seznamknihupravit table{width:80%;border-bottom: 5px solid #0c3c60; border-collapse: collapse;margin:0 auto}
.seznamknihupravit table td{border-left:2px solid #0c3c60;border-right:2px solid #0c3c60;border-bottom:1px solid #0c3c60;text-align:center}
.seznamknihupravit .sudy{background-color:#d1e0eb;color:black;font-size:15px}
.seznamknihupravit .lichy{background-color:white;color:#0c3c60;font-size:15px}
.seznamknihupravit td:nth-child(4){width:150px}
.seznamknihupravit tr:first-child{background-color:#0c3c60;color:white;text-align:center;font-weight:bold}
.seznamknihupravit tr:nth-child(2){background-color:#6ea4ca;color:black;font-weight:bold;text-align:center}
.seznamknihupravit table td:last-child{border-left:2px solid #0c3c60;border-right:2px solid #0c3c60;border-bottom:1px solid #0c3c60;position:relative}
.seznamknihupravit form input{height:15px;width:15px;top:calc(50% - 7.5px);position:absolute;left:calc(50% - 7.5px)}
#seznamknihupravit td{width:auto}
#seznamknihupravit td:nth-child(3){width:120px}
#seznamknihupravit td:nth-child(2){width:250px}


.seznamclankuupravit td:nth-child(4){white-space: nowrap;text-overflow: ellipsis; overflow:hidden;max-width:20px;}

.seznamclankuupravit td:nth-child(2){width:150px}
.seznamclankuupravit td:nth-child(7){width:100px}


#galerie{height:800px;margin-bottom:30px;margin-top:30px;font-size:0px}
#galerie > div:first-child{height:800px;width:980px;position:relative;padding:0px;}
#galerie a div{display:inline-block;position:relative;background-size: cover;background-position: center center;background-repeat: no-repeat;border-radius:0 }   
#galerie div > div{display:inline-block;}
#galerie div > div:nth-child(1){width:33.33%;height:67%;}
#galerie div > div:nth-child(2){width:16.67%;height:67%}
#galerie div > div:nth-child(3){width:33.33%;height:67%}
#galerie div > div:nth-child(4){width:16.67%;height:67%}
#galerie div div:nth-child(1) a:nth-child(1) div {width:100%;height:75%;}
#galerie div div:nth-child(1) a:nth-child(2) div {width:50%;height:25%;}
#galerie div div:nth-child(1) a:nth-child(3) div {width:50%;height:25%;} 
#galerie div div:nth-child(2) a:nth-child(1) div {width:100%;height:25%;} 
#galerie div div:nth-child(2) a:nth-child(2) div {width:100%;height:50%;} 
#galerie div div:nth-child(2) a:nth-child(3) div {width:100%;height:25%;} 
#galerie div div:nth-child(3) a:nth-child(1) div {width:100%;height:50%;} 
#galerie div div:nth-child(3) a:nth-child(2) div {width:100%;height:50%;} 
#galerie div div:nth-child(4) a:nth-child(1) div {width:100%;height:50%;} 
#galerie div div:nth-child(4) a:nth-child(2) div {width:100%;height:50%;} 
#galerie div a:nth-child(5) div {width:33.33%;height:33%;} 
#galerie div a:nth-child(6) div {width:33.33%;height:33%;} 
#galerie div a:nth-child(7) div {width:16.67%;height:33%;} 
#galerie div a:nth-child(8) div {width:16.67%;height:33%;}  
#galerie div > div a div{border:2px solid white} 
#galerie a div  {border:2px solid white; box-sizing: border-box;}  
#galerie a{cursor: pointer}
#galerie #blackfade{width:100%;height:100%;position:absolute;opacity: 0;background-color:black;border:0px solid white}

 
 

#galeriemenu{background-color: white;width: 100% ;position:relative;height:355px;background-color:#d1e0eb;}
#galeriemenu article:nth-child(2){margin-left: 29.5px}
#galeriemenu article:nth-child(3){float: right}


.galeriemenutabulka{width:307px;height:280px;background-color: #0c3c60;position: relative;margin-top:37.5px;
float:left;text-align:center}
.galeriemenutabulka:nth-child(2){margin-left:29px;margin-right:29px}
.galeriemenutabulka:nth-child(5){margin-left:29px;margin-right:29px}
.galeriemenutabulka header{color:#d1e0eb;font-size:24px;margin-top:22px;letter-spacing: 0.05em;}
.galeriemenutabulka p{color:white;width:245px;height:145px;margin:0 auto;margin-top:20px;font-family:"open sans", sans-serif;line-height: 1.5em;font-size:14px}
.galeriemenutabulka div{margin-left:calc(50% - 70px);transition: color 0.4s ease;width:140px;height:40px;background-color:#6ea4ca;
color:white;line-height: 40px;font-size: 100%;}
.galeriemenutabulka div:hover{color:#0c3c60}





.fotkapozadi{position:fixed;width:100%;height:100%;background-color:black;z-index:5;opacity:0.9}
#fotka{background-image: url("/Loga/loading.gif");background-repeat: no-repeat;background-position: center center;opacity:1;max-width:80%;max-height:80%;position:fixed; top: 47%; left: 50%;transform: translate(-50%, -50%);z-index:6}  
.fotkarozmisteni{position:fixed;width:100%;height:100%;z-index:7;opacity:1;}
.fotkarozmisteni  div{width:50%;height:70%;color:white;position:absolute;opacity:1;font-size:45px;font-weight:bold;}
.fotkarozmisteni > a:nth-child(1) div{left:0px;top:15%;background-image: url("/Loga/vlevo1.png");background-repeat:no-repeat;;background-size:20%;background-position:10% 50% }
.fotkarozmisteni > a:nth-child(1) div:hover{background-image: url("/Loga/vlevo2.png")}
.fotkarozmisteni > a:nth-child(2) div{right:0px;top:15%;background-image: url("/Loga/vpravo1.png");background-repeat:no-repeat;background-size:20%;background-position:90% 50% }
.fotkarozmisteni > a:nth-child(2) div:hover{background-image: url("/Loga/vpravo2.png")}
.fotkarozmisteni > a:nth-child(3) div{width:4%;height:4%;position:absolute;right:7%;top:5%;background-image: url("/Loga/zpet1.png");background-repeat:no-repeat;background-size:180%;background-position:center}
.fotkarozmisteni > a:nth-child(3) div:hover{background-image: url("/Loga/zpet2.png");}
.fotkarozmisteni > div:nth-child(4){width:50%;height:6%;transform: translate(-50%, -50%);left:50%;display:inline-block;position:absolute;bottom:0px;font-size:14px;text-align:center}
.fotkarozmisteni > div:last-child{position:absolute;width:70px;height:auto;font-size:14px;text-align:center;right:calc(50% - 35px);top:2%;}
.fotkarozmisteni a{cursor: pointer}





.button{margin-left:calc(50% - 70px) ;transition: color 0.4s ease !important;width:140px ;height:40px;background-color:#6ea4ca;
color:white ;line-height: 40px ;font-size: 16px !important;font-weight: normal !important;text-align: center !important;}
.button:hover{color:#0c3c60}

#galerryDownload{z-index: 20;position: absolute;top: 1%;left: 150px;width:140px ;height:40px}


.galeriefotek{font-size:0px;height:0px;width:0px}
.galeriefotek > div{width:19.2%;height:188.16px;display:inline-block;position:relative;margin-bottom:6px;margin-right:9.8px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.galeriefotek:nth-child(5n) > div{width:19.2%;margin-right:0px}
.galeriefotek:nth-child(n+36) > div{margin-bottom:30px}
.galeriefotek:nth-child(-n+5) > div{margin-top:10px}
.galeriefotek > div div:last-child{height:20%;width:95%;padding-right:9.4px;position:absolute;left:0px;bottom:0px;z-index:1;background-color:rgba(47, 46, 46, 1);color:white;font-size:12px;
overflow: hidden;text-align:center;line-height:38px;display:inline-block; text-overflow: ellipsis; white-space: nowrap;padding-left:-50px}
.galeriefotek > div div span{padding-left:4px;}
.galeriefotek > div div:first-child{position:absolute;width:100%;height:100%;background-color:black;opacity:0}


.vyhledavanigal {margin-top:25px;margin-bottom:5px;}
.vyhledavanigal button{z-index:2;background: none;border: none;margin: 0;padding: 0;outline: none;outline-offset: 0;text-align:center;width:50px;height:30px;border-width: 0px;display:inline-block;line-height:30px;
background-color:#0c3c60;color:white;font-size:15px;cursor: pointer;letter-spacing: 2px;transition: color 0.4s ease;position: relative}
.vyhledavanigal button:hover{color:#d1e0eb}
.vyhledavanigal div div:last-child{left:0px;height:30px;width:0px;display:none;position:absolute;background-color:#d1e0eb; white-space: nowrap;z-index:1}
.vyhledavanigal form{height:100%;line-height:30px;margin-left:5px}
.vyhledavanigal   input[type="submit"]{border-width: 1px;width:30px;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search2.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}
.vyhledavanigal  input[type="submit"]:hover{border-width: 1px;width:30px;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search1.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}
#vyhledavanigal > div {opacity:1;left:0px;height:260px;width:980px;background-color:#d1e0eb;position:relative;background-color:white;border-bottom:2px solid #0c3c60;margin-bottom:20px}
#vyhledavanigal input{display:inline-block;position:relative}
#vyhledavanigal [type=text]{border:1px solid #0c3c60;color:#0c3c60}
#vyhledavanigal [type=checkbox]{width:15px;height:15px}
#vyhledavanigal form {width:80%;margin:0 auto;display:block;position:relative;top:0px;height:300px;text-align:center}
#vyhledavanigal form  div:first-child{display:block;position:relative;width:100%;height:60%;text-align: center}
#vyhledavanigal form  div:first-child > div{width:15%;height:50%;display:inline-block;position:relative;white-space: normal;vertical-align: top}
#vyhledavanigal form  div:first-child > div select:nth-child(2){width:100%;height:60%;display:inline-block;position:relative;white-space: normal;vertical-align: top}
#vyhledavanigal form  div:first-child > div select:nth-child(4){width:100%;height:40%;display:inline-block;position:relative;white-space: normal;vertical-align: top}
#vyhledavanigal form  div:first-child > select{width:15%;height:75%;display:inline-block;position:relative;padding-left:0px}
#vyhledavanigal form  div:first-child > div:nth-child(n+2){width:25%;height:60%;display:inline-block;position:relative;white-space: normal;background-color: white;border-right:2px solid #0c3c60;border-bottom:2px solid #0c3c60;border-top:2px solid #0c3c60 }
#vyhledavanigal form  div:first-child > div:nth-child(n+2) input{float:right;top:5px}
#vyhledavanigal form  ul {list-style-type: none;padding-left:5px;text-align:left;margin-top:10px;margin-bottom:10px}
#vyhledavanigal form h3{margin:0px;font-size:16px;border-top:2px solid #0c3c60;border-left:2px solid #0c3c60;color: #0c3c60}
#vyhledavanigal form > div:last-child{display:block;position:relative;width:588px;height:35px;}
#vyhledavanigal form input {border:1px solid #0c3c60;}   
#vyhledavanigal input[type="text"]{padding-left:4px;box-sizing: border-box;border-width: 2px;width:100%;height:100%;outline: none;color:#0c3c60;font-size:25px;position:relative;}
#vyhledavanigal input[type="submit"]{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search2.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}
#vyhledavanigal input[type="submit"]:hover{border-width: 1px;width:6%;height:100%;display:inline-block;position:absolute;top:0px;right:0px;outline: none;           
color:white;cursor: pointer;background-image: url('/Loga/search1.png');background-size:100%;background-repeat: no-repeat;background-color:#6ea4ca;z-index:1}

#vyhledavaniclanek{width:50% !important;position: relative;display: inline-block;height: 170px !important}
#vyhledavaniclanek h3{background-color: #fff;border: 2px solid #0c3c60;width:45% !important;display: inline-block;}
#vyhledavaniclanek h3:nth-child(3){width:45% !important;}
#vyhledavaniclanek select:nth-child(2){width:45% !important;}
#vyhledavaniclanek select:nth-child(4){width:45% !important;}
#vyhledavaniclanek > input{width:45% !important;}
.vyhledavaniclanek2 div form > div:first-child{height: 220px !important}
.vyhledavaniclanek2 > div {height: 280px !important}




.vyhledavaniknihy{height: 80px;}
.vyhledavaniknihy > div{height: 88px}



#podklad{width:100%;position:absolute;top:772.5px;background-color:white;height:1982px;z-index:-1;opacity:1}
#galerieObal{display:none;height:0px}

.vylhedavaniclanky .clankyrazeni {left:0px; position:absolute;text-align: left; display:block;width:100px;}
.vyhledavaniclanky input[type="text"]{right:-350px;width:45%;}
.vyhledavaniclanky input[type="submit"] {right:-190px}
.vyhledavaniclanky{height: 80px; color:#0c3c60;}
.vyhledavaniclanky > div{height: 88px}

.clanekOdkaz {color: #39729B;display: block;width: 100%;height: 250px;position: relative;}
.clanekOdkaz > div:first-child{background-size: cover;background-clip: content-box;background-position: center center;background-repeat: no-repeat;display: inline-block;width: 25%;height:100%;box-sizing: border-box;padding: 0 10px;position: relative;}
.clanekOdkaz > div:last-child{display: inline-block;width: 74.5%;margin: 0;box-sizing: border-box;}
.clanekOdkaz a{width: 0;height: 0;margin: 0;padding: 0;font-size: 0px}
.clanekOdkaz > div h1{padding: 0 10px;left: 10px;position: absolute;top: 0;line-height: 50;text-decoration: underline;display: inline-block;	
	color: #39729B;background-color: white;margin: 0;width:auto;max-width: 100% ;height: 20%;font:normal normal normal 35px/1.4em raleway,sans-serif;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.clanekOdkaz > div h1:hover{background-color: #0c3c60;color: white;transition: color 0.4s,background-color 0.4s}
.clanekOdkaz > div h2{left: 10px;position: absolute;top: 20%;padding-left: 10px;margin: 0;width:100%;height: 10%;font: normal normal normal 21px/1.4em raleway,sans-serif}
.clanekOdkaz article{;padding-left: 10px;text-align: left;left: 10px;position: absolute;bottom:0px;padding-top: 20px;box-sizing: border-box ;display: inline-block;height: 68.8%;margin: 0;overflow: hidden;text-overflow: ellipsis;font: normal normal normal 16px/19px 'open sans',sans-serif}
#clanekButton{position: absolute;display: inline-block;font-size: 16px;width:auto;height: auto;line-height: 19px;padding: 0px 5px;right: 0;bottom: 0;}

.sekceClanek {user-select: none;cursor:default;}
.sekceClanek h2{color: #6EA4CA;}
.sekceClanek h2:first-child{margin-bottom: 5px;line-height: 84px;}
.sekceClanek h2:nth-child(3){letter-spacing: 0.05em;font-weight: normal;font-size: 33px;margin-top: 20px;}
.sekceClanek #clanekNadpis{position: relative;left: 0;top: 0;width: 87px;height: 6px;}
.sekceClanek p:first-of-type{margin-top: 60px;}
.sekceClanek p{line-height: normal;padding-bottom: 15px ;color: #0C3C60;text-align: left;word-wrap: break-word;font: normal normal normal 14px/1.4em 'open sans',sans-serif;line-height: 1.4em;}
.sekceClanek img{width: 85%;height: auto;margin: 0 auto; display: block;padding-top: 10px;padding-bottom: 25px;}



.sloviknavmain {font-size:20px;font-family: sans-serif;height:120px;clear:both;background-color:#d1e0eb;text-align:center;color:#0c3c60}
.sloviknavmain p{margin-top:0px;margin-bottom:12px}
.sloviknavmain a{width:25px;height:23px;display:inline-block;margin-left:10px;color:#0c3c60;transition:color 0.4s ease, background-color 0.4s ease;font-size:19px;margin-top:10px;}
.sloviknavmain a:last-child{margin-right:10px}
.sloviknavmain a:visited{color:#0c3c60}
.sloviknavmain a:hover{color:white;background-color:#0c3c60}


.slovnikNav{background-color: white; font-family: raleway; width: 980px;border: 3px solid rgba(200, 200, 200, 0.5);border-top:0px; border-radius: 3px ; height:45px;
	z-index: 2;padding-top:10px; margin: 0px auto;margin-top: 25px;text-align: center; left: 0; right: 0;margin-left: -3px;}
.slovnikNav a{   
width:27px;height:27px;display:inline-block;color:white;transition:color 0.4s ease, background-color 0.4s ease;margin-top:10px;margin: 2px 3px;font-size: 17px;}
.slovnikNav a div{width:27px;height:27px;line-height:27px;color: white; background-color: #0c3c60;transition: background-color 0.4s ease;cursor: pointer}
.slovnikNav a:last-child{margin-right:0px}
.slovnikNav a:visited{color:#0c3c60}
.slovnikNav a:hover{color:white;}
.slovnikNav a:hover div{background-color:rgba(57, 114, 155, 1); height:27px;}




.slovnikMain{font-family: 'open sans', sans-serif;font-size: 14px}
.slovnikMain span{font-weight: bold;color:#0c3c60}
.slovnikMain hr{width:100%;margin: 30px 0;background-color: #0c3c60;}
.slovnikMain .slovnikPismeno{font-size: 30px;font-weight: normal;}
.slovnikMain .slovnikSloupec1:nth-child(1), .slovnikMain .slovnikSloupec2:nth-child(2), .slovnikMain .slovnikSloupec3:nth-child(3)  {margin-top:25px;}

.slovnikSloupec1,.slovnikSloupec2,.slovnikSloupec3{width:29%;;height:auto;margin:0 2.166%;display: inline-block;vertical-align: top;}


.vypln{width: 100%; height:84px; position: relative;}



.bookFrame{background-color: #0c3c60;position: fixed;top: 88px; left: 0px; right: 0px; 
	width: 500px; height: 240px; z-index: 3; display: none}

.leftFrame{width: 30%; display: inline-block;text-align: center;}
.leftFrame > div{width: 137px ; display: inline-block;  margin-right: auto; top: 7px; position: relative;margin-bottom: 38px;
	height: 190px}
.leftFrame img{width: 100%; height: 100%;}
.leftFrame a{width: auto; height: auto; font-size: 0px}
.buttonFrame:hover{color: #0c3c60}
.buttonFrame{display: inline-block;width: 100%;height: 30px; line-height: 30px;margin-top: 0%;position: relative;margin-right: auto; 
	text-align: center; background-color: #6ea4ca; transition:color 0.4s ease;color: white; font-size: 14px; cursor: pointer;}
.leftFrame a:nth-child(n+3) .buttonFrame{margin-top: 5px;}

.rightFrame{width:70%; display: inline-block; float: right; }
.rightFrame .textFrame{font-size: 14px;text-align: left; width: 96.5%; height: 170px;bottom: 9px;;display: block;position: absolute;
    margin-left: auto;  overflow-x: hidden;background-color: #0c3c60;color: white;border: 0px solid blue;margin-top: 5px;padding-right: 5.75px;}
.rightFrame .textFrame:focus{border: 0px solid blue; outline: none}  
.rightFrame .esc{width:20px;height:20px;cursor: pointer;position:absolute;right:1.7px;top: 1.7px;transition: background-color 0.4s ease;
	background-image: url("/Loga/zpet2.png");background-repeat:no-repeat;background-size:180%;background-position:center}
.rightFrame .esc:hover{background-color:  #6ea4ca;}
.rightFrame > span{display: block;font-weight: bold;font-size: 17px;color: white;padding-left: 4px;padding-top: 5px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 320px}
.rightFrame > span:nth-child(2){font-size: 15px}
.rightFrame .textFrame > p:first-child{margin-top: 0px;}



.clankyrazeni {left:0px; position:absolute; display:block; bottom: 45%; left: 5px; color: #0c3c60; font-size: 19px; font-weight: bold; z-index: 2;}
.clankyrazeni .clankyrrazenihelp {cursor:help;}
.clankyrazeni span{padding-left: 5px; border-left: 2.5px solid #0c3c60 ;  display: inline-block;   padding-top: 5px;padding-bottom: 5px;}
.clankyrazeni a, .clankyrazeni a:visited{color: #0c3c60; transition: font-size 0.4s ease;}
.clankyrazeni a:hover{ text-decoration: underline }




#knihymenu{height:450px;margin-bottom:0px;margin-top:35px;color: white;margin-bottom: 50px;}
#knihymenu >div{background-color: #0c3c60;}

.kupka{width:216px;height:300px;margin: 0px;z-index:2;display: inline-block;position: absolute;left: 60px;top: 75px; cursor: pointer;}
.kupka img{width: 89.5%; height: 92%;position: absolute;z-index: 2;top: 0;left: 0;display: block;}
.kupka img:nth-child(1), .kupka img:nth-child(2) {}
.kupka img:last-child{width: 100%; height: 100%;position: absolute;bottom: 0;right: 0;z-index: 1;display: block;}
#img1Kupka{animation-fill-mode: forwards;}



.knihymenutext{display: inline-block;position: absolute;width: 283px;height: 348px;margin: 0px;left: calc(50% - 141px);top: 27px;margin-top: 25px;}
.knihymenutext h6{margin-top: 0px;font-size: 18px;margin-bottom: 10px;right: 0;display: block;position: relative;margin-left: 22px;}
.textMenu{text-align: left; width: 90%; height: 80%;bottom: 0%;;display: block;position: relative;
    margin-left: 23px; margin-right: 0;  overflow-x: hidden;
    background-color: #0c3c60;color: white;border: 0px solid blue;margin-top: 5px;padding-right: 10px;}
.textMenu:focus{border: 0px solid blue; outline: none}

#knihymenuobal{height: 340px;width: 245px;display: inline-block;position: absolute;right: 60px;top: 55px}
#knihymenuobal img{width: 245px; height: 340px;}
#knihymenuobal a div div{margin: 0px; width: 245px; height: 340px;}
#knihymenuobal a div{margin: 0px}


.katalogbutton {width: 120px;margin-left: 0px;margin-top: 30px;}




.bookFrameP{background-color: #0c3c60;position: fixed;top: 88px; left: 0px; right: 0px; 
	width: 500px; height: 240px; z-index: 3; display: none;text-align: center;}


.nazevFrameP{font-size: 20px; width: calc(100% - 5px); line-height: 20px;bottom: 9px;display: block;position: relative;padding-left: 5px;
    ;background-color: #0c3c60;color: white;border: 0px solid blue;height: 20px;top:2px;margin-bottom: 15px;margin-left: 0;margin-right: 0;}
.nazevFrameP:focus{border: 0px solid blue; outline: none} 
.escP{width:20px;height:20px;cursor: pointer;position:absolute;right:1.7px;top: 1.7px;transition: background-color 0.4s ease;
	background-image: url("/Loga/zpet2.png");background-repeat:no-repeat;background-size:180%;background-position:center}
.escP:hover{background-color:  #6ea4ca;}
.strankyFrameP{text-align: left;bottom: 5px; position: absolute;display: block;width: calc(100% - 10px);height: 24px;line-height: 24px;;left:0;right:0;
	background-color: auto;color: white}
.strankyFrameP > span{padding-bottom: 0px;;color: white;margin-left: 15px;text-decoration: none;font-size: 18px;cursor: pointer;}
.strankyFrameP > span:hover{border-bottom: 2px solid white;}

.p div{display: inline-block;position: relative;width: 22%;height: 10%;background-color: #6ea4ca;color: white;
	margin-left: 5px;margin-right: 5px;margin-bottom: 5px;font-size: 16px;line-height: 22px;text-align: center;
	transition: color 0.4s ease;}
.p div:hover{color: #0c3c60}




.unselectable{-webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}


.spanButton{display: block;height: 100%;}







audio{width:300px;position: fixed;top: 88.8px;visibility: hidden}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}   
@keyframes fadeinpruhled {
    from { opacity: 0; }
    to   { opacity: 0.7; }
}                                                                                   

@keyframes galerie{
    from { opacity: 0; }
    to   { opacity: 0.7; }

}

 
#foto{animation: fadein 1.5s}
.sekce ~ div:not(#spravcemenu){ animation: fadein 1.5s;} 
section:not(#podklad):not(.fotkapozadi){ animation: fadein 1.5s;} 
#pruhledne{ animation: fadeinpruhled 1.5s !important;} 
#fotka{animation: fadein 1.5s}