/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts:  http://www.fontshop.com
*/
        
/*Box-model padding a border se nepricitavaji*/
*, 
*:after, 
*:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*Fonty*/

@font-face { font-family: 'icomoon';  src: url("../fonts/icomoon/icomoon.eot?1z9v6x");  src: url("../fonts/icomoon/icomoon.eot?1z9v6x#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?1z9v6x") format("truetype"), url("../fonts/icomoon/icomoon.woff?1z9v6x") format("woff"), url("../fonts/icomoon/icomoon.svg?1z9v6x#icomoon") format("svg");  font-weight: normal;   font-style: normal; }

/*
/@font-face {
  font-family: 'Pismo';
  src: url('../fonts/Galano/Galano Grotesque.otf') format("opentype");
    font-style: normal;
    font-weight:400;
}

@font-face {
  font-family: 'PismoL';
  src: url('../fonts/Galano/Galano Grotesque Light.otf') format("opentype");
    font-style: normal;
    font-weight:300;
}

@font-face {
  font-family: 'PismoM';
  src: url('../fonts/Galano/Galano Grotesque Medium.otf') format("opentype");
    font-style: normal;
    font-weight:600;
}

@font-face {
  font-family: 'PismoB';
  src: url('../fonts/Galano/Galano Grotesque Bold.otf') format("opentype");
    font-style: normal;
    font-weight:800;
}
*/

@font-face {
  font-family: 'Entypo';
  src: url('../fonts/Entypo/entypo.ttf') format("truetype");
    font-style: normal;
    font-weight:400;
}
/*
    @font-face{
        font-family:"Pismo";
        src:url("../font/Galanok/5311771/c08bd59d-6708-4ffd-8478-ca9691164a36.woff2") format("woff2"),url("../font/Galanok/5311771/9737b091-4894-485b-92e0-42cfb7b3d0b8.woff") format("woff");
        font-style: normal;
        }
    @font-face{
        font-family:"PismoM";
        src:url("../font/Galanok/5311506/30ac4628-6698-4a77-976f-decddbe9bd38.woff2") format("woff2"),url("../font/Galanok/5311506/641140da-24ba-4cf6-9e1a-b90ea5b2f049.woff") format("woff");
        font-style: normal;
        }
@font-face{
        font-family:"PismoSB";
        src:url("../font/Galanok/5365197/bec0331e-19a5-47e6-8f62-15ac79e39c09.woff2") format("woff2"),url("../font/Galanok/5365197/d17e180c-29bd-4b5b-8805-567694ba4430.woff") format("woff");
        font-style: normal;
        }
@font-face{
        font-family:"PismoB";
        src:url("../font/Galanok/5181911/2683de73-3186-43cc-b953-f897709261b5.woff2") format("woff2"),url("../font/Galanok/5181911/3e82ef07-8005-4cb1-b14e-305321d2634c.woff") format("woff");
        font-style: normal;
        }
*/

    @font-face{
        font-family:"Pismo";
        src:url("../font/Galanok/5311771/9737b091-4894-485b-92e0-42cfb7b3d0b8.woff") format("woff");
        font-style: normal;
        }
    @font-face{
        font-family:"PismoM";
        src:url("../font/Galanok/5311506/641140da-24ba-4cf6-9e1a-b90ea5b2f049.woff") format("woff");
        font-style: normal;
        }
@font-face{
        font-family:"PismoSB";
        src:url("../font/Galanok/5365197/d17e180c-29bd-4b5b-8805-567694ba4430.woff") format("woff");
        font-style: normal;
        }
@font-face{
        font-family:"PismoB";
        src:url("../font/Galanok/5181911/3e82ef07-8005-4cb1-b14e-305321d2634c.woff") format("woff");
        font-style: normal;
        }  

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

html{font-size:10px;-webkit-tap-highlight-color:transparent; 

--cerna: rgba(0,0,0,1.0);
--cerna80: rgba(0,0,0,0.8);
--cerna60: rgba(0,0,0,0.6);
--cerna40: rgba(0,0,0,0.4);

--bila: rgba(255,255,255,1.0);
--bila04: rgba(255,255,255,0.8);
--bila08: rgba(255,255,255,0.8);

--text: rgba(51,51,51,1.0);
--text80: rgba(51,51,51,0.8);
--text40: rgba(51,51,51,0.4);

--pozadi: rgba(202,225,247,1.0);
--pozadi1: rgba(0,72,175,1.0);

--tmava: rgba(0,72,175,1.0);
--tmava60: rgba(0,72,175,0.6);

--modra: rgba(75,144,218,1.0);

/*stredni modra*/
--stredni: rgba(202,225,247,1.0);

/*svetla modra*/
--svetla: rgba(233,242,255,1.0);

/*svetla seda*/
--seda: rgba(183,190,204,1.0);

/*tmava seda - menu*/
--seda1: rgba(65,86,113,1.0);

/*stredni seda - pozadi*/
--seda2: rgba(42,48,60,1.0);

/*stredni seda - pozadi - pruh*/
--seda3: rgba(49,57,72,1.0);

--cervena: rgba(204,0,0,1.0);
--zluta: rgba(255,204,0, 1.0);

--aktmenu: rgba(255,234,151,1.0);
}

@media (max-width:992px){html{font-size: 9px;}}
@media (max-width:768px){html{font-size: 8.5px;}}
@media (max-width:480px){html{font-size: 8.2px;}}

body{color: var(--text); line-height: 20pt; font-size:12pt; font-family: 'Pismo', sans-serif; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0; min-width:320px; background-color: var(--pozadi)} 



ol, ul {margin:0rem 0rem 3rem 0rem!important; }
ol ol,ol ul,ul ol,ul ul{margin:0rem 0rem 0rem -4.2rem!important;}
li {margin:0rem 0rem 0rem -2.2rem!important; }
ul ul li{margin:0rem 0rem 0rem 0rem!important;}
ul ul ul{margin:0rem 0rem 0rem 0rem!important;}
ul ul ul li{margin:0rem 0rem 0rem 0rem!important;}
.list-unstyled{padding-left:0;list-style:none!important}

a {text-decoration: none; color: var(--tmava); -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
a:hover, a:focus, a:active {text-decoration: underline; color: var(--tmava); -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

p {background-color: none!important}
span {background-color: none!important} 

strong, b {font-family: 'PismoB', sans-serif; font-weight:400!important;  font-style: normal!important;}

.trans{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.trans:hover{-webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.clear{clear:both;}
.hid {display: none!important;}
.hid-m {display: block!important;}
.hid-d {display: none!important;}
.expand {display: none;}
.expanded {display: block !Important;}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}sub{bottom:-.25em}
img{border:0; line-height:0;}
svg:not(:root){overflow:hidden}

hr{margin-top:3.0rem;margin-bottom:3.4rem;border:0;border-top:0.1rem solid var(--seda)}

.hr-h{margin-top:1.0rem;margin-bottom:1.0rem;border:0;border-top:0.1rem solid var(--seda)}

.hamburger{display: none;}
.top-lupa{display: none;}

.hledat{cursor: pointer;}
.search-box {position: fixed; top: 14.5rem; left:calc(50% + 22.5rem); width:auto; background-color: var(--bila); padding: 0rem 2rem; z-index: 10001; font-size:1.5rem; display:none;}
.search-box .close{position: absolute; top: 0rem; right: 1rem; border: 0.0rem solid silver; width: 2.5rem; height: 2rem; padding:0rem!important; margin:0rem!important; cursor: pointer; z-index: 100010; display: block} 
.search-box .close img{width: 2.0rem; height: 2.0rem;}
.show-search{display: block!important;}

#search_result{position:absolute; width:auto ;padding:0rem 0rem 2rem 2rem; display:none; margin-left:-2rem; border-top:0px; border:0.0rem var(--text) solid; background-color: #fff;  height:30rem; min-width: 39.5rem!important}
#search_result .in{overflow-y:scroll; padding:0.5rem 2rem 0.5rem 0.5rem; height:28rem;}
#search_result .item_search{padding:0.5rem 1.5rem 0.5rem 0.5rem; color:var(--text); border-bottom:0.0rem var(--text) solid; font-size:1.5rem; font-weight:500; }
#search_result .item_search:hover{background:var(--tmava); color:var(--bila); cursor:pointer;}
#search_result .search_more{text-align:center; padding-top:5px;}
#search_result .search_more a{color:var(--tmava);}
#search_result .search_more a:hover{color:var(--bila); text-decoration: none;}


h1, h2, h3, h4, h5, h6 { color: var(--text); line-height: 1.0; padding:0; margin:0;  text-align: left; font-family: 'PismoB', sans-serif; /*letter-spacing:0.2rem;*/ font-weight:400!important;  font-style: normal!important; 
/* styl fontu a vs. a*/
-moz-font-feature-settings: "ss01"!important;
-webkit-font-feature-settings: "ss01"!important;
font-feature-settings: "ss01"!important;

}

h1 { font-size: 41.3pt; color: var(--text); margin: 0rem 0rem 0rem 0rem!important; font-weight:400!important;  font-style: normal!important;}
h2 { font-size: 30pt; color: var(--text); margin: -0.0rem 0rem 2.1rem 0rem!important; font-weight:400!important;  font-style: normal!important;}
h3 { font-size: 30pt; color: var(--text); margin: -0.0rem 0rem 2.1rem 0rem!important; font-weight:400!important;  font-style: normal!important;}
h4 { font-size: 19.5pt; color: var(--text); margin: 3.2rem 0rem 2.1rem 0rem!important; font-weight:400!important;  font-style: normal!important;}
.row h4 { font-size: 19.5pt; color: var(--text); margin: 0rem 0rem 0rem 0rem!important; font-weight:400!important;  font-style: normal!important; display: block!important;}
h5 { font-size: 15pt; color: var(--text); margin: 3.2rem 0rem 2.1rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
h6 { font-size: 12pt; color: var(--text); margin: 2.1rem 0rem 2.1rem 0rem!important; font-weight:400!important;  font-style: normal!important;}
.osmdesat h5 { font-size: 15pt; color: var(--text); margin: 1.5rem 0rem 1rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}


@media screen and (max-width: 1230px) {
h1 { font-size: 28pt; color: var(--text); margin: 0rem 0rem 0rem 0rem!important;}
h2 { font-size: 25pt; color: var(--text); margin: 0rem 0rem 2.1rem 0rem!important;}
h3 { font-size: 22pt; color: var(--text); margin: 0rem 0rem 2.1rem 0rem!important;}
h4 { font-size: 16pt; color: var(--text); margin: 3.2rem 0rem 2.1rem 0rem!important;}
.row h4 { font-size: 16pt; color: var(--text); margin: 0rem 0rem 0rem 0rem!important; display: block!important;}
h5 { font-size: 14.0pt; color: var(--text); margin: 3.2rem 0rem 2.1rem 0rem!important;}
h6 { font-size: 12pt; color: var(--text); margin: 2.1rem 0rem 2.1rem 0rem!important;}
.osmdesat h5 { font-size: 14.0pt; color: var(--text); margin: 1.5rem 0rem 1rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}

}


.akce h5 { font-size: 16pt; color: var(--text); margin: 0rem 0rem 2.1rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.akce-home h5 { font-size: 16pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.akce-home h6 { font-size: 12pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.akce-home p { font-size: 12pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}

.sedmdesat h5 { font-size: 19.5pt; color: var(--text); margin: -0.5rem 0rem 2.1rem 0rem!important; line-height: 1.25;} 
.sedesat h5 { font-size: 19.5pt; color: var(--text); margin: -0.5rem 0rem 2.1rem 0rem!important; line-height: 1.25;}

#foot h5 {color: var(--bila)!important; font-size: 15.4pt; margin-top:1.5rem!important;} 
#foot h6 {color: var(--seda)!important}
#foot p {font-size:10.5pt; line-height: 25pt}
#foot .adresa {font-size:10.5pt; line-height: 15pt;}
#foot span {width: 16rem;}
#foot td {font-size:10.5pt; line-height: 25pt}

#foot a{color: var(--seda)}
#foot a:hover{color: var(--seda)}

#foot .pulka-fix {font-size:10.5pt!important; line-height: 25pt}

#main_box {margin-bottom:3rem;}
#search_box {float: left; width:50%; margin-bottom:0rem;}
#sort_box {float: left; width:50%;  margin-bottom:0rem; }

.search_box_full {float: none!important; width:100%!important; margin-bottom:0rem; padding: 0rem 1rem 0rem 0rem;}
.search_box_full input{width:100%!important;}

.copyright {background-color: var(--seda3); padding: 2rem 0rem 0rem 0rem!important; color: var(--seda)}
.copyright a{background-color: var(--seda3); padding: 1.5rem 1.5rem 0rem 1.5rem; color: var(--seda)}
.copyright a:hover{background-color: var(--seda3); padding: 1.5rem 1.5rem; color: var(--seda)}

.copyright-text-b {background-color: var(--seda2); padding: 0rem 0rem 0rem 0rem!important; color: var(--seda); text-align: center; margin: 0rem auto!important}

.aktualne {margin-top: -8.4rem!important; margin-left: -3rem!important; margin-bottom: 1.5rem; width: 40.5rem; background-color: var(--tmava)!important; color: var(--bila)!important; padding:1.5rem 3rem 0rem 3rem; }
.aktualne h3{color: var(--bila); margin: 0rem 0rem 1.7rem 0rem!important;}

.home-nadpis {margin-bottom: 0rem!important; /*width: 70.0rem;*/  height:auto!important;} 
.home-nadpis h3{color: var(--text); margin: 0rem 0rem 0rem 0rem!important; line-height:1.1; padding:1.5rem 0rem 1.5rem 0rem;  height:auto!important;}

.home-nadpis-d {margin-bottom: 1.5rem; width: 60.0rem; padding:1.5rem 0rem; }
.home-nadpis-d h3{color: var(--text); margin: 0rem 0rem 0rem 0rem!important;}

.bg-tmava h3{background-color: var(--tmava)!important; padding-left:3rem;}

p{font-size: 12pt; line-height:20pt;  margin: 0rem 0rem 1.5rem 0rem!important;}
i {font-size: 12pt; line-height:1.0!important;  margin: 0rem 0rem 0rem 0rem!important; font-family: 'Entypo', sans-serif; /*letter-spacing:0.2rem;*/; font-style: normal}
i {font-size: 12pt; line-height:1.0!important;  margin: 0rem 0rem 0rem 0rem!important; font-family: 'Entypo', sans-serif; /*letter-spacing:0.2rem;*/; font-style: normal; text-decoration: none!important;}
i:hover {text-decoration: none!important;}

.drobky {font-size: 9.8pt!important; line-height:1;  margin: 0rem 0rem 0rem 0rem!important; padding: 0rem 0rem 0rem 0rem!important;background-color: var(--pozadi)} 

.drobky-ico {height: 8pt;}
.plus {background: url(../img/plus.svg) no-repeat; background-position: top 0.2rem left 0; background-size: 2.0rem 2.0rem!important; min-height:2.4rem!important; padding-left: 6.0rem; float:left; cursor:pointer; width: 100%;}
.minus {background: url(../img/minus.svg) no-repeat; background-position: top 0.2rem left 0; background-size: 2.0rem 2.0rem!important; min-height:2.4rem!important; padding-left: 6.0rem;  padding-bottom:2rem; float:left; cursor:pointer;  width: 100%;}
.pp {background: url(../img/plus.svg) no-repeat; background-position: top 0.2rem left 0; background-size: 2.0rem 2.0rem!important; min-height:2.4rem!important; padding-left: 6.0rem; float:left; cursor:pointer;}

.sipka {background: url(../img/sipka.svg) no-repeat; background-position:  top 0.2rem left 0; background-size: 2rem 2rem!important; min-height:2.4rem; padding-left: 6.0rem; float:left; cursor:pointer;}

.sipkah {background: url(../img/sipka-t.svg) no-repeat; background-position:  top -0.0rem left 0; background-size: 2.2rem 2.2rem!important; height:2.4rem; padding-left: 4.0rem; float:left; cursor:pointer; margin-top:0.9rem!important}
.sipkat {background: url(../img/sipka-t.svg) no-repeat; background-position:  top -0.0rem left 0; background-size: 2.2rem 2.2rem!important; height:2.4rem; padding-left: 4.0rem; float:left; cursor:pointer;}
.sipkam{background: url(../img/ikony/LINKIN.svg) no-repeat; background-position: top 0.5rem left 0; background-size: 1rem 1rem!important;  height: 3rem; padding-left: 1.5rem; cursor:pointer; line-height:2; font-weight: bold;}
.sipkah1 {background: url(../img/sipka-t.svg) no-repeat; background-position:  top 0.2rem left 0; background-size: 2.2rem 2.2rem!important; height:2.4rem; padding-left: 4.0rem; float:left; cursor:pointer; margin-top:0.9rem!important}
.souborm{background: url(../img/ikony/SOUBOR.svg) no-repeat; background-position: top 0.2rem left 0; background-size: auto 1.4rem!important;  height: 2.4rem; padding-left: 2rem; cursor:pointer;}

.osobam{background: url(../img/ikony/OSOBA.svg) no-repeat; background-position: top 0.2rem left 0; background-size: auto 2rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}
.spendlikm{background: url(../img/ikony/MAPA.svg) no-repeat; background-position: top 0.2rem left 0; background-size: auto 2rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}
.phonem{background: url(../img/ikony/PHONE.svg) no-repeat; background-position: top 0.2rem left 0; background-size: auto 1.8rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}
.emailm{background: url(../img/ikony/EMAIL.svg) no-repeat; background-position: top 0.7rem left 0; background-size: auto 1.3rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}
.doc{background: url(../img/ikony/DOC.svg) no-repeat; background-position: top 0.0rem left 0; background-size: auto 1.7rem!important;  min-height: 2.4rem; padding-left: 2rem; line-height:1.5!important; margin:0.5rem 0rem!important;}
.linkm{background: url(../img/ikony/LINK.svg) no-repeat; background-position: top 0.4rem left 0; background-size: auto 1.8rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}
.linkim{background: url(../img/ikony/LINKIN.svg) no-repeat; background-position: top 0.2rem left 0; background-size: auto 1.4rem!important;  min-height: 2.4rem; padding-left: 3rem; cursor:pointer; line-height:1.5!important; margin:0.5rem 0rem!important;}

.flag {height:1.5rem; width: auto;}


.ico-right{padding-left:0.5rem!important; font-size:11pt!important; font-weight: normal; text-decoration: none!important;}
.ico-left{padding-left:0.5rem!important; font-size:12pt!important; font-weight: normal; text-decoration: none!important;}
.ico-right-vice{padding-left:1.5rem!important; font-size:12pt!important; font-weight: normal; text-decoration: none!important;}
.ico-doc{margin-right:0.0rem!important; text-decoration: none!important;}
.ico-lupa { margin-top:0.5rem!important; margin-right:1.0rem!important; text-decoration: none!important;}
.ico-mail{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-phone{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-pin{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-dz{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-fb{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-ig{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-link{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-file{margin-right:1.0rem!important; text-decoration: none!important;}
.ico-zpet{margin-left:-4.5rem!important; margin-right:0.0rem!important; text-decoration: none!important; font-size:2.9rem; color: var(--bila); cursor: pointer; text-decoration: none!important; padding-right: 2.5rem}
.ico-vpred{margin-right:1.0rem!important; text-decoration: none!important; font-size:3rem; color: var(--bila); cursor: pointer;}

.ico-pin-t{margin-right:0.5rem!important; text-decoration: none!important; color: var(--tmava); font-size: 14pt;}
.ico-fb-t{margin-right:0.5rem!important; text-decoration: none!important; color: var(--tmava)}
.ico-ig-t{margin-right:0.5rem!important; text-decoration: none!important; color: var(--tmava)}



.h-odkaz{font-size: 12pt!important; margin-top:1.5rem!important;}
.h-odkaz a{ color: var(--bila)}
.h-odkaz a:hover{ color: var(--bila)}
.h-odkaz{display: none;}

.u-odkaz{font-size: 12pt!important; margin-top:1.5rem!important; font-weight: bold;}
.u-odkaz a{ color: var(--tmava)}
.u-odkaz a:hover{ color: var(--tmava)}


.popis, .popis p {color: var(--text)}
.popisek, .popisek p{color: var(--seda1)}

.text-tmava{color: var(--tmava);}
.text-stredni{color: var(--stredni);}
.text-svetla{color: var(--svetla);}

.text-white{color: var(--bila);}

.text-left{text-align:left;}
.text-right{text-align:right!important;}
.text-justify{text-align:justify;}
.text-center {text-align: center;}
.text-center img{margin:auto;}
.text-center-d {text-align: center;}


.text-right-res{text-align:right;}

.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}

.bg-tmava {background-color: var(--tmava)!important;}
.bg-tmava p{color: var(--bila)}
.bg-tmava a{color: var(--bila)}

.bg-stredni {background-color: var(--stredni)!important;}
.bg-svetla {background-color: var(--svetla)!important;}
.bg-bila{background-color: var(--bila)!important;}
.bg-zluta{background-color: var(--zluta)!important;}
.bg-transparent{background-color: transparent!important;}
.bg-seda {background-color: var(--seda1);}
.bg-seda h3{color: var(--bila)!important}

.c-text {color: var(--text)!important;}
.c-tmava {color: var(--tmava)!important;}
.c-stredni {color: var(--stredni)!important;}
.c-svetla {color: var(--svetla)!important;}
.c-bila{color: var(--bila)!important;}
.c-seda3{color: var(--seda3)!important;}
.c-seda2{color: var(--seda2)!important;}

.c-text a{color: var(--text)!important;}
.c-tmava a{color: var(--tmava)!important;}
.c-stredni a{color: var(--stredni)!important;}
.c-svetla a{color: var(--svetla)!important;}
.c-bila a{color: var(--bila)!important;}
.c-text a:hover{color: var(--text)!important;}
.c-tmava a:hover{color: var(--tmava)!important;}
.c-stredni a:hover{color: var(--stredni)!important;}
.c-svetla a:hover{color: var(--svetla)!important;}
.c-bila a:hover{color: var(--bila)!important;}


.relative {position: relative}
.fixed {position: fixed}
.static {position: static}
.sticky {position: sticky}
.unset {position: unset!important}

section {margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; color: var(--text);}
#head{margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; color: var(--text); font-family: 'PismoM', sans-serif!important; font-size:12pt;}
#main{margin: -3.8rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; color: var(--text);}
#maind{margin: 0rem 0rem 0rem 0rem; padding: 0rem 0rem 0rem 0rem; color: var(--text);}
#foot{margin: 0rem 0rem 0rem 0rem!important; padding: 0rem 0rem 0rem 0rem!important; color: var(--seda); background-color: var(--seda2);}


.container{padding:0rem!important;margin: 0rem auto!important; width:100%;}
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1230px){.container{width:123rem}}
@media (min-width:1440px){.container{width:123rem}}
@media (min-width:1600px){.container{width:123rem}}
@media (min-width:1921px){.container{width:123rem}}
  
.container1{padding:0rem!important;margin: 0rem auto!important; width:100%; min-height:150vh;}
@media (min-width:1230px){.container1{width:83rem; float:left;}}
@media (min-width:1440px){.container1{width:83rem; float:left;}}
@media (min-width:1600px){.container1{width:83rem; float:left;}}
@media (min-width:1921px){.container1{width:83rem; float:left;}}

.container2{padding:0rem!important;margin: 0rem auto!important; width:100%; background-color: var(--seda1); font-family: 'PismoM', sans-serif!important;}
@media (min-width:1230px){.container2{width:40rem; float:left;}}
@media (min-width:1440px){.container2{width:40rem; float:left;}}
@media (min-width:1600px){.container2{width:40rem; float:left;}}
@media (min-width:1921px){.container2{width:40rem; float:left;}}

.fotonad {margin-bottom:3rem!important; width:100%;}

.container2 h3{color: var(--svetla); font-size: 18pt;}
.container2 img {height: 13pt; margin-left:-3.5rem;padding-top:0.3rem; padding-right:2.0rem;}
.container2 .bod {height: 13pt; margin-left:-3.5rem;padding-top:0.4rem; padding-right:2.0rem; opacity: 0;}
.container2 a{display: block; color: var(--bila); border-top: 0.1rem solid var(--seda); padding:0.8rem 3rem; text-decoration: none; font-size: 13.5pt; }
.container2 a:hover{display: block; color: var(--aktmenu)!important}
.container2 a:first-of-type {border-bottom: 0.0rem solid var(--seda); border-top: 0.0rem solid var(--seda); margin-top:3rem!important;}
.container2 a:last-of-type {border-bottom: 0.1rem solid var(--seda); border-top: 0.1rem solid var(--seda);}
.container2 a:hover .bod {opacity: 100%}

.container2 .zpetsipka{display: inline-block; color: var(--bila); border-top: 0.0rem solid var(--seda)!important; padding:0rem 0rem!important; text-decoration: none; font-size: 13.5pt; }
.container2 .zpetsipka:hover{display: inline-block; color: var(--bila); border-top: 0.0rem solid var(--seda)!important; padding:0rem 0rem!important; text-decoration: none; font-size: 13.5pt; }

.container2 .rsubmenu{display: block; color: var(--bila); border-top: 0.0rem solid var(--seda); padding:1.0rem 6rem 0.5rem 6rem; text-decoration: none; font-size: 11.5pt; /*background-color: var(--seda3);*/ margin: -1rem -3rem 1rem -3rem!important}
.menu-r-a{color: var(--aktmenu)!important}


.top{background-color: var(--bila); height:auto; width: 100%; margin: auto; /*position: fixed!important; z-index: 120*/}

.banner-home{background-color: var(--bila); height:60vh; max-height: 70rem; width: 100%; margin: 0rem!important; padding:0rem!important; overflow: hidden;}
.banner{background-color: var(--bila); height:55vh; max-height: 55rem; width: 100%; margin: 0rem!important; padding:0rem!important; overflow: hidden;}
.banner_d{background-color: var(--bila); height:auto; max-height: none; width: 100%; margin: 0rem!important; padding:0rem!important; overflow: hidden;}

.maly-banner{background-color: var(--bila); min-height:28.5rem; width: 100%; margin: 0rem!important; padding:0rem!important; overflow: hidden; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; margin:0rem; padding:0rem; text-align: center;}
.maly-banner h3{color: var(--bila)}
.maly-banner h4{color: var(--bila)}

.banner-minus{width: calc(100% + 6rem)!important; margin: -3rem -3rem 0rem -3rem!important; padding:0rem!important; overflow: hidden;}

.menu-m {display: none;}
.top-menu-mobil {display: none;}
.top-menu {border-top: 0.1rem solid var(--seda); margin-top:1.5rem; padding-top:1.5rem; font-size: 14.3pt}
.top-banner{background-size: cover; background-position: 50%; background-repeat: no-repeat; height:100%; width: 100%; margin: auto;}
.top-leva{float: left}
.top-leva a {color: var(--text); text-decoration: none!important;}
.top-leva a:hover {color: var(--text); text-decoration: none!important;}
.top-prava{float: right;}
.top-prava a {color: var(--text); margin:0rem 0.5rem; text-decoration: none!important;}
.top-prava a:hover {color: var(--text); margin:0rem 0.5rem; text-decoration: underline!important;}
.top-prava a:last-of-type {margin-right:0rem!important}
 
.top-jazyky{float: right; margin:3rem 0rem 0rem 3rem; font-size:12pt!important; color: var(--tmava)}
.top-jazyky img{margin:0rem 0.5rem 0rem 1rem; height: 1.2rem;}
.top-jazyky .czj{margin:0rem 1rem -1rem 1rem; height: 4rem;}

.top-kontakt{float: right; margin:3rem 0rem 0rem 3rem; font-size:12pt!important;}

.submenu {position: absolute; top: 14.8rem; min-height:35rem; width:123rem;  background-color: var(--cerna80); z-index:100; display: none; color: var(--bila); text-align: left;}
.submenu a{color: var(--bila); display: block; padding: 1.0rem 1.5rem; width:80%;}
.submenu a:active{color: var(--bila); background-color: var(--tmava); text-decoration: none;}
.submenu a:hover{color: var(--bila); background-color: var(--tmava);  text-decoration: none;}

.submenu1 {display: none; position: absolute; top: 12rem; left:0rem!important;  min-height:35rem; width:100%;  background-color: var(--seda1); z-index:100;  color: var(--bila); text-align: left;}
.submenu1 a{color: var(--bila);  padding: 1.0rem 1.5rem; width:80%;}
.submenu1 a:active{color: var(--bila); background-color: var(--tmava); text-decoration: none;}
.submenu1 a:hover{color: var(--bila); background-color: var(--tmava);  text-decoration: none;}

.submenu1 .sip1{color: var(--bila); padding: 1.0rem 1.5rem; width:10%!important; text-align: center;}
.submenu1 .sip1:active{color: var(--bila); background-color: var(--tmava); text-decoration: none;}
.submenu1 .sip1:hover{color: var(--bila); background-color: var(--tmava);  text-decoration: none;}

.drobky{padding:0rem 0rem 0rem 0rem!important;margin: 0rem auto!important;}
.drobky a{color: var(--tmava)!important;}
.drobky a:hover{color: var(--tmava)!important; text-decoration: underline;}

.banner img {
  position: fixed; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 100%;
  min-height: 100%;
  z-index:-2;
}

.banner_d img {
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 100%;
  min-height: 100%;
 }

.datum{float: left; width:20%;}
.akce{float: left; width:65%;}
.vice{float: left; width:15%;}

.kal-home{border: 0.0rem solid red; margin-bottom: 2.0rem}
.datum-home{float: left; width:20%!important;}
.datum-home h3 {font-size: 22pt; color: var(--text); margin: 0.5rem 2rem 1.5rem 0.5rem!important; display: block; background-color: var(--bila); text-align: center; height: 9rem; padding: 3rem 0.5rem; line-height: 2rem;}
.den-box {width:9rem; height:9rem; margin:0rem; padding:0rem!imporant; background-color: var(--bila)}
.den-box .cislo {font-size:4rem; text-align: center; margin:0rem auto!important; font-weight: 800; color: var(--cerna)!important; line-height:1!imporatant; padding:2rem 0rem 0.5rem 0rem!important; font-family:"PismoSB";}
.den-box .mesic {font-size:1.5rem; text-align: center; margin:0.0rem auto 0.5rem auto!important; font-style: normal; color: var(--cerna)!important; line-height:1!imporatant; padding:0rem!important}

.akce-home{float: left; width:80%!important; padding: 0rem 0rem 0rem 1.0rem }
.akce-home h5 { font-size: 16pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.akce-home h6 { font-size: 12pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.akce-home p { font-size: 12pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.vice-home{float: none; width:100%; text-align: left; padding-left:30%}

.pulka-fix{float: left; width:50%;}
.pulka{float: left; width:50%;}
.osmdesatpet{float: left; width:85%;}
.osmdesat{float: left; width:80%;}
.sedmdesat{float: left; width:65%;}
.sedesat{float: none; width:99%;}
.padesat{float: left; width:50%;}
.ctyricet{float: left; width:40%;}
.tricet{float: left; width:35%; max-height:20rem; overflow: hidden;}
.dvacet{float: left; width:20%;}
.dvacetpet{float: left; width:35%;}
.deset{float: left; width:10%;}
.pet{float: left; width:5%;}

.sedesat1{float: left; width:60%;}
.ctyricet1{float: left; width:40%;}

.tretina-k {width:calc(100%/3); float: left;}
.tretina {width:calc(100%/3); float: left;}  
.dvetretiny{width:calc((100%/3)*2); float: left;}
.ctvrtina {width:calc(100%/4); float: left;}

.tricet img{width:90%; height: auto; }
.ctyricet img{width:100%; height: auto;}
.ctyricet1 img{width:100%; height: auto;}
.padesat img{max-width:100%; height: auto;}
.pulka img {width: 100%; max-height: 24.2rem;}
.pulka .portret {width: 100%; max-height: none!important;}
.tretina img {width: 100%; max-height: 60rem;}
.ctvrtina img {width: 100%; max-height: 50rem;}

.float-left{float:left;}
.float-right{float:right;}
.float-home{float:right!important;}
.float-right-m{float:right;}


.img30{width: 90%}


/*.row{margin:0rem 0rem 0rem 0rem!important; padding:0rem!important; height: auto;}*/
.row {border-bottom: 0.0rem solid var(--seda); border-top: 0.0rem solid var(--seda); /*margin:3.5rem 0rem 2rem 0rem!important; height:7rem;*/ min-height: 8rem!important; height: auto; padding:1rem 0rem; border-bottom: 0.1rem solid var(--seda);}
.row:first-of-type {border-bottom: 0.1rem solid var(--seda); border-top: 0.0rem solid var(--seda); margin-top:3rem!important; }
.row:last-of-type {border-bottom: 0.1rem solid var(--seda); border-top: 0.0rem solid var(--seda); }


.in{padding:0rem;  margin: 0rem; height: auto;}
.h-prvni-d{padding:0rem 1.5rem 0rem 0rem!important;  margin: 0rem;}
.h-prvni{padding:0rem 1.5rem 0rem 0rem!important;  margin: 0rem; background-color: none!important}
.h-druha{padding:0rem 1.5rem 0rem 1.5rem!important;  margin: 0rem; background-color: none!important}

.pulka1{padding:0rem 1.5rem 3.0rem 0.0rem!important;  margin: 0rem;}
.pulka2{padding:0rem 0.0rem 3.0rem 1.5rem!important;  margin: 0rem;}

.pulka1 .in{padding: 0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--svetla); height: 19rem; position:relative;}
.pulka2 .in{padding:0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--stredni); height: 19rem; position:relative;}

.tretina1{padding:0rem 1.5rem 1.5rem 0rem!important;  margin: 0rem; overflow: hidden!important;}
.tretina2{padding:0rem 0.75rem 1.5rem 0.75rem!important;  margin: 0rem; overflow: hidden!important;}
.tretina3{padding:0rem 0.0rem 1.5em 1.5rem!important;  margin: 0rem; overflow: hidden!important;}

.tretina1a{padding:0rem 1.5rem 0.5rem 0rem!important;  margin: 0rem; overflow: hidden!important;}
.tretina2a{padding:0rem 0.75rem 0.5rem 0.75rem!important;  margin: 0rem; overflow: hidden!important;}
.tretina3a{padding:0rem 0.0rem 0.5rem 1.5rem!important;  margin: 0rem; overflow: hidden!important;}

.tretina1a .in{padding: 0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--svetla); height: 19rem; position:relative; overflow: hidden!important;}
.tretina2a .in{padding:0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--stredni); height: 19rem; position:relative; overflow: hidden!important;}
.tretina3a .in{padding:0.5rem 1.5rem 1.5em 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--svetla); height: 19rem; position:relative; overflow: hidden!important;}

.tretina1b{padding:0rem 1.5rem 0.5rem 0rem!important;  margin: 0rem; overflow: hidden;}
.tretina2b{padding:0rem 0.75rem 0.5rem 0.75rem!important;  margin: 0rem; overflow: hidden;}
.tretina3b{padding:0rem 0.0rem 0.5rem 1.5rem!important;  margin: 0rem; overflow: hidden;}

.tretina1b .in{padding: 0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 1rem 0rem; background-color: var(--svetla); height: 25rem; position:relative; overflow: hidden!important;  border-bottom: 2rem solid var(--svetla);}
.tretina2b .in{padding:0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 1rem 0rem; background-color: var(--stredni); height: 25rem; position:relative; overflow: hidden!important;  border-bottom: 2rem solid var(--svetla);}
.tretina3b .in{padding:0.5rem 1.5rem 1.5em 1.5rem!important; margin: -2.1rem 0rem rrem 0rem; background-color: var(--svetla); height: 25rem; position:relative; overflow: hidden!important;  border-bottom: 2rem solid var(--svetla);}

.tretina1b .in1{padding: 0.5rem 1.5rem 2.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem!important; background-color: var(--svetla); height: 30rem; position:relative; overflow: hidden!important; border-bottom: 2rem solid var(--svetla); }
.tretina2b .in1{padding:0.5rem 1.5rem 2.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem!important; background-color: var(--svetla); height: 30rem; position:relative; overflow: hidden!important; border-bottom: 2rem solid var(--svetla); }
.tretina3b .in1{padding:0.5rem 1.5rem 2.5em 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem!important; background-color: var(--svetla); height: 30rem; position:relative; overflow: hidden!important; border-bottom: 2rem solid var(--svetla); }


.btn-vice1{position: absolute; bottom: 1.5rem; color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 5rem ; background: transparent;  display:inline-block;padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;line-height:1.0;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer;}
.btn-vice1.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-vice1:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
.btn-vice1:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }


.p3{padding:3rem 3rem 3rem 3rem}

.pt0 {padding-top:0rem!important}

.pt1 {padding-top:1.5rem!important}
.pb1 {padding-bottom:1.5rem!important}
.pl1 {padding-left:1.5rem!important}
.pr1 {padding-right:1.5rem!important}


.pt2 {padding-top:2rem!important}
.pb2 {padding-bottom:2rem!important}
.pl2 {padding-left:2rem!important}
.pr2 {padding-right:2rem!important}

.pt3 {padding-top:3.0rem!important}
.pb3 {padding-bottom:3rem!important}
.pl3 {padding-left:3rem!important}
.pr3 {padding-right:3rem!important}
.dpr3 {padding-right:3rem!important}

.pt4 {padding-top:4rem!important}
.pb4 {padding-bottom:4rem!important}
.pl4 {padding-left:4rem!important}
.pr4 {padding-right:4rem!important}

.pt5 {padding-top:5rem!important}
.pb5 {padding-bottom:5rem!important}
.pl5 {padding-left:5rem!important}
.pr5 {padding-right:5rem!important}

.pt6 {padding-top:5rem!important}
.pb6 {padding-bottom:5.5rem!important}
.pl6 {padding-left:6rem!important}
.pr6 {padding-right:6rem!important}

.ma {margin: auto!important}
.m3 {margin: 3rem 3rem 3rem 3rem!important}

.mt05 {margin-top: 0.5rem!important}
.mb05 {margin-bottom: 0.5rem!important}
.ml05 {margin-left: 0.5rem!important}
.mr05 {margin-right: 0.5rem!important}

.mt08 {margin-top: 1.3rem!important}


.mt1 {margin-top: 1.5rem!important}
.mb1 {margin-bottom: 1.5rem!important}
.ml1 {margin-left: 1.5rem!important}
.mr1 {margin-right: 1.5rem!important}

.mt2 {margin-top: 2rem!important}
.mb2 {margin-bottom: 2rem!important}
.ml2 {margin-left: 2rem!important}
.mr2 {margin-right: 2rem!important}

.mt3 {margin-top: 3rem!important}
.mb3 {margin-bottom: 3rem!important}
.ml3 {margin-left: 3rem!important}
.mr3 {margin-right: 3rem!important}

.mt4 {margin-top: 4rem!important}
.mb4 {margin-bottom: 4rem!important}
.ml4 {margin-left: 4rem!important}
.mr4 {margin-right: 4rem!important}

.mt5 {margin-top: 4.5rem!important}
.mb5 {margin-bottom: 4.5rem!important}
.ml5 {margin-left: 4.5rem!important}
.mr5 {margin-right: 4.5rem!important}

.mt6 {margin-top: 6rem!important}
.mb6 {margin-bottom: 6rem!important}
.ml6 {margin-left: 6rem!important}
.mr6 {margin-right: 6rem!important}

.mtm1 {margin-top: -1.5rem!important}
.mbm1 {margin-bottom: -1.5rem!important}
.mlm1 {margin-left: -1.5rem!important}
.mrm1 {margin-right: -1.5rem!important}

.mtm3 {margin-top: -3rem!important}
.mbm3 {margin-bottom: -3rem!important}
.mlm3 {margin-left: -3rem!important}
.mrm3 {margin-right: -3rem!important}

.dpr3 {padding-right: 3rem!important;}
.dpl3 {padding-left: 3rem!important;}
.dpt3 {padding-top: 3rem!important;}
.dml3 {margin-left: 3rem!important;}
.dmr3 {margin-right: 3rem!important;}
.dmt3 {margin-top: 3rem!important;}
.dmt2 {margin-top: 2rem!important;}

.dpr6 {padding-right: 6rem!important;}
.dpl6 {padding-left: 6rem!important;}
.dpt6 {padding-top: 6rem!important;}
.dml6 {margin-left: 6rem!important;}
.dmr6 {margin-right: 6rem!important;}
.dmt6 {margin-top: 6rem!important;}

/*.bb {border-bottom: 0.1rem solid var(--seda)!important;}*/

@media screen and (max-width: 1230px) {
.dpr3 {padding-right: 4%!important;}
.dpl3 {padding-left: 4%!important;}
.dpt3 {padding-top: 2rem!important;}
.dml3 {margin-left: 0rem!important;}
.dmr3 {margin-right: 0rem!important;}
.dmt3 {margin-top: 1rem!important;}
.dmt2 {margin-top: -2rem!important;}

.dpr6 {padding-right: 6%!important;}
.dpl6 {padding-left: 0%!important;}
.dpt6 {padding-top: 0rem!important;}
.dml6 {margin-left: 0rem!important;}
.dmr6 {margin-right: 0rem!important;}
.dmt6 {margin-top: 0rem!important;}
}

.pt10 {padding-top: 15rem;}

.caste-pozadavky {color: var(--bila); text-align: center; padding:0rem 0rem 0rem  0rem;  font-family: 'PismoM', sans-serif!important; padding: 0.0rem 1.0rem;}
.caste-pozadavky .in { color: var(--bila); border-bottom: 0.1rem solid var(--bila); padding:1.5rem; }
.caste-pozadavky .in:hover {color: var(--tmava); border: 0.1rem solid var(--bila); background-color: var(--bila)}

.osobni .in { color: var(--bila); border: 0.1rem solid var(--bila); margin-top:1.4rem!important;}
.osobni .in:hover { color: var(--tmava); border: 0.1rem solid var(--bila); margin-top:1.4rem!important; background-color: var(--bila)}

.caste-pozadavky-home {color: var(--tmava); text-align: center; padding:0rem 0rem 0rem  0rem;  font-family: 'PismoM', sans-serif!important; padding: 0.0rem 1.0rem;}
.caste-pozadavky-home .in { color: var(--tmava); border-bottom: 0.1rem solid var(--tmava); padding:1.5rem; }
.caste-pozadavky-home .in:hover {color: var(--bila); border: 0.1rem solid var(--tmava); margin-top:1.4rem!important; background-color: var(--tmava)}

.home-pozadavky {color: var(--bila); text-align: center; padding:0rem 0rem 0rem  0rem;  font-family: 'PismoM', sans-serif!important; padding: 0.0rem 1.0rem;}
.home-pozadavky .in { color: var(--bila); border: 0.1rem solid var(--bila); padding:2rem; background-color: var(--tmava) }
.home-pozadavky .in:hover {color: var(--tmava); border: 0.1rem solid var(--tmava); background-color: var(--bila)}
.home-pozadavky .in i:hover {color: var(--bila);}
 
.osobni-home .in { color: var(--tmava); border: 0.1rem solid var(--tmava); margin-top:1.4rem!important;}
.osobni-home .in:hover { color: var(--bila); border: 0.1rem solid var(--tmava); margin-top:1.4rem!important; background-color: var(--tmava)}
 
.cp-prvni{margin:1.5rem 0rem 0rem 0rem!important;}
.cp-druha{margin:1.5rem 0rem 0rem 0rem!important;}
.cp-treti{margin:1.5rem 0rem 0rem 0rem!important;}
.cp-ctvrta{margin:1.5rem 0rem 0rem 0rem!important;}






.ico_link{background: url(../img/link.svg) no-repeat; background-position: bottom 0 left 0; background-size: 100%; width: 3rem; height: 3rem; padding:0rem!important; float: left; margin:0.8rem 0.5rem 0rem 0rem;}


/*Animované LINKY*/
.custom-link {text-transform: none; color: var(--tmava); display: inline-block; text-decoration: none!important; position: relative; padding-top: 0rem; padding-bottom: 0.4rem; color: var(--text);}
.custom-link:before { content: ""; display: block; width: 0; height: 0.3rem; background-color: var(--tmava); position: absolute; bottom: 0; z-index: 2; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.custom-link:after { z-index: 1; position: absolute; bottom: 0; content: ''; display: block; width: 100%; height:100%; height: 0.3rem; background: none;}
.custom-link:hover { color: var(--tmava);}
.custom-link:hover:before { position: absolute; bottom: 0; content: ''; display: block; width: 100%; height:100%; height: 0.3rem;}
/*Konec - animované LINKY*/

/***Buňky cik-cak - NEWS***/
.cell {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: auto;  overflow: hidden; height:auto; margin:0!important; padding:0!important; margin: 0rem 0rem 0rem 0rem!important; padding:2rem 0rem 0rem 0rem!important; border-bottom: 0.0rem dotted var(--text); border-radius: 0rem;}


/* popisky */
.paginator{font-size: 95%; float:right; margin:15px 10px 15px 0px; width:316px; text-align:right;}
.paginator a{display: inline-block; padding: 1px; line-height:1.45; border: 0px solid silver; margin: 0px 2px; cursor: pointer; width:24px; height:24px; text-align:center; border-radius:0px; color: var(--tmava);}
.paginator a:hover{text-decoration:none; border:0px solid #878787;}
 

.paginator a.current { background-color: var(--svetla); border: 0px solid #3A8CBB; color: var(--text); font-weight: 600!important;}
.paginator .next{background: url(../img/sipka.svg) no-repeat; background-position:  top 0.1rem left 0; background-size: 2rem 2rem!important; color: transparent; margin-left: 10px;}
.paginator .previous{background: url(../img/sipka.svg) no-repeat; background-position:  bottom 0.1rem left 0; background-size: 2rem 2rem!important; transform: rotate(180deg); color:  transparent}
.paginator .next:hover{/*background:#305088; border: 0px solid #305088;*/}
.paginator .previous:hover{/*background:#305088; border: 0px solid #305088;*/}



 
@media (max-width:1440px){
.pulka img {width:100%; height: 26rem; max-height: 50rem!important;}
}

@media screen and (max-width: 1230px) {
.submenu {display: none;}
.top{background-color: var(--bila); height:auto; width: 100%; margin: auto;  position: fixed!important; z-index: 115; top: 0!important; padding-top:3rem;}
.container1 {margin-top: 9.6rem!important;}
.drobky {display: none!important;}
.hid-m {display: none!important;}
.hid-d {display: block!important;}
.text-right-res{text-align:left;}
.hamburger{display: block;}
.search-box .close{position: absolute; top: 0rem; right: 2rem; width:4rem; height:4rem;}


.top-lupa{display: block; position: absolute; right: 10.5rem; top:6.5rem; font-size:3rem!important;}
.top-lupa i {font-size: 20pt;}

.search-box {position: fixed; top: 12.0rem; left:0rem!important; width:100%; background-color: var(--bila); padding: 0rem 2rem; z-index: 10001; font-size:1.5rem; display:none; text-align: center;}

#search_result{position:absolute; width:auto ;padding:0rem 0rem 2rem 2rem; display:none; margin-left:-2rem; border-top:0px; border:0.0rem var(--text) solid; background-color: #fff;  height:30rem;}
#search_result .in{overflow-y:scroll; padding:0.5rem 2rem 0.5rem 0.5rem; height:28rem;}
#search_result .item_search{padding:0.5rem 1.5rem 0.5rem 0.5rem; color:var(--text); border-bottom:0.0rem var(--text) solid; font-size:1.5rem; font-weight:500; }
#search_result .item_search:hover{background:var(--tmava); color:var(--bila); cursor:pointer;}
#search_result .search_more{text-align:center; padding-top:5px;}
#search_result .search_more a{color:var(--tmava);}
#search_result .search_more a:hover{color:var(--bila); text-decoration: none;}

.top-prava {display: none}
.top-menu {display: none}
.top-menu-mobil {display: block!important; border-top: 0.0rem solid var(--cervena); margin-top:0rem; padding-top:0rem; font-size: 14.3pt}
.menu-m {border-top: 0.0rem solid var(--cervena); margin-top:0rem; padding-top:1.5rem; font-size: 14.3pt; position: absolute!important; left:0rem; top: 0rem!important; z-index:101}

.text-center-d {text-align: left!important; padding: 0rem 3rem 0rem 3rem!important;}

.ctyricet{float:left!important; width:50%!important;}
.sedesat{float: none; width:99%;}
.tricet{float: left; width:50%; max-height:25rem; overflow: hidden;}
.sedmdesat{float:left; width:50%;}

.sedesat1{float: none; width:100%;}
.ctyricet1{float: none; width:100%;}
.ctyricet1 img{width:100%; height: auto; margin-bottom:3rem;}


.home-nadpis {margin-bottom: 0rem!important; /*width: 70.0rem;*/ height:auto!important;}
.home-nadpis h3{color: var(--text); margin: 0rem 0rem 0rem 0rem!important; line-height:1.1; padding:1.5rem 0rem 1.5rem 0rem;  height:auto!important;}


.pulka{float: none; width:100%;}
.dpr3 {padding-right:0rem!important}
.tretina-k{float: none; width:100%;}
/*.tretina{float: none; width:100%;}*/
/*.dvetretiny{float: none; width:100%;}*/
.ctvrtina{float: left; width:50%;}

.ctvrtina img {width: 100%; max-height: none!important;}

.pulka img {width:100%; height: auto; max-height:none!important;}

.float-home{float:none!important;}

.pulka1{padding:0rem 0rem 3.0rem 0rem!important;  margin: 0rem;}
.pulka2{padding:0rem 0rem 3.0rem 0rem!important;  margin: 0rem;}

.pulka1 .in{padding: 0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--svetla); height: 19rem; position:relative;}
.pulka2 .in{padding:0.5rem 1.5rem 1.5rem 1.5rem!important; margin: -2.1rem 0rem 0rem 0rem; background-color: var(--stredni); height: 19rem; position:relative;}

.h-prvni-d{padding:0rem 0rem 3rem 0rem!important;  margin: 0rem!important;}
.h-prvni{padding:0rem 0rem 1.5rem 0rem!important;  margin: 0rem!important;}
.h-druha{padding:0rem 0rem 0rem 0rem!important;  margin: 0rem!important;}


.banner{background-color: var(--bila); height:35rem; max-height: 35rem; width: 100%; margin: 0rem!important; padding:0rem!important; overflow: hidden;}


.cp-prvni{margin:1.5rem 1.5rem 1.5rem 1.5rem!important;}
.cp-druha{margin:1.5rem 1.5rem 1.5rem 1.5rem!important;}
.cp-treti{margin:1.5rem 1.5rem 1.5rem 1.5rem!important;}
.cp-ctvrta{margin:1.5rem 1.5rem 1.5rem 1.5rem!important;}
.osobni .in { color: var(--bila); border: 0.1rem solid var(--bila); margin-top:1.3rem!important;}
.osobni .in:hover { color: var(--tmava); border: 0.1rem solid var(--bila); margin-top:1.3rem!important; background-color: var(--bila)}

.image {background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; height: 25rem!important; margin:0rem; padding:0rem; text-align: center;}
.image-s {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 30rem; margin:0rem; padding:0rem; text-align: center;}
.image-akce {background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; height: 80rem; margin:3rem 0rem; padding:0rem 0rem; text-align: center;}
.image-akce img{height: 100%; width:auto; margin:0rem; padding:0rem; text-align: center;}




/*burger*/
.hamburger {position: fixed; top:6rem; right:2.0rem;  width: 5.7rem; height:4.2rem ;padding: 1rem 1rem; display: inline-block; cursor: pointer; font: inherit; color: inherit; text-transform: none; background-color: var(--bila); border: 0; margin: 0; overflow: visible; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:110}
.hamburger:hover {opacity: 0.9; }
.hamburger1 {top:1rem; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.hamburger-box {width: 24px; height: 24px; display: inline-block; position: relative; }
.hamburger-inner {display: block; top: 50%; margin-top: -5px;}
.hamburger-inner{width: 30px; height: 3px; background-color: var(--cerna); border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before{width: 30px; height: 3px; background-color: var(--cerna); border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; margin-left:0.3rem; }
.hamburger-inner::after {width: 30px; height: 3px; background-color: var(--cerna); border-radius: 2px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; margin-left:0.3rem; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block; }
.hamburger-inner::before {top: -8px; }
.hamburger-inner::after {bottom: -8px; }
.hamburger--vortex .hamburger-inner {transition-duration: 0.3s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {transform: rotate(765deg);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {transition-delay: 0s; margin-left:0.0rem; }
.hamburger--vortex.is-active .hamburger-inner::before {top: 0; opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); }
/*burger*/

#search_box {float: none; width:100%; clear: both;}
#sort_box {float: none; width:100%; clear: both;}

.copyright-text-b {background-color: var(--seda2); padding: 1rem 3em 1rem 3rem!important; color: var(--seda); text-align: left; margin: 0rem auto!important; line-height:15pt!important;}

}


@media (max-width:1230px){
.aktualne {margin-top: -8.5rem!important; margin-left: -3rem!important; margin-bottom: 1.5rem; width: 25rem; background-color: var(--tmava)!important; color: var(--bila)!important; padding:2rem 3rem 0.5rem 3rem; }
.aktualne h3{color: var(--bila); margin: 0rem 0rem 2rem 0rem!important; font-size:19.5pt;}
.h-odkaz{display: none;}

}           

@media (max-width:992px){

.tretina{float: none; width:100%;}
.dvetretiny{float: none; width:100%;}

.tretina img {width: 100%; max-height: none!important;}

.tretina1{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina2{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina3{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}

.tretina1a{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina2a{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina3a{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}

.tretina1b{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina2b{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}
.tretina3b{padding:1.5rem 0rem 6rem 0rem!important;  margin: 0rem!important; overflow: hidden;}

.popisek {margin-bottom:0rem!important}
.popis {margin-bottom:2rem!important}

.akce h5 {margin: 0rem 0rem 2.1rem 0rem!important;}
.akce-home h5 {margin: 0rem 0rem 0.5rem 0rem!important;}
.akce-home h6 {margin: 0rem 0rem 0.5rem 0rem!important;}
.akce-home p { font-size: 12pt; color: var(--text); margin: 0rem 0rem 0.5rem 0rem!important; line-height: 1.25; font-weight:400!important;  font-style: normal!important;}
.sedmdesat h5 {margin: -0.5rem 0rem 2.1rem 0rem!important;}

#foot h5 {margin-top:1.5rem!important} 
#foot h6 {margin-top:3rem!important}

.tricet{float:none!important; width:100%!important; margin-bottom: 2rem; max-height:50rem;}
.tricet-akt{max-height:35rem!important;}

.tricet img{width: 100%;}
.sedmdesat{float: none!important; width:100%;}

.datum{float: left; width:30%!important;}
.datum h3 { font-size: 20pt; color: var(--text); margin: 0rem 0rem 2.1rem 0rem!important;}
.akce{float: left; width:70%!important;}
.vice{float: none; width:100%; text-align: left; padding-left:0%}

.img30{width: 100%; margin-bottom: 3rem}

}


@media screen and (max-width: 768px) {
.akce-home{padding: 0rem 0rem 0rem 3.0rem }
.osobni .in { color: var(--bila); border: 0.1rem solid var(--bila); margin-top:6rem!important;}
.osobni .in:hover { color: var(--tmava); border: 0.1rem solid var(--bila); margin-top:6rem!important; background-color: var(--bila)}

.ctvrtina{float: none; width:100%;}
.image-akce {background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; height: 70rem; margin:3rem 0rem; padding:0rem 0rem; text-align: center;}

.mpt6 {padding-top:3rem!important}

}

@media (max-width:680px){
h1 {font-size: 28pt; color: var(--text); margin: -0.5rem 0rem 0rem 0rem!important;}
.perla {display: none;}
.h1m {font-size: 16pt!important; color: var(--text); margin: 0.5rem 0rem 0rem 0rem!important;}
.image-akce {background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; height: 67rem; margin:3rem 0rem; padding:0rem 0rem; text-align: center;}
.image {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 35rem!important; margin:0rem; padding:0rem; text-align: center;}
}






/*message*/
#message-box{font-family: 'Montserat', sans-serif; position:fixed; right:1rem; top:7rem; margin:1rem; max-width:80%; min-height:3.2rem; padding:1.5rem 1.5rem 1.5rem 1.5rem; text-align:right; background-color:var(--seda); color:var(--cervena); border-radius:0.5rem; z-index:13;  box-shadow: #1e1e1e 0.1rem 0.2rem 0.5rem; -webkit-box-shadow: #1e1e1e 0.1rem 0.2rem 0.5rem; -moz-box-shadow: #1e1e1e 0.1rem 0.2rem 0.5rem; font-size:2.5rem;}
#message-box a{padding-left:1.0rem; color:#0061A1;}
#message-box img{height:3.0rem; vertical-align:-0.5rem;}


/*Formuláře*/
input{color: var(--text); font-family: 'PismoM', sans-serif; height: 5rem; min-width: 34rem; background: rgba(255,255,255,1.0);  display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;font-size:13pt;line-height:1.5;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.10rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer; margin: 0rem 0rem 2rem 0rem; }
input:focus{border-color:var(--tmava);outline:0;-webkit-box-shadow:inset 0 0.0rem 0.0rem rgba(0,0,0,.00),0 0 0.8rem rgba(102,175,233,0.6);box-shadow:inset 0 0.0rem 0.0rem rgba(0,0,0,.00),0 0 0.0rem rgba(102,175,233,.6)}
label{display:inline-block;max-width:100%;margin-bottom:0.5rem; padding-right: 2rem; display:block;}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; min-width: 30rem!important; width: 30rem!important; float: left; margin-left: 0rem!important;}

input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; min-width: 30.5rem!important; float: left;}
input[type=checkbox],input[type=radio]{margin:0.4rem 0 0;margin-top:0.1rem\9;line-height:normal;}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}                                     

select{appearance: none; color: var(--text); font-family: 'PismoM', sans-serif; height: 5rem;  background: rgba(255,255,255,1.0);  display:inline-block;padding:1.0rem 3rem 1.0rem 3rem;font-size:13pt!important;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer; margin-bottom: 2rem; background: rgba(255,255,255,1.0) url(../img/sipka-dolu-t.svg) no-repeat; background-position: center right 1rem; background-size: 2rem 2rem!important;}
select[multiple],select[size]{color: var(--text); font-family: 'PismoM', sans-serif; background: rgba(255,255,255,1.0);  display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;font-size:13pt!important;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer; margin-bottom: 2rem;}
option {width: 15rem!important; color: var(--text); font-family: 'PismoM', sans-serif; background-color: var(--bila)!important; border: 0.1rem solid var(--tmava)!important;border-radius:0.0rem!important; text-align: left;}

input{width:calc(100% - 1.5rem)!important; margin-right:1.5rem!important;}
select{width:calc(100% - 1.5rem)!important; margin-right:1.5rem!important;}
select[multiple],select[size]{width:calc(100% - 1.5rem)!important; margin-right:1.5rem!important;}
textarea {resize: vertical; width:100%!important; height:30rem!important; display:block; width:calc(100% - 1.5rem)!important; padding:0.5rem 1rem;line-height:1.5;color:var(--text);background-color: var(--bila);background-image:none;border:0.2rem solid var(--tmava) ;border-radius:0.0rem;}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 20rem ; background: rgba(255,255,255,1.0);  display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;font-size:15pt;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava)!important; cursor: pointer; margin-bottom: 2rem;}
output{color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 20rem ; background: rgba(255,255,255,1.0);  display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;font-size:15pt;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer; margin-bottom: 2rem;}

input[type="submit"]{padding:0.5rem 1rem 0.5rem 1rem; background: var(--tmava); color: var(--bila);}
input[type="submit"]:hover{padding:0.5rem 1rem 0.5rem 1rem; background: var(--bila)!important; color:var(--tmava)!important;}
/*input[type="submit"]{font-family: 'PismoB', sans-serif; min-width: 28rem!important; text-transform: uppercase!important; letter-spacing:0.3rem!important;color: var(--text)!important; border-color: var(--tmava)!important; padding:6px 0px 5px 20px; background: var(--tmava) url() no-repeat; font-style: normal; padding:1.8rem 2rem 1.8rem 2rem; letter-spacing:2px; font-size:1.5rem; white-space:nowrap;vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none;-ms-user-select:none; user-select:none; border-radius:0.15rem!important; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; margin-bottom:8rem!important;}
input[type="submit"]:hover{border-color: var(--cerna)!important; background-color: var(--bila); color: var(--cerna)!important;}
*/
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; min-width: 30rem!important; width: 30rem!important; float: left; margin-right: 0rem!important;}

.bunka_kod{width: 50%!important;}
.img_captcha {margin-top:0rem; padding:1.5rem 0rem 1rem 2rem; height:5rem; width:16rem;}

input[type="file"] {
  display: none;
}

.custom-file-upload {
  margin-top:0rem;
  border: 0.2rem solid var(--tmava);
  display: inline-block!important;
  padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;
  cursor: pointer!important;
  color: var(--cervena-m)
}

.custom-file-upload:hover {
  color: var(--bila);
  background-color: var(--tmava)!important;
}



@media screen and (max-width: 1230px) {
/*Formuláře*/
input{width:calc(100% - 1rem)!important; margin-right:1rem!important;}
select{width:calc(100% - 1rem)!important; margin-right:1rem!important;}
select[multiple],select[size]{width:calc(100% - 1rem)!important; margin-right:1rem!important;}
textarea {width:calc(100% - 1rem)!important; margin-right:0rem!important;}
}

@media screen and (max-width: 768px) {
/*Formuláře*/
input{width:calc(100% - 0rem)!important; margin-right:0rem!important;}
select{width:calc(100% - 0rem)!important; margin-right:0rem!important;}
select[multiple],select[size]{width:calc(100% - 0rem)!important; margin-right:0rem!important;}
textarea {width:calc(100% - 0rem)!important; margin-right:0rem!important;}
}



/*Buttony*/
button{margin:0rem 0rem 0rem 0rem; display: block;}
button{color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 20rem ; background: transparent;  display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;font-size:15pt;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.3rem solid!important; border-color: var(--tmava); cursor: pointer; margin-bottom: 3.3rem; width: auto!important;}
button.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
button:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
button:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava) }

.btn-stredni{color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 20rem; background: transparent;  display:inline-block;padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;line-height:1.0;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.3rem solid; border-color: var(--tmava); cursor: pointer; margin-top:2rem; width: auto!important;}
.btn-stredni.active.focus,.btn-vice.active:focus,.btn-vice.focus,.btn-vice:active.focus,.btn-vice:active:focus,.btn-vice:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-stredni:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
.btn-stredni:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }


.btn-vice{color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 5rem; background: transparent;  display:inline-block;padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;line-height:1.0;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.3rem solid; border-color: var(--tmava); cursor: pointer; width: auto!important;}
.btn-vice.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-vice:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
.btn-vice:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }

@media screen and (max-width: 1230px) {
.btn-vice{margin-bottom:4rem;}
}


.btn-tmavy{color: var(--bila); font-family: 'PismoM', sans-serif; min-width: 5rem; background: var(--tmava);  display:inline-block;padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;line-height:1.0;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.3rem solid; border-color: var(--tmava); cursor: pointer; width: auto!important;}
.btn-tmavy.active.focus,.btn-tmavy.active:focus,.btn-tmavy.focus,.btn-tmavy:active.focus,.btn-tmavy:active:focus,.btn-tmavy:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-tmavy:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--bila);}
.btn-tmavy:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--bila); color:var(--tmava)!important; border-color: var(--tmava); text-decoration: none!important; }


.btn-hledat{background: url(../img/lupa1.svg) no-repeat!important; background-position: center center!important; background-size: 2rem 2rem!important; color: var(--tmava); font-family: 'PismoM', sans-serif; height: 5rem; min-width: 5rem!important; width:5rem!important; margin-left:-0.1rem!important;  display:inline-block;padding:0.5rem 1.5rem 0.5rem 1.5rem;font-size:12pt;line-height:1.0;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.3rem solid; border-color: var(--tmava); cursor: pointer; float: left;}
.btn-hledat.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-hledat:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
.btn-hledat:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }

.btn-dolni{color: var(--bila); font-family: 'PismoM', sans-serif; width: 100%; background: var(--modra);  display:inline-block;padding:1.5rem 2rem 2.5rem 2rem; font-size:12pt;line-height:1.0;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.0rem solid; border-color: var(--tmava); cursor: pointer; margin: 0.5rem auto;}
.btn-dolni.active.focus,.btn-dolni.active:focus,.btn-dolni.focus,.btn-dolni:active.focus,.btn-dolni:active:focus,.btn-dolni:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-2px}
.btn-dolni:active {-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava);}
.btn-dolni:hover { -webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }

.btn-dolni img{margin:-1.0rem 1.5rem -2.4rem 0rem!important; height: 5.5rem; padding: 0rem!important; width: auto!important;}


@media screen and (max-width: 1230px) {
.btn-dolni{color: var(--bila); font-family: 'PismoM', sans-serif; width: 100%; background: var(--modra);  display:inline-block;padding:1.5rem 2rem 2.5rem 2rem; font-size:8.5pt;line-height:1.0;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.0rem solid; border-color: var(--tmava); cursor: pointer; margin: 0.5rem auto;}
}


/*infinite scrolling*/
.working:after{ position:fixed; top:45%; left:50%; content: "Výpis se aktualizuje..."; display: block; background: rgba(0,0,0,0.5) url('../img/spinner.gif') no-repeat; background-position: 50px 30px; width: 150px; height: 100px; text-align:center; z-index:999; border-radius:0.15rem; padding:1rem; color:#fff; font-size:100%;}

.more_page{cursor:pointer; color: var(--tmava); font-family: 'PismoM', sans-serif; min-width: 5rem ; background: transparent;  display:inline-block;padding:2rem 2rem 2rem 2rem;font-size:12pt;line-height:1.0;text-align:left;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border-radius:0.15rem; -webkit-transition: .2s all;  transition: .2s all; border:0.2rem solid; border-color: var(--tmava); cursor: pointer;}
.more_page:hover{-webkit-transition: .2s all;  transition: .2s all; background-color: var(--tmava); color:var(--bila)!important; border-color: var(--tmava); text-decoration: none!important; }
.more-info{color:var(--text);  padding:0.5rem 0rem; text-align:center; font-size:1.2rem;}
.loading-bar{text-align:left;}


#preloaded_content {display: none;}
.items-loades{float:left; width:150px; padding:5px 0 0 10px; color:#606060;}

table {padding: 0rem 0rem 1.5rem 0rem; width:100%;} 
th{height: auto!important; padding:0rem 0rem; overflow: hidden; font-size: 70%!important;}
td{padding: 0rem 2rem 0rem 0rem;}
tr{height: auto!important; padding:1.5rem 0rem; overflow: hidden;}
.tdfiles {width: 100%; margin-bottom: 2.1rem}
.tdf1{padding: 0rem 0rem 0rem 0rem; width: 3%}
.tdf2{padding: 0rem 0rem 0.2rem 0rem; width: 70%;}
.tdf3{padding: 0rem 0rem 0rem 0rem; width: 20%; text-align: right;}


@media screen and (max-width: 768px) {
 hr{margin-top: 2.0rem!important;margin-bottom:3.0rem;border:0;border-top:0.1rem solid var(--seda)}
.td{padding: 2rem 0rem 2rem 0rem!important;  line-height: 2.0!important; }
.tdf1{padding: 0rem 0rem 2rem 0rem; width: 5%; position: relative;}
.tdf1 img{position: absolute; top:2.4rem;}
.tdf2{padding: 2rem 0rem 0rem 0rem; width: 55%; line-height:1.2!important;}
.tdf3{padding: 2rem 0rem 0rem 0rem; width: 40%; text-align: right;}

.osmdesatpet{float: left; width:84%;}
.pet{float: left; width:6%;}
}


/*.expand a{display: inline; padding-bottom:1rem!important;}*/
/*.expand a:last-of-type {display: block; padding-bottom:0.0rem!important;}*/      

.odkaz { width:1.8rem; margin-right: 0.6rem;}
.soubor { width:1.5rem; margin-top: -0.4rem; margin-bottom: -0.4rem; margin-right: 0.8rem;}
.sipkai { width:1.0rem; margin-top: -0.4px; margin-bottom: -0.4px; margin-left: 0.5rem;  margin-right: 0.8rem;}
.obalka { width:1.8rem; margin-top: -0.2rem; margin-bottom: -0.2rem; margin-right: 0.6rem;}
.spendlik { width:1.4rem; margin-top: -0.4rem; margin-bottom: -0.4rem; margin-right: 0.7rem;}
.hlava { width:2.0rem; margin-top: -0.2rem; margin-bottom: -0.2rem; margin-right: 0.6rem;}
.telefon { width:1.4rem; margin-right: 1.0rem;}

.min-h {min-height: 80vh!important;}

.male {font-size:60%!important}


@media screen and (max-width: 768px) {
.expand div{line-height:20pt!important; padding-bottom: 2.1rem;}
.expand div p{line-height:20pt!important; padding-bottom: 1.5rem;}
.expand div li{line-height:20pt!important; padding-bottom: 1.5rem;}
.sipkam{line-height:1;}
}

.image {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 25rem!important; margin:0rem; padding:0rem; text-align: center;}

@media (max-width: 1280px) {
.image {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 50rem!important; margin:0rem; padding:0rem; text-align: center;}
.image-akce {height: 70rem; margin:0rem; padding:0rem; text-align: center;}
.image-akce img{height: 100%; width:auto; margin:0rem; padding:0rem; text-align: center;}
}

@media (max-width: 768px) {
.image {background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height: 40rem!important; margin:0rem; padding:0rem; text-align: center;}
.image-akce {height: 40rem; margin:0rem; padding:0rem; text-align: center;}
.image-akce img{height: 100%; width:auto; margin:0rem; padding:0rem; text-align: center;}
.kontejnery {overflow-x: scroll!important; overflow-y: scroll!important; height: calc(65vh); }
}


p img { max-width: 100%!important; height: auto;}

.nahoru {position:fixed; bottom:0; right:0; background: var(--seda1); width: 12rem; height: auto; padding: 0.5rem 1rem 0.5rem 1rem; text-align: center; z-index: 101; color: var(--bila); font-weight: 400; cursor: pointer;}
.zpet {position:fixed; bottom:0; right:12.5rem; background: var(--seda1); width: 12rem; height: auto; padding: 0.5rem 1rem 0.5rem 1rem; text-align: center; z-index: 101; color: var(--bila); font-weight: 400; cursor: pointer;}

.loga_dotace {height: 8rem; width: auto; margin-bottom: 3rem;}

.ts_jmeno {width: 27%; padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; border-bottom:0.1rem solid var(--stredni)!important; }
.ts_funkce {width: 18%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; border-bottom:0.1rem solid var(--stredni)!important; }
.ts_tel {width: 18%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; border-bottom:0.1rem solid var(--stredni)!important;}
.ts_email {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; border-bottom:0.1rem solid var(--stredni)!important;}
.ts_kanc {width: 7%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; border-bottom:0.1rem solid var(--stredni)!important;}
.ts_kanc span{font-size:80%;}

.ts {font-weight:500; background-color: var(--svetla)!important; color: var(--svetla); text-align: center; font-size:90%!important;}

.dths_jmeno {width: 27%; float: left; font-size:90%; background-color: var(--svetla)!important;  color: var(--tmava); text-align: left;  padding: 0.5rem 0.1rem 0.5rem 0.5rem!important; margin-bottom:1.0rem; }
.dths_funkce {width: 18%; float: left; font-size:90%; background-color: var(--svetla)!important;  color: var(--tmava); text-align: left;  padding: 0.5rem 0.1rem 0.5rem 0.5rem!important;  margin-bottom:1.0rem;}
.dths_tel {width: 14%; float: left; font-size:90%; background-color: var(--svetla)!important;  color: var(--tmava); text-align: left;  padding: 0.5rem 0.1rem 0.5rem 0.5rem!important;  margin-bottom:1.0rem;}
.dths_email {width: 30%; float: left; font-size:90%; background-color: var(--svetla)!important;  color: var(--tmava); text-align: left;  padding: 0.5rem 0.1rem 0.5rem 0.5rem!important;  margin-bottom:1.0rem;}
.dths_kanc {width: 11%; float: left; font-size:90%; background-color: var(--svetla)!important;  color: var(--tmava); text-align: left;  padding: 0.5rem 0.1rem 0.5rem 0.5rem!important;  margin-bottom:1.0rem;}
.dths_kanc span{font-size:75%;}

.trs {background-color: var(--svetla)!important; font-size:90%!important; }

.dts {font-weight:500; text-align: left; font-size:90%!important; border-bottom:0.1rem solid var(--stredni)!important;  padding:1.5rem 0rem 1.0rem 0rem!important;}
.dts p{font-size:9.5pt!important; line-height:1.2}

.dts_jmeno {width: 27%; padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2}
.dts_funkce {width: 18%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:9.5pt;  line-height:1.2}
.dts_tel {width: 12%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2}
.dts_email {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2}
.dts_kanc {width: 13%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%; line-height:1.2}
.dts_kanc span{font-size:75%;}

@media screen and (max-width: 920px) {
.dts_jmeno {width: 45%; padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2}
.dts_funkce {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2}
.dts_tel {width: 25%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2; text-align: right;}
.dts_email {width: 70%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%;  line-height:1.2;}
.dts_kanc {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.1rem!important; float: left; font-size:90%; line-height:1.2; text-align: right;}
.dts_kanc span{font-size:75%;}

.dths_jmeno {width: 40%; padding: 0.0rem 0.1rem 0.5rem 0.5rem!important; float: left; font-size:90%;}
.dths_funkce {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.5rem!important; float: left; font-size:90%;}
.dths_tel {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.5rem!important; float: left; font-size:90%;}
.dths_email {width: 70%;  padding: 0.0rem 0.1rem 0.5rem 0.5rem!important; float: left; font-size:90%;}
.dths_kanc {width: 30%;  padding: 0.0rem 0.1rem 0.5rem 0.5rem!important; float: left; font-size:90%;}
.dths_kanc span{font-size:75%;}
}

@media screen and (max-width: 570px) {
.btn-tmavy{margin-top: 1.5rem;}
}

.border-b {border-bottom: 0.1rem solid var(--tmava)!important}
.border-t {border-top: 0.1rem solid var(--tmava)!important}


.jcarousel .in{width:100%; padding:5% 0% 5% 0%; margin: auto; background-size:auto 100%!important; background-position: center center; background-repeat: no-repeat; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.jcarousel .in:hover{filter: saturate(1.5); background-size:auto 104%!important; -webkit-transition: all 2s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.jcarousel a{display: block;}



/*********************************/
.jcarousel-wrapper {
    margin: 6rem auto 0rem auto;
    position: relative;
    border: 0px solid #fff;                                                                                                                      
    -webkit-border-radius: 0.1px;
    -moz-border-radius: 0.1px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 0px #999;
    -moz-box-shadow: 0 0 0px #999;
    box-shadow: 0 0 0px #999;
    background: none;
    height: 50rem;
    text-align: center;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    line-height:0;
    background: transparent;
    height: 52rem;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0rem 0rem 0rem 0rem;
}

.jcarousel li {
    width: 100%;
    float: left;
    overflow: hidden;
    height: 46rem;
    border: 0.0rem solid red;
    padding: 0rem 1.5rem!important;
    margin: 0rem!important;
}
.jcarousel li .in{
    padding:0rem 3rem;
    overflow: hidden;
    height: 46rem;
    color: var(--bila);
    background-size: auto 100%!important;
    border: 0px solid red;
}

.jcarousel li .in .in-text{
    overflow: hidden;
    height: 39rem;
    color: var(--bila);
    padding: 0rem 0rem 0rem 0rem!important;
}

.jcarousel li .in h4{
    color: var(--bila)!important;
}
.jcarousel li .in a{
    color: var(--bila)!important;
}
.jcarousel li .in p{
    color: var(--bila)!important;
    text-align: left; 
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top:-2rem;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background: rgba(255,255,255,0.6);
    color: rgba(0,0,0,1.0);
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 2.5rem/2.5rem Arial, sans-serif;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 0px #F0EFE7;
    -moz-box-shadow: 0 0 0px #F0EFE7;
    box-shadow: 0 0 0px #F0EFE7;
}

.jcarousel-control-prev {
    left: 0px;
}

.jcarousel-control-next {
    right: 0px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: none;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 0px #4E443C;
    -moz-box-shadow: 0 0 0px #4E443C;
    box-shadow: 0 0 0px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

@media (max-width:1230px){
.jcarousel li .in{
 background-size: auto 100%!important;
 }
 
.jcarousel-wrapper {
    height: 70rem!important;
}

/** Carousel **/

.jcarousel {
    height: 68rem!important;
}

.jcarousel li {
    height: 68rem!important;
}
.jcarousel li .in{
     height: 68rem!important;
} 
 
}



/*@media (max-width:768px){
.pulka {width:100%;float: none;}
.tretina {width:calc(1/1*100%)!important;float: left; text-align: left;}
.dvetretiny {width:calc(1/1*100%)!important;float: left; text-align: left;}
.ctvrtina {width:100%;float: none; text-align: center;}
}
*/

.trs {background-color: var(--bila)!important; border:1px solid black!important;}
i {text-decoration: none!important;}
i:hover {text-decoration: none!important;}


.linke {background: url(../img/ikony/LINKRED.svg) no-repeat; background-position: top 0.3rem left 0; background-size: auto 1.4rem!important;  height: 2.4rem; padding-left: 2rem; cursor:pointer; line-height:1.4!important;}
.linke:hover {text-decoration: underline!important;}

.linkreset {background: url(../img/ikony/X.svg) no-repeat; background-position: top 0.6rem left 0; background-size: auto 1.3rem!important;  height: 2.4rem; padding-left: 1.6rem; cursor:pointer; line-height:1.6!important; color: var(--text)!important; font-weight: 800; float: right; margin-top:2rem!important; padding-right:5rem;}
.linkreset:hover {text-decoration: underline!important; color: var(cervena-m)}

/*Google translate*/
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.flag {font-size:1.1rem; padding:0.1rem 0rem 0.1rem 0.5rem ;background-repeat:no-repeat;}
.flag img {border:0;vertical-align:top; height:2.0rem; width:2.0rem}
#google_translate_element2 {display:none!important;}

.zx100 {padding-top:0.5rem;}
@media screen and (max-width: 1230px) {
.zx100 {z-index: 10001!important; position: fixed!important; top:0.0rem!important; right:0rem!important; line-height:1.0!important; background-color: transparent!important;}
.flag {font-size:1.1rem; padding:0.1rem 0rem 0.1rem 1rem ;background-repeat:no-repeat;}
}
/*iframe MAPA*/
.mapa {width: 100%; height: 50rem; border: none;}
.bannedot{margin-bottom:3rem; margin-top:2rem; width:72.8rem!important}
.oddo{margin-right:4rem!important; float: left!important;}

@media screen and (max-width: 640px) {
.bannedot{margin-bottom:3rem; margin-top:2rem; width:95%!important; margin-left: auto; margin-right: auto; }
}

.obdobi {width:30%!important; float: left; padding-left: 3%; margin-bottom: 2rem!important;}

@media screen and (max-width: 1230px) {
.obdobi {width:47%!important; float: left; padding-left: 3%; margin-bottom: 2rem!important;}
}
@media screen and (max-width: 640px) {
.obdobi {width:calc(100%/1)!important; float: none; margin-bottom: 2rem!important;}
}