@charset "utf-8";
/* CSS Document */
/******************************/
body {
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
    color: #575757;
}
p, td, i, div, input, textarea, h1, h2, h3, h4, h5, h6, label, input, texarea, select {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem
}
.small_text {
    font-size: 0.7rem
}
.green_text {
    color: #3b8003
}
.panel.callout {
    background-color: #f4feec
}
.obavijest {
    margin-top: 2rem
}
.fancybox-overlay {
    z-index: 9999
}
/******************************************************************************* HEADER  INC*********************************************************************************************/
#header {
    background-color: #479509;
    text-align: center;
    ;
    z-index: 7000
}
#headerContent {
    display: inline-block;
    padding: 1rem 0 1rem 0
}
#headerTitleDrustvo {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 1rem
}
#headerTitleNaziv {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 1.7rem;
    text-align: right;
    line-height: 2.5rem
}
#logoCell {
    text-align: left
}
#headerSearchCell {
    text-align: right;
    padding-top: 5px
}
#headerSearch {
    background-color: #fff;
    /* background-image: url("/template/dummySearch.png");
    background-position: right 7px center;
    background-repeat: no-repeat;*/
    border-radius: 1.525rem;
    /*border: 1px solid #3b8003;*/
    color: #575757;
    font-size: 0.8rem;
    padding: 5px 5px;
    position: relative;
    /*width: 350px;*/
}
#headerSearch_txt {
    width: 100%;
    background: none;
    border: none;
    margin: 0;
    box-shadow: none;
    height: 1.525rem;
    padding: 0.2rem 0.2rem 0.2rem 0.5rem;
}
#headerSearch_btn {
    width: 100%;
    background-image: url(/template/headerSearchButtonImage.png);
    background-position: right 7px center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    height: 1.525rem;
    min-width: 32px
}
/************************* HEADER MENU ***************************************/
#headerMenuContainer {
    position: relative; /*min-height:2.75rem*/
}
#headerMenu {
    background-color: #4d4d4d;
    position: relative;
    width: 100%;
    z-index: 9999
}
nav.top-bar {
    background-color: transparent;
    text-align: center;
}
nav.top-bar li {
    text-align: left;
}
section.top-bar-section {
    display: inline-block;
}
.top-bar {
    background: #4d4d4d none repeat scroll 0 0;
    line-height: 2.2125rem;
    height: 2.2125rem;
}
.top-bar .name {
    height: 2.2125rem;
}
.top-bar-section ul li {
    background: #4d4d4d none repeat scroll 0 0;
    border-left: 0px solid #fff
}
.top-bar-section ul li:first-child {
    border-left: none
}
.top-bar-section ul li > a {
    font-size: 0.95rem !important;
}
.top-bar-section i {
    font-size: 0.95rem;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #4d4d4d none repeat scroll 0 0;
    line-height: 2.2125rem;
    padding: 0 0.9375rem;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
    line-height: 2.2125rem;
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: #4d4d4d none repeat scroll 0 0;
    color: #ffffff;
}
.top-bar-section .dropdown li {
    border-left: 0
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #3b8003;
    color: #FFFFFF;
    background: #3b8003;
}
/********** LANG SUBMENU *********************/
.lang {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-left: 2rem;
}
.lang.it {
    background-image: url("/template/icons/it.png");
}
.lang.en {
    background-image: url("/template/icons/en.png");
}
.lang.hr {
    background-image: url("/template/icons/hr.png");
}
.lang.fr {
    background-image: url("/template/icons/fr.png");
}
.lang.de {
    background-image: url("/template/icons/de.png");
}
.lang.ru {
    background-image: url("/template/icons/ru.png");
}
h1 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 1.9rem;
    text-align: left;
    margin-bottom: inherit
}
h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 1.7rem;
    text-align: left;
    margin-bottom: inherit
}
h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #525252;
    font-weight: 700;
    font-size: 1.3rem;
    text-align: left
}
h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: inherit;
}
/********************************************************************** SECTION 1 INC ************************************/
ul.myList {
    padding-left: 20px;
    list-style: none;
}
ul.myList li {
    margin-bottom: 10px;
}
ul.myList li:before {
    font-family: 'FontAwesome';
    content: "\f013";
    margin: 0 10px 0 -15px;
    color: #3b8003
}
.section h1 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 2.1rem;
    text-align: center;
    margin-bottom: inherit
}
.section h2 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 1.9rem;
    text-align: center;
    margin-bottom: inherit
}
.section h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #525252;
    font-weight: 700;
    font-size: 1.3rem;
    text-align: center
}
.section h4 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #3b8003;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: inherit;
}
.section a:link, .section a:visited {
    color: #3b8003 !important
}
.section_1 {
    position: relative;
    border-top: 0.8rem solid #3b8003;
    margin-top: 0rem;
    background-image: url(/template/pw_maze_white.png);
}
#section1MainContent {
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}
.blockGridIcons {
    padding: 0.9375rem 0;
    cursor: pointer; /*border-top:1px solid #ccc*/
}
.blockGridIcons:first-child {
    border-top: none
}
.blockGridIcons li {
    border-right: 1px solid #ccc;
    text-align: center
}
.blockGridIcons li:last-child {
    border-right: none
}
.blockGridIcons .iconTitleBox, .blockGridIcons .iconTitleBox h3 {
    text-align: center;
    font-weight: bold;
    COLOR: #3b8003;
    font-size: 1.7rem;
    font-weight: 700;
}
.blockGridIcons .iconTextBox {
    color: #525252
}
.blockGridIcons .iconImageBox {
    text-align: center;
    margin-top: 0.9375rem
}
.blockGridIcons .iconImageBox img {
    max-height: 150px
}
/********************************************************************** SECTION 2 INC ************************************/
.section_2 {
    position: relative;
    border-top: 0.1rem solid #3b8003;
    ;
    background-image: url(/template/pw_maze_white.png);
}
#section2MainContent {
    margin-top: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}
/********************************************************************** SECTION 3 INC ************************************/
.section_3 {
    position: relative;
    z-index: 3;
    border-top: 0.1rem solid #3b8003;
    background: #fff
}
#section3MainContent {
    margin-top: 0rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 0rem;
    ;
    text-align: center
}
/********************************************************************** SECTION 3 INC ************************************/
.section_4 {
    position: relative;
    z-index: 2;
    border-top: 0.1rem solid #3b8003;
}
.section_5 {
    position: relative;
    background-image: url(/template/pw_maze_white.png);
    border-top: 0.1rem solid #3b8003;
    border-bottom: 0.1rem solid #3b8003;
    padding-bottom: 2rem
}
.referenceIcons {
    margin-top: 1.875rem
}
.referenceIcons .iconTitleBox {
    text-align: left;
    font-weight: bold;
}
.referenceIcons .iconImageBox {
    text-align: left;
    margin-top: 0.6375rem
}
.referenceIcons .iconImageBox img {
    max-height: 120px
}
.referenceIcons li {
    padding: 1rem 0rem 1rem 4rem;
    background-image: url(/template/cog_003.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
/**************************************************************************************** FOOTER INC *************************************************************************/
.hiddenEmail {
    cursor: pointer
}
#footer {
    background-color: #3b8003;
    min-height: 150px;
    font-size: 0.9rem;
    color: #e9e9e9;
}
#footer a {
    color: #e9e9e9
}
#footerMainContent {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0
}
#footer ul {
    list-style: outside none none;
    margin: 0;
    text-align: left
}
#footer ul li {
    font-size: 0.9rem;
    color: #e9e9e9;
    font-weight: 300;
    line-height: 1.3rem
}
#footer ul li.naslov {
    font-size: 1.3rem;
    color: #e9e9e9;
    font-weight: 700;
    margin-bottom: 1rem;
}
#footer ul li .smaller {
    font-size: 0.9rem;
}
#copy {
    background-color: #4d4d4d;
    font-size: 0.65rem;
    color: #e9e9e9;
    padding: 0 0.5rem;
}
#copy #footer_left_column {
    text-align: left;
    line-height: 2rem;
    font-size: 0.675rem;
    font-weight: 300
}
#copy a {
    font-size: 0.675rem;
    font-weight: 300;
    line-height: 2rem;
    color: #e9e9e9
}
#copy #footer_right_column {
    text-align: right;
    line-height: 2rem;
    font-size: 0.675rem;
    font-weight: 300
}
#footer_center_column {
    text-align: center;
    line-height: 2rem;
    font-size: 0.675rem;
    font-weight: 300
}
#mapLoadplace {
    width: ;
    height: 450px;
}
@media(max-width: 768px) {
    #mapLoadplace {
        width: ;
        height: 300px;
    }
}
#footerNewsletterCell {
    text-align: right;
}
#footerNewsletter {
    background-color: #fff;
    /* background-image: url("/template/dummySearch.png");
    background-position: right 7px center;
    background-repeat: no-repeat;*/
    border-radius: 1.525rem;
    /*border: 1px solid #3b8003;*/
    color: #575757;
    font-size: 0.8rem;
    padding: 5px 5px;
    position: relative;
    /*width: 350px;*/
}
#footerNewsletterTitle {
    text-align: right;
    position: relative;
    margin-bottom: inherit;
    text-rendering: optimizelegibility;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3rem;
    color: #e9e9e9;
    font-weight: 700;
    margin: 0 0 1rem 0;
}
#footerNewsletter_txt {
    width: 100%;
    background: none;
    border: none;
    margin: 0;
    box-shadow: none;
    height: 1.525rem;
    padding: 0.2rem 0.2rem 0.2rem 0.5rem;
}
#footerNewsletter_btn {
    width: 100%;
    background-image: url(/template/footerNewsletterButtonImage.png);
    background-position: right 7px center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    height: 1.525rem;
    min-width: 42px
}
.logoCube {
    padding: 0px 0.5rem;
    background-color: red;
    color: fff;
    line-height: 1rem
}
.text-transform-none{
	text-transform: none !important;
}