body { background: #EEE; overflow-x:hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .container { position: relative; margin: 0px auto; padding: 50px 0; clear: both; } @media only screen and (min-width: 1200px) { .container { width: 1210px; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .container { width: 1030px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: auto; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: auto; margin: 0 auto; } } @media only screen and (max-width: 479px) { .container { width: auto; margin: 0 auto; } } .mcd-menu { list-style: none; padding: 0; margin: 0; background: #FFF; /*height: 100px;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; /* == */ width: 250px; /* == */ } .mcd-menu li { position: relative; /*float:left;*/ } .mcd-menu li a { display: block; text-decoration: none; padding: 12px 20px; color: #777; /*text-align: center; border-right: 1px solid #E7E7E7;*/ /* == */ text-align: left; height: auto; position: relative; border-bottom: 1px solid #EEE; /* == */ } .mcd-menu li a i { /*display: block; font-size: 30px; margin-bottom: 10px;*/ /* == */ float: left; font-size: 20px; margin: 0 10px 0 0; /* == */ } /* == */ .mcd-menu li a p { float: left; margin: 0 ; } /* == */ .mcd-menu li a strong { display: block; text-transform: uppercase; } .mcd-menu li a small { display: block; font-size: 10px; } .mcd-menu li a i, .mcd-menu li a strong, .mcd-menu li a small { position: relative; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; } .mcd-menu li:hover > a i { opacity: 1; -webkit-animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out; -o-animation: moveFromTop 300ms ease-in-out; animation: moveFromTop 300ms ease-in-out; } .mcd-menu li:hover a strong { opacity: 1; -webkit-animation: moveFromLeft 300ms ease-in-out; -moz-animation: moveFromLeft 300ms ease-in-out; -ms-animation: moveFromLeft 300ms ease-in-out; -o-animation: moveFromLeft 300ms ease-in-out; animation: moveFromLeft 300ms ease-in-out; } .mcd-menu li:hover a small { opacity: 1; -webkit-animation: moveFromRight 300ms ease-in-out; -moz-animation: moveFromRight 300ms ease-in-out; -ms-animation: moveFromRight 300ms ease-in-out; -o-animation: moveFromRight 300ms ease-in-out; animation: moveFromRight 300ms ease-in-out; } .mcd-menu li:hover > a { color: #e67e22; } .mcd-menu li a.active { position: relative; color: #e67e22; border:0; /*border-top: 4px solid #e67e22; border-bottom: 4px solid #e67e22; margin-top: -4px;*/ box-shadow: 0 0 5px #DDD; -moz-box-shadow: 0 0 5px #DDD; -webkit-box-shadow: 0 0 5px #DDD; /* == */ border-left: 4px solid #e67e22; border-right: 4px solid #e67e22; margin: 0 -4px; /* == */ } .mcd-menu li a.active:before { content: ""; position: absolute; /*top: 0; left: 45%; border-top: 5px solid #e67e22; border-left: 5px solid transparent; border-right: 5px solid transparent;*/ /* == */ top: 42%; left: 0; border-left: 5px solid #e67e22; border-top: 5px solid transparent; border-bottom: 5px solid transparent; /* == */ } /* == */ .mcd-menu li a.active:after { content: ""; position: absolute; top: 42%; right: 0; border-right: 5px solid #e67e22; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } /* == */ @-webkit-keyframes moveFromTop { from { opacity: 0; -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes moveFromLeft { from { opacity: 0; -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } to { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { opacity: 0; -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } to { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } .mcd-menu li ul, .mcd-menu li ul li ul { position: absolute; height: auto; min-width: 200px; padding: 0; margin: 0; background: #FFF; /*border-top: 4px solid #e67e22;*/ opacity: 0; visibility: hidden; transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; /*top: 130px;*/ z-index: 1000; /* == */ left:280px; top: 0px; border-left: 4px solid #e67e22; /* == */ } .mcd-menu li ul:before { content: ""; position: absolute; /*top: -8px; left: 23%; border-bottom: 5px solid #e67e22; border-left: 5px solid transparent; border-right: 5px solid transparent;*/ /* == */ top: 25px; left: -9px; border-right: 5px solid #e67e22; border-bottom: 5px solid transparent; border-top: 5px solid transparent; /* == */ } .mcd-menu li:hover > ul, .mcd-menu li ul li:hover > ul { display: block; opacity: 1; visibility: visible; /*top: 100px;*/ /* == */ left:250px; /* == */ } /*.mcd-menu li ul li { float: none; }*/ .mcd-menu li ul li a { padding: 10px; text-align: left; border: 0; border-bottom: 1px solid #EEE; /* == */ height: auto; /* == */ } .mcd-menu li ul li a i { font-size: 16px; display: inline-block; margin: 0 10px 0 0; } .mcd-menu li ul li ul { left: 230px; top: 0; border: 0; border-left: 4px solid #e67e22; } .mcd-menu li ul li ul:before { content: ""; position: absolute; top: 15px; /*left: -14px;*/ /* == */ left: -9px; /* == */ border-right: 5px solid #e67e22; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .mcd-menu li ul li:hover > ul { top: 0px; left: 200px; } /*.mcd-menu li.float { float: right; }*/ /* == */ width:170px; float:left; /* == */ } /* == */ float:left; padding: 10px 10px 11px 10px; /* == */ } @media only screen and (min-width: 960px) and (max-width: 1199px) { .mcd-menu { margin-left: 0px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .mcd-menu { width: 200px; } .mcd-menu li a { height: auto; } .mcd-menu li a i { font-size: 22px; } .mcd-menu li a strong { font-size: 12px; } .mcd-menu li a small { font-size: 10px; } .mcd-menu li > ul { min-width:180px; } .mcd-menu li:hover > ul { min-width:180px; left:200px; } .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul { min-width:150px; } .mcd-menu li ul li:hover > ul { left:180px; min-width:150px; } .mcd-menu li ul li ul li:hover > ul { left:150px; min-width:150px; } .mcd-menu li ul a { font-size:12px; } .mcd-menu li ul a i { font-size:14px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .mcd-menu { width: auto; } .mcd-menu li a { position: relative; padding: 12px 16px; height:auto; } .mcd-menu li a small { display: none; } .mcd-menu li a strong { display: ; font-size:10px; } .mcd-menu li a:hover strong,.mcd-menu li a.active strong { display:block; font-size:10px; padding:3px 0; position:absolute; bottom:0px; left:0; background:#e67e22; color:#FFF; min-width:100%; font-weight:normal; text-align:center; } .mcd-menu li > ul { min-width:180px; left:70px; } .mcd-menu li:hover > ul { min-width:180px; left:50px; } .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul { min-width:150px; } .mcd-menu li ul li:hover > ul { left:180px; min-width:150px; } .mcd-menu li ul li ul li > ul { left:35px; top: 45px; border:0; border-top:4px solid #e67e22; } .mcd-menu li ul li ul li > ul:before { left:30px; top: -9px; border:0; border-bottom:5px solid #e67e22; border-left:5px solid transparent; border-right:5px solid transparent; } .mcd-menu li ul li ul li:hover > ul { left:30px; min-width:150px; top: 35px; } .mcd-menu li ul a { font-size:12px; } .mcd-menu li ul a i { font-size:14px; } } @media only screen and (max-width: 479px) { .mcd-menu { width: auto; } .mcd-menu li a { position: relative; padding: 12px 16px; height:auto; } .mcd-menu li a small { display: ; } .mcd-menu li a strong { display: ; font-size:10px; } .mcd-menu li a:hover strong,.mcd-menu li a.active strong { display:block; font-size:10px; padding:3px 0; position:absolute; bottom:0px; left:0; background:#e67e22; color:#FFF; min-width:100%; font-weight:normal; text-align:center; } .mcd-menu li > ul { min-width:180px; left:70px; } .mcd-menu li:hover > ul { min-width:180px; left:50px; } .mcd-menu li ul li > ul, .mcd-menu li ul li ul li > ul { min-width:150px; } .mcd-menu li ul li:hover > ul { left:180px; min-width:150px; } .mcd-menu li ul li ul li > ul { left:35px; top: 45px; border:0; border-top:4px solid #e67e22; } .mcd-menu li ul li ul li > ul:before { left:30px; top: -9px; border:0; border-bottom:5px solid #e67e22; border-left:5px solid transparent; border-right:5px solid transparent; } .mcd-menu li ul li ul li:hover > ul { left:30px; min-width:150px; top: 35px; } .mcd-menu li ul a { font-size:12px; } .mcd-menu li ul a i { font-size:14px; } } GDPR Politika privatnosti 1 Politika sigurnosti osobnih podataka 1 Pravilnik o zaštiti osobnih podataka Odluka o imenovanju službenika za zaštitu osobnih podataka Dostava OIB-a Javni natječaj Natječaj za komunalnog djelatnika Obavijest kandidatima za radno mjesto komunalni djelatnik Odluka o odabiru komunalnog djelatnika Sporazum o obročnoj otplati duga Procedura prisilne naplate potraživanja Pravilnik o javnoj nabavi Plan javne nabave 2021. godina Statističko izvješće o javnoj nabavi Izmjena 2020. godina 2020. godina 2019. godina 2018. godina 2017. godina 2016. godina Izmjena 2015. godina 2015. godina Izmjena 2014. godina 2014. godina 2013. godina Cjenik naknada i usluga Pravo na pristup informacijama Katalog informacija Pravilnik o pravu na pristup informacijama Odluka o ustrojstvu kataloga informacija Zahtjev za pristup informacijama Zahtjev za dopunu ili ispravak informacije Zahtjev za ponovnu uporabu informacija Godišnje izvješće za 2020. Kontakt podaci Kriteriji za određivanje visne naknade Izvješće o provedbi zakona o pravu na pristup informacija za 2014.godinu Izvješće o provedbi zakona o pravu na pristup informacija za 2013.godinu Odluka o imenovanju slubenika za zatitu osobnih podataka Godišnji financijski izvještaji Planirani prihodi i rashodi za 2021. Investicijska aktivnost za 2021. Odluka o utvrđivanju godišnjih financijskih izvještaja 2019. Odluka o uporabi gubitka 2019. Tablica za 2019. godinu - TD u vlasništvu JLP(R)S Pojašnjenje uz tablice 2019. Odluka o imenovanju Izvještaj neovisnog revizora i financijski izvještaj 2012. godina Obavijest o davanju donacija i sponzorstva 2013. godina 2014. godina Izjava - sukob interesa Groblja Na području općine Sveti Petar Orehovec postoje 4 groblja koje uređuje Općinsko komunalno poduzeće Sveti Petar Orehovec body{ text-align:center; box-sizing:border-box; font-family:"Lato",Sans-serif; /* position:relative; */ } .box{ position:relative; } .btn:link, .btn:visited{ text-decoration: none; text-transform:uppercase; position:relative; top:0; left:0; padding:20px 40px; border-radius:100px; display:inline-block; transition: all .5s; } .btn-white{ background:#fff; color:#fff; } .btn:hover{ box-shadow:0px 10px 10px rgba(0,0,0,0.2); transform : translateY(-3px); } .btn:active{ box-shadow:0px 5px 10px rgba(0,0,0,0.2) transform:translateY(-1px); } .btn-bottom-animation-1{ animation:comeFromBottom 1s ease-out .8s; } .btn::after{ content:""; text-decoration: none; text-transform:uppercase; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:100px; display:inline-block; z-index:-1; transition: all .5s; } .btn-white::after { background: #fff; } .btn-animation-1:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } @keyframes comeFromBottom{ 0%{ opacity:0; transform:translateY(40px); } 100%{ opacity:1; transform:translateY(0); } } SVETI PETAR OREHOVEC body{ text-align:center; box-sizing:border-box; font-family:"Lato",Sans-serif; /* position:relative; */ } .box{ position:relative; } .btn:link, .btn:visited{ text-decoration: none; text-transform:uppercase; position:relative; top:0; left:0; padding:20px 40px; border-radius:100px; display:inline-block; transition: all .5s; } .btn-white{ background:#fff; color:#000; } .btn:hover{ box-shadow:0px 10px 10px rgba(0,0,0,0.2); transform : translateY(-3px); } .btn:active{ box-shadow:0px 5px 10px rgba(0,0,0,0.2) transform:translateY(-1px); } .btn-bottom-animation-1{ animation:comeFromBottom 1s ease-out .8s; } .btn::after{ content:""; text-decoration: none; text-transform:uppercase; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:100px; display:inline-block; z-index:-1; transition: all .5s; } .btn-white::after { background: #fff; } .btn-animation-1:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } @keyframes comeFromBottom{ 0%{ opacity:0; transform:translateY(40px); } 100%{ opacity:1; transform:translateY(0); } } MIHOLEC body{ text-align:center; box-sizing:border-box; font-family:"Lato",Sans-serif; /* position:relative; */ } .box{ position:relative; } .btn:link, .btn:visited{ text-decoration: none; text-transform:uppercase; position:relative; top:0; left:0; padding:20px 40px; border-radius:100px; display:inline-block; transition: all .5s; } .btn-white{ background:#fff; color:#000; } .btn:hover{ box-shadow:0px 10px 10px rgba(0,0,0,0.2); transform : translateY(-3px); } .btn:active{ box-shadow:0px 5px 10px rgba(0,0,0,0.2) transform:translateY(-1px); } .btn-bottom-animation-1{ animation:comeFromBottom 1s ease-out .8s; } .btn::after{ content:""; text-decoration: none; text-transform:uppercase; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:100px; display:inline-block; z-index:-1; transition: all .5s; } .btn-white::after { background: #fff; } .btn-animation-1:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } @keyframes comeFromBottom{ 0%{ opacity:0; transform:translateY(40px); } 100%{ opacity:1; transform:translateY(0); } } GUŠČEROVEC body{ text-align:center; box-sizing:border-box; font-family:"Lato",Sans-serif; /* position:relative; */ } .box{ position:relative; } .btn:link, .btn:visited{ text-decoration: none; text-transform:uppercase; position:relative; top:0; left:0; padding:20px 40px; border-radius:100px; display:inline-block; transition: all .5s; } .btn-white{ background:#4C9900; color:#000; } .btn:hover{ box-shadow:0px 10px 10px rgba(0,0,0,0.2); transform : translateY(-3px); } .btn:active{ box-shadow:0px 5px 10px rgba(0,0,0,0.2) transform:translateY(-1px); } .btn-bottom-animation-1{ animation:comeFromBottom 1s ease-out .8s; } .btn::after{ content:""; text-decoration: none; text-transform:uppercase; position:absolute; width:100%; height:100%; top:0; left:0; border-radius:100px; display:inline-block; z-index:-1; transition: all .5s; } .btn-white::after { background: #66CC00; } .btn-animation-1:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } @keyframes comeFromBottom{ 0%{ opacity:0; transform:translateY(40px); } 100%{ opacity:1; transform:translateY(0); } } GORICA MIHOLEČKA 10
