/* Copyright 2014 Owen Versteeg; MIT licensed */


@import url('https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');

@font-face {
    font-family: Resa;
    src: url(Resa.woff2);
}

textarea,
input,
select {
 background:0;
 border-radius:0;
 font:16px sans-serif;
 margin:0
}
.smooth {
 transition:all .2s
}
.btn,
.nav a {
 text-decoration:none
}
.container {
 margin:0 20px;
 width:auto;
}
label>* {
 display:inline
}
form>* {
 display:block;
 margin-bottom:10px
}
.btn {
 background:#999;
 border-radius:6px;
 border:0;
 color:black;
 cursor:pointer;
 display:inline-block;
 margin:2px 0;
 padding:12px 30px 14px
}
.btn:hover {
 background:#888
}
.btn:active,
.btn:focus {
 background:#777
}
.btn-a {
 background:#0ae
}
.btn-a:hover {
 background:#09d
}
.btn-a:active,
.btn-a:focus {
 background:#08b
}
.btn-b {
 background:#3c5
}
.btn-b:hover {
 background:#2b4
}
.btn-b:active,
.btn-b:focus {
 background:#2a4
}
.btn-c {
 background:#d33
}
.btn-c:hover {
 background:#c22
}
.btn-c:active,
.btn-c:focus {
 background:#b22
}
.btn-sm {
 border-radius:4px;
 padding:1px 1px 1px;
}
.row {
 margin:1% 0;
 overflow:auto
}
.col {
 float:left
}
.table,
.c12 {
 width:100%
}
.c11 {
 width:91.66%
}
.c10 {
 width:83.33%
}
.c9 {
 width:75%
}
.c8 {
 width:66.66%
}
.c7 {
 width:58.33%
}
.c6 {
 width:50%
}
.c5 {
 width:41.66%
}
.c4 {
 width:33.33%
}
.c3 {
 width:25%
}
.c2 {
 width:16.66%
}
.c1 {
 width:8.33%
}
h1 {
 font-size:3em
}
.btn,
h2 {
 font-size:2em
}
.ico {
 font:33px Arial Unicode MS,Lucida Sans Unicode
}
.addon,
.btn-sm,
.nav,
textarea,
input,
select {
 outline:0;
 font-size:16px;
}
textarea,
input,
select {
 padding:8px;
 border:1px solid #ccc
}
textarea:focus,
input:focus,
select:focus {
 border-color:#5ab
}
textarea,
input[type=text] {
 -webkit-appearance:none;
 width:13em
}
.addon {
 padding:8px 12px;
 box-shadow:0 0 0 1px #ccc
}
.nav,
.nav .current,
.nav a:hover {
 background:white;
 color:#EFBB78;
}
.nav {
 max-width: 1366px;
 margin: auto;
 padding:10px 0 10px;
 font-family: 'Resa', sans-serif;
 font-weight: bold; 
}
.nav a {
 color:black;
 padding-right:1em;
 position:relative;
 top:-6px;
}
.nav .pagename {
 font-size:24px;
 top:4px;
 margin-right: 30%;
}
.btn.btn-close {
 background:white;
 float:right;
 font-size:25px;
 margin:-40px 21px;
 display:none
}

h2 {
  font-size: 1.8em;
  font-family: 'Vollkorn';
  color: #300;
  padding-top: 1.5em;
  max-width: 90%;
  margin: 1em auto;
}
.area {
  width: 80vw;
  margin: auto;
  overflow: hidden;
  max-width: 1366px;
}
.area img {
  width: 33.33333%;
}
.han img {
  width: 45%;
  float: right;
}
.han {
  width: 90%;
  margin: auto;
  font-family: 'Nunito',sans-serif;
}

  #arrows {width:45%}
  .kol2 {float: right;}
  .belo {position: relative;width: 100%;height: 12px;background: white;margin-top: 4em;}
  #videom {display:none;}
  .jezik {padding-right: 4px;position: relative;top: 6px;}

@media(min-width:1310px) {
 .container {
  margin:auto;
  width:1270px; 
 }
}

@media(max-width:1230px) {
 .nav .pagename {
   margin:0;
 }
}

@media(max-width:870px) {
 .row .col {
  width:100%
 }
.han {
  width: 95%;
  margin: auto;
}
.area img {
  width: 50%;
}
  .kol.hajd {display: none}  
}

@media(max-width:850px) {
 .btn.btn-close {
  display:none
 }
 .nav {
  overflow:hidden;
  height: 32px;
 }
 .pagename {
  margin-top:-11px
 }
 .nav:active,
 .nav:focus {
  height:auto
 }
 .nav div:before {
  background:white;
  border-bottom:10px double;
  border-top:3px solid;
  content:'';
  float:right;
  height:3px;
  position:relative;
  right:3px;
  top:10px;
  width:20px;
  color: #666;
 }
 .nav a {
  padding:.5em 0;
  display:block;
  width:50%;
 }

 .nav .pagename {
    top: -10px;
    margin: initial;
} 
  
.area {
  width: 90vw;
  overflow: scroll;
}
 .fo {display: none}  
.han img {
  width: 100%;
}
.han {
  width: 95%;
  margin: auto;
}  
  h2 {font-size: 1.5em;text-align: center;}
  #arrows {width: 100%}
  #padd {display: none} 
  .kol2 {display: none;}
  #videod {display: none;}
  #videom {display: block;margin-top: 54px}
}

.table th,
.table td {
 padding:.5em;
 text-align:left
}
.table tbody>:nth-child(2n-1) {
 background:#ddd
}
.msg {
 padding:1.5em;
 background:#def;
 border-left:5px solid #59d
}

h3 {font-family: 'Vollkorn', serif;}
.kont a {text-transform: none;text-align: center;color: #9DA7A8;} 

.han div {
 color: #69686c;
 padding-bottom: 2em;
 padding-top: 20%;
}

.han h3{
 color: #300;
 font-size: 1.8em;
 margin: 0;
}

body {
  margin: auto;
  background: #efeeea;
  max-width: 1366px;
}

.navf a {color:#aaa;}  
.navf a:hover {color:#eee;}
  .navigator {
    position: absolute;
    left: 0;
    top: 0;    
    width: 100%;
    background: white;    
    z-index: 1;
}