@import url(http://fonts.googleapis.com/css?family=Lato);



#nav {
	list-style:none;
	width:980px;
	margin:30px auto 0px auto;
	height:39px;
	padding:0px 20px 0px 20px;

	/* Background color and gradients */
	
	background:url(../../images/bg/bg-menu.jpg) top  repeat-x;
	font-family: 'Lato', sans-serif;
	border-top:2px solid #009240;
}

#nav li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 10px;
	margin-right:0px;
	margin-top:0px;
	border:none; text-transform: uppercase;
}

#nav li:hover {
	border: 1px solid #eee;
padding: 10px 9px;
	/* Background color and gradients */

	background: #fff;
}

#nav li a {
	font-family: 'Lato', sans-serif;
	font-size:14px; 
	color: #fff;
	display:block;
	outline:0;
	text-decoration:none;
}

#nav .fa
{
	margin-right:10px;
	font-size:18px;
}

#nav li:hover a {
	color:green; /*background:white;*/
}
#nav li .drop {
	padding-right:21px;
	background:url("../img/drop.png") no-repeat right 8px;
}
#nav li:hover .drop {
	background:url("../img/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:11px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px;
	border:1px solid #eee;
	border-top:none;
	background:#fff;
	
}


.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}
.dropdown_6columns{width: 1005px; margin-left:-310px !important;}
html body div.header nav#nav-wrap ul#nav li div{ margin-top:10px !important;}


#nav li:hover .dropdown_1column, 
#nav li:hover .dropdown_2columns, 
#nav li:hover .dropdown_3columns,
#nav li:hover .dropdown_4columns,
#nav li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_2plus {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#nav .menu_right {
	float:right;
	margin-right:0px;
}
#nav li .align_right {
}

#nav li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#nav p, #nav h2, #nav h3, #nav ul li {
	font-family: 'Lato', sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
}
#nav h2 {
	font-size:16px;
	font-weight:400;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:0px solid #005926 !important;
	color:#005926;
}
#nav h3 {
	font-size:18px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:0px solid #005926 !important;
	color:#005926;
}
html body div.header nav#nav-wrap ul#nav li div h3 a{font-size:16px;color:#005926; text-transform:uppercase;  text-align:center}
html body div.header nav#nav-wrap ul#nav li div h3 a:hover {color:#F58221}

#nav p {
	line-height:18px;
	margin:0 0 10px 0;
}

#nav li:hover div a {
	font-size:12px;
	color:#015b86;
}
#nav li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#nav li .dark_box {
	background:#00421D !important;
	
	padding:4px 6px 4px 6px;

}

#nav li .light_box {
	background:#005926 !important;
	color: #fff;
	padding:4px 6px 4px 6px;

}

#nav li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#nav li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#nav li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}


#nav li .colorbox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;
}

#nav li .colorbox li a:hover, #nav li .colorbox li a 
{
	color:#005926;
}

#nav li .colorbox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}


/* Mobile */
	#nav-trigger {
		display: none;
	}
	
	
	.fa-bars 
	{
		display:none !important;
	}

	@media screen and (max-width: 600px) {

		/* nav-wrap */
		#nav-wrap {
			position: relative;
			margin-top:0px;
			
		}
		.zastava {padding-bottom:5px !important; padding-top:9px  !important}
.zastava:hover {padding-bottom:6px !important; padding-top:9px  !important; padding-left:10px !important}
		.fa-bars 
		{
			display:block !important;
		}
		
		input[type=checkbox]
		{
			display:block;
			opacity: 0;
			height: 48px;
    		width: 48px;
		}
		html body div.header nav#nav-wrap ul#nav li.menu_right div.dropdown_5columns div.col_2plus div.search_box form#tfnewsearch input.tftextinput {height:20px; padding-left:5px;}
		html body div.header nav#nav-wrap ul#nav li.menu_right div.dropdown_5columns div.col_2plus div.search_box form#tfnewsearch input.tfbutton { height:20px; color:white}
		input[type=checkbox] + span {
    	height: 31px;
    	width: 31px;
		position:absolute;
		z-index:-1;
		margin-top:-50px;
		color:#005926;
		padding:5px;
		font-size:35px;
		padding-top:-5px;
		}
		
		input[type=checkbox]:checked + span  {
    	background:#005926;
    	height: 31px;
    	width: 31px;
    	padding: 0 0 0 0px;
		color:#fff;
		padding:5px;
		font-size:35px;
		}

		#nav-trigger {
		display: block;
		cursor:pointer
		}
		
		#nav-wrap * {
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
	
		/* main nav */
		#nav {
			margin: 0; 
			padding:10px 0px;
			position: absolute;
			top: 40px;
			width: 100%;
			z-index: 1;
			color:#333; z-index:999;
		}

		#nav:after {
			content: '';
			position: absolute;
			left: 10px;
			top: -7px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #005926;
		}	

		#nav ul {
			position: static;
			visibility: visible;
			opacity: 1;
			margin: 0;
			display:none;
			
		}

		#nav ul ul {
			margin: 0 0 0 20px !important;			
		}

		#nav li {
			position: static;
			display: block;
			float: none;
			border: 0;
			
			width:100%;	
			
			border-bottom:1px solid #333;
			background:#005926;
			text-shadow:none !important;
			text-align:left !important;
			padding:/* 7px 9px 9px 8px */!important;
			
		}
		
		
		#nav li:hover ul
		{
			display:block;
		}
		
		#nav ul li:hover ul ul
		{
			display:block;
		}
		
		label {display:block;}
		label ~ input[type="checkbox"] ~ #nav-wrap #nav {display:none;}
		label ~ input[type="checkbox"]:checked ~ #nav-wrap #nav {display:block;}​
		
		

		#nav ul li{
			margin-left: 5px;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none;		
		}

		#nav a{
			display: block;
			float: none;
			padding: 0;
			color: #fff;
		}

		#nav a:hover{
			color: #fafafa;
		}	

		#nav ul a{
			padding: 0;
			width: auto;		
		}

		#nav ul a:hover{
			background: none;	
		}

		#nav ul li:first-child a:after,
		#nav ul ul li:first-child a:after {
			border: 0;
		}	
		
		#nav li:hover
		{
			background:white !important; color:white !important;
			border:none !important; padding-bottom:11px;
		}
		
		#nav li:hover a
		{
		}
		
		.simple-ul li
		{
			background:#fff !important;
		}
		
		.dropdown_1column {width: 100%;}
.dropdown_2columns {width: 100%;}
.dropdown_3columns {width: 100%;}
.dropdown_4columns {width: 100%;}
.dropdown_5columns {width: 100%;}	

		.col_1 {width:100%;}
.col_2 {width:100%;}
.col_3 {width:100%;}
.col_4 {width:100%;}
.col_5 {width:100%;}

html body div.header nav#nav-wrap ul#nav li div.dropdown_5columns.dropdown_6columns {display:none;}

.dropdown_4columns ul li
{
	background:none !important;
}
html body div.header nav#nav-wrap ul#nav li.menu_right.pretraga {display:none;}

	}
	

.simple-ul
{
	list-style-image:url(../img/arr.png) !important;
}

.simple-ul li 
{
	list-style-image:url(../img/arr.png) !important;
}

.simple-ul li a
{
	color:#666 !important;
}

.simple-ul li a:hover
{
	color:#333 !important;
}

html body div.header nav#nav-wrap ul#nav {position:relative; z-index:999; margin:0 auto; top:10px; border-radius:8px;}