/* reset --------------------------------- */
.menu-dropdown {display:none; }
#gizlimenu {display:none;}
.menu-ustu {height:0px; background: url(../tema/temp_menu-ustu.png) center center; display:none;}
.menu-kabuk {width:100%; padding:0px 0px 0px 0px; margin:0px 0 0 0;  z-index:999;  background: url(../tema/menu_bg.png);  position:relative; border-bottom:0px solid #0CF;}
.menu-astar {width:980px; margin:0 auto; position:relative;  border-bottom:0px solid #C00;}
.menu{margin:0 0 0 10px; padding:0;} 

.menu ul { text-align:left;
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	border-left:0px solid #fff;
}
/* --------------------------------------- */
.menu li, .menu ul a {position:relative;}
.menu li.fullwidth, .menu ul a {position: static;}
.menu > li {float:left;}
.menu > li.floatr {float:right;}
.menu li > a {display:block;}
/* --------------------------------------- */
.menu ul {
	position:absolute;
	display:none;
	width:175px;
}


.menu ul ul {
	top:0;
	left:175px;
}
.menu > li.floatr > ul {right:0;}
.menu > li.floatr > ul ul {left:-175px;}
.menu li:hover > ul {display:block;}


.lgray {
	height:52px;
	border-bottom:0px solid #fff;
	font-family:'AvenirNP-Ultra-Lite-Condensed' ,Arial, Helvetica, sans-serif;

	
/*	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #f4f4f4, inset 0 -2px #b3b3b3, 0 1px 3px #ddd;*/
}

.lgray a {text-decoration:none;}

.lgray > li > a {
	color:#fff;
	text-transform:uppercase;
	line-height:50px;
	padding:14px 15px 14px 15px;
	font:lighter 20px 'AvenirNP-Ultra-Lite-Condensed', Arial, sans-serif;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
	-moz-transition:background 0.5s;
}
.lgray > li:hover > a {
	background: url(../tema/temp_menu_hover_bg.png) ;
	color:#fff;
	text-shadow:none;
	border-left:none;
	border-bottom:0px solid #064d80;
	-webkit-transition:background 0.2s;
	-o-transition:background 0.2s;
	-moz-transition:background 0.2s;
}


.lgray > li > a span , .lgray > li:hover > a span {
	font-size:23px;
}

.lgray > li {border-right:0px solid  #ddd; border-left:0px solid  #ccc;}
.lgray > li.floatr {
	border-right:0px solid #fff;
	border-left:0px solid #fff;
}

.lgray > li.floatr:hover {

}

.lgray > li > a img, .lgray li > ul > li > a img {
	border:0;
	margin-right:7px;
}
.lgray {text-align:center;}

.lgray > li {display:inline-block; float:none;}



.lgray > li > a .selected   {
	background:#333 url(../tema/temp_menu_selected_bg.png)) ;
	color:#fff;
	text-shadow:none;
	border-left:none;
	border-bottom:0px solid #064d80;
	-webkit-transition:background 0.2s;
	-o-transition:background 0.2s;
	-moz-transition:background 0.2s;
}


/* sub menu ------------------------------ */

.lgray ul {
	background-color:#fff;
	border:1px solid #eee;
	border-bottom:2px solid #264B68;
	border-top:none;
	left:0px;
	z-index:9999999;
}

.lgray > li.fullwidth > ul {width:100%; left:0; position:absolute; background-color:#900; }
.lgray > li.w300 > ul {width:300px; left:0; position:absolute;  }
.lgray > li.w400 > ul {width:400px; left:0;  }
.lgray > li.w500 > ul {width:500px; left:0;  }
.lgray > li.w500-r > ul {width:500px; right:0px; left:auto; }



.lgray > li.floatr > ul {right:0px;left:auto;}
.lgray > li.floatr > ul ul {left:-175px;}
.lgray ul a {
	color:#999;
	font:lighter 16px 'AvenirNP-Medium-Condensed', Arial, sans-serif;
	line-height:18px;
	padding:9px 12px;
	border-bottom:1px dotted #eee;
	
}
.lgray ul a:hover {
	background-color: #eee;
	color:#333;
}
.lgray ul ul li:first-child a {border-top-color:#b3b3b3;}


/* effect ---------------- */

.slide ul, .slide li > div {
	display:block !important;
	visibility:hidden;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	
	-webkit-transform:translate3d(0, 50px, 0);
	-moz-transform:translateY(50px);
	-o-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);

	-webkit-transition:visibility 0s linear .2s, -webkit-transform .2s linear, opacity .2s linear;
	-moz-transition:visibility 0s linear .2s, -moz-transform .2s linear, opacity .2s linear;
	-o-transition:visibility 0s linear .2s, -o-transform .2s linear, opacity .2s linear;
	-ms-transition:visibility 0s linear .2s, -ms-transform .2s linear, opacity .2s linear;
	transition:visibility 0s linear .2s, transform .2s linear, opacity .2s linear;
}

.slide li:hover > ul, .slide li:hover > div {
	visibility:visible;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	transition-delay:0s;
}


.fade ul, .fade li > div {
	display:block !important;
	visibility:hidden;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;

	-webkit-transition:visibility 0s linear .2s, opacity .2s ease-in;
	-moz-transition:visibility 0s linear .2s, opacity .2s ease-in;
	-o-transition:visibility 0s linear .2s, opacity .2s ease-in;
	-ms-transition:visibility 0s linear .2s, opacity .2s ease-in;
	transition:visibility 0s linear .2s, opacity .2s ease-in;
}

.fade li:hover > ul, .fade li:hover > div {
	visibility:visible;
	
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	transition-delay:0s;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
}



@media only screen and (max-width : 790px)  {

.menu-kabuk { padding:0px 0px 0px 0px; margin:0px 0 0 0;  z-index:1; float:left; position:absolute; top:0; left:0;}
.menu-astar {width:100%; display:none;}
.menu-dropdown {clear:left; width:100%; display:block; height:50px; background:#f7f7f7; border-top:1px solid #ddd; border-bottom:1px solid #ddd; cursor:pointer;  position:relative;}
.menu-dropdown b{float:left; padding:12px; font:bold 18px Arial, Helvetica, sans-serif; color:#666;   text-shadow:0px 1px #fff;}
.menu-dropdown span{float:right; padding:12px; font:bold 18px Arial, Helvetica, sans-serif; color:#666; text-shadow:0px 1px #fff;  }
#gizlimenu {display:none; margin:0px auto; width:100%; background:#125484; position:absolute; height:100%; z-index:29; width:250px; z-index:1001;}
#gizlimenu li a{display:block; padding:8px; color:#fff; border-bottom:1px solid #47687f; font:normal 14px 'azo_sansthin' ,Arial, Helvetica, sans-serif; }
#gizlimenu li a:hover{background-color: #3093be; 	color:#fff;}
#gizlimenu ul > li a{background-color: #0d3e63; 	color:#fff; border-bottom:1px solid #083150;}
#gizlimenu li a span{display: inline-block; font-size:20px ; color:#fff; padding:0 5px 0 0;}

#gizlimenu ul{display:block; list-style:none; }
}

@media only screen and (min-width : 790px)  {
	#gizlimenu {display:none!important;}

}
