@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,700,300&subset=latin,latin-ext);

/* MENÜ */
.menu {position:absolute; margin-top:35px;  z-index:2;}
.menu ul.ana_menu > li {list-style:none; float:left; background:url('../Images/menu-ayrac.png') no-repeat center right;}
.menu ul.ana_menu > li:last-child {background:none;}
.menu ul.ana_menu > li > a {
	font-family:"Khand", Arial, Helvetica, sans-serif;
	color:#50646f;
	text-shadow:5 50px 0 rgba(255,255,255,.50);

	padding:6px 10px;
	margin:0 9px 0 6px;
	display:block;
	font-size:1em;
	font-weight:600;
	letter-spacing:-0.02em;
	margin-left:7px;
	
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.menu ul.ana_menu > li > a > i {margin-right:7px;}
.menu ul.ana_menu > li:hover > a, .menu ul.ana_menu > li > a.aktif {
	background: #236ba3;
	color:#fff;
	text-shadow:5 5px 0 rgba(255,255,255,.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* ALT MENÜ STYLE */
.menu ul.ana_menu li ul {
	width:230px;
	position:absolute;
	display:none;
	margin-left:7px;
	margin-top:-15px;
	background: #236ba3;
	
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.menu ul.ana_menu li ul:after {
    display: block;
    content: "";
    width: 230px;
    height: 60px;
	position:absolute;
	margin-top:0px;
    background:url('../images/menu-alt.png') no-repeat;
}
.menu ul.ana_menu li ul li {margin:0 10px; background:url('../Images/alt-menu-ayrac.png') repeat-x center bottom;}
.menu ul.ana_menu li ul li:last-child {background:none;}
.menu ul.ana_menu li ul li a {
	color:#fff;
	text-shadow:0 1px 0 rgba(255,255,255,.4);
	padding:7px;
	padding-left:22px;
	font-size:.90em;
	font-weight:500;
	display:block;
}
.menu ul.ana_menu li ul li a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 10px;
	margin-left:-10px;
	padding-right:5px;
}
.menu ul.ana_menu li ul li.aktif a, .menu ul.ana_menu li ul li a:hover {background: #2aa142; color:#FFF;}
.menu ul.ana_menu li ul li.aktif a:before, .menu ul.ana_menu li ul li a:hover:before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 10px;
	margin-left:-10px;
	padding-right:5px;
}
.menu ul li.alt_menulu > ul li.aktif {margin:0; margin-left:-10px;}
.menu ul.ana_menu li ul li.aktif a:after, .menu ul.ana_menu li ul li a:hover:after {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 10px;

	width:10px;
	height:10px;
	padding:13px;
	position:absolute;
	background: #2aa142;
	display:block;
	margin:-29px 0 0 218px;
}
.menu ul li:hover ul {display:block;}

.menu ul li.alt_menulu > ul li:hover {margin:0;}
.menu ul li.alt_menulu:hover > a {
	background:#236ba3;
	padding-top:17px;
	margin-top:-11px;
	padding-bottom:17px;

	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}