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

#main_menu_section{
	position:relative; width:100%;
	 display:block;
	 /*background-color:transparent;*/

background-color:#fff;

   /*	z-index:9002;*//*border-top: 1px solid #b1babf; border-bottom: 1px solid #b1babf*/
	 
	 /*bottom:-30px;*/

/*border-bottom:1px solid #fff;
border-top:1px solid #fff*/

  }
	 



body.hr #main_menu_section, body.en #main_menu_section{
		/*background-color:transparent;*/
		
		/*background:rgba(255,255, 255, 0.4);*/
		
	}
	

	
	
	#main_menu_section.gornjiFiksirani{background-color:#b1babf !important}


/* 
  Additional CSS from 
  http://foundation.zurb.com/forum/posts/1230-how-to-center-top-bar-nav
  to center the button/links within the top-bar.
*/
nav.top-bar { 
  text-align:center;
  background-color:transparent
}
.contain-to-grid {background-color:transparent}

section.top-bar-section {
  display: inline-block;
  /*margin-left: -132px;*/
	background-color:transparent;
	
	/*box-shadow: 1px 1px 0px rgba(255, 255, 255, 1);*/
}

#main_menu_section.gornjiFiksirani section.top-bar-section{background:none;box-shadow: none;}



.title-area{}

.top-bar-section ul li {background-color:#fff; }

.top-bar-section li:not(.has-form) a:not(.button) {background-color:transparent}

body.hr  .top-bar-section li.active:not(.has-form) a:not(.button),
body.en  .top-bar-section li.active:not(.has-form) a:not(.button),


	
	 

 /*.top-bar-section .dropdown li {
      height: auto;
      width: 100%; }*/


	
	
body.hr .top-bar-section li:not(.has-form) a:not(.button):hover,
body.en .top-bar-section li:not(.has-form) a:not(.button):hover

{
  background-color:transparent;
  background: transparent;
  color:#312f32 ;
  text-decoration:none !important;
 /* border-radius: 6px*/
  
  
  }
  
  

	





.top-bar .toggle-topbar.menu-icon a {
    color: #264590;
    height: 34px;
    line-height: 33px;
    padding: 0 2.5rem 0 0.9375rem;
    position: relative;
}






.top-bar-section ul li > a {
    color: #264590;
    display: block;
    font-family: 'Nunito',sans-serif;
    font-size: 1.125rem;
    font-weight: 800;
    text-transform: none;
    width: 100%;
    text-align: left;
}


.top-bar-section .dropdown li a {
    font-weight: 400;
    text-transform: none;
    font-size: 0.9rem;
   
}


#main_menu_section.gornjiFiksirani .top-bar-section ul li > a{color:#fff}


.top-bar-section li.active:not(.has-form) a:not(.button) {
    line-height: 1.8125rem;
    padding-bottom: 0;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-top: 0;
}

body.hr #main_menu_section.gornjiFiksirani  .top-bar-section li.active:not(.has-form) a:not(.button),
body.en #main_menu_section.gornjiFiksirani  .top-bar-section li.active:not(.has-form) a:not(.button)
 {
    background: #fff;
	color:#b1babf }
	
	
	
	
	
body.hr #main_menu_section.gornjiFiksirani .top-bar-section li:not(.has-form) a:not(.button):hover,
body.en #main_menu_section.gornjiFiksirani .top-bar-section li:not(.has-form) a:not(.button):hover

{
  background-color: #fff;
  background: #fff;
  color:#b1babf ;
  text-decoration:none !important
  
  
  }	




.top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 1.8125rem;
}

.top-bar {
    height: 1.8125rem;
    line-height: 1.8125rem;
    position: relative;
		text-align:center
}


 .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: transparent;
      color: #312f32;
      background: transparent; }

      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: transparent;
        color:#264590; }


        .top-bar-section .has-dropdown.langs > a {
      padding-right: 0 !important;
      }



      .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      border-bottom:3px solid #264590; border-left:3px solid #264590;border-right:3px solid #264590;border-top:3px solid #264590;


    }


        .top-bar-section .has-dropdown > a {
     padding-right: 0.9375rem !important; 
      }


      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #fff;
        color: #b4975a !important;
        background: #fff;




      }