body {margin:0;padding:0;background-color:#E9E8E8;font-size:17px; font-family:Roboto, Tahoma;}
img, a {border:0;max-width:100%;} /* IE Fix */
a {color:#1F1D21;}

table td img {max-width:100% !important;}
input[type=submit] {padding:10px 15px 10px 15px;cursor:pointer;font-size:16px;font-family:Roboto, Tahoma;}
input[type=submit].btn, a.btn {padding:10px 15px 10px 15px;border:0;color:#fff;background-color:#1F1D21 !important;text-decoration:none;font-weight:bold;text-transform:uppercase;display:inline-block;}
input[type=submit].btn:hover, a.btn:hover {background-color:#E9E8E8 !important;color:#1F1D21 !important;}
input[type=text], input[type=email], input[type=number] {padding:10px;width:300px;font-size:18px;font-family:Roboto, Tahoma;}
select {padding:10px;width:320px;font-size:16px;font-family:Roboto, Tahoma;}
option {font-size:16px;font-family:Roboto, Tahoma;}                                                                             
textarea {padding:10px;width:300px;font-size:16px;font-family:Roboto, Tahoma;}

h1 {color:#000;text-transform:uppercase;font-size:32px;text-align:center;font-weight:bold;}
h2, h2 a {color:#000;line-height:24px;}

#top {height:70px;background-color:#E9E8E8;} 
#top-center {width:980px;padding:10px;margin:0 auto;}

img.logo {margin-top:5px;}
.logo-mobile {display:none;}

.text {width:240px;float:left;margin-right:30px}
.ikonka {width:50px;float:left;}
.ikonka img {position:relative;top:30px}
.ikonka img:hover {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;
-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

/* jazyky */
#top-center #lng {position:absolute;top:15px;margin-left:890px;}
#top-center #lng a {text-decoration:none;}
#top-center #lng a.czech {margin:0 5px 0 5px;font-size:15px;padding:0 11px;background-image: url('../media/images/web-externi/ikony/czech.png');background-size:100% 200%;background-position: 0 100%;}
#top-center #lng a.english {margin:0 5px 0 5px;font-size:15px;padding:0 11px;background-image: url('../media/images/web-externi/ikony/english.png');background-size:100% 200%;background-position: 0 100%;}
#top-center #lng a.telefon {margin-left:-75px;;font-size:15px;padding:0 11px;font-weight:bold;}
a.telefon img {position:relative;top:2px;margin-right:5px;}
#top-center #lng a:hover {transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#top-center #lng a.czech:hover {background-position: 0 0;}
#top-center #lng a.english:hover {background-position: 0 0;} 
#top-center #lng a:hover img, #top-center #lng a.active{opacity:1;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all;-ms-transition:1s all;}

#top-center input:focus {outline: none !important;}

/* navigace */
#main-nav {float:right;color:#1F1D21;}
#main-nav-container > ul{font-size:0;margin:0;padding:0;list-style-type:none;}
#main-nav-container > ul > li{font-size:18px;vertical-align:middle;display:inline-block;position:relative;margin-top: 5px;}
#main-nav-container > ul > li+li{margin-left:15px;}
#main-nav-container a{color:#1F1D21;text-decoration:none;padding:3px 8px;margin:10px;font-size:16px;}
#main-nav-container li a:hover, #main-nav-container > ul > li:hover > a {color:#000;text-decoration:underline;}
#main-nav-container li.active a{color:#000;text-decoration:underline;} 
#main-nav-container li.active a{color:#000;font-weight:bold;text-decoration:none;}
#main-nav-container > ul > li > ul{background-color:#E9E8E8;margin:0;padding:15px 10px;width:210px;list-style-type:none;position:absolute;left:-15px;top:100%;display:none;text-align:left;z-index:800;}
#main-nav-container > ul > li:hover > ul{display:block;}
#main-nav-container > ul > li > ul > li+li{margin-top:5px;}
#main-nav-container > ul > li > ul > li > a{display:block;font-weight:normal;}
#main-nav-container > ul > li.active > ul > li > a{font-weight:normal;text-decoration:none;}
#main-nav-container > ul > li > ul > li.active a {text-decoration:none;font-weight:bold;}
#main-nav-container > ul > li > ul > li > a:hover{text-decoration:underline;}

#main-nav-container #show {display:block;}
#main-nav-container #hide {display:none;}

#main-nav #search {display:none;position:absolute;margin-left:440px;top:70px;background-color:#E9E8E8;font-size:16px;width:auto;padding:15px 20px 15px 20px;z-index:1000;}
#main-nav #search input[type=text] {width:190px;float:left;padding:10px;border:1px solid #C6C6C6;background-color:#E9E8E8;font-size:12px;font-style:italic;}
#main-nav #search input[type=submit] {border:0;background-color:transparent;padding:8px 10px;background-image: url('../media/images/web-externi/ikony/vpravo.png');background-repeat: no-repeat;background-size:auto auto;background-position:center center;}

/* chci pripojit */
#chci-pripojit {min-height:150px;height:auto;padding:40px 0;background-color:#363B3F;background:url('../media/images/web-externi/pozadi/index.jpg') no-repeat;background-size:cover;text-align:center;color:#fff;}
#chci-pripojit-center {width:980px;margin:0 auto;}
#chci-pripojit-center h1 {color:#fff;}
#chci-pripojit-center #btn_plus {display:inline-block;}
#chci-pripojit-center #btn_minus {display:none;}
#chci-pripojit-center #pripojit_form {display:none;}

#chci-pripojit .bar_left {margin-left:100px;width:140px;display:inline-block;}
#chci-pripojit .bar {width:420px;display:inline-block;}
#chci-pripojit .bar_right {margin-left:-54px;width:auto;display:inline-block;}

#chci-pripojit .bar_left img {position:relative;top:20px;margin-right:10px;}
#chci-pripojit .bar_right img {position:relative;top:20px;margin-right:10px;}
#chci-pripojit .bar_right span {margin-left:145px;}
#chci-pripojit .bar_right i {font-style:normal;color:#F4AE00;font-size:14px;}

#chci-pripojit a.btn {padding:20px 50px;border:1px solid #F4AE00;background-color:transparent;color:#F4AE00;font-size:30px;font-weight:bold;}
#chci-pripojit a.btn:hover {border:1px solid #fff;color:#fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
a.white {color:#fff;}
#pripojit_form {padding:40px 0 20px 0;text-align:center;}

#pripojit_form{
::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
}

#pripojit_form input[type=text] {background-color:transparent;border:1px solid #E9AC30;color:#fff;padding:10px;width:40%;margin:10px;font-size:14px;}
#pripojit_form input[type=submit] {background-color:#E9AC30;;border:1px solid #E9AC30;color:#fff;font-weight:bold;}
#pripojit_form input[type=submit]:hover {color:#000;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#pripojit_form a.btn {margin-top:82px;padding:30px 114px;border:5px solid transparent;background-color:transparent;color:transparent;}
#pripojit_form a.btn:hover {border:5px solid #ECAA2F;}

/* header */
#header {height:150px;padding:40px 0;background-color:#363B3F;text-align:center;color:#fff;}
#header-center {width:980px;margin:0 auto;line-height:1.5em;}
#header-center h1 {color:#fff;line-height:1.1em;}

#mapa-pusobnosti {min-height:300px;height:auto;background-color:#EEA100;text-align:center;vertical-align:center;}
#mapa-pusobnosti a.btn {margin-top:90px;padding:20px 50px;border:1px solid #fff;background-color:transparent;color:#fff;font-size:30px;font-weight:bold;}
#mapa-pusobnosti a.btn:hover {border:1px solid #000;color:#000;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#mapa_close {display:none;}
#mapa_frame {min-height:400px;height:auto;display:none;padding:0;background-color:#E9E8E8;}
#mapa_plus {min-height:300px;height:auto;background-color:#EEA100;background:url('../media/images/web-externi/pozadi/pf_mapa_1368.jpg') no-repeat;    background-size: cover;
    background-position: center;padding:10px 0;text-align:center}

#hlava {overflow-x:hidden;background-color:#E9E8E8;}
#hlava-center {width:980px;padding:10px;margin:0 auto;height:auto;}
#hlava-center a {display:inline-block;width:200px;font-weight:bold;text-decoration:none;}
#hlava-center a:hover, #hlava-center a.active {color:#FFA700;}
#hlava-center a span {font-weight:normal;font-size:14px;margin-left:35px;}
#hlava-center a img {position:relative;top:10px;margin-right:10px;}
#hlava #h1p {color: #FFA700;}

#vyhody {overflow-x:hidden;background-color:#E9E8E8;}
#vyhody-center {width:980px;padding:10px;margin:0 auto;height:auto;min-height:80px;}
#vyhody-center a {display:inline-block;margin-top:20px;width:16%;font-weight:bold;text-decoration:none;vertical-align:top;}
#vyhody-center a:hover, #vyhody-center a.active {color:#FFA700;}
#vyhody-center a span {font-weight:normal;font-size:14px;margin-left:35px;}
#vyhody-center a img {float:left;margin-right:10px;max-height:31px;}

#vyhody #v1 {color: #FFA700;}

.animation_container {}

/* bila obsahova cast */ 
#content {overflow-x:hidden;background-color:#F5F3F3;}
#content-center {width:980px;padding:10px;margin:0 auto;min-height:370px;height:auto;line-height:1.4em;}
#content-center .autor {display:inline-block;}
#content-center .autor img {float:left;height:64px;width:64px;border-radius:90%;float:left;margin:10px;}
#content-center .autor span {float:right;margin:10px 10px 0 0;}

#content-center h2, #content-center h3, #content-center h4 {text-align:center;}
#content-center tr {vertical-align:top;}
#content-center td h2 {text-transform:none;font-size:16px;text-align:left;}
#content-center table.tri td {width:33% !important;}
#content-center td {font-size:14px;}
#content-center a.tlacitko {margin-top:15px;padding:8px 16px;border:1px solid #373437;color:#373437;text-decoration:none;font-size:12px;line-height:16px;display:inline-block;}
#content-center a.tlacitko:hover {text-decoration:underline;}

#content-center table.soutez {width:99%;}
#content-center table.soutez td {width:33%;padding:20px;vertical-align:top;}
#content-center table.soutez h2 {margin-top:0px;}
#content-center table.soutez input[type=radio] {margin-right:10px;}

#novinky {background-color:#F3A600;color:#fff;height:auto;background:url('../media/images/web-externi/pozadi/novinky-historie.jpg') no-repeat;background-size:cover;}
#novinky-center {width:980px;margin:0 auto;padding:10px 0 30px 0;}
#novinky-center a {color:#fff;text-decoration:none;}
#novinky-center a:hover {text-decoration:underline;}
#novinky-center h2 {color:#fff;text-transform:uppercase;padding-top:10px;}

#novinky-center .ctvrt {float:left;width:225px;height:auto;height:100px;padding:10px;margin-top:18px;}
#novinky-center .ctvrt img {float:left;margin:20px 20px 100px 0;}
#novinky-center p.right {text-align:right;margin-right:30px;}
#novinky-center p.right a {margin-left:100px;}

/* paticka novinky */
#prefooter {background-color:#E9E8E8;color:#1F1D21;height:auto;}
#prefooter a {color:#1F1D21;text-decoration:none;}
#prefooter h2 {color:#1F1D21;font-weight:bold;font-size:18px;margin:0;text-transform:uppercase;}
#prefooter h3 {color:#1F1D21;font-weight:bold;font-size:16px;line-height:20px;}
#prefooter p {font-size:12px;line-height:16px;}
#prefooter-center {width:980px;margin:0 auto;padding:30px 0;}
#prefooter-center .ctvrt {float:left;width:220px;height:180px !important;padding:10px;}
#prefooter-center .ctvrt img {float:left;margin:20px 20px 100px 0;}
#prefooter-center .ctvrt a.but {padding:10px 20px;border:1px solid #373437;color:#373437;text-decoration:underline;font-size:12px;line-height:16px;}
#prefooter-center .ctvrt a.but:hover {text-decoration:none;}

#prefooter-center a.levy {float:left;position:relative;top:-120px;background:url('../media/images/web-externi/ikony/vlevo.png') no-repeat;background-position:center center;border:0;color:transparent;padding:5px 9px;opacity:0.9;}
#prefooter-center a.pravy {float:right;position:relative;top:-120px;background:url('../media/images/web-externi/ikony/vpravo.png') no-repeat;background-position:center center;border:0;color:transparent;padding:5px 9px;opacity:0.9;}
#prefooter-center a.levy:hover {opacity:1;}
#prefooter-center a.pravy:hover {opacity:1;}

#footer {background-color:#0E0F17;color:#fff;height:auto !important;width:100%;font-size:16px;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer-center {width:980px;padding:20px 0;margin:0 auto;text-align:center !important;}
#footer-center .social {width:220px;margin:0 auto;margin-bottom:0px;}
#footer-center .social a {margin:0 10px 0 10px;}
#footer-center .social a img {background-color:#F4AE00;border-radius:90%;margin-bottom:20px;}
#footer-center .social a:hover img {background-color:#fff; -webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;transition-property: transform;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}

#footer-center .ctvrt {display:inline-block;width:auto;margin:0 0 20px 0;text-align:center;}
#footer-center .pul {display:inline-block;width:45%;margin:0 10px 20px 10px;text-align:center;}
#footer-center .ctvrt img {position:relative;top:10px;margin-right:7px;}
#footer-center .pul img {position:relative;top:4px;margin-right:7px;}
#footer-center .copyright {text-align:center;font-size:12px;}

@media (min-width: 1000px) {
#main-nav-container {display:block !important;} /* 20.5.2022 */
}
 
/* mobil */

@media (max-width: 1000px) {
body {overflow-x:hidden;text-align:center;}
img {max-width:100% !important;}

#top {height:auto !important;padding-bottom:40px;}
#top-center {width:auto;}
.pripravujeme {display:none;}
.logo {display:none;}
.logo-mobile{background-image:url(../media/images/logo.png);background-repeat:no-repeat;width:174px;height:36px;background-size:100% 100%;display:block;position:absolute;left:50%;top:10px;margin-left:-350px;}
h1 {color:#000;text-transform:uppercase;font-size:28px;margin-top:10px;text-align:center;}

#main-nav{height:60px;position:fixed;z-index:1000;left:0;top:0;right:0;margin:0;padding:0;background-color:#E9E8E8;width:auto;max-width:100% !important;border-bottom:3px solid #1F1D21;}
#main-nav:after, #main-nav-container:after{content:'';background-image:url(../images/web-externi/bgr-header-shadow.png);height:4px;position:absolute;left:0;top:100%;right:0;}
#main-nav-instead{height:50px;}
#main-nav-container{background-color:#E9E8E8;position:absolute;left:0;top:100%;right:0;display:none;z-index:1100;}
#main-nav-container > ul{padding:5px 0 10px;text-align:center;}
#main-nav-container > ul > li{display:block;margin:0 !important;}
#main-nav-container > ul > li.no{display:none !important;}
#main-nav-container > ul > li+li{margin-top:5px !important;}
#main-nav-container > ul > li > ul > li{margin-top:5px !important;}
#main-nav-container a{padding:5px;display:block;}
#main-nav-container > ul > li > ul{background-color:transparent;padding:0;width:auto;position:static;box-shadow:none;display:block;text-align:center;}
#main-nav-toggle{margin-right:-350px;width:70px;height:48px;position:absolute;top:0;right:50%;padding-top:15px;}
#main-nav-toggle > span{display:block;background-color:#1F1D21;margin:0 auto 5px;width:34px;height:5px;}

#chci-pripojit, #stanovy, #kodex, #spolek, #kontakt, #sit, #struktura {min-height:150px;height:auto;padding:0;}

#chci-pripojit {overflow-x:hidden;width:100% !important;padding:10px 0 10px 0;}
#chci-pripojit-center {width:auto;padding:10px;text-align:center;}
#chci-pripojit .bar_left {width:auto;float:none;margin:-20px 0 20px 0;text-align:center;}
#chci-pripojit .bar {width:100%;display:block;}
#chci-pripojit .bar_right {float:none;text-align:center;}
#chci-pripojit .bar_left img {position:relative;top:20px;margin-right:10px;}
#chci-pripojit .bar_right img {position:relative;top:20px;margin-right:10px;}
#chci-pripojit .bar_right span {margin-left:140px;}
#chci-pripojit .bar_right i {font-style:normal;color:#F4AE00;font-size:14px;}
#chci-pripojit a.btn {padding:20px 20px;border:1px solid #F4AE00;background-color:transparent;color:#F4AE00;font-size:28px;font-weight:bold;}
#chci-pripojit a.btn:hover {border:1px solid #fff;color:#fff;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#pripojit_form {padding:40px 0 20px 0;text-align:center;}
#mapa-pusobnosti a.btn {margin-top:90px;padding:20px 20px;border:1px solid #fff;background-color:transparent;color:#fff;font-size:28px;font-weight:bold;}
#mapa-pusobnosti a.btn:hover {border:1px solid #000;color:#000;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
#header {height:auto;padding:0;}
#header-center {width:auto;padding:10px;font-size:14px;}
#header-center h1 {color:#fff;line-height:1.1em;font-size:26px;margin-top:10px;}
#hlava-center {width:auto;padding:10px;text-align:center;}
#hlava-center a {line-height:1.5em;}
#vyhody-center {width:auto;padding:10px;}
#vyhody-center a {display:inline-block;margin:10px 0 10px 0;width:44%;font-weight:bold;text-decoration:none;vertical-align:top;}
#content-center {width:99%;padding:10px 5px 10px 5px;}
#content-center table {margin-left:-9px;}
#content-center ul, #content-center ol {margin-left:-20px;font-size:0.9em;}
#mapa_plus {min-height:300px;height:auto;background-color:#EEA100;background:url('../media/images/web-externi/pozadi/pf_mapa_980.jpg') no-repeat;background-size:cover;padding:10px 0;text-align:center}
#novinky {background:none;background-color:#F6A901;}
#novinky-center {width:100%;padding:10px;}
#novinky-center a {color:#fff;text-decoration:none;}
#novinky-center a:hover {text-decoration:underline;}
#novinky-center h2 {color:#fff;text-transform:uppercase;margin-bottom:60px;text-align:center;}
#novinky-center .ctvrt {float:none;display:inline-block;height:auto;padding:10px;margin-top:-80px;}
#novinky-center p.right {float:none;text-align:center;margin-top:-40px;}
#prefooter-center {width:auto;padding:10px;height:auto;}
#prefooter-center h2 {padding:20px 0 0 0;margin:0;text-align:center;font-size:1.5em !important;}
#prefooter-center .left {float:none;}
#prefooter-center .left img {border:3px solid #fff;width:99%;}
#prefooter-center .right {float:none;}
#prefooter-center .ctvrt {width:22%;height:auto !important;padding:0 10px 0 10px;margin-bottom:10px;}
#prefooter-center .ctvrt a.but {padding:10px 20px;border:1px solid #373437;color:#373437;text-decoration:underline;font-size:12px;line-height:16px;}
#footer-center {width:auto;padding:20px 10px 20px 10px;font-size:14px;text-align:center;}
#footer-center .social {width:auto;margin:10px;padding:0;}
#footer-center .ctvrt {display:block;width:100%;margin:20px 0;text-align:center;}
#footer-center .pul {display:block;width:100%;margin:10px;text-align:center;}
#footer-center img {max-height:24px;/*position:relative;top:10px;margin-right:7px;*/}
#footer-center .copyright {float:none;margin-top:60px;text-align:center;}
}

@media (max-width:768px){
#content-wrap{width:auto;}
#hc-top{margin-top:-10px;margin-bottom:10px;}
.logo-mobile{left:15px;margin:0;}
#main-nav-toggle{right:0;margin:0;}
h1 {color:#000;text-transform:uppercase;font-size:28px;margin-top:10px;}
input[type=submit], button {width:99%;}
input[type=text], input[type=email], input[type=number] {width:99% !important;padding:10px 0 10px 0;}
select {width:99% !important;padding:10px 0 10px 0;}                                                                             
textarea {width:99% !important;padding:10px 0 10px 0;}
#pripojit_form input[type=text], #pripojit_form input[type=submit] {width:80% !important;}
#mapa_plus {min-height:300px;height:auto;background-color:#EEA100;background:url('../media/images/web-externi/pozadi/pf_mapa_760.jpg') no-repeat;background-size:cover;padding:10px 0;text-align:center}
#prefooter h2 {color:#1F1D21;font-weight:bold;font-size:16px;margin:0;text-transform:uppercase;}
#prefooter h3 {color:#1F1D21;font-weight:bold;font-size:14px;line-height:20px;}
#prefooter-center .ctvrt {width:42%;height:auto !important;padding:1%x;margin-top:18px;}
#prefooter-center .ctvrt img {float:none;margin:20px;}
#prefooter-center .ctvrt a.but {padding:10px 20px;border:1px solid #373437;color:#373437;text-decoration:underline;font-size:12px;line-height:16px;}
}

@media (max-width:500px){
#chci-pripojit {min-height:150px;height:auto;padding:40px 0;background-color:#363B3F;background:url('../media/images/web-externi/pozadi/index-500.jpg') no-repeat;background-size:cover;text-align:center;color:#fff;}
#mapa_plus {min-height:300px;height:auto;background-color:#EEA100;background:url('../media/images/web-externi/pozadi/pf_mapa_500.jpg') no-repeat;background-size:cover;padding:10px 0;text-align:center}
#content-center td {display:block;width:auto !important;text-align:center !important;}
#content-center td h2 {text-align:center;}
#content-center table.tri td {display:block;width:auto !important;}
}

#cookie {
transition:2s all;-webkit-transition:2s all;-moz-transition:2s all;-o-transition:2s all;-ms-transition:2s all;
text-align:center;padding:5px;width:100%;height:auto;font-size:12px;color:#fff;background-color:#000;opacity:0.9;position:fixed;bottom:0;
}
#cookie a {color:#fff;text-decoration:none;cursor:pointer;display:inline-block;}
#cookie a.c_vse {padding:5px 10px;background-color:green;border-radius:10px;margin:10px;}
#cookie a.c_vybrane {padding:5px 10px;background-color:orange;border-radius:10px;margin:10px;}
#cookie a.c_ne {padding:5px 10px;background-color:red;border-radius:10px;margin:10px;}