@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');


@charset "utf-8";
/* CSS Document */

/******************************/
body{


    font-family: 'Open Sans', serif;


	margin:0;
	color:#232323
	
	
	
	}
	
p, td, i, div, input, textarea, h1, h2, h3, h4, h5, h6,label, input, texarea, select{font-family: 'Open Sans', serif; font-size:1rem }





/******************************************************************************* HEADER  INC*********************************************************************************************/



@media only screen and (min-width: 40.0625em){
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: brown;
    
}

}
#header{
background:rgba(165, 42, 42, 0.65);

text-align:center;;z-index:7000}
#headerContent{display:inline-block;padding:1.875rem 0}
#headerTitleDrustvo{font-family: 'Open Sans', serif;color:#fff;font-weight:400;font-size:1.3rem;margin-bottom:1rem}
#headerTitleNaziv{font-family: 'Open Sans', serif;color:#fff;font-weight:400;font-size:2rem;}


/************************* HEADER MENU ***************************************/

#headerMenuContainer{position:relative;min-height:2.75rem}
#headerMenu{
	
	background:rgba(44, 14, 12, 0.70);
	
	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: #101721 none repeat scroll 0 0;
	
}
 

.top-bar-section ul li {
	/*background: #101721 none repeat scroll 0 0;*/
	background: transparent !important;
}
		
		
.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: #654321 none repeat scroll 0 0;*/
	line-height: 2.8125rem;
	padding: 0 0.9375rem;
}


.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	background: #101721 none repeat scroll 0 0;
	/*background: transparent !important;*/
	color: #ffffff;
}


@media only screen and (min-width: 40.0625em){
	.top-bar-section li.active:not(.has-form) a:not(.button) {
		background: brown;
		
	}

}

@media only screen and (min-width: 40.0625em){
	.top-bar-section li:not(.has-form) a:not(.button) {
		/*background: #473a30;*/
		background: transparent;
	}
	
	.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: brown;
 
}
}



/********** 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");
}


/************************************************************************ BANNER INC ********************************************************************************/

#centralBanner{padding-top:25px;position:relative}

.bannerPerson{height:425px;  background-size: auto 100%; background-repeat:no-repeat}
.bannerPerson#skerlev{background-image:url(../template/skerlev.png);background-position:bottom left;}
.bannerPerson#velic{background-image:url(../template/velic.png); background-position:bottom right;} 

.podrucje {
	font-family: 'Open Sans', serif;color:#fff;font-weight:400;font-size:1.3rem;
	position:absolute;
	white-space:nowrap;
	opacity: 0;
	min-height:34150px;
	min-width:100px;
	
	background-repeat:no-repeat; 
	background-position: center 2rem;
	background-size:auto 70px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
    
}





#overlejBannera{
	/*background-image:url(../template/pw_maze_white2.png2.png);
	position:relative;overflow:hidden*/
	}









/********************************************************************** SECTION 1 INC ************************************/

.section_1{position:relative;border-top:0.05rem solid #654321;margin-top:-0.1rem;}
.section_1{position:relative;background-image:url(../template/pw_maze_white2.png);}


#section1MainContent{margin-top:0;padding-top:2rem;padding-bottom:3rem}

.section_1 h1{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.7rem;text-align:center;margin-bottom:1.5rem}


/********************************************************************** SECTION 2 INC ************************************/

/*.section_2{position:relative;background-image:url(../template/pw_maze_white2.png);}*/
.section_2{position:relative;margin-top:-0.1rem;background-color: #FFF}
#section2MainContent{margin-top:-0.1rem;padding-top:2rem;padding-bottom:3rem;margin-bottom:0rem;}
.personalInfo{margin-top:-0.1rem;padding-top:2rem;}



.personalInfo h3{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.7rem;;text-align:center}
.personalInfo h4{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.4rem;margin-bottom:1.5rem;text-align:center}

.personalInfo .personalImage{max-width:33%}

.personalInfo .personalImage.left{float:left; margin:0rem 0.5rem 0.3rem 0;}

.personalInfo .personalImage.right{float:right; margin:0rem 0rem 0.3rem 0.5rem;}

.cvArrowColumn{padding-bottom:2rem}

.cv_anchor{display:block;text-align:center}


.cv_details{display:none}


.velikaikona{
color:#bd5e1b;
font-size:3rem;	
}

/********************************************************************** SECTION 3 INC ************************************/



/*.section_3{position:relative;z-index:3;}*/
.section_3{position: relative;z-index:2;background-image:url(../template/pw_maze_white2.png);}


#section3MainContent{margin-top:-0.1rem;padding-top:2rem;padding-bottom:3rem;margin-bottom:0rem;}

.section_3 h3, .section_2 h3{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.7rem;;text-align:center}


.podrucjaIcons{margin-top:1.875rem}
.iconTitleBox{text-align:center;font-weight:bold;}
.iconImageBox{text-align:center;margin-top:0.9375rem}
.iconImageBox img{max-height:80px}

/********************************************************************** SECTION 3 INC ************************************/

.section_4{position: relative;z-index:2;background-image:url(../template/pw_maze_white2.png);}
#section4MainContent{margin-top:-0.1rem;padding-top:2rem;padding-bottom:3rem;margin-bottom:0rem;}
.section_4 h3{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.7rem;;text-align:center}
.section_4 h4{font-family: 'Open Sans', serif;color:brown;font-weight:700;font-size:1.23rem;;text-align:left}

/**************************************************************************************** FOOTER INC *************************************************************************/


/*#footer{background-color:brown;min-height:150px;font-size:0.8rem;color:#e9e9e9;}*/
#footer{position:relative;background-image:url(../template/pw_maze_white.png);min-height:150px;font-size:0.8rem;color:#000;}


#footerMainContent{padding-top:1.5rem;padding-bottom:0.925rem; padding-left:0}

#footer ul{
	list-style:outside none none;margin:0; 
	text-align:center
	}
#footer ul li{font-size:0.8rem;color:#000;font-weight:300;line-height:1.3rem}
#footer ul li.naslov{font-weight:bold;font-size:1.4rem;color:#000;;margin-bottom:0.7rem;}

#footer ul li.brojevi{font-size:1.1rem;color:#000;;margin:0.2rem;}

#footer ul li .smaller{font-size:0.8rem;}


#copy{background-color:#222222;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:#fff
}

#copy #footer_right_column{text-align:right; line-height:2rem;font-size:0.675rem;font-weight:300 }