@font-face{font-family:'fff_tusjbold';src:url('fff_tusjhr-webfont.eot');src:url('fff_tusjhr-webfont.eot?#iefix')format('embedded-opentype'),url('fff_tusjhr-webfont.woff2')format('woff2'),url('fff_tusjhr-webfont.woff')format('woff'),url('fff_tusjhr-webfont.ttf')format('truetype'),url('fff_tusjhr-webfont.svg#fff_tusjbold')format('svg');font-weight:normal;font-style:normal;}
htmp,body{position:absolute;top:0;left:0;}
html{background:linear-gradient(#1C4F9E,#97a5cf 40%);height:100%;max-height:100vh;overflow:hidden;}
body{width:100%;height:100vh;max-height:100vh;overflow:hidden;margin:0 auto;padding:0;border:0;background:url(../images/bcg.jpg) bottom no-repeat fixed;background-size:contain;color:#685a58;font:100% Constantia,"Lucida Bright","DejaVu Serif",Georgia,serif;height:100%;}
a,a:hover{text-decoration:none;}
a,:hover.Copyrights,:hover.Design{color:#69611b;}a:hover,a.Copyrights,a.Design{color:#f5e0b1;}
a.Copyrights{color:#fff;}
#imgLogo{width:29.5vw;height:auto;}
.divWrap{width:60vw;margin:0 auto;padding:0;border:0;background:none;max-height:100vh;position:relative;z-index:1;}
.divHeader{width:35vw;margin:0 auto;padding:0;border:0;background:none;height:auto;position:absolute;top:1vw;left:2vw;z-index:1;}
.divLeft{width:47vw;margin:0 auto;padding:0;background:rgba(250,250,250,.9);max-height:80vh;border:#ede2d7 1px solid;position:absolute;top:6vw;left:0;z-index:2;}
.divRight{width:40vw;margin:0 auto;padding:0;border:0;background:rgba(230,146,76,.8);height:98vh;border:#ede2d7 1px solid;position:absolute;top:0;right:0;z-index:0;}
.divMenu{width:13vw;margin:0 auto;padding:0;border:0;background:none;height:auto;position:absolute;top:30vh;right:0;z-index:1;}
#divLogo{width:12vw;height:4vw;padding:0;margin:0 auto;position:absolute;right:.5vw;top:2vh;z-index:10000;}
.divStoPostoZagorsko,.divTradicijaZagorja{position:absolute;right:1.6vw;}
.divStoPostoZagorsko{bottom:6.5vw;}
.divTradicijaZagorja{bottom:3vw;}
.divStoPostoZagorsko,#img100PostoZagorsko{width:10vw;height:6vw;}
.divTradicijaZagorja,#imgTradicijaZagorja{width:10vw;height:3vw;}
.Copyrights,.Design{width:100%;height:auto;margin:0 auto;padding:0;border:0;position:absolute;left:0;z-index:1;text-align:center;font-size:.75vw;line-height:.75vw;}
.Copyrights{bottom:1.1vw;}
.Design{bottom:.2vw;}
p{margin:5vh 8vw;font-size:1vw;text-align:justify;}
h1{text-align:center;font-family:'fff_tusjbold';color:#e6924c;font-size:2.2vw;margin:1vh auto 0;padding:0;}
h2{width:90%;margin:0 auto;padding:0;font-family:'fff_tusjbold';line-height:1.7vw;height:1.7vw;font-size:1.9vw;text-align:center;color:#e6924c;}
h3{font-family:'fff_tusjbold';font-size:1.2vw;line-height:1.2vw;text-align:left;color:#e6924c;margin:0 0 -3vh 8vw;padding:0;}
h1.YouTuber{margin:3vh auto 2vh;}
.divRight h2{margin:0 auto 12px;background:#fff;border:#ede2d7 1px solid;text-transform:uppercase;}
.divMenu a{color:#fff;text-decoration:none;margin:.3vh 0 0 .5vw;padding:0;line-height:1.3vw;font-size:1.3vw;height:1.3vw;height:3vh;display:block;width:12vw;border-right:#69611b .5vw solid;text-transform:uppercase;}
.divMenu a:hover{color:#f5e0b1;border-right:#fff .5vw solid;}
.divMenu a#curent{border-right:#fff .5vw solid;}
.divMenu a:hover#curent{border-right:#f5e0b1 .5vw solid;}
#imgLogoKogutex{width:11vw;height:4vw;}
#divLogo p{margin:0 1vw;text-align:justify;font-size:.9vw;color:#fff;}
#divLogo p:first-child{font-family:'fff_tusjbold';font-size:1.2vw;}
#divSlideshow{position:relative;width:47vw;height:34vh;margin:0 auto;padding:0;border:0;border-bottom:#fff 1px solid;overflow:hidden;}
#divSlideshow figure{margin:0;border:0;position:absolute;width:47vw;height:34vh;}
#divSlideshow figure img{border:0;width:auto;height:34vh;}
#divSlideshow figcaption{position:absolute;top:0;width:43vw;color:#fff;background:rgba(0,0,0,.3);font-size:.8em;padding:1vh 2vw;opacity:0;transition:opacity .5s;}
#divSlideshow:hover figure figcaption{transition:opacity .5s;opacity:1;}
#divSlideshow figure{opacity:0;width:43vw;}
figure:nth-child(1){animation:xfade 30s 30s infinite;}
figure:nth-child(2){animation:xfade 30s 24s infinite;}
figure:nth-child(3){animation:xfade 30s 18s infinite;}
figure:nth-child(4){animation:xfade 30s 12s infinite;}
figure:nth-child(5){animation:xfade 30s 6s infinite;}
figure:nth-child(6){animation:xfade 30s 0s infinite;}
article{overflow-y:scroll;height:46vh;width:47vw;margin:0 auto;display:block;}
p article{width:36vw;}
#menuLang li.Lang1 a,#menuLang li.Lang3 a{color:rgba(255,255,255,0.8);}
#menuLang li.Lang1 :hover,#menuLang li.Lang3 :hover{color:rgba(255,255,255,0.5);}
#menuLang li.Lang2 a{color:rgba(237,0,0,0.8);}
#menuLang li.Lang2 :hover{color:rgba(237,0,0,0.5);}
#menuLang{padding:0;margin:0;list-style:none;width:13vw;height:3vh;right:12.7vw;top:4.6vw;text-align:right;font-size:.8vw;position:absolute;z-index:1000;}
#menuLang li{display:inline-block;margin:.1vw .15vw;position:relative;text-align:center;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);}
#menuLang a{display:block;-webkit-transform:skewX(15deg);transform:skewX(15deg);}
#menuLang a{padding:.1vw .5vw;}
#menuLang li.Lang1,#menuLang li.Lang3{background:#ed0000;}
#menuLang li.Lang2{background:#fff;}
#menuLang li.Lang3{margin-right:0;}
.YouTubeObject,.YouTube{width:47vw;height:67vh;}
.Gmap{width:30vw;height:35vh;}
p.FriList img{width:20vw;height:auto;margin:.5vw;padding:0;border:rgba(230,146,76,.4) .25vw solid;}
p.RefList img,p.FriList img,.imgKontakt,.Gmap,.YouTube{box-shadow:3px 3px 6px rgba(150,81,24,.9);}
p.RefList{width:42vw;margin:0 auto;padding:1vw 0;flex-wrap:wrap;}
p.RefList img{margin:.5vw;width:8.5vw;height:auto;border:rgba(230,146,76,.4) .5vw solid;}
p.RefList :hover img{border:rgba(187,115,54,.7) .5vw solid;}
p.FriList{width:44vw;margin:0 auto;padding:1vw;flex-wrap:wrap;float:left;}
.imgKontakt{float:right;border:6px solid rgba(230,146,76,.6);}
/*Christmass*/
#divSlideshow h1{width:100%;position:absolute;left:0;bottom:2vh;color:#fff;z-index:100}
.bcg{position:absolute;width:100%;height:100%;}
.foreground{position:absolute;overflow:visible;z-index:999;width:100%;height:100%;}
.hidden{display:none !important;}   
/*Christmass END*/
@media screen and (orientation:portrait){
html{background:linear-gradient(#1C4F9E,#97a5cf 30%);}
body{background:url(../images/bcgPortrait.jpg) bottom no-repeat;}
.divWrap{width:100vw;}
.divHeader{width:50vw;margin:0 auto;padding:0;border:0;background:none;height:auto;position:absolute;top:2vh;left:5vw;z-index:1;}
.divLeft{width:65vw;top:11vw;left:5vw;max-height:82vh;height:82vh;}
.divRight{width:66vw;right:5vw;height:95vh;background:rgba(230,146,76,.5);}
#imgLogo{width:39vw;height:auto;}
#menuLang{width:25vw;height:3vh;right:23.9vw;top:7vw;font-size:2.5vw;}
menuLang li{margin:.4vw .45vw;}
#menuLang a{padding:.1vw 1.3vw;}
#divLogo{width:24vw;height:8vw;top:.5vh;}
#imgLogoKogutex{width:23vw;height:9vw;float:right;}
#divSlideshow{width:65vw;height:28vh;}
#divSlideshow figure{width:65vw;height:28vh;}
#divSlideshow figcaption{width:62vw;font-size:.7em;height:28vh;}
#divSlideshow figure{width:62vw;height:28vh;}
p{margin:2.5vh 4vw;font-size:2.5vw;}
h1{font-size:5.4vw;margin:1vh auto 0;}
h2{line-height:3.7vw;height:3.7vw;font-size:3.9vw;}
h3{font-size:2.2vw;line-height:2.2vw;margin:0 0 -3vh 8vw;}
.divMenu{width:24vw;}
.divMenu a{margin:.3vh 0 0 .5vw;line-height:6vw;font-size:3.1vw;height:3.1vw;height:4vh;width:22.5vw;border-right:#69611b 1vw solid;}
.divMenu a:hover{border-right:#fff 1vw solid;}
.divMenu a#curent{border-right:#fff 1vw solid;}
.divMenu a:hover#curent{border-right:#f5e0b1 1vw solid;}
#divLogo p{margin:0 1vw;font-size:2.32vw;}
#divLogo p:first-child{font-size:3vw;}
.YouTubeObject,.YouTube{width:65vw;height:57vh;}
article{height:auto;max-height:53vh;width:65vw;overflow-y:scroll;display:block;}
p article{width:60vw;}
.Gmap{width:56vw;height:35vh;}
p.RefList img,.imgLeft2,.imgRight2,.imgKontakt,.Gmap,.YouTube{box-shadow:1px 1px 2px rgba(150,81,24,.9);}
p.RefList{width:48vw;}
p.RefList img{margin:.5vw;width:22vw;}
p.FriList{width:62vw;}
p.FriList img{width:29.4vw;}
article h2{height:4.7vw;font-size:3.1vw;}
.Copyrights,.Design{font-size:2.35vw;line-height:2.35vw;}
.Copyrights{bottom:3.1vw;}
.Design{bottom:.4vw;}
.divStoPostoZagorsko,.divTradicijaZagorja{right:1.6vw;}
.divStoPostoZagorsko{bottom:19vw;}
.divTradicijaZagorja{bottom:12vw;}
.divStoPostoZagorsko,#img100PostoZagorsko{width:20vw;height:12vw;}
.divTradicijaZagorja,#imgTradicijaZagorja{width:20vw;height:6vw;}
}