@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 }





#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}