body {margin:0px;padding:0px;font-family:'Roboto', sans-serif;font-size:14px;color:black;overflow-x:hidden;}
a {outline:none;text-decoration:none;color:blue;cursor:pointer;}
a:hover {color:silver;}
.sakrij {display:none;}
.gumb {display:block;background-color:#008f9a;height:30px;width:100px;font-size:14px;line-height:30px;text-align:center;color:white;cursor:pointer;text-shadow:0px 0px 0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.gumb:hover {background-color:#004b51;text-decoration:none;}
.gumb span {margin-left:20px;margin-right:20px;}
.centar_stranice {margin-left:auto;margin-right:auto;width:50%;min-width:800px;}
ul {list-style:none;margin:0px;margin-left:auto;margin-right:auto;padding:0px;}
ul li {float:left;}
.zatvori {display:block;float:right;margin-top:-30px;background-image:url('../grafika/zatvori.png');height:33px;width:35px;}
.zoom, .zoom2 {-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.zoom:hover {-webkit-transform:scale(1.1);transform:scale(1.1);}
a:hover span.novost_naslov {color:#7f8f95 !important}

#pozadina {position:apsolute;background-image:url('../grafika/pozadina.jpg');background-size:100% 100%;height:100%;width:100%;}
#ekran_1 {position:relative;min-height:700px;min-width:725px;font-weight:300;-webkit-box-shadow:0 14px 18px -1px rgba(0,0,
#ekran_2 {postition:relative;}0,0.75);-moz-box-shadow:0 3px 18px -1px rgba(0,0,0,0.75);box-shadow:0 3px 18px -1px rgba(0,0,0,0.75);z-index:990;}
.ekran {position:absolute;width:calc(100vw);height:calc(100vh);}
.ekran_2_gumb {position:absolute;background-image:url('../grafika/strelica.png');background-position:center;background-repeat:no-repeat;left:0;bottom:0;height:55px;width:100%;cursor:pointer;}
.meni {position:absolute;background-color:#435a63;top:2%;height:50px;width:100%;opacity:0.6;filter:alpha(opacity=60);}
.zalijepi {position:fixed;background-color:#7f8f95;width:100%;left:0;top:0;z-index:999;opacity:1;filter:alpha(opacity=100);}
.navigacija {position:-webkit-sticky;z-index:999;}
.meni ul {height:50px;width:725px;overflow:hidden;}
.meni ul li a {display:block;height:50px;text-transform:uppercase;color:white;cursor:pointer;}
.meni ul li a:hover {background-color:#008f9a;}
.meni ul li a span {margin-left:10px;margin-right:10px;text-transform:uppercase;line-height:50px;color:white;cursor:pointer;}
.centar {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:30%;width:50%;}
.centar .logo {background-image:url('../grafika/logo.png');background-repeat:no-repeat;background-position:center center;background-size:contain;height:60%;width:100%;}
.centar span {display:block;width:100%;font-size:3vw;text-align:center;color:#222121;}
.centar a.gumb {display:block;margin:auto;height:40px;width:100px;line-height:40px;text-align:center;}
#ekran_2 .pocetak {background-color:#7f8f95;height:50px;width:100%;}
#ekran_2 .naslov {background-color:#008f9a;height:50px;width:100%;font-size:20px;line-height:50px;text-align:center;text-transform:uppercase;color:white;}
#ekran_2 .galerija {background-color:#d9e1e2;height:275px;width:100%;}
#ekran_2 .galerija ul {float:left;margin-top:30px;height:275px;width:100%;}
#ekran_2 .galerija ul li {background-repeat:no-repeat;background-position:center;background-size:70% 60%;height:215px;width:25%;}
#ekran_2 .galerija ul li a {display:block;height:100%;width:100%;}
#ekran_2 .galerija ul li a span {display:block;margin-top:20px;height:12px;width:100%;font-size:12px;text-align:center !important;font-style:italic;text-align:left;color:black;}
#ekran_2 .galerija ul li a span.novost_naslov {margin-top:145px;height:40px;font-size:16px;font-style:normal;}
#ekran_2 .galerija ul li a span:hover {color:#435a63;}
#ekran_2 .dodatni_meni {height:275px;width:100%;}
#ekran_2 .dodatni_meni ul {margin-top:30px;height:275px;width:100%;}
#ekran_2 .dodatni_meni ul li {background-image:url('../grafika/naslovna-ikone.png');background-repeat:no-repeat;height:215px;width:25%;}
#ekran_2 .dodatni_meni ul li a {display:block;height:100%;width:100%;}
#ekran_2 .dodatni_meni ul li a span {position:relative;top:160px;display:block;height:100%;width:100%;font-size:20px;text-align:center;text-transform:uppercase;color:#435a63;}
#ekran_2 .dodatni_meni ul li a span:hover {color:#435a63;}
#ekran_2 .dole {position:absolute;background-image:url('../grafika/logo2.jpg');background-repeat:no-repeat;background-color:#008f9a;bottom:0px;height:300px;width:100%;color:white;overflow:hidden;}
#ekran_2 .dole a {color:white;}
#ekran_2 .dole ul {float:left;}
#ekran_2 .dole ul li {float:none;height:35px;border-left:1px solid white;}
#ekran_2 .dole ul li a {margin-left:20px;font-size:15px;text-transform:uppercase;}
#ekran_2 .dole ul li a:hover {text-decoration:underline;}
#ekran_2 .dole div.dio {float:left;margin-top:30px;height:250px;width:250px;}
#ekran_2 .dole div.dio span {text-transform:uppercase;}
#ekran_2 .dole div.dio iframe {margin-top:10px;margin-bottom:10px;}
#ekran_2 .dole div.dio span.dio-kontakta {float:left;background-image:url('../grafika/kontakt.png');background-repeat:no-repeat;margin-top:20px;margin-left:10px;height:49px;font-size:19px;line-height:50px;text-indent:55px;text-transform:lowercase;}

.sadrzaj {position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);height:75%;width:70%;min-width:725px;}
.sadrzaj .naslov {display:block;margin-left:auto;margin-right:auto;width:30%;font-size:45px;text-align:center;border-bottom:1px solid #008f9a;}
#onama .naslov {display:block;float:left;margin-left:15px;width:30%;font-size:45px;text-align:left;border-bottom:1px solid #008f9a;}
#onama .slika {float:left;background-image:url('../grafika/onama.jpg');background-size:100% 100%;height:100%;width:30%;min-width:300px;}
#onama .tekst {float:left;margin-top:10px;margin-left:15px;height:90%;width:50%;font-size:1vw;}
#usluge .usluge_meni {margin-top:13%;height:50%;width:100%;}
#usluge .usluge_meni ul {height:100%;width:100%;}
#usluge .usluge_meni ul li {height:100%;width:20%;}
#usluge .usluge_meni ul li a {display:block;height:100%;width:100%;}
#usluge .usluge_meni ul li a img {height:auto;width:95%;}
#usluge .usluge_meni ul li a span {float:left;display:block;margin-top:15px;width:100%;font-size:18px;text-align:center;text-transform:uppercase;color:#435a63;}
#usluge .stranica {position:relative;background-color:white;margin-top:20px;height:81%;width:100%;}
#usluge .rub {position:absolute;background-image:url('../grafika/strelice.png');background-repeat:no-repeat;background-color:#008f9a;top:0px;bottom:0px;width:40px;}
#usluge .rub:hover {background-color:#02becc;}
#usluge .rub.lijevo {background-position:5px center;left:0px;}
#usluge .rub.desno {background-position:-65px center;right:0px;}
#usluge .slika, #kontakt .slika, #novosti.novost .slika {position:absolute;float:left;background-size:cover;top:20px;bottom:20px;margin-left:60px;height:auto;width:30%;}
#usluge .naslov_stranice {position:absolute;float:left;top:30px;left:39%;width:55%;font-size:26px;font-weight:400;color:#008f9a;}
#usluge .tekst, #kontakt .tekst, #novosti.novost .tekst {position:absolute;float:left;top:80px;left:39%;width:55%;font-size:0.9vw;}
#usluge .slike_prehrane {margin-top:10%;height:20%;width:100%;}
#usluge .slike_prehrane img {height:20%;width:20%;}
#kontakt .naslov, #novosti .naslov, #novosti.novost .naslov {float:left;text-align:left;}
#kontakt .slika, #novosti.novost .slika {top:100px;margin-left:0px;width:50%;}
#kontakt .tekst, #novosti.novost .tekst {top:100px;left:53%;width:45%;}
#kontakt form table, #kontakt form input, #kontakt form textarea {width:100%;}
#kontakt ul {margin-bottom:10px;}
#kontakt ul li {float:none;margin-top:3px;height:28px;font-size:22px;font-weight:400;}
#kontakt ul li img {opacity:0.9;filter:alpha(opacity=90);}
#kontakt .upozorenje {font-size:20px;}
#kontakt .ikona {background-image:url('../grafika/kontakt-ikone.png');background-repeat:no-repeat;text-indent:35px;}
#kontakt input, textarea {padding:2px;border-width:1px 0 0 1px;border-color:#a0a0a0;resize:none;}
#novosti ul.tekst {margin-top:80px;height:90%;width:100%;}
#novosti ul.tekst li {padding-top:10px;padding-bottom:10px;height:22%;width:100%;border-bottom:1px solid #008f9a;}
#novosti ul.tekst li a {display:block;background-repeat:no-repeat;background-size:18% 100%;height:100%;width:100%;color:black;}
#novosti ul.tekst li a div.novost_naslov {margin-left:19%;font-size:20px;font-weight:400;color:#008f9a;}
#novosti ul.tekst li a p {margin-left:19%;}
#novosti ul.tekst li a span {margin-left:19%;font-size:14px;font-style:italic;}
#novosti.novost .naslov {width:80%;font-size:24px;}
#novosti.novost .slika {width:500px;}
#novosti.novost .tekst {left:550px;}
#novosti.novost .tekst p {border-bottom:1px solid #008f9a;}
#novosti.novost .tekst span {font-size:14px;font-style:italic;}

#galerija .kocka {display:block;float:left;margin-top:30px;margin-right:30px;height:235px;width:170px;}
#galerija .kocka div {background-size:100% 100%;height:117px;width:170px;}
#galerija .kocka span {display:block;height:auto;width:170px;font-size:20px;font-weight:400;color:#008f9a;}
#galerija .kocka h4 {display:block;margin-top:0px;height:23px;width:170px;font-size:15px;font-weight:300;font-style:italic;color:black;}
#galerija.album .kocka {margin-top:10px;margin-right:10px;height:117px;}
#galerija.album .naslov {width:50%;}
#admin .meni {position:absolute;background-color:#435a63;top:2%;height:50px;width:100%;opacity:0.6;filter:alpha(opacity=60);}
#admin .meni ul {height:50px;width:725px;overflow:hidden;}
#admin .meni ul li a {display:block;height:50px;text-transform:uppercase;color:white;cursor:pointer;}
#admin .meni ul li a:hover {background-color:#008f9a;}
#admin .meni ul li a span {margin-left:10px;margin-right:10px;text-transform:uppercase;line-height:50px;color:white;cursor:pointer;}

.ss-wrapper {overflow:hidden;height:100%;position:relative;z-index :1;float:left;}
.ss-content {height:100%;width:100%;padding:0 32px 0 0;position:relative;right:-18px;overflow:auto;-moz-box-sizing:border-box;box-sizing:border-box;}
.ss-scroll {position:relative;background:rgba(0, 0, 0, .1);width:9px;border-radius:4px;top:0;z-index:2;cursor:pointer;opacity:0;transition:opacity 0.25s linear;}
.ss-container:hover .ss-scroll {opacity:1;}
.ss-grabbed {user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}