/* Reset */
* {	margin: 0;	padding: 0;}
table {	border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal;}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clr { clear: both;}
/* End hide from IE-mac */
/* Razno */
.floatLeft { float: left ;}
.floatRight { float: right ;}
.imgTableCenter { font-size: 10px ; margin-bottom: 10px ; margin: 0 auto ;}
.imgTableCenter td { text-align: center ;}
.imgTableRight { float: right ; font-size: 10px ; margin: 0 0 10px 10px ;}
.imgTableRight td { padding: 0px 5px ;}
.imgTableLeft { float: left ; font-size: 10px ; margin: 0 10px 10px 0 ;}
.imgTableLeft td { padding: 0px 5px ;}
.imgTableRight img , .imgTableLeft img , .imgTableCenter img { border: solid 1px #4a688e ; padding: 1px ;}
.font10 { font-size: 10px!important ;}
.alt_text { text-indent: -9999px ;}
.widthFull { width: 100% ;}
.centered { text-align: center ;}
.align_right { text-align: right ;}
.clr { clear: both ;}
.centeredByMargin { margin: 0 auto!important ;}
.RadMenu { z-index: 1!important ;}
a { cursor: pointer!important ; text-decoration: none ; color: #00ab0c ;}
a:hover { text-decoration: underline ;}
#hnd a { display:block ; float:left ; height:4px ; text-indent:-9000px ; width:4px ; cursor:default;}
.RadMenu_Outlook { z-index: 2!important ;}
.radwindow { z-index: 7001!important ;}
#jquery-overlay { z-index:7001 !important;}
#jquery-lightbox { z-index:7002 !important;}
.ControlPanel {	width: 1000px; position: absolute ; top: 0 ; left: 50% ; margin-left: -500px ; z-index: 10000 ;}
.Normal , .NormalDisabled { font-size: 12px ; font-family: Arial, Helvetica, sans-serif ;}
.noBorder , .noBorder img { border: none!important ;}
.SubHead center { text-transform: uppercase ; font-weight: normal ; font-size: 9px ; color: #bbb ;}
.RadMenu_Outlook_Context .rmItem { background: #F2FAFE ; z-index: 10000 ;}
.RadMenu_Outlook_Context .rmItem a { color: #5bae22!important ;}
.RadMenu_Outlook_Context .rmItem a span { font-size: 11px ; padding-top: 6px!important ;}
/* GoogleMap */
.googleMap { margin-bottom: 20px ;}
.googleMap iframe { border: solid 2px #2f576f ;}
.googleMap small a { color: #2f576f!important ;}
/* PRIJAVA STRANICA */
.wrapperPrijava { width: 100% ; text-align: center ;}
.LoginPage { margin: 100px auto 0 auto; width: 290px; padding: 20px 10px 10px 10px; text-align: center;}
.LoginPage a , .LoginPage span { font-size: 12px ;}
.LoginPage .StandardButton { margin: 10px 0 ;}
.wrapperPrijava .BackLink a { color: #8E8F8F!important ; font-size: 11px ;}
/* Osnovno */
#Body { font-size: 12px ; font-family: Arial, Helvetica, sans-serif ; background: url(images/body_bg.png) left bottom repeat-x;}
h1.site_name { display: block ; float: left ; text-indent: -9999px ;}
.outter_wrapper { margin: 0 auto ; background: url(images/page_bg.jpg) center top no-repeat ;}
.page_wraper { width: 1004px ; margin: 0 auto ;}
.wraper_inner { width: 980px ; margin: 0 auto ; padding: 0 12px ;}
.header { padding: 0 24px ; height: 276px ;}
.logo { float: left ; display: block ; margin-top: 50px ; padding-left: 32px ;}

.top_nav { float: right ; padding: 35px 42px 184px 0 ;}
.top_nav .rmLink { color: #5d5d5d!important ; font-size: 11px ; padding: 2px 0 0 0 !important ;}
.top_nav .rmLink .rmText { padding: 0px 5px!important ; line-height: 11px ; border-right: solid 1px #79a836 ;}
.top_nav .rmLast .rmText { border: none ;}
.top_nav .rmLink:hover { color: #00451f!important ; text-decoration: underline!important ;}
.top_nav .selectedL1 {color: #00451f!important ; padding-bottom: 2px!important ;}

.search_engine { clear: both ; width: 282px ; float: right ; padding-right: 6px ;}
.search_engine { background: url(images/search_bg.png) left top no-repeat ;}
.search_engine .NormalTextBox { width: 206px ; height: 21px ; border: none ; background: none ; padding: 7px 10px 0 35px ; font-size: 11px ; color: #838383 ; margin-right: 0px ; display: block ; float: left ;}
.search_engine .search-button { border: none ; background: none ; height: 28px ; width: 28px ; margin-right: 0px ; text-indent: -9999px ; cursor: pointer ; display: block ; float: right ;font-size: 0px ; line-height: 0px ;}

.main_nav_holder { height: 23px ; background: url(images/main_nav_bg.png) left top no-repeat ; padding: 17px 0 0 250px ;}
.main_nav_holder  .RadMenu { z-index: 2!important ;}
.main_nav_holder .rmLink { font-size: 17px ; color: #fff!important ; font-weight: bold ; text-transform: lowercase ; text-decoration: none ;}
.main_nav_holder .rmLink .rmText { border-right: solid 1px #00451f ; line-height: 14px ;}
.main_nav_holder .rmLast .rmLink .rmText { border: none ;}
.main_nav_holder .rmGroup { background: #fff ; padding: 10px 0!important ; border: solid 2px #00a6eb ;}
.main_nav_holder .rmGroup .rmLink { padding: 5px 0!important ; font-size: 12px ; color: #00451f!important ; font-weight: normal ; border-top: solid 1px #fff ; border-bottom: solid 1px #fff ;}
.main_nav_holder .rmGroup .rmLink:hover { font-weight: bold ; color: #00a4e8!important ; background: #9ae5f9 url(/Portals/0/Containers/cistoca/images/sprite.gif) -4px -290px no-repeat ; border-top: solid 1px #00a6eb ; border-bottom: solid 1px #00a6eb ;}
.main_nav_holder .rmGroup .rmText { border: none ; padding-left: 19px!important ;}

.content_holder { background: url(images/content_bg.png) left top repeat-y ; padding: 20px 31px 0px 31px ; position: relative ;}

.content_pane_holder { width: 626px ; float: left ;}
.type_unutarnja .content_pane_holder { width: 568px ; padding: 25px 44px 0 14px ;}

.side_pane_holder { width: 292px ; float: right ;}
.type_unutarnja .side_pane_holder { padding-top: 15px ;}

.aside-title { display: block ; font-size: 16px ; font-weight: bold ; color: #5cae25 ; padding: 0 0 5px 11px ; border-bottom: solid 5px #4196d2 ; margin-bottom: 1px ;}

.type_unutarnja .side_pane_holder .RadMenu { background: url(images/sidemenu_bg.jpg) left top no-repeat ; width: 272px ; padding: 20px 10px 20px 10px ;}
.type_unutarnja .side_pane_holder .rmLink { font-size: 12px ; color: #000!important ; margin-bottom: 6px ;}
.type_unutarnja .side_pane_holder .rmLink:hover , .type_unutarnja .side_pane_holder .selectedL1 { color: #4196d2 ; font-weight: bold ; text-decoration: none ; background: url(/Portals/0/Containers/Cistoca/Images/sprite.gif) -13px -202px no-repeat ;}
.border_div { width: 954px ; height: 8px ; border: solid 1px #fff ; position: absolute ; top: 0 ; left: 12px ; background: #c2dbb1 ;}

.footer { clear: both ; background: url(images/footer_bg.png) 4px top no-repeat ; padding: 122px 23px 52px 23px ; height: 106px ;}
.footer_menu { width: 380px ; padding: 0 300px ; text-align: center ; height: 72px ;}
.footer_menu .RadMenu { clear: both!important ; float: none!important ; text-align: center!important ; white-space: normal ;}
.footer_menu .RadMenu .rmItem { display: inline ; float: none ;}
.footer_menu .RadMenu .rmLink { color: #5d5d5d!important ; font-size: 10px ; padding: 2px 0 2px 0 !important ; margin-bottom: 5px ; float: none ; display: inline-block ;}
.footer_menu .RadMenu .rmLink .rmText { padding: 0px 5px!important ; line-height: 10px ; border-right: solid 1px #79ac36 ;float: none ; display: inline-block ;}
.footer_menu .RadMenu .rmLast .rmText { border: none ;}
.footer_menu .rmLink:hover , .top_nav .selectedL1 { color: #00451f!important ; background: #5bae22 ; text-decoration: none ;}

.footer_bottom { clear: both ; color: #fff ; font-size: 11px!important ; padding: 0 40px ;}
.footer_bottom .copyright { float: left ;}
.footer_bottom .sistemi_holder { color: #79ac36 ; float: right ;}
.footer_bottom .sistemi_holder a { color: #fff!important ;}
.footer_bottom .copyright * { color: #fff!important ; font-weight: normal!important ;}
.footer .sistemi span { text-indent: -9999px ; float: left ;}

.FeedbackForm h2,
.FeedbackForm .dnnFormHelp,
.FeedbackForm .Feedback_CharCount {
    display: none;
}

.FeedbackForm fieldset {
    margin:0;
}

.FeedbackForm .dnnActions {
    text-align: center;
    display: block;
    padding:0;
    margin: 10px 0;
}

.FeedbackForm .dnnActions li {
    list-style-type: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    float: none;
}

.FeedbackForm .dnnActions .dnnPrimaryAction {
    display: block;
}

.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
    width: 20%;
    padding-right: 10px;
}


/* COOKIE */

.cookiebar {
    position: fixed;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), -3px -4px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    z-index: 9999;
}
.cookiebar .card {
    position: relative;
    margin: 0;
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
}
.cookiebar .card-inner {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    max-width: 48em;
    max-height: 60vh;
}
.cookiebar .card-content {
    padding: 24px;
    border-radius: 0 0 2px 2px;
    font-size: 13px;
    color: #333;
}
.cookiebar .card-title {
    margin-bottom: 8px;
    display: block;
    line-height: 32px;
    font-size: 19.5px;
    font-weight: 300;
    color: #79ac36;
}
.cookiebar .card-action {
    position: relative;
    padding: 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: inherit;
    border-top: 1px solid rgba(160,160,160,0.2);
}
.cookiebar .card-action #basic_chkbx, .cookiebar .card-action label[for="basic_chkbx"] {
    opacity: .5;
}
.cookiebar .card-action label {
    margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
    .cookiebar .card-action {
        width: 100%;
   }
    .cookiebar .card-action .flex {
        margin-top: 10px;
   }
}
.m-right--1 {
    margin-right: 1em;
}
.width--100 {
    width: 100%;
}
.flex {
    display: flex;
}
.align__items--center {
    align-items: center !important;
}
.justify--center {
    justify-content: center !important;
}
.button--orange {
    background: #79ac36;
    color: #ffffff;
}
.mw--48 {
    max-width: 48em;
}
.mw--default {
    max-width: 100%;
}
@media only screen and (min-width: 767px) {
    .mw--default {
        max-width: 90vw;
   }
}
@media only screen and (min-width: 991px) {
    .mw--default {
        max-width: 60vw;
   }
}
.flex--row {
    flex-direction: row;
}
.flex--column {
    flex-direction: column;
}
.center {
    margin: 0 auto;
}
.gdpr .button {
    position: relative;
    padding: 7.5px 15px;
    overflow: hidden;
    margin-left: 20px;
    border: none;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
    background: #79ac36;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14.4px;
    font-size: 0.9rem;
    color: #ffffff;
    line-height: 1.5;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s;
}
.gdpr .button--orange {
    background: #ef7102;
}
@media only screen and (max-width: 575px) {
    .gdpr .button {
        margin-left: 0;
   }
}
.gdpr h1, .gdpr h2, .gdpr h3, .gdpr p, .gdpr label, .gdpr a {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.gdpr .block {
    display: block;
}
.c-gdpr__items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media only screen and (max-width: 991px) {
    .c-gdpr__items {
        flex-wrap: wrap;
        flex-direction: row !important;
        padding-left: 0;
        margin-left: 0;
   }
}
.c-gdpr__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.c-gdpr__item-title {
    display: flex;
    margin-right: 1em;
}
@media only screen and (max-width: 991px) {
    .c-gdpr__item {
        flex: 1 1 50%;
        margin-bottom: 10px;
        justify-content: flex-end;
        padding-right: 30px;
   }
}
@media only screen and (max-width: 575px) {
    .c-gdpr__description {
        max-height: 40vh;
        overflow-y: auto;
   }
}