@font-face {
font-family: Tisa;
src: url("/fonts/TisaWebPro.eot");
font-weight:normal;
}

@font-face {
font-family: Tisa;
src: url("/fonts/TisaWebPro.woff") format("woff");
font-weight:normal;
}

@font-face {
font-family: Tisa;
src: url("/fonts/TisaWebPro-Bold.eot");
font-weight:bold;
}

@font-face {
font-family: Tisa;
src: url("/fonts/TisaWebPro-Bold.woff") format("woff");
font-weight:bold;
}

body {
  overflow-y:scroll;
}

#toc,.editsection {
display:none;
}
.span-all {
column-span: all;
}

.login-link {
  position:fixed;
  width:30px;
  height:30px;
  top:0;
  left:0;
}
.hide,
.LOGGEDIN .login-link {
  display:none !important;
  }

.LOGGEDIN .active .hide {
  display:block !important;
  }


/* normalize */

* {
  margin:0;
  padding:0;
  list-style:none;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
*:focus {
  outline:0;
}
p {
  margin-bottom:1em;
  }
a {
 color:black;
 font-style:bold;
 text-decoration:none;
}
.red,
.section-heading a,
a.link-active,
a:hover,
#footer a:hover {
 color:#e42313;
}
.section-heading a:hover {
 color:black;
}

.LOGGEDIN a.new {
 color:white;
 background:#e42313;
}


.floatleft {
  float:left;
  margin-right:10px;
}
.floatright {
  float:right;
  margin-left:10px;
}

img {
  border:0;
}
sup {
 position:relative;
 font-size:60%;
 top:-5px;
 vertical-align: baseline;
}
aside {
    margin-bottom: 30px;
}
aside h2 {
  font-size:15px;
  margin:0 0 10px;
}
#footer aside h2 {
  font-weight:normal;
}
aside ul,
aside li {
  list-style:disc inside;
  }
aside ul {
  margin-top:5px;
  }
aside li {
  margin-left:3px;  
}

/* layout */
  
html,body {
  margin-top:0 !important;
  border-top:0 !important;
}
  
body {
  font-family:Tisa,sans-serif;
  font-size:14px;
  line-height:1.5em;
  color:#575756;
  background:#f4f4f4;
}

#canvas {
  width:964px;
  margin:0 auto;
  max-width:100%;
  background:white;
}

#header {
  position:relative;
  z-index:10;
  background: white;
  padding: 10px 20px;
  margin-bottom:5px;
  width:964px;
  max-width:100%;
}

#header a {
  padding:10px 0px 10px;
}

header#header:after {
    content:"";
    display:block;
    clear:both;
}
.logo img {
   float:left;
}
span.logo-text {
    display:inline-block;
    width:190px;
    line-height:1.25;
    border-top:1px dotted;
    border-bottom:1px dotted;
    padding-top:6px;
    vertical-align:top;
}

img.alt-logo {
    float:none
}

@media (max-width:465px) {
    img.alt-logo {
        margin-top:10px;
        margin-left:50px
    }    
}
.menu-closed img.alt-logo {
    display:none
}
.social-icons-head {
  float: right;
  font-size:15px;
  text-align:right;
  margin-top: 11px;
}
.menu-closed .social-icons-head,
.social-icons-head form {
  display:none;
}
form[name="suchen"] {
  display:inline-block;
  vertical-align:top;
  margin-bottom:25px;
  margin-right: 10px;
}
form[name="suchen"] input {
    padding:0 6px;
}
form[name="suchen"] input,
form[name="suchen"] button {
    line-height:28px;
}
form[name="suchen"] button,
.social-icons-head .social-icon {
    width:32px; 
    height:32px;
    display:inline-block;
}
.social-icon {
    background:#d8e0e3;
    color:white;
    text-align:center;
    line-height:1;
}
.social-icon:hover {
  background: #b9bfc1;
  color:white;
}
.logo-img {
 height:100px;
 transition: height 0.3s
}
.menu-closed .logo-img {
    height:59px; 
    width:auto;
}
.menu-closed #header {
    margin-bottom:0 !important;
    position:fixed;
    top:0;
}
.menu-closed #content {
    padding-top:240px;
}

.language-menu {
    /* position: absolute; */
    /* right: 20px; */
    /* bottom: 10px; */
   color:#999;
}
.menu-closed .language-menu {
    display:none;
}
.language-menu a {
   display:inline-block;
   margin-top: 24px;
   /* margin-bottom:10px; */
   padding:0 !important;
   opacity:0.65;
   color:#999;
}
.language-menu a img {
  width:30px;
  height:18px;
}
.language-menu a:hover {
  opacity:1;
   color:#666;
}
.language-menu strong {
  font-weight:normal;
  color:#666
}

.printfooter {
  display:none;
}

#footer {
  clear:both;
  border-top:1px solid black;
  margin:10px 0px 0px;
  padding:0px;
  background:#565657
url("/images/nav/senca na sivo.jpg") center top no-repeat;
  height: auto;
  padding: 10px;
  color: white;
}
#footer a,
#footer h2, #footer h3, #footer h4 {
   color:white;
}
.footer-wrap {
   display: -webkit-flex; 
   display:flex; 
   -webkit-flex-wrap: wrap;
   flex-wrap:wrap;
}
#footer aside {
   vertical-align:top;
   -webkit-flex:1 1 auto;
   flex:1 1 auto;
   padding:5px 15px;
   margin:10px 0;
   border-left:2px dotted #8e8e90;
}
#footer aside p {
  margin-bottom:0;
}
.p50 { width:50%; border:none !important;}
.p25 { width:25%; }

.social-icons-footer {
    font-size: 17px;
}
.social-icons-footer .social-icon {
  color: #565657 !important;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 34px;
}

/* menu */

.slide-controls {
   text-align:center;
   padding:0 0px 15px;
   display: -webkit-flex; 
   display:flex; 
   -webkit-flex-wrap: wrap;
   flex-wrap:wrap;
}
.slide-controls a {
    background: #e42313 none repeat scroll 0 0;
    border-radius: 3px;
    color: white;
    display: inline-block;
    -webkit-flex: 1 1 165px;
    flex: 1 1 165px;
    font-size: 16px;
    margin: 1px;
    padding: 8px 10px 5px;
    position: relative;
    text-align: left;
}
.slide-controls a:hover {
   background:#bd0405;
}
.slide-controls a:hover[class*="g"] {
   background:#6b6a6a;
}
.slide-controls a.current {
   background:#333;  
}

.menu-closed .slide-controls {
    padding:0;
    position:fixed;
    top: 75px;
    z-index:20;
    width:924px;
    max-width:calc(100% - 40px);
}
.menu-closed .slide-controls a {
     display:none
}
.menu-closed .slide-controls a.current {
     display:block;
     text-align:left;
     padding-left:10px;
     color:#e42313;
     font-size:22px;
     display:block;
     font-weight:normal;
     padding:10px 0 5px;
     border-bottom:3px solid;
     margin:0 0 10px;
     background:white;
     box-shadow: 0 5px 30px 3px white;
}
.menu-closed .slide-controls a.current:before {
     content:"\2630";
     float:right;
     display:block;
}

.slide-controls .r1 {
    background: hsl(5, 85%, 48%);
}
.slide-controls .r2 {
    background: #e33632;
}
.slide-controls .r3 {
    background: #e74c4a;
}
.slide-controls .r4 {
    background: #ea6262;
}
.slide-controls .r5 {
    background: #ed7979;
}
.slide-controls .r6 {
    background:#ea6262
}
.slide-controls .r7 {
    background:#ed7979;
}
.slide-controls .r8 {
    background:#f18f8e;
}
.slide-controls .r9 {
    background:#f4a6a6;
}
.slide-controls .r10 {
    background:#f6bcbb;
}
.slide-controls .g1 {
    background:#8a8a8a;
}
.slide-controls .g2 {
    background:#959595;
}
.slide-controls .g3 {
    background:#a1a1a1;
}
.slide-controls .g4 {
    background:#adadad;
}
.slide-controls .g5 {
    background:#b9b9b9;
}
.slide-controls .g6 {
    background:#c4c4c4;
}

/* content */

#content-wrap {margin:0 20px}

section {
  padding: 5px 0px 0px;
  margin:0 0 20px;
}
section.subsection {
  margin-top:15px;
  padding: 5px 0px 0px;
}
section.subsection>header {
  margin-top:30px;
}

section { display:none }
section.active, section.active section:not(.tab) { display:block }
.menu-closed section.active>header {display:none}


.section-subheading,
.section-subheading a,
.section-heading,
.section-heading a {
    color:#e42313;
    font-size:22px;
    display:block;
    font-weight:normal;
    padding-bottom:5px;
    border-bottom:3px solid;
    margin-bottom:10px;
}


.source-info {
  font-variant:small-caps;
  margin-top:-8px;
  margin-bottom:10px;
}
.source-info img {
  width:100%;
  height:auto;
}

.showmore,
.loadmore {
  display:inline-block;
  color:white;
  background:#adadad;
  font-size: 16px;
  padding: 8px 10px 5px;
  cursor: pointer;
  height:auto;
  width:140px;
}
.showmore:hover,
.loadmore:hover {
  opacity:0.85;
}
.loadmore.loading {
  color:white;
  background:#e42313;
}
section.active .showmore {
  display:none;
}
.showmore .fa,
.loadmore .fa { display:none; margin-left:10px; }
.loading .fa {display:inline-block}

.edit-link {
  float:right;
}
section header .edit-link {
  float:right;
  font-size:18px;
  margin-left:10px;
}
section header .edit-link a {
  color:#adadad;
}
section header .edit-link a:hover {
  color:#e42313;
}

/* article */


article {
    padding:0;
    margin:0 -10px;
    display: -webkit-flex; 
    display:flex; 
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    cursor:pointer;
    position: relative;
}
article:after {
   content:"";
   display:block;
   clear:both;
   width:100%;
   margin:10px;
   border-bottom:2px dotted #92a4b0;
}
.single-article article,
article.active {
    cursor:auto;
}
article:hover {
    opacity:0.75;
}
.single-article article:hover,
article.active:hover {
    opacity:1;
}
article header,
article figure {
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
    width:45%;
    margin:10px;
    min-width:235px;
}

.more-link {display:none}

.social-icons {
    float:right;
}

article header {
  margin-bottom:10px;
  }

article .date {
  display:block;
  color:black;
  font-size:14px;
  margin:30px 0 15px;
}

article .location{
 color:black;
 font-variant:small-caps;
 display:none;
}
.active article .location {
  display:block;
}

article h1 {
  font-size:22px;
  line-height:28px;
  padding-bottom:2px;
  color:black;
  font-variant:small-caps;
}

article .category {
  font-variant:small-caps;
}

article .entry-content {
    -webkit-hyphens:auto;
    -webkit-hyphenate-character:"\2010";
    -webkit-hyphenate-limit-after:1;
    -webkit-hyphenate-limit-before:3;
    -moz-hyphens:auto;
    margin:0 10px;
    display:block;
    overflow: hidden;
}
article .entry-content {
  display:none;
}
.single-article .entry-content,
article[data-page="Artikel"] .entry-content,
article.active .entry-content {
  display:block;
}
@media all and (min-width:599px) {
  .entry-content {
    -webkit-column-count:2;
    -moz-column-count:2;
    -ms-column-count:2;
    column-count:2;
  }
}

.entry-content h2 {
  font-size:16px;
  line-height:20px;
  padding-bottom:2px;
  color:black;
  font-variant:small-caps;
}
.single-active .entry-content dl,
.single-active .entry-content ol,
.single-active .entry-content ul,
article.active .entry-content dl,
article.active .entry-content ol,
article.active .entry-content ul {
  margin:0 0 1em 0;
}

.oembed {
    /* -webkit-column-break-inside: avoid; */
    /* page-break-inside: avoid; */
    break-inside: avoid;
    x-break-before:column;
    x-webkit-column-break-before: always;
    display: inline-block;
    width: 100%;
}
.oembed-content {
    width:100%;
    height:0;
    /* overflow:hidden; */
    margin-bottom:5px;
    position: relative;
    display: inline-block;
}
.oembed-content iframe {
   width:100%;
   height:100%;
   position: absolute;
   top: 0;
   left: 0;
}
.oembed iframe {
   max-width:100%;
}
article figure {
    position:relative;
    border:2px solid #dfdfdf;
}
.single-article figure,
article.active figure {
    width: 100%;
}
article figure img {
    width:100%;
    height:auto;
    float:left;
}
a.imgupload {
    position: absolute;
    z-index: 3;
    right: 0;
    top: 0;
    font-size: 20px;
    padding: 10px;
  display:none;
}
a.imgupload:hover {
  background-color:white;
}
.LOGGEDIN .imgupload {
  display:block;
}
.LOGGEDIN .fullscreen .imgupload {
  display:none;
}
/* article rotator */

.rotator .section-content {
 position:relative;
 height:330px;
 x-transition:height 0.3s ease-in;
x-moz-transition:height 0.3s ease-
in;
x-webkit-transition:height 0.3s ease-in;
}

.active .rotator .section-content {
 height:520px;
}

.column.active .rotator .section-content {
 position:relative;
 height:590px;
}

.column.active .rotator article .entry-content {
  display:block;
}

section.rotator article .entry-content {
  display:none;
}
.rotator article {
  position:absolute;
  top:0px;
  opacity:0;
  border-top:0;
  transition:opacity 0.5s ease-out;
  -moz-transition:opacity 0.5s ease-out;
  -webkit-transition:opacity 0.5s ease-out;
   z-index:1;
   padding-top:0;
   overflow:hidden;
   bottom:0px
  }
.opaque {
  opacity:1 !important;
  z-index:2 !important;
  }

.rotator article .source-link {
  display:none;
  }  
.active .rotator article.opaque .source-link {
  display:block;
  position:absolute;
  bottom:0px;
  right:0px;
}
.rotator article .more-link {
  display:none;
}


dt {
  font-weight:bold;
  font-size:smaller;
  float:left;
  margin-right:0.5em;
}

/* gallery */

.gallery {
  margin: 1em 0px 1em 2px;
  }
 .gallery:after {
   content:"";
   display:block;
   clear:both;
 }
.gallery-upload-link {
  display:none !important;
  }
.LOGGEDIN .gallery-upload-link {
  display:block !important;
  }

.gallery .img-wrap {
    overflow:hidden;
    padding:4px;
}

.gallery .display-item {
  display:none;
  }
.gallery .display-item {
 display:block;
 float:left;
 width:auto;
 margin-right:-10px;
 /* height:50px; */
 transition:opacity 0.5s linear;
 -moz-transition:opacity 0.5s linear;
 -webkit-transition:opacity 0.5s linear;
 }
.gallery .gallery-image {
    width: 100px;
}
.download-item,
.LOGGEDIN .gallery .display-item {
  /* display:block; */
  /* height:auto; */
  /* clear:left; */
  /* float:none; */
  margin:5px;
  /* padding-left:80px; */
}
.download-item .caption,
.LOGGEDIN .gallery .display-item .caption {
  display:block;
}
.gallery .display-item img {
  height:87px !important;
  width:auto !important;
  float:left;
  border:2px solid white;
  box-shadow:0 1px 5px 0px black;
  }

.LOGGEDIN .gallery .display-item img,
.download-item img {
  /* margin-left:-80px; */
  margin-bottom:5px;
  height:auto;
  float:left;
  width:70px;
  margin-right:10px;
  border:2px solid white;
  box-shadow:0 1px 5px 0px black;
}  
.gallery .display-item img:hover {
  z-index:2;
}


.fullscreen .screen {
  position:fixed;
  background:rgba(255,255,255,0.65);
  top:0;
  left:0;
  right:0;
  bottom:0;
}


.LOGGEDIN .fullscreen,
.fullscreen {
  position:fixed;
  top:10px;
  left:50%;
  margin-left: -45vmin !important;
  width: 90vmin !important;
  height: 90vmin !important;
  border:1px solid #565657;
  box-shadow:0 1px 30px black;
  padding:1px;
  background:white;
  z-index:10000;
  border: 20px solid white;
  border-radius: 3px;
  }


.fullscreen .gallery-image {
  text-align:center;
  /* line-height:600px; */
  width: 100% !important;
  height: 100% !important;
  }
.LOGGEDIN .fullscreen .display-item,
.fullscreen .display-item {
  display:block;
  margin:0;
  padding:0;
  border:none !important;
  box-shadow:none !important;
  -webkit-transform:rotate(0) scale(1,1) translate(0,0) !important;
  -moz-transform:rotate(0) scale(1,1) translate(0,0) !important;
  -ms-transform:rotate(0) scale(1,1) translate(0,0) !important;
  transform:rotate(0) scale(1,1) translate(0,0) !important;
  opacity:0;
  position:absolute;
  width: 100% !important;
  height: 100% !important;
  }

.display-item img {
    max-width:100%;
    max-height:100%;
}
  
.fullscreen .display-item img {
  margin:0 !important;
  width:100% !important;
  height:100% !important;
  border:none !important;
  box-shadow:none !important;
  float:none !important;
  left: 0;
  object-fit:contain;
}

.prev-item,
.next-item,
.caption {
  display:none;
  }

.prev-item {
  float:left;
  margin-left:-0.75em;
  }
.next-item {
  float:right;
  margin-right:-0.75em;
  }

.prev-item:hover,
.next-item:hover {
  opacity:1 !important;
  filter:alpha(opacity=100);
  }

.fullscreen .prev-item,
.fullscreen .next-item {
  display:block;
  position:relative;
  top:45%;
  z-index:10;
  font-size:24px;
  font-weight:bold;
  width:1.5em;
  height:1.5em;
  text-align:center;
  line-height:1.5em;
  background:white;
  color:black;
  opacity:0.45;
  filter:alpha(opacity=45);
  border:1px solid #ccc;
  border-radius:0.75em;
  cursor: pointer;
}

.fullscreen .caption {
  display:block;
  position:absolute;
  z-index:10001;
  line-height:18px;
  bottom:-10px;
  right:0;
  text-align:right;
  padding:3px 5px;
background:rgba(255,255,255,0.85);
  }

.download-item .caption b,
.gallery-image .caption b {
  display:block;
  }
  

/*links */

section.links li a {
  display:block;
  padding:3px 0;
  border-bottom:1px solid #DFDFDF;
  }
section.links li:last-child a {
  border:none;
}

/* FB likebox */

.recommend {
  background: #3c599f;
  padding: 3px 8px 0px 0px;
  line-height: 20px;
  color: white;
  font-weight: bold;
  display: inline-block;
  background-size: contain;
  text-transform: uppercase;
  font-size: 11px;
  margin-left:14px;
}
.recommend .fa {
  font-size:20px;
  width:22px;
  height:20px;
  text-align:center;
  overflow:hidden;
  vertical-align:bottom;
  margin-bottom:-2px;
}
.recommend:hover {
  background-color:#bfc7df;
  color:white;
}

/* add event */
.addeventatc {
    font-size:22px;
    vertical-align:top;
    display:inline-block;
   position:relative;
padding:0 !important;
border:0 !important
}
.addeventatc_icon {
  display:none !important;
}

.addeventatc_dropdown {
    font-size: 13px;
    position:absolute;
    top:0px;
    left:0;
    z-index:2;
    background:#fff;
    border:2px solid #565657;
    padding:8px;
    line-height:2;
    margin-top:0px;
}
.copyx {display:none}
.addeventatc_dropdown span {
    display:block;
    white-space:nowrap;
    cursor:pointer;
    font-weight:bold;
}

.addeventatc .fa {cursor:pointer}
.addeventatc-selected .fa,
.addeventatc .fa:hover,
.addeventatc_dropdown span:hover {
  color:#e42313;
}
/* cookliez */
.cookie-bar {
    text-align: center;
    margin: 10px 20px 30px;
    border: 1px solid #e42313;
    position: relative;
    z-index: 0;
    padding: 10px 0;
}

.cookie-teaser {
  margin:0;
}

a.cookie-button {
    float: right;
    width:45px;
    background:#e42313;
    display:block;
    margin:-10px 0;
    height:41px;
    line-height:45px;
    color:white;
}
a.cookie-button:hover {
    background:white;
    color:#e42313;
    border-left:1px solid;
    
}
#cookies {
    text-align: left;
    margin: 20px;
    display: inline-block;
}
#cookies h3 {
    margin-top:10px;
    font-weight:normal;
    color:red;
}
.cookie-bar ul {
    list-style: disc;
    padding-left: 30px;
}
.cookie-bar li {
    display: list-item;
}

.imgflex .content{
    display: -webkit-flex; 
    display:flex; 
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

.imgflex>div {
    -webkit-flex:1 1 auto;
    flex:1 1 auto;
}
.imgflex p {
    float:left;
    margin-bottom:0.6em;
}

@media all and (max-width:599px) {
  .content.imgflex {
     -webkit-flex-wrap:wrap;
     flex-wrap:wrap;
  }
  #header {
     padding: 10px 10px 10px;
  }
  #content-wrap {margin:0 10px}
  section{
     padding:5px 0px 0px;
  }
  .slide-controls {
    max-width:100%;
  }
  .menu-closed .slide-controls {
    max-width: calc(100% - 20px);
  }
  .menu-closed .slide-controls a.current {
    margin:0 0px;
    
  }
  article {
    margin:0 -5px;
  }
  article header,
  article figure,
  article:after {
    margin:5px;
  }
  article .entry-content {
    margin:0 5px;
  }
  .logo-img {
    height: 59px;
    width:auto;
  }
  .language-menu {
    /* right:10px; */
    /* bottom:auto; */
    /* top:10px; */
    /* width:41px; */
  }
  #footer aside {
    border-left:none;
    padding:20px 0 0;
    border-top:2px dotted #8e8e90;
  }
  .p50 {padding-top:10px !important}
  .p50,.p25 {
    width:100%; 
  }
  .social-icons-head {
     clear: left;
     margin-top: 15px;
  }
}

/* shingles */
i.fa-calendar.atc_node:before {
    content:"";
    width:30px;
    height:30px;
    display:block;
    background:url(/static/koledar-ikona1.png) no-repeat;
    background-size:contain;
}
.addeventatc-selected i.fa-calendar.atc_node:before,
i.fa-calendar.atc_node:hover:before {
    background:url(/static/koledar-ikona2.png) no-repeat;
    background-size:contain;
}
#footer .fa-envelope-o:before {
    content:"";
    width:50px;
    height:30px;
    margin-top:10px;
    display:block;
    background:url(/static/pismo-ikona.png) no-repeat;
    background-size:contain;    
}

/* 2 columns -flex */
.cols {
    display: -webkit-flex; 
    display:flex; 
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
.cols>div {
    -webkit-flex:1 1 40%;
    flex:1 1 40%;
    margin:10px;
}

.notice-bar {
  border:2px solid black;
  padding:20px;
  margin:20px 0;
}
.close-notice {
  float:right;
  margin:-10px -10px 20px 20px;
}

ul a img {
  width:155px;
  height:auto;
}