@font-face { font-family: 'pragmatica_font'; src: url('img/font/pragmatica.eot'); src: url('img/font/pragmatica.eot?#iefix') format('embedded-opentype'), url('img/font/pragmatica.woff') format('woff'), url('img/font/pragmatica.ttf') format('truetype'); font-weight: normal; font-style: normal; }
html { font-family: pragmatica_font; background: #000000; }
form { padding: 0px; margin: 0px; }

.tialo { max-width: 1300px; margin: auto; position: relative; background: #000000; }

@media screen and (max-width:599px) {
.lolo { display: none; position: relative; }
.jolo { display: none; position: relative; }
.volo { display: block; position: relative; }
.bolo { display: block; position: relative; }
}
@media screen and (min-width: 600px) {
.lolo { display: block; position: relative; }
.jolo { display: none; position: relative; }
.volo { display: block; position: relative; }
.bolo { display: none; position: relative; }
}
@media screen and (min-width: 1000px) {
.lolo { display: block; position: relative; }
.jolo { display: block; position: relative; }
.volo { display: none; position: relative; }
.bolo { display: none; position: relative; }
}

* { box-sizing: border-box; }
[class*="col-"] { float: left; padding: 7px; }
[class*="col-"] { width: 100%; position: relative; }
@media only screen and (min-width: 600px) {
.col-m-1 { width: 30%; }
.col-m-2 { width: 100%; }
.col-m-3 { width: 100%; }
.col-m-4 { width: 50%; }
.col-m-9 { width: 100%; }
}
@media only screen and (min-width: 800px) {
.col-n-3 { width: 50%; }
}
@media only screen and (min-width: 1000px) {
.col-1 { width: 20%; }
.col-2 { width: 80%; }
.col-3 { width: 33.333%; }
.col-4 { width: 50%; }
.col-9 { width: 100%; }
}

.gorediv { position: relative; width: 100%; height: auto; }
.goreimg { position: relative; border: 0px; width: 100%; z-index: 1; top: 0px; left: 0px; }
.gorediv div { position: absolute; width: 50%; height: 24px; z-index: 125; bottom: 10px; right: 10px; background: #000000; }
.gorediv div input { width: 100%; height: 24px; border: 1px solid goldenrod; background: #000000; color: gold; font-size: 16px; padding: 0 5px; }
.gorediv div img { float: right; position: absolute; top: 0px; right: 0px; cursor: pointer; } 
.goreclk { position: absolute; border: 0px; width: 45%; z-index: 90; top: 0px; left: 0px; cursor: pointer; }
.goregsm { position: absolute; border: 0px; cursor: pointer; z-index: 100; top: 15px; left: 10px; }
.gorevhd { position: absolute; border: 0px; cursor: pointer; z-index: 100; top: 5px; right: 10px; width: 48px; }
.goreklc { position: absolute; border: 0px; cursor: pointer; z-index: 100; top: 5px; right: 68px; width: 48px; }
ul.topmenu { position: absolute; list-style-type: none; bottom: 11px; left: 0px; margin: 0; overflow: hidden; z-index: 120; }
ul.topmenu li { float: left; margin-right: 5px; }
ul.topmenu li a { background: #000000; display: inline-block; color: gold; text-align: center; padding: 1px 5px; text-decoration: none; transition: 0.3s; font-size: 16px; font-family: pragmatica_font; border: 1px solid goldenrod; }
ul.topmenu li a:hover { background: #000000; color: goldenrod; cursor: pointer; transition: all 0.3s ease; border: 1px solid goldenrod; }
ul.topmenu li a.active { background: #000000; color: goldenrod; cursor: pointer; transition: all 0.3s ease; border: 1px solid goldenrod; }
@media only screen and (max-width: 1300px) {
.gorediv div { bottom: 8px; }
ul.topmenu { bottom: 8px; }
}
@media only screen and (max-width: 1100px) {
.gorevhd { width: 36px; }
.goreklc { right: 56px; width: 36px; }
.gorediv div { bottom: 6px; }
ul.topmenu { bottom: 6px; }
}
@media only screen and (max-width: 800px) {
.gorevhd { width: 24px; }
.goreklc { right: 44px; width: 24px; }
.gorediv div { bottom: 0px; }
.goregsm { top: 10px; }
}
@media only screen and (max-width: 650px) {
.goregsm { top: 5px; }
}
@media only screen and (max-width: 450px) {
.goregsm { top: 2px; }
}

.tresdiv { position: relative; width: 100%; height: auto; }
.tresdiv input { width: 100%; height: 24px; border: 1px solid goldenrod; background: #000000; color: gold; font-size: 16px; padding: 0 5px; }
.tresdiv img { float: right; position: absolute; top: 0px; right: 0px; cursor: pointer; }

.title { background: goldenrod; padding: 0 15px; margin: 0px; }
.title h2 { padding: 5px; margin: 0px; font-size: 18px; color: #000000; }
.title img { float: left; margin: 5px; }
.ramkamenu { position: relative; display: block; background: gold; border: 1px solid gold; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999; }
.ramkamenu:hover { border: 1px solid goldenrod; }
.lmenu { float: left; width: 100%; position: relative; background: #000000; padding: 0px 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lmenu ul { margin: 0px; padding: 0px; list-style-type: none; }
.lmenu ul li a { display: block; position: relative; padding: 5px 10px; color: gold; font-size: 18px; border: 1px solid transparent; border-right: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; text-decoration: none; }
.lmenu ul li a em { color: goldenrod; font-size: 15px; }
.lmenu > ul > li:hover > a { border: 1px solid gold; border-right: none; color: gold; background: #000000; }
.lmenu > ul > li:hover > a:before { content: ''; background: #000000; width: 4px; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; }
.lmenu > ul > li:hover > a:after { content: ''; background: #000000; width: 1px; height: 100%; position: absolute; top: 0px; right: -1px; z-index: 99999; }

.lmenu ul li .lpodmenu { display: none; top: 0; left: 100%; width: 1053px; height: auto; position: absolute; text-align: left; z-index: 9999; background: #000000; padding: 6px 10px; border-left: 1px solid goldenrod; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.lmenu ul li:hover .lpodmenu { display: block; left: 100%; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.cat-name { font-size: 18px; border-bottom: 1px solid goldenrod; padding-bottom: 9px; margin-bottom: 10px; font-weight: bold; color: #ee7700; }
.lmenu ul li .cat-name a { color: #ee7700; font-size: 18px; padding: 0px; border: none; }
.lmenu ul li .cat-name a:hover { text-decoration: underline; color: #ee7700; }
.lmenucat { float: left; width: 85%; }
.lmenupic { float: right; width: 15%; }
.lpmenu { display: inline-table; width: 18%; margin-right: 1%; }
.lpmenu ul { margin-bottom: 15px; }
.lpmenu ul li { margin-bottom: 3px; }
.lpmenu ul li.lpmzgl { font-size: 18px; color: #ee7700; font-weight: bold; margin: 2px 0px 5px; }
.lpmenu ul li.lpmzgl a { color: #ee7700; }
.lpmenu ul li.lpmzgl a:hover { text-decoration: underline; color: #ee7700; }
.lpmenu ul li a { height: auto; line-height: normal; padding: 0px; font-size: 18px; border: none; color: gold; }
.lpmenu ul li a:hover { text-decoration: underline; color: goldenrod; }

.fchisti:before, .fchisti:after { content: ""; display: table; }
.fchisti:after { clear: both; }
.fchisti { *zoom: 1; }

.puty { color: gold; font-size: 18px; margin-top: 5px; margin-bottom: 5px; }
.puty a { color: gold; text-decoration: none; }
.puty a:hover { color: goldenrod; text-decoration: underline; }
.puty em, .puty a em { font-size: 15px; }

.magazin { display: block; background-color: #000000; width: 100%; font-family: pragmatica_font; font-size: 14px; color: gold; text-decoration: none; text-align: justify; padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid goldenrod; }
.magazin:hover { background-color: #000000; color: goldenrod; }
.magazin hr { display: block; width: 100%; margin: 5px; border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #000000, #daa520, #000000); background-image: -moz-linear-gradient(left, #000000, #daa520, #000000); background-image: -ms-linear-gradient(left, #000000, #daa520, #000000); background-image: -o-linear-gradient(left, #000000, #daa520, #000000); }
.magazin h1 { display: block; background-color: #f0f0f0; width: 100%; padding: 3px; margin: 0px; text-align: left; font-size: 16px; font-weight: normal; color: #ee7700; }
.magazin h1 p { display: block; width: 100%; padding: 3px; margin: 0px; }
.magazin h1 p b { font-size: 20px; color: goldenrod; }
.magazin h1 p i { font-size: 20px; font-weight: bold; }
.magazin h1 div { display: inline-block; width: 47%; padding: 3px; margin: 0px; text-align: left; font-size: 16px; font-weight: normal; color: goldenrod; }
.magazin h2 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: right; font-size: 16px; font-weight: normal; color: goldenrod; }
.magazin h2 span { display: inline-block; }
.magazin h2 span b { font-size: 20px; color: gold; }
.magazin h2 span img { margin-bottom: -5px; border: 0px; cursor: pointer; }
.magazin h3 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: left; font-size: 20px; color: goldenrod; }
.magazin h4 { padding: 0px; margin: 0px; text-align: left; font-size: 20px; font-weight: bold; color: #773300; }
.magazin h5 { padding: 0px; margin: 0px; text-align: left; font-size: 20px; font-weight: bold; color: #880000; }
.magazin h6 { padding: 0px; margin: 0px; text-align: left; font-size: 16px; font-weight: normal; color: #ffffff; }
.magazin div { display: inline-block; width: 57%; padding: 0px; margin: 5px; }
.magazin p { display: inline-block; width: 37%; padding: 0px; margin: 5px; }
.magazin p img { max-width: 100%; height: auto; max-height: 300px; cursor: pointer; }
@media only screen and (max-width: 1000px) {
.magazin div { width: 100%; text-align: center; }
.magazin p { width: 100%; text-align: center; }
}
.magazin input { padding: 1px 3px; height: 25px; font-family: pragmatica_font; font-size: 20px; color: goldenrod; border: 1px solid goldenrod; background-color: #000000; }
.magazin input[type=text] { width: 40px; margin: 10px 0px 0px 0px; text-align: center; }
.magazin input[type=submit] { width: 100px; margin: 10px 0px 0px 10px; cursor: pointer; }

.nagazin { position: relative; display: block; background-color: #000000; width: 100%; font-family: pragmatica_font; font-size: 14px; color: gold; text-decoration: none; text-align: justify; padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid goldenrod; }
.nagazin:hover { background-color: #000000; color: goldenrod; }
.nagazin h3 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: center; font-size: 20px; color: goldenrod; }
.nagazin div { display: block; width: 100%; padding: 0px; margin: 5px; text-align: center; }
.nagazin div img { max-width: 100%; height: auto; max-height: 300px; cursor: pointer; }
.nagazin p { position: absolute; bottom: 10px; left: 0px; width: 100%; text-align: center; padding: 0px; margin: 0px; }
.nagazin input { padding: 1px 3px; height: 25px; font-family: pragmatica_font; font-size: 20px; color: goldenrod; border: 1px solid goldenrod; background-color: #000000; }
.nagazin input[type=text] { width: 40px; margin: 10px 0px 0px 0px; text-align: center; }
.nagazin input[type=submit] { width: 100px; margin: 10px 0px 0px 10px; cursor: pointer; }

.nagazinrel { position: relative; }
.nagazinpic { position: absolute; display: block; z-index: 999; bottom: 15px; left: 10px; }
.nagazinvic { position: absolute; display: block; z-index: 999; top: 15px; right: 10px; }

.moiast { display: block; background-color: #000000; width: 100%; font-family: pragmatica_font; font-size: 14px; color: gold; text-decoration: none; text-align: justify; padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid goldenrod; }
.impuh { width: 100%; height: 24px; font-family: pragmatica_font; font-size: 14px; color: gold; padding: 2px 5px; background: #000000; border: 1px solid goldenrod; }
.impum { width: 100%; height: 120px; font-family: pragmatica_font; font-size: 14px; color: gold; padding: 2px 5px; background: #000000; border: 1px solid goldenrod; }
.impud { width: 50%; height: 24px; font-family: pragmatica_font; font-size: 14px; color: gold; padding: 2px 5px; background: #000000; border: 1px solid goldenrod; }
.impud:hover { color: goldenrod; border: 1px solid goldenrod; cursor: pointer; }

.skacham { position: fixed; left: 0; top: 0; z-index: 999999999; background-color: rgba(0,0,0,0.7); display: block; width: 100%; height: 100%; }
.djam { position: absolute; display: block; z-index: 9999999999; top: 50%; left: 50%; cursor: pointer; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.podfiksiran { position: relative; width: 100%; height: 0px; }
.fiksiran { position: relative; width: 100%; padding: 0px; margin: 0px 0px 10px 0px; background: goldenrod; font-family: pragmatica_font; font-size: 16px; color: gold; z-index: 999; }

.kvadratcheta { height: 24px; margin: 4px 4px 0px 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.kvadratcheta ul { font-family: pragmatica_font; font-size: 13px; float: right; padding: 2px 0px; margin: 0px; }
.kvadratcheta li { list-style-type: none; float: left; margin: 0px 3px 3px 0px; }
.kvadratcheta ul li a, .kvadratcheta ul li a:visited { display: block; padding: 2px 5px; color: #000000; border: 1px solid gold; text-decoration: none; background: goldenrod; cursor: pointer; }
.kvadratcheta ul li a.disablelink, .kvadratcheta ul li a.prevnext { background: goldenrod; border: 1px solid goldenrod; cursor: pointer; }
.kvadratcheta ul li a:hover, .kvadratcheta ul li a:visited:hover { background: gold; border: 1px solid gold; color: #000000; cursor: pointer; }
.kvadratcheta ul li a.currentpage { color: #000000; cursor: pointer; background: gold; border: 1px solid gold; }

.linsr { width: 100%; height: 8px; }

.lenta { float: right; }
.lenta1 { width: 100%; height: 24px; padding: 0px 4px; position: relative; }
.lenta2 { float: left; margin: 4px 10px 4px 0px; }
.lenta2 label { float: left; display: block; font-size: 13px; color: #000000; padding: 4px 5px 0px 0px; }
.lentselo { float: left; }
.lentsel { font-family: pragmatica_font; font-size: 13px; width: 100%; height: 24px; overflow: hidden; background: gold url(img/slujebni/sd.png) no-repeat right; background-position: 95% 50%; border: 1px solid goldenrod; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.lentsel select { font-family: pragmatica_font; font-size: 13px; background: transparent; width: 118%; padding: 0px 9px; line-height: 22px; height: 22px; border: 0; border-radius: 0; -webkit-appearance: none; color: #000000; outline: none; }
.sw1 { width: 130px; }
.sw2 { width: 50px; }
.spimre { float: left; margin: 4px 10px 0px 0px; }
.spimre a { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; }
.aa1 { background: transparent url(img/slujebni/spisak.png) no-repeat center; }
.aa1:hover, .aa1.teku { background: transparent url(img/slujebni/spisakb.png) no-repeat center; cursor: pointer; }
.aa2 { background: transparent url(img/slujebni/mreja.png) no-repeat center; }
.aa2:hover, .aa2.teku { background: transparent url(img/slujebni/mrejab.png) no-repeat center; cursor: pointer; }

.galeri { display: none; position: fixed; top: 0; left: 0; text-align: center; width: 100%; height: 100%; z-index: 600000; background: rgba(128, 128, 128, 0.5); }

.kontakta { box-sizing: border-box; float: left; padding: 5px; margin-top: -7px; width:100%; font-size: 16px; border: 1px solid goldenrod; }
.kontakta1a { box-sizing: border-box; float: left; padding: 5px; width: 30%; text-align: left; }
.kontakta1b { box-sizing: border-box; float: left; padding: 5px; width: 30%; text-align: center; }
.kontakta1d { box-sizing: border-box; float: left; width: 30%; }
.kontakta2b { box-sizing: border-box; float: left; padding: 5px; width: 10%; text-align: center; color: #ff3333; }
.kontakta2d { box-sizing: border-box; float: left; width: 10%; }
.kontakta3a { box-sizing: border-box; float: left; width: 60%; text-align: left; }
.kontakta4a { box-sizing: border-box; float: left; width: 25%; text-align: left; }
.kontakta5a { display: block; width: 100%; padding: 3px; margin: 0px; text-align: right; font-size: 16px; font-weight: normal; color: goldenrod;}
.kontakta5a b { font-size: 20px; color: #ff5511; }
.kontakta6a { box-sizing: border-box; float: left; padding: 3px; width: 25%; text-align: left; }
.kontakta7a { box-sizing: border-box; float: left; width: 75%; text-align: left; }
.kontakta8a { box-sizing: border-box; float: left; padding: 3px; width: 25%; text-align: left; }
.kontakta9a { box-sizing: border-box; float: left; width: 25%; text-align: left; }
.kontakta10a { box-sizing: border-box; float: left; width: 50%; text-align: center; }
.kontakta11a { box-sizing: border-box; float: left; width: 100%; text-align: center; }
.kontakta12a { box-sizing: border-box; float: left; width: 100%; text-align: right; }
.kontakta13a { box-sizing: border-box; float: left; width: 100%; text-align: left; }
.kontakta14a { box-sizing: border-box; float: left; width: 10%; text-align: center; }
.kontakta15a { box-sizing: border-box; float: left; width: 40%; text-align: center; }
@media only screen and (max-width: 500px) {
.kontakta6a { width: 100%; }
.kontakta7a { width: 100%; }
}
@media only screen and (max-width: 800px) {
.kontakta10a { width: 100%; }
}
.kontaktainput1 { width: 100%; height: 30px; border: solid 1px #bbbbbb; font-size: 16px; font-family: pragmatica_font; color: gold; background: none; }
.kontaktainput2 { width: 100%; height: 200px; border: solid 1px #bbbbbb; font-size: 16px; font-family: pragmatica_font; color: gold; background: none; }
.kontaktainput3 { width: 100%; height: 161px; border: solid 1px #bbbbbb; font-size: 16px; font-family: pragmatica_font; color: gold; background: none; }
.kontaktainput3a { width: 100%; height: 120px; border: solid 1px #bbbbbb; font-size: 16px; font-family: pragmatica_font; color: gold; background: none; }
.kontaktabut1 { width: 160px; height: 30px; border: solid 1px #000000; font-size: 16px; font-family: pragmatica_font; color: #000000; background: goldenrod url('img/slujebni/sn.png') no-repeat 130px center; cursor: pointer; text-decoration: none; }
.kontaktabut1:hover { background: gold url('img/slujebni/sn.png') no-repeat 130px center; }
.kontaktapic { width: 100%; height: 30px; border: 0px; }
.zaglavie { font-size: 30px; color: goldenrod; text-decoration: none; }
.contact {font-size: 15px; color: gold; font-family: pragmatica_font; text-decoration: none; }
.contact a {font-size: 15px; color: gold; font-family: pragmatica_font; text-decoration: none; }
.contact a:hover {font-size: 15px; color: goldenrod; font-family: pragmatica_font; text-decoration: none; }
.contactch {font-size: 15px; color: #ff3333; font-family: pragmatica_font; text-decoration: none; }
.contactch a {font-size: 15px; color: #ff3333; font-family: pragmatica_font; text-decoration: none; }
.contactch a:hover {font-size: 15px; color: #ee7700; font-family: pragmatica_font; text-decoration: none; }

.reklam {  box-sizing: border-box; float: left; padding: 5px; margin: 10px 0px 0px 0px; width: 100%; background-color: #000000; font-family: pragmatica_font; text-decoration: none; border: 1px solid goldenrod; }

.zld { display: none; position: fixed; top: 0; left: 0; text-align: center; vertical-align: middle; width: 100%; height: 100%; z-index: 60000; background: rgba(128, 128, 128, 0.5); }
.zldv { display: block; position: absolute; top: 50%; left: 50%; width: 80%; padding: 20px; background: #000000; border: 1px solid goldenrod; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.zldv h4 { display: block; font-size: 20px; color: gold; text-align: center; padding: 0; margin: 0; }
.zldv p { display: block; font-size: 16px; color: gold; text-align: justify; }
.zldv img { display: block; float: right; width: 48px; cursor: pointer; }

.bskv { display: block; position: fixed; bottom: 0; left: 0; width: calc(100% - 17px); text-align: center; padding: 10px; margin: 0px 5px 5px 5px; background: #000000; border: solid 1px goldenrod; }
.bskv p { display: block; font-size: 16px; color: gold; text-align: center; padding: 0px; margin: 0px; }
.bskv p a { font-size: 16px; color: gold; cursor: pointer; text-decoration: none; }
.bskv p a:visited { font-size: 16px; color: gold; cursor: pointer; text-decoration: none; }
.bskv p span { font-size: 16px; cursor: pointer; text-decoration: none; padding: 2px 5px; margin: 0px 0px 0px 20px; color: #000000; background: goldenrod; border: solid 1px goldenrod; }

.stati { display: block; width: 100%; text-align: center; color: gold; }
.stati h1 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: center; font-size: 24px; color: goldenrod; }
.stati h2 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: left; font-size: 20px; font-weight: bold; color: gold; }
.stati h3 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: left; font-size: 18px; font-weight: bold; color: gold; }
.stati h4 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: left; font-size: 16px; font-weight: bold; color: gold; }
.stati p { display: block; width: 100%; padding: 3px; margin: 0px; text-align: justify; font-size: 14px; color: #ffffff; }

.vapros { margin: 0px 0px 10px 0px; position: relative; }
.vapros p { display: none; }
.vapros input { position: absolute; z-index: 2; cursor: pointer; opacity: 0; display: none\9; margin: 0; width: 100%; }
.vapros label+p { display: block; color: #999999; font-size: 4px; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.vapros input[type=checkbox]:checked~p { display: block; color: #333333; font-size: 16px; text-overflow: clip; white-space: normal; overflow: visible; }
.vapros label { font-size: 20px; background: #eeeeee; display: block; position: relative; padding: 4px 10px; font-weight: bold; border: 1px solid #dddddd; border-left: 3px solid #888888; text-shadow: 0 1px 0 rgba(255,255,255,.5); -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -ms-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; }
.vapros label::-moz-selection { background: none; }
.vapros label::selection { background: none; }
.vapros label:hover { background: #f5f5f5; }
.vapros input[type=checkbox]:checked~label { border-color: #ee7700; background: #ff8800; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ff8800)); background-image: -webkit-linear-gradient(top, #ffffff, #ff8800); 	background-image: -moz-linear-gradient(top, #ffffff, #ff8800); background-image: -ms-linear-gradient(top, #ffffff, #ff8800); 	background-image: -o-linear-gradient(top, #ffffff, #ff8800); background-image: linear-gradient(to bottom, #ffffff, #ff8800); }
.vapros label::before { content: ''; position: absolute; right: 4px; top: 50%; margin-top: -6px; border: 6px solid transparent; border-left-color: inherit; }
.vapros input[type=checkbox]:checked~label::before { border: 6px solid transparent; border-top-color: inherit; margin-top: -3px; right: 10px; }

.gsmmenubezz { display: block; color: #000000; background: goldenrod; -moz-box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; -webkit-box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); padding: 5px; text-decoration: none; }
.gsmmenubezz:hover { background: gold; }
.gsmmenu { width: 100%; font-size: 16px; }
.gsmmenu > ul { list-style: none; padding: 0; margin: 0; }
.nadolu { position: relative; }
.nadolu a { text-decoration: none; }
.nadolu a em { font-size: 13px; }
.nadolu [data-toggle="nadolu"] { display: block; color: #000000; background: goldenrod; -moz-box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; -webkit-box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; box-shadow: 0 1px 0 gold inset, 0 -1px 0 goldenrod inset; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); padding: 5px; }
.nadolu [data-toggle="nadolu"]:hover { background: gold; }
.nadolu [data-toggle="nadolu"]:before { position: absolute; display: block; content: '\25BC'; font-size: 11px; color: #000000; top: 10px; right: 10px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; }
.nadolu > .nadolu-menu { max-height: 0; overflow: hidden; list-style: none; padding: 0; margin: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -moz-transition: max-height 0.6s ease-out; -o-transition: max-height 0.6s ease-out; -webkit-transition: max-height 0.6s ease-out; transition: max-height 0.6s ease-out; animation: skriimardam 0.4s ease-out; -moz-animation: skriimardam 0.4s ease-out; -webkit-animation: skriimardam 0.4s ease-out; }
.nadolu > .nadolu-menu li { padding: 0; }
.nadolu > .nadolu-menu li a { display: block; color: #333333; background: gold; -moz-box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #aaaaaa inset; -webkit-box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #aaaaaa inset; box-shadow: 0 1px 0 #eeeeee inset, 0 -1px 0 #aaaaaa inset; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); padding: 5px 5px; }
.nadolu > .nadolu-menu li a:hover { background: goldenrod; }
.nadolu > input[type="checkbox"] { opacity: 0; display: block; position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer; }
.nadolu > input[type="checkbox"]:checked ~ .nadolu-menu { max-height: 9999px; display: block; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); animation: pokmardam 0.5s ease-in-out; -moz-animation: pokmardam 0.5s ease-in-out; -webkit-animation: pokmardam 0.5s ease-in-out; -moz-transition: max-height 2s ease-in-out; -o-transition: max-height 2s ease-in-out; -webkit-transition: max-height 2s ease-in-out; transition: max-height 2s ease-in-out; }
.nadolu > input[type="checkbox"]:checked + a[data-toggle="nadolu"]:before { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; }
@keyframes pokmardam {
0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); }
40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
}
@-moz-keyframes pokmardam {
0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); }
40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
}
@-webkit-keyframes pokmardam {
0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); }
40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); }
100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
}
@keyframes skriimardam {
0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); }
}
@-moz-keyframes skriimardam {
0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); }
}
@-webkit-keyframes skriimardam {
0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); }
60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); }
80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); }
100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); }
}

.botright { display: block; position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; }

.dolnachast { box-sizing: border-box; float: left; padding: 10px; margin: 10px; width: 95%; height: 50px font-family: pragmatica_font; font-size: 12px; color: goldenrod; text-decoration: none; text-align: center; }
.dolnachast a { font-family: pragmatica_font; font-size: 12px; color: goldenrod; text-decoration: none; }

.gskacham { position: fixed; left: 0; top: 0; z-index: 999999999; background-color: rgba(0,0,0,0.7); display: none; width: 100%; height: 100%; }
.gdjam { width: 80%; position: fixed; height: calc(100% - 50px); display: block; z-index: 9999999999; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow-y: auto; }
.gmagazin { display: block; background-color: #000000; width: 100%; font-family: pragmatica_font; font-size: 14px; color: gold; text-decoration: none; text-align: justify; padding: 10px; margin: 0px 0px 10px 0px; box-shadow: 0 1px 3px rgba(149,149,149,0.50), 0 1px 2px rgba(149,149,149,0.50); }
.gmagazin:hover { background-color: #f4f4f4; color: #222222; }
.gmagazin h1 { display: block; width: 100%; padding: 3px; margin: 0px; text-align: center; font-size: 16px; font-weight: bold; color: gold; }
.gmagazin div { width: 180px; height: 40px; border: solid 1px #000000; font-size: 15px; font-family: pragmatica_font; color: #ffffff; background: #ee7700 url('img/slujebni/sn.png') no-repeat 150px center; cursor: pointer; text-decoration: none; float: right; margin-right: 20px; margin-bottom: 10px; padding-top: 10px; text-align: center; }
.gmagazin div:hover { background: #aa3300 url('img/slujebni/sn.png') no-repeat 130px center; }