body {font-size:13px; /*color:#404040;*/ font-family: 'Open Sans', sans-serif; font-weight:400; color:#646462}

a, .default a {color:#93c01e; }
a:hover, .default a:hover {text-decoration:none; color:#4d4d4d}
.fontB {font-family: 'Open Sans', sans-serif; font-weight:700;}
.fontL {font-family: 'Open Sans', sans-serif; font-weight:300;}

h1,h2,h3,h4,h5,h6 {font-family: 'Open Sans', sans-serif; font-weight:300; font-size:28px;}
h1.title {font-weight:300; margin-top:0px}
h2 {font-size:24px}
h2.title {font-size:18px; font-weight:700}
h3,h4,h5,h6 { font-size:20px }

p { line-height:18px }
.welcome { background-repeat:no-repeat; background-position:top left; padding:0px 0px 15px 0px; }

a.more { text-transform:uppercase; color:#939598; padding:0px 0px 0px 50px; margin:10px 0px 20px 0px; position:relative}
a.more span {position:absolute; left:0px; top:4px; width:40px; height:10px; background-color:#939598; border-radius: 5px 5px 5px 5px; -moz-border-radius:  5px 5px 5px 5px; -webkit-border-radius:  5px 5px 5px 5px;}

.subtitle {display:block; margin-bottom:20px; position:relative; padding-left:100px; text-transform:uppercase; color:#a0a0a0; font-weight:300}
.subtitle span {position:absolute; top:4px; left:0px; width:90px; height:10px; background-color:#939598; border-radius: 5px 5px 5px 5px; -moz-border-radius:  5px 5px 5px 5px; -webkit-border-radius:  5px 5px 5px 5px; }
.subtitle span.siva { background-color:#939598 !important}


/* Help */
.fade {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.fade:hover {opacity: 0.7;}
.container { position:relative}
.c_fix { padding-left:0px; padding-right:0px; }
.top { padding-top:120px }
.rounded {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;}
.wide { display:block; background-position:top left; background-repeat:repeat-x; background-color:#fff; padding:20px 0px}
.wide_page { display:block; background-position:top left; background-repeat:repeat-x; background-color:#fff;background-image:url(../images/bg-siva.jpg);}
.gray {background-image:url(../images/bg-siva.jpg); }
form * { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important;}
.box { display:block; padding:15px; position:relative; background-position:top left; background-repeat:repeat-x; background-color:#fff; margin:15px 0px }

.aside_box {display:block; padding:15px; position:relative; background-position:top left; background-repeat:repeat-x; background-color:#fff; margin:15px -15px;}
.box_bg {background-image:url(../images/bg-siva.jpg);}
.bg_white { background-color:#fff; }
.z_top {z-index:5000 }

.home .subtitle span { background-color:#93c01e !important}

/* Layout */
header { border-top:10px solid #4d4d4d }
footer { background-color:#2b2b2b; color:#a0a0a0; padding:15px 0px 40px 0px; font-size:12px }
aside {position:relative}
article, kontakt_wrapp { padding:0px}
article p {line-height:20px}

/* footer */
.copy, .credits {display:block; text-align:center; padding-bottom:5px}

a.logo {width:190px; height:35px; display:block; background-image:url(../images/Logo-xs.gif); background-repeat:no-repeat; margin:10px 10px}

/* Main menu */
nav.menu {display:block; margin-top:15px; position:relative; z-index:10000;}
ul.main_menu { list-style:none; padding:0px; margin:0px; padding-bottom:10px }
ul.main_menu li { display:inline-block; position:relative}
ul.main_menu li a { display:block; padding:5px 20px; font-size:18px; font-weight:300; color:#686868 }
ul.main_menu li a.active, ul.main_menu li a:hover { color:#93c01e }
ul.main_menu ul { display:none; position:absolute; list-style:none; padding:0px; background-color:#fff; margin:0px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.49);box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.49);border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border: 0px solid #000000;}
ul.main_menu ul li {width:200px; padding:0px 15px}
ul.main_menu ul li a { border-bottom:1px dotted #d2d2d2; color:#969696; padding:8px 0px; font-weight:400; font-size:14px}
ul.main_menu ul li:last-child a { border:0px }
ul.main_menu ul ul {left:200px; top:0px}

/* Responsive nav */
a.rNavButton {width:55px; height:55px; display:block; background-repeat:no-repeat; background-image:url(../images/rNav-button.gif); background-position:center; position:absolute; top:2px; right:5px}
.rOptions {display:none;}
.rOptions ul.main_menu { padding:0px}
.rOptions ul.main_menu li {display:block;}
.rOptions ul.main_menu li a {  padding:10px 20px;border-bottom:1px dotted #d2d2d2; }
.rOptions ul.main_menu ul { position:relative; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.49);-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.49);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.49);}
.rOptions ul.main_menu ul li { width:100%; display:block }
.rOptions .arrow { background-image:url(../images/rNav-down.gif); background-repeat:no-repeat; background-position:right center; padding-right:40px }
.rOptions .over {background-image:url(../images/rNav-up.gif);  }
.rOptions .search_wrapp {position:relative; display:block; padding:0px 20px; width:auto; padding-top:17px}

/* List news */
ul.list_news { padding:0px; margin:0px; list-style:none }
ul.list_news li {margin:15px 0px; border-bottom:1px dotted #CCC; padding-bottom:15px}
ul.list_news li a {}
ul.list_news li img { float:left; margin-right:15px; width:120px }
ul.list_news li:last-child { border-bottom:0px;}

/* Članak */
span.datum {display:block;font-size:12px; color:#888888}
article h1.naslov {font-size:30px; font-weight:300; margin-top:0px;}
article a { font-weight:700 }
article img.article_image {width:100%; margin-bottom:20px; margin-top:-20px; border-radius: 0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;}
article blockquote { margin:25px 0px;}

article .image_wrapp {display:block; width:100%; margin-bottom:15px}
article .image_wrapp img {width:100%; border-radius: 0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px;}

/* Članak tablice */
article table { margin:25px 0px}
article table thead { text-transform:uppercase;font-family: 'Open Sans', sans-serif; font-weight:700;}
article table thead td { padding:5px 10px; color:#fff; }
article table thead tr:first-child td { border:0px}
article table thead tr td:first-child {border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border: 0px solid #000000;}
article table thead tr td:last-child {border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius:0px 10px 0px 0px;border: 0px solid #000000;}
article table tr td {padding:8px 10px;border-bottom:1px dotted #d2d2d2;} 
article table tfoot { font-size:12px; font-weight:300}
article table tfoot tr { background-color:#f6f6f6 }
article table tfoot tr td:first-child {border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; border: 0px solid #000000;}
article table tfoot tr td:last-child {border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; border: 0px solid #000000;}
article table tfoot tr:last-child td { border:0px }

/* Linkovi */
ul.linkovi {list-style:none; margin:0px; padding:0px}
ul.linkovi li { margin:2px 0px; padding:5px 0px}
ul.linkovi li a {display:block; position:relative; text-transform:uppercase; color:#646462; font-weight:700; padding-left:30px}
ul.linkovi li a span { text-transform:none; display:block; font-weight:300}
ul.linkovi li a span.bullet { position:absolute; top:5px; left:0px; width:18px; height:8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0px solid #000000; background-color:#cccccc}

/* Galerija */
.galerija_wrapp {display:block; padding:15px 0px; position:relative}
.galerija div { text-align:center }
.galerija div img {width:100%}

.galerija_wrapp a.g_lijevo, .galerija_wrapp a.g_desno { width:30px; height:50px; position:absolute; top:45px; background-image:url(../images/icons/galerija-nav.png); background-repeat:no-repeat; display:none}
.galerija_wrapp a.g_lijevo { left:0px; background-position:0px 0px}
.galerija_wrapp a.g_desno { right:0px; background-position:-30px 0px}

/* Side box */
.side_box {display:block}
.kategorija_title {display:block; padding:20px 15px; color:#fff; font-size:24px; margin-left:-15px; margin-right:-15px; line-height:24px; margin-top:0px; margin-bottom:10px}

/* Box upute */
.upute_box {position:relative; padding-left:50px; min-height:50px}
.upute_box.da, .upute_box.ne {position:absolute; top:0px; width:40px; height:40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px solid #000000;}
.upute_box span.da, .upute_box span.ne { position:absolute; top:4px; left:0px;width:40px; height:40px; line-height:40px; text-align:center; background-repeat:no-repeat;border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color:#fff; font-weight:700; font-size:18px } /* Ikone  background-image:url(../images/icons-da-ne.png); */
.upute_box span.da { background-position:0px 0px; background-color:#8dc63f}
.upute_box span.ne { background-position:0px -40px; background-color:#d40225}


/* Side menu */
ul.side_menu {padding:0px; margin:0px; list-style:none}
ul.side_menu li { padding:15px 0px; border-bottom:1px dotted #d2d2d2;}
ul.side_menu li a {display:block; color:#646462; padding-right:35px; background-repeat:no-repeat; background-position:right 50%; background-image:url(../images/icons/side-menu-bullet.png)}
ul.side_menu li:last-child { border:none }
ul.side_menu li a.active { font-weight:700 }

.icon { padding-left:80px; background-repeat:no-repeat; background-position:left 50% }
.icon.gospodarenje { background-image:url(../images/icons/icon-gospodarenje.png)}
.icon.mbo { background-image:url(../images/icons/icon-mbo.png)}
.icon.otpad { background-image:url(../images/icons/icon-otpad.png)}
.icon.onama { background-image:url(../images/icons/icon-onama.png)}
.icon.default { background-image:url(../images/icons/icon-default.png)}

/* Preuzimanja */
ul.preuzimanja { list-style:none; padding:0px; }
ul.preuzimanja li {border-bottom:1px dotted #d2d2d2; padding:8px 0px;}
ul.preuzimanja li a {display:block; color:#646462; padding-left:38px; position:relative }
ul.preuzimanja li a span {display:block; color:#929291}
ul.preuzimanja li a .file { background-image:url(../images/icon-file.png); background-repeat:no-repeat; background-position:top left; width:30px; height:40px; position:absolute; left:0px; top:0px; color:#fff; padding-top:22px; padding-left:4px; font-size:10px; text-transform:uppercase}

/* Rotator */
.rotator_wrapp {display:block; height:360px; background-image:url(../images/rotator-bg.png); background-repeat:repeat-x; background-position:top left;}
.infoBlock {width:100%}
.r_fix { padding-left:0px; padding-right:0px; }

.rotator_pane {display:block; margin:0px -15px; height:360px; padding-top:100px; background-repeat:no-repeat; background-position:top right}
.rotator_text {display:block; padding:10px; overflow:hidden; background-image:url(../images/white-bg.png); background-repeat:repeat; margin-right:50px; margin-left:20px}
.rotator_text h1 { font-size:30px; margin-top:0px;padding:0px 10px; color:#93c01e; color:#666 !important; font-weight:700   }
.rotator_text h2 { font-size:14px; margin-bottom:0px;color:#646462;padding:0px 10px; margin-top:5px}
a.rotator_button { padding:8px 20px; text-transform:uppercase; color:#fff; background-color:#93c01e; display:block; float:left; margin-top:10px; margin-left:20px }
a.rotator_button:hover {background-color:#df851a}
.gozz_logo { width:100px; height:171px; background-image:url(../images/gozz-logo-xs.png); background-repeat:no-repeat; background-position:top center; display:block; position:absolute; top:-160px; right:10px; z-index:5000}

.rsMinW .rsArrowLeft { left:5px; bottom:150px; }
.rsMinW .rsArrowRight { right:5px; bottom:150px }


/* bubble */
.bubble_wrapp { position:relative }
.bubbles {position:absolute; top:-100px; left:15px; right:auto; width:180px; z-index:5000}
.bubbles ul.gozz_buttons { left:0px; right:auto }
.r_bubbles { padding-top:15px }

/* Gozž buttons */
ul.gozz_buttons {position:absolute; right:0px; top:50px; list-style:none; padding:0px; display:none}
ul.gozz_buttons li { display:inline-block; padding:0px 2px; margin:5px 0px}
ul.gozz_buttons li a {display:block; font-size:14px; color:#fff; padding:5px 10px;}
ul.gozz_buttons li a.ico { padding-left:45px;  background-repeat:no-repeat; background-position:left top }
ul.gozz_buttons li a span {display:block; text-transform:uppercase; font-size:11px}
ul.gozz_buttons li a.otpad { background-color:#f7941e; background-image:url(../images/icons/icon-bubble-otpad.png);}
ul.gozz_buttons li a.otpad:hover { background-color:#df851a}
ul.gozz_buttons li a.nabava { background-color:#93c01e; background-image:url(../images/icons/icon-bubble-nabava.png)}
ul.gozz_buttons li a.nabava:hover { background-color:#81a919}
ul.gozz_buttons li a.info { background-color:#ffd51a; background-image:url(../images/icons/icon-bubble-kontakt.png);}
ul.gozz_buttons li a.info:hover { background-color:#e9c217}

/* Page rotator */
.page_container {padding-left:0px; padding-right:0px;}
.page_image_wrapp {display:block; height:250px; background-image:url(../images/rotator-bg.png); background-repeat:repeat-x; background-position:top left}
.page_image_holder {display:block; height:250px; position:relative; background-position:bottom center; background-repeat:no-repeat}
.page_cover_lijevo { background-image:url(../images/page-rotator-cover-lijevo.png); background-repeat:no-repeat; background-position:top left; width:435px; height:250px; position:absolute; left:0px; top:0px; display:none}
.page_cover_desno { background-image:url(../images/page-rotator-cover-desno.png); background-repeat:no-repeat; background-position:top right; width:250px; height:250px; position:absolute; right:0px; top:0px; display:none}

.page_panel { position:absolute; width:150px; left:35px; top:80px; display:none; }
.page_panel h1 { margin:0px; font-size:24px;}
.page_panel h2 { font-size:18px; text-shadow: 1px 1px 0px #FFF;}

/* Maps */
.map_wrapp {display:block; height:300px; background-image:url(../images/rotator-bg.png); background-repeat:repeat-x; background-position:top left}

/* Newsletter */
.btn { text-transform:uppercase; color:#fff; background-color:#93c01e !important; border:0px; padding:5px 25px;}
.area { height:100px }
form.newsletter { display:block; margin-bottom:30px}
.n_field {border-radius: 15px 0px 0px 15px !important; -moz-border-radius: 15px 0px 0px 15px !important; -webkit-border-radius:15px 0px 0px 15px !important;}
.n_btn {border-radius: 0px 15px 15px 0px !important; -moz-border-radius: 0px 15px 15px 0px!important; -webkit-border-radius: 0px 15px 15px 0px!important; line-height:24px; border:0px !important }



/* Social */
ul.social {padding:0px; list-style:none; margin:0px; position:absolute;top:0; right:0px}
ul.social li { display:inline-block;}
ul.social li a { background-color:#939598; width:40px; display:block; height:30px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; text-align:center; color:#fff; background-image:url(../images/icons-social.png); background-repeat:no-repeat}
ul.social li a.facebook { background-position:0px 0px}
ul.social li a.twitter { background-position:-40px 0px}

/* Social footer */
ul.social_footer { list-style:none; margin:0px; padding:0px; margin:auto; width:85px; padding:15px 0px}
ul.social_footer li { display:inline-block; }
ul.social_footer li a { display:block; width:40px; height:30px; background-image:url(../images/icons-social.png); background-repeat:no-repeat; }
ul.social_footer li a.facebook { background-position:0px 0px }
ul.social_footer li a.twitter { background-position:-40px 0px }

/* Teme  BOJA*/
.default ul.main_menu li a.active, .default ul.main_menu li a:hover, .default a.more:hover, .default ul.preuzimanja li a:hover, .default ul.side_menu li a:hover, .default ul.side_menu li a.active , .default article a, .default .page_panel h2, .default ul.linkovi li a:hover, .default .nav>li.active>a, .default .nav>li>a:hover, .default .jesteliznali h3.zeleno, .default .over   { color:#93c01e  !important} /*Zelena boja*/
.blue ul.main_menu li a.active, .blue ul.main_menu li a:hover, .blue a.more:hover, .blue ul.preuzimanja li a:hover, .blue ul.side_menu li a:hover, .blue ul.side_menu li a.active, .blue article a, .blue .page_panel h2, .blue ul.linkovi li a:hover, .blue .nav>li.active>a, .blue .nav>li>a:hover, .blue .jesteliznali h3.zeleno, .blue .over { color:#00aeef  !important} /*Plava boja*/
.orange ul.main_menu li a.active, .orange ul.main_menu li a:hover, .orange a.more:hover, .orange ul.preuzimanja li a:hover, .orange ul.side_menu li a:hover, .orange ul.side_menu li a.active, .orange article a, .orange .page_panel h2, .orange ul.linkovi li a:hover, .orange .nav>li.active>a, .orange .nav>li>a:hover, .orange .jesteliznali h3.zeleno, .orange .over  { color:#f7941e  !important} /*Narančasta boja*/
.yellow ul.main_menu li a.active, .yellow ul.main_menu li a:hover, .yellow a.more:hover, .yellow ul.preuzimanja li a:hover, .yellow ul.side_menu li a:hover, .yellow ul.side_menu li a.active, .yellow article a, .yellow .page_panel h2, .yellow ul.linkovi li a:hover, .yellow .nav>li.active>a, .yellow .nav>li>a:hover, .yellow .jesteliznali h3.zeleno, .yellow .over  { color:#ffd51a  !important} /*Žuta boja*/
.brown ul.main_menu li a.active, .brown ul.main_menu li a:hover, .brown a.more:hover, .brown ul.preuzimanja li a:hover, .brown ul.side_menu li a:hover, .brown ul.side_menu li a.active, .brown article a, .brown .page_panel h2, .brown ul.linkovi li a:hover, .brown .nav>li.active>a, .brown .nav>li>a:hover, .brown .jesteliznali h3.zeleno, .brown .over  { color:#603813  !important} /*Smeđa boja*/
.gray ul.main_menu li a.active, .gray ul.main_menu li a:hover, .siva { color:#939598  !important} /*Siva boja*/

/* Teme pozadina */
.default a.more:hover span, .default .subtitle span, .bg_default, .default .btn, .default .kategorija_title, .default article table thead, .default .owl-theme .owl-controls .owl-page.active span, .default .owl-theme .owl-controls.clickable .owl-page:hover span, .default ul.linkovi li a:hover span.bullet, .default .nav-tabs>li>a, .default ul.social li a:hover, .default ul.paginacija li a.active, .default ul.paginacija li a:hover
{ background-color:#93c01e;}

.blue a.more:hover span, .blue .subtitle span, .bg_blue, .blue .btn, .blue .kategorija_title, .blue article table thead, .blue .owl-theme .owl-controls .owl-page.active span, .blue .owl-theme .owl-controls.clickable .owl-page:hover span, .blue ul.linkovi li a:hover span.bullet, .blue .nav-tabs>li>a, .blue ul.social li a:hover, .blue ul.paginacija li a.active, .blue ul.paginacija li a:hover
 { background-color:#00aeef}
 
.orange a.more:hover span, .orange .subtitle span, .bg_orange, .orange .btn, .orange .kategorija_title, .orange article table thead, .orange .owl-theme .owl-controls .owl-page.active span, .orange .owl-theme .owl-controls.clickable .owl-page:hover span, .orange ul.linkovi li a:hover span.bullet, .orange .nav-tabs>li>a, .orange ul.social li a:hover, .orange ul.paginacija li a.active, .orange ul.paginacija li a:hover 
{ background-color:#f7941e}

.yellow a.more:hover span, .yellow .subtitle span, .bg_yellow, .yellow .btn, .yellow .kategorija_title, .yellow article table thead, .yellow .owl-theme .owl-controls .owl-page.active span, .yellow .owl-theme .owl-controls.clickable .owl-page:hover span, .yellow ul.linkovi li a:hover span.bullet , .yellow .nav-tabs>li>a, .yellow ul.social li a:hover , .yellow ul.paginacija li a.active, .yellow ul.paginacija li a:hover
{ background-color:#ffd51a}

.brown a.more:hover span, .brown .subtitle span, .bg_brown, .brown .btn, .brown .kategorija_title, .brown article table thead, .brown .owl-theme .owl-controls .owl-page.active span, .brown .owl-theme .owl-controls.clickable .owl-page:hover span, .brown ul.linkovi li a:hover span.bullet, .brown .nav-tabs>li>a, .brown ul.social li a:hover , .brown ul.paginacija li a.active, .brown ul.paginacija li a:hover
{ background-color:#603813}

.gray .subtitle span, .bg_gray, .gray .btn
 { background-color:#939598}

/* Teme ikone */
.default ul.side_menu li a.active, .default ul.side_menu li a:hover { background-image:url(../images/icons/side-menu-bullet-green.png) }
.blue ul.side_menu li a.active, .blue ul.side_menu li a:hover { background-image:url(../images/icons/side-menu-bullet-blue.png) }
.orange ul.side_menu li a.active, .orange ul.side_menu li a:hover { background-image:url(../images/icons/side-menu-bullet-orange.png) }
.yellow ul.side_menu li a.active, .yellow ul.side_menu li a:hover { background-image:url(../images/icons/side-menu-bullet-yellow.png) }
.brown ul.side_menu li a.active, .brown ul.side_menu li a:hover { background-image:url(../images/icons/side-menu-bullet-brown.png) }

/* Teme Border */
.default article blockquote, .default article .image_wrapp:hover { border-color:#93c01e }
.blue article blockquote, .blue article .image_wrapp:hover { border-color:#00aeef }
.orange article blockquote, .orange article .image_wrapp:hover { border-color:#f7941e }
.yellow article blockquote, .yellow article .image_wrapp:hover { border-color:#ffd51a }
.brown article blockquote, .brown article .image_wrapp:hover { border-color:#603813 }

/* Jeste li znali box */
.jesteliznali_wrapp { display:block; padding-left:0px; padding-top:150px; position:relative; background-image:url(../images/character-green.gif); background-repeat:no-repeat; background-position:top left; min-height:150px }
.jesteliznali h3, .jesteliznali p { padding-right:25px}
.jesteliznali .owl-pagination { display:block }

ul.slide_nav { list-style:none; padding:2px 5px; padding-top:8px; margin:0px; background-color:#f8f8f8; position:absolute; top:50px; left:150px;}
ul.slide_nav li { display:inline-block; }
ul.slide_nav li a {display:block;background-image:url(../images/slide-nav.png); background-repeat:no-repeat; width:30px; height:30px; }
ul.slide_nav li a.j_lijevo { background-position:0px 0px; margin-right:2px}
ul.slide_nav li a.j_desno { background-position:-30px 0px; margin-left:2px;}
ul.slide_nav li a.j_lijevo:hover { background-position:0px -30px; }
ul.slide_nav li a.j_desno:hover { background-position:-30px -30px; }

.home h3.zeleno {color:#93c01e !important  }

/* Reference */
.reference_wrapp {display:block; padding-left:0px; padding-top:150px; position:relative; background-image:url(../images/jez.gif); background-repeat:no-repeat; background-position:top left; min-height:150px }
.reference { padding-top:20px }
.reference_wrapp p {display:none}

ul.slide_nav li a.r_lijevo { background-position:0px 0px; margin-right:2px}
ul.slide_nav li a.r_desno { background-position:-30px 0px; margin-left:2px;}
ul.slide_nav li a.r_lijevo:hover { background-position:0px -30px; }
ul.slide_nav li a.r_desno:hover { background-position:-30px -30px; }

/* Gospodarenje box */
.gospodarenje_wrapp {display:block; padding-left:0px; padding-top:150px; position:relative; background-image:url(../images/character-brown.gif); background-repeat:no-repeat; background-position:top left; min-height:150px}

ul.gospodarenje_list { list-style:none; padding:0px; margin:0px }
ul.gospodarenje_list li { padding:5px 0px}
ul.gospodarenje_list li a {display:block; color:#646462}
ul.gospodarenje_list li a:hover { color:#93c01e }

a.g_button {position:absolute; top:50px; left:150px; background-color:#f8f8f8; text-align:center; padding:10px 20px; text-transform:uppercase; color:#646462}
a.g_button:hover { color:#fff; background-color:#93c01e}

/* Clanak tab */
.tab-content {  }
.tab-pane { padding:20px 0px}
.nav-tabs li {display:block;}
.nav-tabs>li>a {border: 1px solid transparent; border-radius: 15px 15px 0 0; background-color:#ccc; color:#fff !important; }
.nav>li>a:hover, .nav>li>a:focus {background-color:#fff; text-decoration:underline}
.nav>li.active>a { background-color:#fff !important }

/* Search */
.search_wrapp {position:absolute; top:0px; right:0px; width:200px;}
.search { border-radius: 15px 0px 0px 15px !important;-moz-border-radius:  15px 0px 0px 15px !important; -webkit-border-radius: 15px 0px 0px 15px !important;border-right:1px; height:30px  !important; font-size:13px;}
.s_btn {border-radius: 0px 15px 15px 0px !important;-moz-border-radius:  0px 15px 15px 0px !important; -webkit-border-radius: 0px 15px 15px 0px !important;border: 1px solid #ccc !important; border-left:0px; height:30px !important; border-color:#93c01e !important; background-image:url(../images/ico-search.png); background-repeat:no-repeat; background-position:center}
.s_btn:hover { border-left:0px !important }

/* Odvoz */
.odvoz ul { padding:0px; list-style:none; margin:0px; background-image:url(../images/bg-odvoz.gif); padding-left:110px; background-repeat:no-repeat; background-position:top left; min-height:70px; overflow:hidden; margin-bottom:10px}
.odvoz ul li {display:block; margin:3px 0px; padding-left:5px; text-indent: -.7em;}
.odvoz ul li.ikona {background-image:url(../images/icon-odvoz.gif); background-repeat:no-repeat; background-position:top left; padding-left:25px }
.odvoz ul li:before { content: "• "; color: gray; }

/* slider */
.heroSlider .rsOverflow, .royalSlider.heroSlider { height: 360px !important;}
.page_image_wrapp .heroSlider .rsOverflow, .page_image_wrapp .royalSlider.heroSlider { height:250px !important }

/* BG sjena */
.bg_sjena {margin:auto; height:50px; background-image:url(../images/sjena.jpg); background-repeat:no-repeat; background-position:top center; margin-top:10px}

ul.paginacija { margin:0px; padding:0px; list-style:none }
ul.paginacija li { display:inline-block; margin:0px 2px; }
ul.paginacija li a { display:block; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color:#f6f6f6; padding:5px 10px; color:#939598 !important}
ul.paginacija li a.active, ul.paginacija li a:hover { color:#fff !important }

label.error { color:#F30; font-weight:norma;}

.shout  {/* background-color:#00aeef; padding:15px; color:#FFF;*/}
#map_wrapp { height:250px;}

/* Fiksevi */
.pb_fix {padding-bottom:0px !important}
.pt_fix {padding-top:0px !important}

.h_sjena { padding-bottom:50px; background-image:url(../images/sjena.jpg); background-repeat:no-repeat; background-position:bottom center;  }

.n_sjena {display:block; height:50px; background-image:url(../images/sjena.jpg); background-repeat:no-repeat; background-position:bottom center; margin:0px -15px  }

/* 404 */
.error404 {display:block; background-image:url(../images/jez.gif); background-repeat:no-repeat; background-position:bottom left; padding-bottom:50px; padding-left:140px; margin-top:100px; margin-right:50px; position:relative}
.e_bubble { padding:15px; background-color:#93c01e; color:#fff; text-align:center; }
.e_bubble h1 { margin-top:0px; font-weight:700 }
.e_bubble a { font-weight:700; color:#fff; text-transform:uppercase}
.bb_pointer {width:40px; height:34px; background-image:url(../images/bubble-pointer-sm.gif); background-repeat:no-repeat; position:absolute; top:120px; left:100px}
.e_credits { margin-top:15px; font-size:12px; text-align:center }

/* Res */
@media (min-width:321px){
	.bb_pointer {top:45px;}
	
	.galerija_wrapp {padding:15px 35px;}
	.galerija_wrapp a.g_lijevo, .galerija_wrapp a.g_desno { display:block }
	.galerija div img {width:auto;}
	.page_panel { width:250px;  }
	
}
@media (min-width: 479px){
	.rotator_pane {width:400px; padding-top:100px;}
	.rotator_text h1 { font-size:26px }
	.rotator_text h2 { font-size:16px; margin-bottom:0px}
	
	.list_news li a img {width:auto}
	.copy { float:left; text-align:left; padding-bottom:0px}
	.credits { float:right; text-align:right; padding-bottom:0px }
	.bubbles { width:380px }
	
	.gozz_logo {top:-200px; right:10px; background-image:url(../images/gozz-logo-sm.png); width:120px; height:206px }
	.welcome { background-image:url(../images/welcome-image.png); padding:0px 0px 15px 120px; }
	a.logo {width:250px; height:50px; background-image:url(../images/Logo-md.gif);margin:10px 10px}
	a.rNavButton {top:10px; right:5px}
	
	.page_panel { width:350px; display:block;}
	.page_cover_lijevo { display:block;}
	
	.jesteliznali_wrapp { padding-left:150px; padding-top:0px; min-height:150px; background-position:top left }
	.jesteliznali .owl-pagination { display:none }
	ul.slide_nav { top:140px; left:30px;}
	
	.reference_wrapp { padding-left:150px; padding-top:0px; min-height:195px; background-position:top left }
	.reference .owl-pagination { display:none }
	
	.gospodarenje_wrapp { padding-left:160px; padding-top:0px; min-height:150px; background-position:top left}
	a.g_button {top:140px; left:30px;}
	
	.reference_wrapp p {display:block}
}

@media (min-width: 768px) {
	form .n_field { width:350px }
	.rotator_pane {padding-top:50px; background-image:url(../images/bg-bijela-rotator.png);}
	.rotator_text { background-image:none;  padding-right:60px; margin-right:0px; margin-left:0px}
	.rotator_text h1 { font-size:44px }
	.rotator_text h2 { font-size:16px; margin-bottom:0px}
	
	.rsMinW .rsArrowLeft { left:15px; bottom:150px; }
	.rsMinW .rsArrowRight { right:15px; bottom:150px }

	.bubbles { width:500px}
	.gozz_logo { width:210px; height:360px; background-image:url(../images/gozz-logo.png); top:-340px; right:60px;}
	.r_fix { background-image:none }
	.c_fix { padding-left:15px; padding-right:15px; }
	.page_cover_desno { display:block }
	.kategorija_title {border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000;}
	.page_panel { width:350px; font-size:16px;  top:80px; left:0px}
	
	.page_container, .r_fix {padding-left:15px; padding-right:15px}
	
	ul.list_news li { border-bottom:0px }
	.n_sjena { display:none;}
	ul.gozz_buttons {display:block}
	.r_bubbles { padding-top:30px }
	
	/* 404 */
	.error404 {width:400px; margin:auto; margin-top:100px}
	
}
@media (min-width: 992px) {
	
	
	.bg_sjena { background-image:url(../images/sjena.jpg); height:50px; display:block; background-repeat:no-repeat; background-position:bottom center; padding-bottom:50px }
	nav.menu {padding-right:200px}
	article, kontakt_wrapp { padding:20px}
	article img.article_image { margin-top:-30px }
	
	a.logo {width:359px; height:98px; background-image:url(../images/Logo-big.gif); margin:10px 0px}
	
	.page_panel { left:0px  }
	ul.side_menu li { padding:8px 0px;}
	aside {margin-top:-36px;}
	article, .kontakt_wrapp { padding:30px 30px 30px 50px}
	
	article .image_wrapp {display:block; position:absolute; top:-150px; right:10px;width:250px; height:250px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius:50%;border:10px solid #fff; overflow:hidden; } 
	
	article .image_wrapp img { width:auto; height:250px;}	
	article h1.naslov {padding-right:200px}
	
	.rotator_pane {padding-top:60px;}
	
	.bg_sjena {width:1170px; }
		
}
@media (min-width: 1200px) {
	nav.menu {padding-right:300px}
	.search_wrapp {width:300px;}
	a.logo {width:359px; height:98px; background-image:url(../images/Logo-big.gif); margin:10px 0px; margin-left:-20px}
	.page_cover_lijevo { left:45px; top:0px }
	
	
	
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
    		
	a.rMenuButton {background-image:url(../images/menu-32-retina.png); background-size:32px 32px}
	.s_btn {background-image:url(../images/ico-search-retina.png);background-size:30px 30px }
	a.rNavButton {background-image:url(../images/rNav-button-retina.gif);background-size:55px 55px  }
	ul.social li a, ul.social_footer li a { background-image:url(../images/icons-social-retina.png); background-size:80px 30px}
	ul.gozz_buttons li a.otpad { background-image:url(../images/icons/icon-bubble-otpad-retina.png); background-size:45px 45px}
	ul.gozz_buttons li a.nabava { background-image:url(../images/icons/icon-bubble-nabava-retina.png); background-size:45px 45px}
	ul.gozz_buttons li a.info { background-image:url(../images/icons/icon-bubble-kontakt-retina.png);background-size:45px 45px}
	a.logo {background-image:url(../images/Logo-xs-retina.gif);background-size:191px 35px}
	.rOptions .arrow { background-image:url(../images/rNav-down-retina.gif); background-size:40px 40px }
	.rOptions .over {background-image:url(../images/rNav-up-retina.gif); background-size:40px 40px }
}


@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2), media (min-width: 992px) {
	a.logo {background-image:url(../images/Logo-big-retina.gif);background-size:359px 98px}	
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2), media (min-width: 479px) {
	a.logo {background-image:url(../images/Logo-md-retina.gif);background-size:250px 49px}
}


@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}


textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .poruka_input:focus, .form-control:focus {   
border-color: rgba(147, 192, 30, 0.8);
outline: 0 none;}
input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important;}

.image_align_left { float:left; margin-right:10px; margin-bottom:10px;}
.image_align_right { float:right; margin-left:10px; margin-bottom:10px;}