/* Animated CSS3 Mega Menu (Theme 3) - Animation 1 */
body{
	margin:0;
	}	
/* ========== THE MAIN FONT ========== */
/* @font-face{
	font-family:"BebasNeue";
	src:url('../font/BebasNeue.eot');
	src:url('../font/BebasNeue.eot?#iefix') format('embedded-opentype'),
		url('../font/BebasNeue.woff') format('woff'),
		url('../font/BebasNeue.ttf') format('truetype'),
		url('../font/BebasNeue.svg#BebasNeue') format('svg');
	} */
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
/*	width:992px;*/
/*	height:20px;*/
	margin:0 auto 0;
/*	background:#333;*/
/*	border-top:solid 2px #454545;
	border-bottom:solid 2px #2A2A2A;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;*/
/*	border-radius:3px;*/
/*	-webkit-box-shadow:0 1px 5px rgba(130,130,130,.7);
	-moz-box-shadow:0 1px 5px rgba(130,130,130,.7);
	box-shadow:0 1px 5px rgba(130,130,130,.7);*/
	}
.menu ul, .menu ol{
	margin:0;
	padding:0;
	list-style:none;
	}
/* ========== FLOAT ========== */
.menu .left{
	float:left;
	}
.menu .right{
	float:right;
	}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
	position:relative;
/*        float: right;*/
/*        padding-top: 12px;*/
	}
/* ========== MAIN LINKS ========== */
.menu ul li{
	float:left;
	/* padding: 20px 0; */
	}
	
/* .menu ul li:hover{
	background-color:#ac292f;
	} */
	
.menu ul li.menu_right{
	position:relative;
	}
.menu > ul > li:first-child a{
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	border-radius:3px 0 0 3px;
	}
.menu ul > li > a{
	display:block;
/*        margin-top: 12px;*/
	/* height:40px;
	line-height:40px; */
	padding:0 7px;
    font-family: Roboto, 'Trebuchet MS', sans-serif;
	font-size:14px;
	font-weight:600;
	color:#222;
	text-decoration:none;
	text-transform:uppercase;
/*	border-left:solid 1px #f99d1c;*/
	-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
	transition:color 180ms linear 20ms, background 180ms linear 20ms;
	}
    
	.menu ul> li.first_level+li{
        border-left:solid 1px #2b51a4;
    }
    
.menu ul> li+li{
        /* border-left:solid 1px #2b51a4; */
    }
    
	/* .menu ul> li > a{
        border-left:solid 1px #2b51a4;
    } */
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{
	color:#41a4dd;
/* 	background:#333; */
	}
.menu ul li.active a, .menu ul li:hover > a, .menu ul li.active:hover > a{
	color:#4F63A0;
/*	background:#282828;*/
/*        width: auto;*/
	}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{
	color:#888;
	}
/* ========== CLASSIC/MEGA MENU ========== */	
.menu ul ul, .menu .mega_menu{
    padding-top: 0px;/*da podmeni ne bi stajao nize od stavke menija koja ga sadrzi*/
	margin-top:10px;
	position:absolute;
	visibility:hidden;
	opacity:0;
	z-index:11;
	background: #144a62;
	/* background-image:url("../img/blue_transparent.png");
	border-left:solid 1px #232323;
	border-right:solid 1px #232323; */
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	-webkit-box-shadow:0 1px 3px rgba(45,45,45,.5);
	-moz-box-shadow:0 1px 3px rgba(45,45,45,.5);
	box-shadow:0 1px 3px rgba(45,45,45,.5);
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms ease 10ms;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:10px 10px 2px;
	border:none;
	/* border-top:solid 1px #232323;
	border-bottom:solid 1px #232323; */
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul, .menu ul li:hover .mega_menu{
	visibility:visible;
	opacity:1;
/*        width: 100%;*/
	}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{
	float:none;
	position:relative;
	}
.menu ul ul li a{
	position:relative;
	min-width:250px;
	height:30px;
	padding:0 20px;
	font-size:12px;
	color:#fff;
	line-height:32px;
	/* border-top:solid 1px #232323; */ 
	border-right:none;
    text-align: left;
	text-transform:uppercase;
	}
.menu ul ul li:last-child a{
	padding-bottom:1px;
	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
	}	
.menu ul ul li a i{
	position:absolute;
	top:4px;
	right:10px;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */

.menu ul li ul li:hover > a{
	color:#fff;
	background: #41a4dd;
	/* background-image:url("../img/rolover_klasican_meni_boja.png"); */
	}
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
	color:#777;
	}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{
	-webkit-border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	border-top-right-radius:4px;
	}
.menu ul ul ul{
	left:100%;
	top:0;
	border-top-right-radius:4px;
	}	

/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	/*width:750px;*/ /* + 10px from left and right side, width=770px */
	/*left: -341px;*/
    /* top: 25px; */
    width: 1004px;/*smanjenje sa obe za 10px strane zbog paddinga*/
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:960px; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	left:0;
	padding:9px 10px 2px;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:"BebasNeue";
	font-weight:normal;
	color:#F90;
	}
.menu h1{
	font-size:24px;
	}
.menu h2{
	font-size:20px;
	}
.menu h3{
	font-size:18px;
	}
.menu h4{
	font-size:16px;
	}
.menu h5{
	font-size:14px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{
	display:inline;
	padding:0;
	font-family:inherit;
	font-size:inherit;
	color:#BBB;
	line-height:inherit;
	text-transform:none;
	text-decoration:none;
	border:none;
	-webkit-transition:color 160ms linear 20ms;
	-moz-transition:color 160ms linear 20ms;
	-ms-transition:color 160ms linear 20ms;
	-o-transition:color 160ms linear 20ms;
	transition:color 160ms linear 20ms;
	}
.menu .mega_menu a:hover{
	color:#F90;
	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	opacity:0.7;
	-webkit-transition:opacity 160ms ease-in 10ms;
	-moz-transition:opacity 160ms ease-in 10ms;
	-ms-transition:opacity 160ms ease-in 10ms;
	-o-transition:opacity 160ms ease-in 10ms;
	transition:opacity 160ms ease-in 10ms;
	}
.menu .mega_menu a img:hover{
	opacity:1;
	}
.menu .mega_menu a img:active{
	opacity:0.8;
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#888;
	font-family:Tahoma, Geneva, sans-serif;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{
	border:solid 1px #222;
	-webkit-box-shadow:0 0 3px #222;
	-moz-box-shadow:0 0 3px #222;
	box-shadow:0 0 3px #222;
	}
.menu .mega_menu img.left{
	margin:3px 7px 4px 0;
	}
.menu .mega_menu img.right{
	margin:3px 0 4px 7px;
	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:22.65%;
	margin:0.29% 0.68% 0.96%;
	float:none;
	/* float:left; */
	}	
.menu .mega_menu .portfolio li a{
	display:block;
	height:auto;
	}
.menu .mega_menu .portfolio li a img{
	width:100%;
	/* height:105px; */
	margin:0;
	float:left;
	opacity:0.75;
	border:solid 1px #111;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:0 0 3px #222;
	-moz-box-shadow:0 0 3px #222;
	box-shadow:0 0 3px #222;
	-webkit-transition:opacity 140ms ease-in 10ms;
	-moz-transition:opacity 140ms ease-in 10ms;
	-ms-transition:opacity 140ms ease-in 10ms;
	-o-transition:opacity 140ms ease-in 10ms;
	transition:opacity 140ms ease-in 10ms;
	}	
.menu .mega_menu .portfolio li p{
	margin:2px 5px 0;
	font:14px/14px Trebuchet MS, sans-serif;
	text-align:left;
	color:#cccccc;
	float:left;
	}
.menu .mega_menu .portfolio li a:hover img{
	opacity:1;
	}
.menu .mega_menu .portfolio li:hover p{
	color:#fff;
	}
.menu .mega_menu .portfolio li a:active img{
	opacity:0.85;
	}		
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	vertical-align:top;
	width:140px;
	margin:0 8px 7px;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{
	border-bottom:solid 1px #353535;
	}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	margin-left:7px;
	font:20px "BebasNeue";
	color:#5B5B5B;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{
	margin-left:0;
	}
.menu .mega_menu .list li a{
	margin-left:7px;
	padding:0;
	font:13px/24px Tahoma, Geneva, sans-serif;
	color:#616161;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{
	background:none;
	}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#F90;
	}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#888;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#373737;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:3px;
	padding-bottom:3px;
	color:#555;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#888;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px Tahoma, Geneva, sans-serif;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#F90;
	}        


.footer_ul .first_level ul{
	padding-left:10px;
}