/* první styl */
/*----ZAKLADNI STYL----*/
@import url("base.css");



html {background:#282828/*pozadi*/;min-height:100%;overflow-x:hidden;}

#main h1 {margin-bottom:0.5em;}

#langs {margin:0;padding:0 5% 0 5.5em;font-family:Arial/*logofont*/;font-size:1em;font-weight: 700;}
#langs a, #langs span {text-decoration:none;color: #fff/*hlavickatext*/!important;
text-shadow: 0 0 2px #000,0 0 10px rgba(0,0,0,0.5);}
#langs a {padding:0.2em 0.4em;}
#langs span {padding: 0;}
#langs a.active {background:rgba(255,255,255,0.35)}

.drob-navigace {
  font-size: 0.7em;
}

#above {pointer-events:none;width:100%;height:5.5em;/*background:#38c;height:3em;*/position:fixed;z-index:2;top:0;}
.has-gradient {background:rgba(255, 247, 233, 0) linear-gradient(to bottom, rgb(255, 247, 233, 1) 5%, rgb(255, 247, 233, 0.6) 50%, rgba(255, 247, 233, 0) 100%) repeat scroll 0 0;}
#head {pointer-events:auto;color: #fff/*hlavickatext*/;background:transparent/*hlavicka*/;text-align:left;width:80%;position:fixed}
.sekce_ #head {position:relative;top:0px;transition:top .3s;}
.sekce_ #head.showhead {top:0px;}
.sekce_ .obsah .col-sm-10 {width: 100%}
.sekce_ .obsah .col-sm-2 {display: none;}
.sekce_ #fb-link {display: block; float: right;}

.big {font-size:1.15em;}
.small {font-size:0.7em;}
#head #title-wrapper  {position:absolute;top:1em;left:15px;}

#head h1 {transition:padding .2s,font-size .2s,height 0.2s;padding:0; font-family:Arial/*logofont*/;font-size:2em;font-weight: 700;margin: 0;}
#head h1 > a {color:#fff;text-shadow:0 0 2px #000,0 0 10px rgba(0,0,0,0.5);display:inline-block}
#head h1 > a::before {content:"";display:inline-block;width:80px;height:80px;margin-right:.4em;float:left;background:url("../imgs/ikony/icon_pisek-eu.png") no-repeat top left;background-size:contain;}
#head h1 > a::after {content:"";display:block;top:-210px;height: 200px;border-radius:50%;box-shadow: 0 60px 180px -20px rgba(255, 247, 233, 0.8);position: absolute;width: 110%;z-index: -1}
#head h1 > a span {display:inline-block;padding-top:1px}

#head a {color:#39c/*logo*/;text-decoration:none;}
#head h1 span.subtitle {display:block;font-size:.55em;}
h1#logo {background:url('../imgs/logo.png') center center no-repeat;background-size:contain;display:inline-block;overflow:hidden;text-indent:-100em;max-width:100%;width:300px/*logowidth*/;height:200px/*logoheight*/}
#start {/*min-height:1px;*/padding:0px;background:transparent;color: #fff/*hlavickatext*/;text-align:right;font-size:0.75em;}
#submenu,#menu {pointer-events:auto;background:transparent/*menupozadi*/;color:#fff/*menutext*/;text-align:center;}
.sekce_ #banner + #menu {font-size:1.25em;}
#submenu ul {border-top:1px rgba(255,255,255,0.2) solid}
#submenu ul:first-child {border-top:none}
#menu ul,#submenu ul {margin:0;padding:0}
#menu nav {position:fixed;top:1em;right:0em;}
#menu ul li,#submenu ul li {position:relative;list-style-type:none}
#menu ul li {display:block}
#menu nav > ul > li {height:80px;width:80px;vertical-align:top;}
#menu ul li a,#submenu ul li a {padding:0.4em .8em;font-size:.9em;}
#menu ul li a {display:block}
#menu nav > ul > li  {display:table-cell;vertical-align:middle;}
#menu nav > ul > li > a {font-weight:700;padding:0.2em .5em 0.2em;font-size:.7em;display:table-cell;height:80px;width:80px;vertical-align:middle;}
#menu ul li a,#submenu ul li a {color:#fff/*menutext*/;text-decoration:none;font-weight:normal}
#menu ul ul {display:none;}

#menu nav ul > li.curparent > a,#menu nav ul > li.current > a {}
#menu nav > ul > li.curparent > a,#menu nav > ul > li.current > a {background:none}
#menu nav > ul > li:empty {display:none !important}
#submenu ul > li.current a,#submenu ul > li.curparent a {background:rgba(255,255,255,0.15)}

 /* šipka pro další úroveně hlavní menu */
#menu nav ul > li.more::after {content:"\f0dd";font-family: "qrsicons";font-weight:100;font-size:0.7em;display:inline-block;position:absolute;top:.4em;right:8px;color:rgba(0,0,0,.35);}

#menu nav > ul > li.more::after {display:none}

#submenu > div {background:rgba(255,255,255,.25);}
#submenu ul li {padding-top:4px;}
#submenu ul li > a {padding-top:4px;}
#submenu ul li,#submenu ul li a {display:inline-block;font-weight:300;}
#submenu ul li a {margin:0 1px 0 0}
#submenu li.more > a {padding-right:1.1em;}
#submenu li.more::after,#menu nav > ul > li.more::after {content:"\2ef";font-weight:100;font-size:1.4em;display:none;position:absolute;top:-0.5em;right:.2em;color:rgba(255,255,255,.35);}
#submenu li.more::after {top:-0.4em}
#submenu li.more:hover::after,#menu nav > ul > li.more:hover::after,#submenu li.more.hover::after,#menu nav > ul > li.more.hover::after {color:#fff}
#menu nav > ul > li.more:hover::after,#menu nav > ul > li.more.hover::after {display:none !important}

.fp .mapa {position:absolute;font-size:.9em;font-weight:700;color:#fff;top:1.3em;right:.4em;background:url(../imgs/markerh.png) no-repeat center center;background-size:contain;width:39px;height:55px;text-align:center;padding:5px 3px 0 0; z-index: 999}

.nahled {background-size:contain;background-position:top right;background-repeat:no-repeat}
img.nahled {width:100%;margin-top:0.5em}
.newsBox div.nahled {background-color:rgba(0,0,0,0.05);height: 100px;margin-bottom: 1em;}
.prilohy {background:rgba(0,0,0,0.05);padding:.5em;}

footer {padding:0em 0;color:#505050/*footertext*/;font-size:0.9em;position:relative;background:#282828/*pozadi*/;z-index:1;box-shadow:0px 50px 0px 50px;}
footer h1,footer h2,footer h3,footer h4 {color:#999}
footer a {color:#999/*footertext*/;text-decoration:underline}
footer .row > div:nth-child(1) {text-align:left}
footer .row > div:nth-child(2) {text-align:left}
footer .row > div:nth-child(3) {text-align:right}
#banner {background:transparent/*menupozadi*/;transition:height .2s;}
#banner .item {transition:height .2s,opacity .5s;}
#mapawrap + script + #main,#mapawrap + script + style + #main {margin-top:64.9vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
#bgfotowrap {background:#f6f6f6 url(../imgs/pisek.jpg) center center repeat;z-index:1;}
#bgfoto {}
@-webkit-keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
@keyframes fade {
0% {opacity:0}
100% {opacity:1}
}
#bgfotowrap + #main, #mapawrap + script + #main {margin-top:40vh;box-shadow:0 0 100px rgba(0,0,0,.7);}
.vypis-clanku #bgfotowrap + #main {margin-top: 25vh;}
#bgfotowrap.male + #main {margin-top:11.9em}
#above.scroll-to-fixed-fixed {margin-top:0vh;background:#fff/**/}
#above.scroll-to-fixed-fixed #banner,#above.scroll-to-fixed-fixed #banner .item {height:0px}
#above.scroll-to-fixed-fixed #banner .carousel-control {display:none}
#home {
    -webkit-transition: background-image 5s ease-in-out;
    transition: background-image 5s ease-in-out;
}
body.sekce_ #home {height:50vh;overflow:hidden;/*background-color:#e6e6e6;*/ background-repeat: no-repeat; position: fixed;background-size:cover;width:100%; left: 0; top:0;}
body.sekce_ #main {margin-top: 50vh;}
body.sekce_ #home div {width:100%;position:absolute;top:-10vh;left:0;text-align:center;font-size:2em;font-weight: bold;}
body.sekce_ #home div > span > span {
    position: absolute;
    top: 35vh;
    left: 0;
    text-shadow: 0 0 20px #122f4e,0 0 20px rgb(18, 47, 78);
    color: rgb(235, 188, 0);
    font-size: 1em;
    width: 100%;
}
body.sekce_ #home div > span {display:inline-block;position:relative;width:70vh;max-width:1200px;height:70vh;/*background:url(../imgs/talir.png) no-repeat center center / contain;*/}

.more.button::after {display:inline-block;color: #ccc;content: ">";position: absolute;right: 0.3em;}
.more.button {padding-right: 1em;position:relative}
.more.button:hover::after {color:#333/*odkazAktivni*/}
.round {border-radius:50%;}
#above.scroll-to-fixed-fixed h1 {font-size:1em;padding:10px;font-weight:300}
#above.scroll-to-fixed-fixed #menu li a {font-size:.9em;}
#up::before {content:"\5e";position:absolute;top:-0.3em;width:100%;left:0;text-align:center;display:block;color:rgba(235, 188, 0, 0.5);font-size:2em;font-weight:100;}
#up {display:block;position:fixed;bottom:20px;padding:0.2em 0.4em;text-align:center;right:-100px;transition:right 0.2s;text-decoration:none;font-size:.75em;z-index:1;color:#ebbc00;background:#122f4e;line-height:4em;height:3.8em;width:3.8em;}
#up.ukaz {right:0px}
#main {background:#fff7e9/*obsahpozadi*/;padding-top:2em;padding-bottom:2em;position:relative;z-index:2;}
#above.scroll-to-fixed-fixed ~ .fixer {background:transparent/*hlavicka*/;}
.fixer:nth-of-type(n+1) {display:none !important}
table {width:100%}
table td {padding:0.2em .4em;}

/*FOTOGALERIE*/
/*Upraveny sirky na line 673 a 676*/
.fotogalerie {padding:0.5em 0 0;border-top:1px #e6e6e61a solid;}
.fotogalerie + .prilohy {margin-top:1em;}
.fotogalerie div.foto, .fotogalerie div.rect-foto {margin: 0 5px 5px 0;display:inline-block;text-align:center;}
.foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.rect-foto,
.foto-vlevo .fotogalerie div.foto, .foto-vpravo .fotogalerie div.rect-foto {
  margin: 0 0 5px 0;display:block;text-align:left;
}

.fotogalerie div.foto {width:16.2%;position:relative;}
.foto-vetsi .fotogalerie div.foto {width:24.5%;position:relative;}
.fotogalerie div.rect-foto {width:16.08%;position:relative;}
.foto-vetsi .fotogalerie div.rect-foto {width:24.4%;position:relative;}

.fotogalerie div.foto img, .fotogalerie div.rect-foto img {width:100%}
.fotogalerie div.foto div {display:none}
.foto-vpravo .fotogalerie div.foto,.foto-vlevo .fotogalerie div.foto, 
.foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {width:50%}

.foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
.foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {width:70%}

.foto-vlevo:not(.foto-vetsi).foto-vice .fotogalerie div.foto,.foto-vpravo:not(.foto-vetsi).foto-vice .fotogalerie div.foto {width:98%;display:inline-block}
.foto-vpravo .fotogalerie,.foto-vlevo .fotogalerie {padding:0;margin-top:15px;border-top:none;display:block;} 
.foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}

@media screen and (max-width:850px) {
  .fotogalerie {/*justify-content:start*/}
  .fotogalerie div.foto {/*height:120px;width:24%;margin-bottom:2px;position:relative;overflow:hidden;*/}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {height:100%;width:100%;overflow:visible}
/*  .fotogalerie .foto img {left: 0;min-height: 100%;min-width: 100%;position: absolute;top: 0;}*/
  .foto-vlevo .fotogalerie div.foto img,.foto-vpravo .fotogalerie div.foto img {position:static}
}


@media screen and (max-width:1200px) {
  .sekce_ .col-sm-8 {width: 63% !important;  float: right;}
  .fotogalerie div.foto {
    width: 16%;
  }

  .foto-vetsi .fotogalerie div.foto {
    width: 24.4%;
  }
  .foto-vpravo.foto-vetsi .fotogalerie div.foto,.foto-vlevo.foto-vetsi .fotogalerie div.foto,
  .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto,.foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
      width:13vw !important;
  }

    .datumovka, .datum {
        font-size: 1em !important;
    }
    /*.obsah p {
        font-size: 1.2em !important;
    }*/

    #piseckem .col-sm-5 {
        margin-left: 20px;
    }


  /*.foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto,
  .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
    width: 50%;
  }*/
}


@media screen and (max-width: 991px) {
  .sekce_ .col-sm-8 {width: 100% !important;  float: right;}
  
  /*skryti facebooku v tomto rozliseni: */
  .sekce_ section.obsah .col-sm-4 {display: none;}
  .sekce_ .obsah .col-sm-10 {width: 83.33333333%;}
  .sekce_ .obsah .col-sm-2 {display: block;}
  .sekce_ .obsah p {width: auto;}
  

  .fotogalerie div.foto {
    width: 19.2%;
  }

  .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
    width: 24.2%;
  }

  .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
    width: 31%;
  }
  .fotogalerie div.rect-foto {
    width: 15.7%;
  }
  .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
    width: 48%;
  }
  #typyakce {
      right: -4em !important; 
  }

  #piseckem span {         
      margin-left: 4em;
      padding-top: 0 !important;     
    }
    #piseckem .kontakt span {
      margin-left: 0;
    }
    
    #piseckem #blatensko-logo {
        margin-left: 0;
        padding-left: 0;

    }

    #piseckem .col-sm-1 {
        padding-left: 0;
    }

    #piseckem .kontakt a {
        display: block;
        margin-left: 0;
        padding: 10px 0 !important;
    }

}

@media screen and (max-width: 610px) {
  .sekce_ .obsah .col-xs-10 {width: 70%;}
  .sekce_ .obsah .col-xs-2 {width: 30%;}
}


@media screen and (max-width: 890px) {
    #typyakce {
        right: -1.5em !important; 
        padding-left: 10px !important;
    }
}
@media screen and (max-width: 800px) {
    #typyakce {
        right: -0.5em !important; 
    }
}

@media screen and (max-width: 468px) {
    .datumovka, .datum {
        width: 60vw;
    }
}

@media screen and (max-width: 768px) {
  .sekce_ .col-sm-8 {width: 100% !important; margin-top: 1em;}
  
  .fotogalerie div.foto, .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
    width: 24%;
  }

  .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
    width: 32%;
  }
  .datumovka, .datum {
      font-size: 0.9em !important;
  }
  .foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto, .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
    width: 50vw !important;
  }
  .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto, .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
    width: 30vw !important;
  }
  #typyakce {
    right: 1.5em !important;
  }

  .obsah p {
      width: 90vw;
  }

  #piseckem span {
      padding-left: 0 !important;
      margin: 0 auto !important;
      text-align: center !important;
  }

  #piseckem div[class^="col"] {
     margin-bottom: .5em;
  }    

}

@media screen and (max-width: 600px) {
  .fotogalerie div.foto {
    width: 23.2%;
  }
  .foto-vetsi .fotogalerie div.foto, .foto-vetsi .fotogalerie div.rect-foto {
    width: 23.5%;
  }

  .fotogalerie div.rect-foto {
    width: 15.5%;
  }

  .datumovka, .datum {
      font-size: 0.7em !important;
  }
}

@media screen and (max-width: 480px) {
  .fotogalerie div.foto {
    width: 31%;
  }

  .foto-vetsi .fotogalerie div.foto {
    width: 22%;
  }

  .foto-vetsi .fotogalerie div.rect-foto {
    width: 22.8%;
  }

  .fotogalerie div.rect-foto {
    width: 30%;
  }

  .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto {
    width: 48%;
  }
}

@media screen and (max-width: 321px) {
  .fotogalerie div.foto, .foto-vpravo .fotogalerie div.foto, .foto-vlevo .fotogalerie div.foto {
    width: 30%;
  }

  .foto-vpravo.foto-vetsi .fotogalerie div.foto, .foto-vlevo.foto-vetsi .fotogalerie div.foto {
    width: 100%;
  }

  .foto-vetsi .fotogalerie div.rect-foto {
    width: 100%;
  }
  
  .foto-vpravo .fotogalerie div.rect-foto, .foto-vlevo .fotogalerie div.rect-foto,
  .foto-vpravo.foto-vetsi .fotogalerie div.rect-foto, .foto-vlevo.foto-vetsi .fotogalerie div.rect-foto {
    width: 100%;
  }

}


/*.fotogalerie div.foto {margin-bottom:1em;display:inline-block;text-align:center;}
.fotogalerie a.foto[data-title]:hover::before {
    opacity: 1;
}
.fotogalerie a.foto[data-title]::before {
    pointer-events:none;
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
    background: rgba(255,255,255,.83);
    overflow:hidden;
    content: attr(data-title);
    text-align: center;
    color: #333;
    padding: 1em;
}
.fotogalerie a.foto {
    display: block;
    position: relative;
}*/

.obsah {margin-bottom:1em;}
.obsah.bezfotek {width:50%;}
.data tr {border-bottom:1px rgba(0,0,0,0.15) solid;}
.data td {padding:0.1em .2em;}
.carousel-caption {left:0;right:auto;top:44%;transform:translate(0,-50%);color:#fff;font-size:1.6em;font-weight:300;text-align:center;width:100%}
.carousel-caption h2 {font-weight:400;font-size:2.6em;color:#fff}
.carousel-caption p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.carousel,.carousel .item {height:300px;}
.sekce_ .carousel,.sekce_ .carousel .item {height:450px;}
.sekce_ .carousel .carousel-caption {top:50%;}
.carousel .item {background-size:cover;}
.carousel .item > div:first-child {background:rgba(100,100,100,.2);position:absolute;top:0;left:0;width:100%;height:100%;}
.carousel .item h2 {margin-top:0}
.carousel a.button {border:1px #fff solid; display:inline-block;font-size:.6em;margin-top:2em;text-decoration:none;color:#fff;padding:0.3em .8em;}
.carousel a.button:hover,.carousel a.button:focus {color:#333;background:#fff;text-shadow:none;}
.carousel a.full {height: 100%;left: 0;position: absolute;transition:background-color .2s;top: 0;width: 100%;z-index: 10;}
.carousel-control .icon {position:relative;top:90px;}
.sekce_ .carousel-control .icon {top:150px;}
.left.carousel-control,.right.carousel-control {text-decoration:none;background:none}
.carousel-control.right:hover,.carousel-control.left:hover {background:none}
.left.carousel-control .icon::before,.right.carousel-control .icon::before {opacity:.3;font-weight:100;font-size:5em;display:block;}
.left.carousel-control .icon::before {content:"\2039"}
.right.carousel-control .icon::before {content:"\203a"}
.left.carousel-control:hover .icon::before,.right.carousel-control:hover .icon::before {opacity:1}
.carousel-control {z-index:12 !important}

.option img {margin:4px;width:80px}
#mapawrap,#bgfotowrap {position:fixed;width:100%;height:40vh;top:0;left:0;opacity:1}
.vypis-clanku #bgfotowrap {
    height: 25vh;
}
#bgfotowrap.male {height:12em;}
#mapawrap::after {position:absolute;top:45%;left:0%;content:attr(data-moment);color:#666;width:100%;text-align:center;}
#mapa,#bgfoto {height:40vh;}
.vypis-clanku #bgfoto {height:25vh;}
#bgfoto {background-size:cover;background-position:50% 65%;}
#mapa > div:first-child > div:first-child {filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);-webkit-filter:brightness(85%) grayscale(100%) sepia(30%) hue-rotate(10deg);}
#mapa img {color:transparent}
#mapa div[title].hover a {color:#000 !important}
#mapa div[title].hover::after {animation:slide .2s;-webkit-animation:slide .2s;overflow:hidden;display:inline;content:attr(data-title);white-space:nowrap;background:#fff;color:#000;position:absolute;z-index:4;border-radius:6px;font-weight:300;font-family:Arial/*textfont*/;font-size:14px;padding:0.2em 0.4em;}
@keyframes slide {
0% {width:0;}
100% {width:100%;}
}
@-webkit-keyframes slide {
0% {width:0;}
100% {width:100%;}
}



#main {z-index:1}
.datumovka,.datum {font-size:.85em;color:#999}
.obsah h1:first-child,.obsah h2:first-child,.obsah h3:first-child {margin-top:0}
/*#main h1.nadpis {color: #fff;font-size: 3em;left: 15px;margin-top: 0;position: absolute;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);top: -1em;z-index: 1;width:100%}*/
#main h1.nadpis {
    color: #000;
    font-size: 2em;
    margin-top: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    width: 70%;
}
/*#main h1.nadpis > span {position:absolute;bottom:0;margin-right:100px;}*/
#main h1.nadpis:not(.withmap) > span {pointer-events: none} 
#main h1.nadpis.withmap > span {padding-right:100px}
#news {background:#eee;position:relative;top:2em;}
/*.fotogalerie {padding:2em 0 0;margin-top:2em;border-top:1px #e6e6e6 solid;display:flex;flex-flow:wrap;justify-content:space-between}
.fotogalerie div.foto {margin:0 1px 1em 0}
.fotogalerie div.foto img {}
.foto-vlevo:not(.foto-vetsi).foto-vice .fotogalerie div.foto,.foto-vpravo:not(.foto-vetsi).foto-vice .fotogalerie div.foto {width:50%;display:inline-block}
.foto-vpravo .fotogalerie,.foto-vlevo .fotogalerie {padding:0;margin-top:0;border-top:none;display:block;} 
.foto-vpravo .fotogalerie div.foto,.foto-vlevo .fotogalerie div.foto {margin:0 0 0 0;}
.foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}*/
.news h3 {margin-top:.2em;}
.newsBox > .row {border-bottom:1px rgba(0,0,0,0.06) solid;margin-bottom:1em;}
.newsBox > div.row:last-of-type {border-bottom:none}
.sekce_ .news h3 {margin-top:.2em;color:#39c/*nadpisy2*/}
.vypis_form h4 {margin-bottom:.2em;}
.h-card {margin-bottom:1em;}

.vypis {margin-top:1em;}
.vypis:not(.vypis_form) a {overflow:hidden;position:relative;display:block;padding:.5em;padding-top:0;height:265px;margin-bottom:2em;text-decoration:none}
.vypis a span.nahled {display:block;background:none;height:170px;background-repeat:no-repeat;background-position: center bottom;background-size: contain;}
.vypis a span.inner {display:block;transition:transform .3s;}
.vypis a:hover span.inner,.vypis a:focus span.inner {transform:translate(0,-60px)}
.vypis:not(.vypis_form) a span.nazev {font-size:1.2em;display:block;margin:.4em 0 .1em;}
.vypis a span.perex {font-size:.85em;color: #333/*text*/}
.vypis:not(.vypis_form) a::after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5em;
background:linear-gradient(to top,/*:*/rgba(255,247,233/*obsahpozadirgba*/,1) 0%,/*:*/rgba(255,247,233/*obsahpozadirgba*/,0) 100%);}
.vypis a .inner::after {content:attr(data-more) " \203a";color:#0069b4/*odkaz*/;font-size:.85em;padding:0.3em;text-align:right;display:block;position:relative;top:45px;}

.bezmezery {margin-bottom:.4em !important}
h1.bezmezery {margin-bottom:.2em !important}
.borderbox {border: 1px dotted #ccc;margin-bottom: 1.6em;padding: 1.2em 1.6em 0.2em;}
.borderbox h3:first-child,.borderbox h4:first-child {margin-top:0}
.lightbox {padding:0.6em 1em;background:rgba(255,255,255,0.85);}
.darkbox {padding:0.6em 1em;background:rgba(0,0,0,0.15);}

.dal {display:block;position:absolute;bottom:40px;left:50%;margin-left:-20px;width:40px;height:40px;line-height:40px;border-radius:50%;background:rgba(255,255,255,.8);transition:height .2s, width .2s,bottom .2s,margin-left .2s, line-height .2s;text-align:center;animation:pulse 1s alternate infinite;-webkit-animation:pulse 1s alternate infinite;box-shadow:-1px -1px 2px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;}
.dal:hover {animation:none;-webkit-animation:none;width:60px;height:60px;margin-left:-30px;bottom:30px;line-height:60px;}
.dal.noanim {animation:none;-webkit-animation:none;width:0;height:0;margin-left:0;bottom:60px;color:transparent;}

.box{
  display:inline-block;
	position: relative;
	width: 33.333333%;
  float:left;
  color:#fff;
}
.boxes-home .box {
    width: 50%;
}
.mini.box {
  width:60px;
  margin-right:.5em;
}
.mini.box .fp {background-color:#0069B4 !important}
.mini.box .fp::after {content:"";color:#fff;opacity:.5;width:100%;position: absolute;height: 100%;padding:0;background: url(../imgs/sipka2r.svg) 12px center no-repeat;background-size: 30px;font-weight:300;top:0;right:auto;bottom:auto;font-size:2em;left:0;text-align:center;}
.text-right .mini.box {
  float:right;margin-left:.5em;
}
.text-right .mini.box .fp::after {content:"";background: url(../imgs/sipka2.svg) 17px center no-repeat;background-size: 30px;width: 100%;position: absolute;height: 100%;}
.withmap {
    position: absolute;
    left: 20px;
    top: -50px;
    display: block;
    padding: 10px 12px 0 0;
}
.minibox {
  display:inline-block;
  transition:transform .2s;
  cursor:pointer;
	position: absolute;
  width: 80px;
  height: 50px;
  color:#122f4e;
  font-size:14px;
  text-shadow:none;
  top: 10px;
  /*margin-top:-4px;
  top:0;right:0;*/
}
/*a.minibox:hover,a.minibox:focus {transform:scale(1.1);color:#fff}*/
a.minibox:hover, a.minibox:focus {color:#122f4e}
.box:before,.minibox:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.f {
	position: absolute;
	bottom: 0;
	right: 0;
  padding:0 5px;
  line-height:1.1em;
}
.f {
	-webkit-perspective: 1000;
	perspective: 1000px;
  z-index:3;
  padding:0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition:background-position 0.5s;
  transition:background-position 0.5s;
}

.f.hover,.f:hover {z-index:4;}

.f[ontouchstart]:hover .fp, .f.hover .fp {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);transform: rotateY(180deg);
  z-index:10;
}
.f[ontouchstart]:hover .fz, .f.hover .fz {
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);transform: rotateY(0deg);
  z-index:11;
}
.f img {width:100%; position:relative; top: 0.9em;}

.f, .fp, .fz {
  width:100%;height:100%;
}

.fp, .fz {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
  text-align:left;
  line-height:1.4em;
  overflow:hidden;
}

.fp {
	z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);    
  background:transparent center center no-repeat;
  background-size:contain;
  font-size:1.1em;
}
.fp::after {content:attr(data-title);display:inline-block;background:#fff;padding:0.4em 1em .4em .5em;left:.3em;bottom:0em;position:absolute;max-width:100%;color:#606060;font-weight:700;font-size:1.2em;}

.schovat {opacity:0}

.box:nth-child(15n+1) .fp,nav > ul > li:nth-child(15n+1) {background-color:#96c07e}
.box:nth-child(15n+2) .fp,nav > ul > li:nth-child(15n+2) {background-color:#6fbb6f}
.box:nth-child(15n+3) .fp,nav > ul > li:nth-child(15n+3) {background-color:#cac36f}
.box:nth-child(15n+4) .fp,nav > ul > li:nth-child(15n+4) {background-color:#c79759}
.box:nth-child(15n+5) .fp,nav > ul > li:nth-child(15n+5) {background-color:#c75959}
.box:nth-child(15n+6) .fp,nav > ul > li:nth-child(15n+6) {background-color:#c7597b}
.box:nth-child(15n+7) .fp,nav > ul > li:nth-child(15n+7) {background-color:#ca6fa9}
.box:nth-child(15n+8) .fp,nav > ul > li:nth-child(15n+8) {background-color:#b86fca}
.box:nth-child(15n+9) .fp,nav > ul > li:nth-child(15n+9) {background-color:#956fca}
.box:nth-child(15n+10) .fp,nav > ul > li:nth-child(15n+10) {background-color:#7e6fca}
.box:nth-child(15n+11) .fp,nav > ul > li:nth-child(15n+11) {background-color:#6f8dca}
.box:nth-child(15n+12) .fp,nav > ul > li:nth-child(15n+12) {background-color:#6fabca}
.box:nth-child(15n+13) .fp,nav > ul > li:nth-child(15n+13) {background-color:#6fc5ca}
.box:nth-child(15n+14) .fp,nav > ul > li:nth-child(15n+14) {background-color:#6fcab3}
.box:nth-child(15n+15) .fp,nav > ul > li:nth-child(15n+15) {background-color:#6fca8b}


.fz {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);  
  color:#333;
  background:#fff;
  text-align:left;
  font-size:1.2em;  
}
.fz > span {background:rgba(255,255,255,1) linear-gradient(to bottom,rgba(235,235,235,1) 0%, rgba(255,255,255,1) 60%); padding:.8em;display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.minibox .fp, .minibox .fz {font-size: 1em;}
.minibox .fp {background:#FFF7E9/*odkaz*/;text-align:center; line-height: 1em;}
.minibox .fp::after {display:none}
.minibox .fz {background:#FFF7E9;text-align:center;line-height: 1em;background-position:center center;background-size:cover;color:#122f4e;}
.minibox .fp > span, .minibox .fz > span {
  padding-top:.6em;
}
.minibox .fp > span {display:block}
.minibox .fz > span {background:#FFF7E9;}


.fz img {position:absolute;top:0;left:0;width:100%;height:100%;}
.fz .nazev {font-weight:700;color:#606060;font-size:1.2em;padding:.2em 0;display:block;}
.fz.noperex .nazev {padding-top:30%;text-align:center;font-size:1.6em;}
.fz .nazev::after {text-align:right;content:attr(data-more) " >";padding:1.5em .4em .2em;font-size:.75em;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%);color:#ccc;margin-top:2em;display:block;font-weight:300;} 

/*Prilohy*/
.file-attachment {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  
  .row-attach {
    margin-bottom: 0.75em;
  }
  
  .file-attachment .attach-icon {
    text-align: right;
  }
  
  .file-attachment .attach-descr {
    word-wrap: break-word;
  }
  .col-sm-6 .file-attachment .attach-descr a {
    margin-left: 15px;
    
  }
  
  .file-attachment .attach-descr span.attach-ext {
    font-size: 0.8em;
    position: relative;
    left: 7px;
  }
  
  .file-attachment img {
    width: auto;
    height: 2em;
  }

.error-404-page .col-xs-12 {
    display: table;
}  
.error-404-page .error-404 {
    display: table-cell;
    height: 40vh;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.error-404-page .error-404 h2 {

}

@media screen and (max-width:600px) {
.file-attachment a span {
    padding-left: 7px;

}  
} 


@media screen and (max-width:480px) {
.file-attachment img {
    width: 2em;
    height: 2em;
}
}

@media screen and (min-width:992px) {
.file-attachment .attach-icon a {
    position: relative;
    left: 15px;
}
}
@media screen and (max-width:992px) {
.obsah .file-attachment .attach-descr a {
    margin-left: 0;
}
}


@media screen and (max-width:768px) {
.file-attachment .attach-icon {
    text-align: left;
}

.file-attachment .attach-icon a {
    position: relative;
    left: -3px;
}

.row-attach {
    margin-bottom: 1em;
}
}

@-webkit-keyframes pulse {
  0% {width:40px;height:40px;margin-left:-20px;bottom:40px;line-height:40px;}
  100% {width:40px;height:40px;margin-left:-20px;bottom:30px;line-height:40px;}
}
@keyframes pulse {
  0% {width:40px;height:40px;margin-left:-20px;bottom:40px;line-height:40px;}
  100% {width:40px;height:40px;margin-left:-20px;bottom:30px;line-height:40px;}
}
@media screen and (max-width:1150px) {
  #head h1 > a span {
    display: block;
  }
  #head h1 > a::before {
    float: none;
  }

  #langs {
    padding-left: 0;
  }
}

/*VYPIS KONTAKTU*/
.contact-list .contact {
    padding-bottom: 1.5em;
}
.detail-contact {
    margin-bottom: 2em;
}
#show-on-map {
    font-size: 0.9em;
    position: relative;
    top: -1px;
    padding: 0 1px;
}

#show-on-map::after {
    content: ' \2197';
    
    color: #0069b4;

    /*text-decoration: none;*/
    
}
#show-on-map:hover::after {
    color: black;
}

@media screen and (max-width:850px) {
  .obsah.bezfotek {width:80%;}
   body.sekce_ #above h1 > a {/*width:100%;height:100vh;*/background-size:600px auto;}
  /*.fotogalerie {justify-content:flex-start}
  .fotogalerie div.foto {height:120px;width:24%;margin-bottom:2px;position:relative;overflow:hidden;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {height:100%;width:100%;overflow:visible}
  .fotogalerie .foto img {left: 0;min-height: 100%;min-width: 100%;position: absolute;top: 0;}
  .foto-vlevo .fotogalerie div.foto img,.foto-vpravo .fotogalerie div.foto img {position:static}*/
  .box{width:50%;}
}
@media screen and (min-width:768px) {
    nav > ul > li:hover > a::before,nav > ul > li:hover > a::before {display: block;position: absolute;bottom: 80px;left: 0;width: 100%;height: 5px;background: #aeaeae;content: "";opacity:.25}
    nav > ul > li.current > a::before,nav > ul > li.curparent > a::before {display: block;position: absolute;bottom: 80px;left: 0;width: 100%;height: 5px;background: #aeaeae;content: "";opacity:.65 !important}
    
    #menu nav ul ul > li.current > a {color:#0069b4/*odkaz*/;background:rgba(0,100,200,.05)}
    #menu li:hover > ul,#menu li.hover > ul {display:block;position:absolute;background:#fff;border:1px #fff solid;z-index:999;min-width:200px;max-height:75vh;/*overflow-y:auto;*/}
    #menu li:last-child:hover > ul, #menu li.hover:last-child > ul {right: 0;left: auto;}
    #menu nav > ul li:hover > ul,#menu nav > ul li.hover > ul {border-left:1px #fff solid;top:-1px;box-shadow:0 0 10px rgba(0,0,0,0.1)}

    #menu nav > ul > li:nth-child(15n+1):hover li:hover > a,#menu nav > ul > li:nth-child(15n+1):hover li.current > a {color:#96c07e;background-color:rgba(150,192,126,.1)}
    #menu nav > ul > li:nth-child(15n+2):hover li:hover > a,#menu nav > ul > li:nth-child(15n+2):hover li.current > a {color:#6fbb6f;background-color:rgba(111,187,111,.1)}
    #menu nav > ul > li:nth-child(15n+3):hover li:hover > a,#menu nav > ul > li:nth-child(15n+3):hover li.current > a {color:#cac36f;background-color:rgba(202,195,111,.1)}
    #menu nav > ul > li:nth-child(15n+4):hover li:hover > a,#menu nav > ul > li:nth-child(15n+4):hover li.current > a {color:#c79759;background-color:rgba(199,151,89,.1)}
    #menu nav > ul > li:nth-child(15n+5):hover li:hover > a,#menu nav > ul > li:nth-child(15n+5):hover li.current > a {color:#c75959;background-color:rgba(199,89,89,.1)}
    #menu nav > ul > li:nth-child(15n+6):hover li:hover > a,#menu nav > ul > li:nth-child(15n+6):hover li.current > a {color:#c7597b;background-color:rgba(199,89,123,.1)}
    #menu nav > ul > li:nth-child(15n+7):hover li:hover > a,#menu nav > ul > li:nth-child(15n+7):hover li.current > a {color:#ca6fa9;background-color:rgba(202,111,169,.1)}
    #menu nav > ul > li:nth-child(15n+8):hover li:hover > a,#menu nav > ul > li:nth-child(15n+8):hover li.current > a {color:#b86fca;background-color:rgba(184,111,202,.1)}
    #menu nav > ul > li:nth-child(15n+9):hover li:hover > a,#menu nav > ul > li:nth-child(15n+9):hover li.current > a {color:#956fca;background-color:rgba(149,111,202,.1)}
    #menu nav > ul > li:nth-child(15n+10):hover li:hover > a,#menu nav > ul > li:nth-child(15n+10):hover li.current > a {color:#7e6fca;background-color:rgba(126,111,202,.1)}
    #menu nav > ul > li:nth-child(15n+11):hover li:hover > a,#menu nav > ul > li:nth-child(15n+11):hover li.current > a {color:#6f8dca;background-color:rgba(111,141,202,.1)}
    #menu nav > ul > li:nth-child(15n+12):hover li:hover > a,#menu nav > ul > li:nth-child(15n+12):hover li.current > a {color:#6fabca;background-color:rgba(111,171,202,.1)}
    #menu nav > ul > li:nth-child(15n+13):hover li:hover > a,#menu nav > ul > li:nth-child(15n+13):hover li.current > a {color:#6fc5ca;background-color:rgba(111,197,202,.1)}
    #menu nav > ul > li:nth-child(15n+14):hover li:hover > a,#menu nav > ul > li:nth-child(15n+14):hover li.current > a {color:#6fcab3;background-color:rgba(111,202,179,.1)}
    #menu nav > ul > li:nth-child(15n+15):hover li:hover > a,#menu nav > ul > li:nth-child(15n+15):hover li.current > a {color:#6fca8b;background-color:rgba(111,202,139,.1)}

    #menu nav > ul > li:hover > ul,#menu nav > ul > li.hover > ul {margin-left:-100px;left:50%;top:100%;}
    #menu nav > ul > li.more:hover::before,#menu nav > ul > li.more.hover::before {border:1px #f0f0f0 solid;border-width:0 0 1px 1px;content:"";width:7px;height:7px;background:#fff;position:absolute;left:-7px;top:5px;border-radius:0 100% 0 0;transform:rotate(45deg);z-index:1000}
    #menu nav > ul > li.more:hover::before,#menu nav > ul > li.more.hover::before {border-width:0;border-radius:0 0 100% 0;top:77px;left:50%;margin-left:-5px;}
    
    /*KOD ZODPOVEDNY ZA VYSOUVANI MENU VPRAVO*/
    #menu li:hover > ul ul,#menu li.hover > ul ul {left:92%;top:0;}
        
    #menu li:hover ul a,#menu li.hover ul a {color:#333;display:block;padding:0.2em;}
    #menu li:hover ul li:hover > a,#menu li:hover ul li.hover > a {color:#0069b4/*odkaz*/;background:rgba(0,100,200,0.05)}

    .sekce_ .col-sm-4 {width: 30%;}
    .sekce_ .col-sm-8 {width: 70%;}


}
@media screen and (max-width:768px) {
    #menu nav > ul > li > a, #menu nav > ul > li {
        width: 98vw;
        height: auto;
    }
    nav > ul > li {
        background: #FFF7E9 !important;
    } 
    
    #menu ul li a {
        color: #333;
    } 
  footer .row > div {text-align:center !important}
  .nojs #switchMenu {display:none}
  #switchMenu {cursor:pointer;position:absolute;top:1em;right:15px;text-align:center;width:80px;height:80px;color: #ebbc00;background: #122f4e;display:inline-block;z-index:3;}
  #switchMenu::before {content:"☰";display:inline;font-size: 2em;line-height: 80px;z-index:4;}
  #switchMenu.active {}
  #switchMenu + nav::before {opacity:0;height:0;background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;content: "";display: block;left: 0;position: fixed;top: 0;width: 100%;transition:opacity .5s;}
  #switchMenu.active + nav::before {opacity:1;height: 100%;}
  #switchMenu:hover,#switchMenu.active {}
  #switchMenu:hover::before,#switchMenu.active::before {}
  #switchMenu.active::before {content:"✕"}
  nav {text-align:left;left:100%;padding-top:80px}
  #menu nav ul > li.more::after {display:none}
  #menu nav > ul > li.more::after {display:block;}
  #menu nav ul li {display:block;}
  #menu ul ul {padding-left:1em;display:none;}
  #submenu {display:none !important}


  #menu nav {padding-bottom:0.7em;}
  #menu nav ul li.more > a {width: 60% !important; }
  #menu nav ul li a {width: 100%; }
  #menu nav > ul > li > a {
      font-size: 0.9em;
  }
  #menu nav > ul {
      padding: 0.7em 0;
      position: relative;
      background: #FFF7E9;
  }
  #menu nav > ul > li {
    border-top:1px rgba(255,255,255,0.1) solid;
    margin: 0;
  }

  #menu nav > ul > li.current,#menu nav > ul > li.curparent {background:none}
  #menu nav > ul > li > a {
    padding: 1em 0.8em  0.3em  0.8em;
  }
  #menu nav ul > li.curparent > a, #menu nav ul > li.current > a {
    text-decoration: underline;
    background: none;
  }
    /* hamburger click open submenu */
    #menu nav li.more .open-submenu {
        position: absolute;
        cursor: pointer;
        top: 3px;
        right: 10px;
        display: block;
        text-align: right;
        padding: 5px 20px;
        background: rgba(204,204,204,0.8);
        border-radius: 5px;
      }
    
      #menu nav li.more .open-submenu.sign-open {
        font-size: 0.9em;
      }

  #menu nav ul > li.curparent > a {background:none}

  
  body.sekce_ #home div > span > span {
    display: none;
    }
}
@media screen and (max-width:600px) {
  .box{width:80%;margin-left:10%;}
   .boxes-home .box {margin-left: 0}
   #head h1 {left:5px;}
   #above h1 > a {font-size:.8em;}
   #minibox_www {font-size:.77em;margin-left:0}
   #above {height:5.5em;/*background:rgba(255, 247, 233, 0) linear-gradient(to bottom, rgb(255, 247, 233, 1) 15%, rgba(255, 247, 233, 0) 100%) repeat scroll 0 0;*/}
  #above.scroll-to-fixed-fixed #banner .carousel-control {display:block}
  /*.fotogalerie div.foto {display:block;}
  .fotogalerie div.foto {width:33%;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}
  .foto-vpravo .fotogalerie div.foto img,.foto-vlevo .fotogalerie div.foto img {width:100%;}*/
  #above.scroll-to-fixed-fixed {position:static !important}
  #above.scroll-to-fixed-fixed ~ .fixer {display:none !important}
  #above.scroll-to-fixed-fixed #head h1 {font-size:36px;padding:15px;font-weight:400}
  #above.scroll-to-fixed-fixed h1#logo {height:100px/*minilogoheight*/}
  #above.scroll-to-fixed-fixed #head.withLangs h1 {padding-top:7px}
  #head h1 > a {text-shadow:0 0 10px #000}
}
@media screen and (max-width:480px) {
  .box, .boxes-home .box{width:100%;margin-left:0}
  /*.fotogalerie div.foto {width:49%;}
  .foto-vlevo .fotogalerie div.foto,.foto-vpravo .fotogalerie div.foto {width:100%}*/
}
@media screen and (max-width:360px) {
   #above h1 > a span {display:none}
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media print {
  *,*:before,*:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,a[href^="javascript:"]:after {
    content: "";
  }
  pre,blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }

  tr,img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }
  p,h2,h3 {
    orphans: 3;
    widows: 3;
  }

  h2,h3 {
    page-break-after: avoid;
  }
}

#piseckem {background:#303030/*pozadi*/;color:#606060;padding: 1.5em 0 0.8em;}
#piseckem img {
    width: 180px;
}
#piseckem span {
    font-style: italic;
    color: #888888;
    display: block;
    padding-left: 1em;
    font-size: 0.8em;
    text-align: left;
}
#piseckem .kontakt > span {
  display: block;
  color: #ABAAAA;
  padding-left: 0;
  font-style: normal;
}
#piseckem .kontakt > span:first-child {
  font-weight: 700;
  font-size: 1.1em;
}
#piseckem .kontakt > span:nth-child(2) {
  font-size: 1em;
  margin-top: 0.3em;
}

#piseckem .kontakt a, #piseckem .kontakt a:focus {
  padding-left: 1.3em;
  color: #ABAAAA;
}
#piseckem .kontakt a:hover {
  color: #fff;
}

#blatensko-logo {
  background-image: url('../imgs/ikony/pisecko-blatensko_logo-gray.png');
  display: block;
  width: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  height: 60px;
  background-position: 0 0;
}
#blatensko-logo:hover {
  background-image: url('../imgs/ikony/pisecko-blatensko_logo.png');
}

@media screen and (max-width:768px) {
  #piseckem {padding-bottom:.7em;}
}
#piseckem .box {margin-left: 6px;width: 10%;font-size: 0.5em;float: none;margin-bottom:6px;}
#piseckem .fp::after {display:none}
#piseckem .col-sm-8,#sub .col-sm-8 {text-align:right}

#piseckem .title {display:block;position:relative;top:0px;font-weight:700;font-size:2.2em;line-height:1.1em;}
#piseckem .title a,footer .title a {color:#606060;text-decoration:none;transition:color .2s;}
#piseckem .title a:hover,#piseckem .title a:focus,footer .title a:hover,footer .title a:focus {color:#fff}
#piseckem .title + div {position:relative;top:-2px;margin-bottom:.5em;}

#piseckem .f[ontouchstart] .fz::before {content:"";background:url(../imgs/sipka2.svg) 35% 20%  no-repeat;background-size:55%;position:absolute;top:0;left:-66%;-webkit-transition:left 0.7s;transition:left 0.7s;width:100%;height:100%;text-align:center;}
#piseckem .f[ontouchstart] .fz::before {background-position:center center;} 
#piseckem .f[ontouchstart] .fz .fi {left:0;top:0;width:100%;height:100%;-webkit-transition:left 0.8s;transition:left 0.8s;position:absolute;}
#piseckem .f[ontouchstart]:hover .fz .fi,.f.hover[ontouchstart] .fz .fi {left:0%;}
#piseckem .f[ontouchstart]:hover .fz::before,.f.hover[ontouchstart] .fz::before {left:0;}

/*výpis z FB*/
.boxik {
    background: #fff;
    margin-bottom: 30px;
    overflow: hidden;
}
.boxik hr {
    font-size: 1px;
    line-height: 1px;
    border-bottom: 1px #f0f0f0 solid;
    margin: 0em 0;
}
#main .boxik h3:first-child {
    margin-bottom: 0.6em; 
}
.facebook h3 {
    background-color: #47639e;
    color: #fff;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1em;
    padding: 1em 1em;
    white-space: nowrap;
    font-weight: 300;
}
.facebook .content {
    margin: 2px 2px 0 0;
    margin-right: 2px;
    padding: 0 0.5em 0 1em;
    padding-right: 0.5em;
    border-bottom: 1px #e0e0e0 solid;
    margin-right: 2px;
    padding-right: 0.5em;
    height: 48em;
    overflow-y: auto;
}
.facebook p {
    font-weight: 300;
    font-size: 0.8em;
}
.facebook div {
    margin: 0.6em 0;
}
.facebook a {
    color: #47639e;
}
#main .btn.fb {
    padding-left: 24px;
    background: url(../imgs/like.gif) 6px 4px no-repeat;
    color: #999;
    padding: 0.2em 0.6em;
    padding-left: 0.6em;
    border: 1px #e5e5e5 solid;
    display: inline-block;
}

#main .boxik h4:first-child {
    margin-bottom: 0.6em;
    margin-top: 0;
}
.facebook h4 {
    font-size: 0.85em;
    color: #b0b0b0;
    margin: 0 0 0.2em;
}
.facebook .link {
    display: block;
    margin-top: 4px;
    padding-left: 18px;
    background: url(../imgs/podsipka2.gif) 2px 2px no-repeat;
}

.facebook .link span {
    font-size: 0.85em;
    display: block;
    color: #b0b0b0;
    line-height: 1em;
}
#main .facebook .content a {
    padding: 0;
}


/* FACEBOOK ovlivnění podoby výpisu 
._5pbw, ._5pbx {
  font-size: 1em !important; 
}


*/ 



#sub {background:#282828/*pozadi*/;padding:1em 0;}
#sub .title {font-weight:700;font-size:1.6em;line-height:.6em;}
#sub .title + div {margin-top: 10px; }
#sub .title .subtitle {display:block;font-size:.5em;display:block;}
#sub ul {list-style-type:none;padding-left:0}
#sub ul li {display:inline-block;margin:0em 0 0 0.7em}
#sub ul li::before {/*content:"□";*/display:inline;line-height:.5em;position:relative;top:0px;left:-6px;font-size:1.4em;}
#sub ul li a {color:#606060/*footertext*/}
#sub ul li a:focus,#sub ul li a:hover {color:#fff}
#sub ul li:focus::before, #sub ul li:hover::before {color:#fff}
.last-row a {color:#505050}
.last-row a:hover,.last-row a:focus {color:#fff}

@media screen and (max-width:768px) {
  #sub ul {margin-top:.5em;}
  #sub ul li {margin:.2em 0;display:block}
  #piseckem .title + div {margin-bottom:.8em;}
  #sub .title {display:block;padding-bottom:.3em;line-height:1em;border-bottom:1px #363636 solid;margin-bottom:.3em;}
    #copy {padding-top:.3em;}
    .city {border-top: 1px #363636 solid;padding-top: 1em;}
}

#minibox_kontakt .shine {-webkit-animation-delay:2.6s;animation-delay:2.6s;}  
#minibox_tiraz .shine {-webkit-animation-delay:2.7s;animation-delay:2.7s;}  
#minibox_otkt .shine {-webkit-animation-delay:0.5s;animation-delay:0.5s;}  
#minibox_kjc .shine {-webkit-animation-delay:0.5s;animation-delay:0.5s;}  
#minibox_fb .shine {-webkit-animation-delay:0.6s;animation-delay:0.6s;}  
#minibox_yt .shine {-webkit-animation-delay:0.7s;animation-delay:0.7s;}  
#minibox_ig .shine {-webkit-animation-delay:0.8s;animation-delay:0.8s;}  
#minibox_pisek .shine {-webkit-animation-delay:0.9s;animation-delay:0.9s;}  
#minibox_www {width:2em;transition:margin .4s;}
#minibox_www:hover {margin-right:16px;}
#minibox_www a {position:absolute;top:0;left:0;width:100%;height:100%;}
#minibox_www .fp::after {display:none}
#minibox_www .fp {background-color:#6baa21;background-image:url(../imgs/pisecko_logo.png)}
#minibox_www .fz {background:#6baa21 url(../imgs/sipka2r.svg) 14px center no-repeat;background-size:.9em auto;}
#minibox_otkt .fp {background-color:#284a94;background-image:url(../imgs/otkt.gif)}
#minibox_otkt .fz {background-color:#284a94;}
#minibox_kjc .fp {background-color:#c20077;background-image:url(../imgs/kjc.gif)}
#minibox_kjc .fz {background-color:#c20077;}
#minibox_pisek .fp {background-color:#083050;background-image:url(../imgs/pisek.png)}
#minibox_pisek .fz {background-color:#083050;}
#minibox_fb .fp {background-color:#265a9c;background-image:url(../imgs/fb.png)}
#minibox_yt .fp {background-color:#cd201f;background-image:url(../imgs/yt.png)}
#minibox_ig .fp {
background-color: #f09433;
background-image:url(../imgs/instagram.png); 
background-image:url(../imgs/instagram.png), -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background-image:url(../imgs/instagram.png), -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background-image:url(../imgs/instagram.png), linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

#minibox_fb .fz {background-color:#265a9c;}
#minibox_yt .fz {background-color:#cd201f;}
#minibox_ig .fz {
background-color: #f09433;
background-image:-moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background-image:-webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background-image:linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}