*{
		border:0; margin:0;
	}
	body{
		background-image: url(../images/bg/bg.jpg);
		background-position: top center;
		margin: 0px;
		font-family:"Trebuchet MS";
		font-size:13px;
		text-align: center; 
	}	
	.online-islem-alani{
		width:225px;
		height:45px;
		margin-top:10px;
		float:right;
	}
	.online-islem{
		width:184px;
		height:50px;
		float:right;
	}

	.online-islem-yazi{
		width:200px;
		height:37px;
		float:left;
		font-family:"Trebuchet MS";
		font-size:15px;
		color:#FFFFFF;
		text-align:center;
		margin-top:10px;
	}
	.arama-butonu {
		float: left;
		height: 30px;
		width: 160px;
		border-radius: 3px;
		font: 12px;
		color: #999;
		padding: 0 5px 0 7px;
		margin: 10px 0 0 0;
		
	}
	.arama-butonu input{
		background-color: #FFF;
		float: left;
		height: 22px;
		width: 168px;
		border-radius: 8px;
		font: 12px;
		color: #444;
		padding: 0 5px 0 7px;
		margin: -6px 0 38px 103px;
		border:1px solid #CCC;		
		border-radius:5px;	
	}
	.slider{
		float:left;
		width:656px;
		margin: 0 center;
		border-radius: 0px;
		background-color: #391778;
		padding: 3px; 
		height:320px;
	}
	.email-alani{
		float: left;
		width: 305px;
		height: 204px;
		background-image: url(../images/fbg.png);
		margin-right: 9px;
		margin-top: 45px;
		margin-left:0px;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}
	.forms{
		float:left;
		margin-left:25px;
		margin-top:30px;
	}
	.email-alani input{
		float: left;
		height: 30px;
		width: 235px;
		border-radius: 3px;
		font: 12px;
		color: #391778;
		padding: 0 5px 0 7px;
		margin: 10px 0 0 0;	
		background-color:#FFFFFF;
	}
	.email-alani .button{
		float: left;
		height: 30px;
		width: 248px;
		border-radius: 3px;
		font: 12px;
		color: #391778;
		padding: 0 5px 0 7px;
		margin: 10px 0 0 0;	
	}
	.input-select{
		border:1px solid #CCC;
	}
	.ana-yapi{ 
		width: 980px; margin: 0 auto; text-align: left;
	}
	.logo{
		float:left;
		width:300px;
		height:120px;
		margin-top:10px;
	}
	.logo-yazi{
		float:left;
		color: #005CAA;
		text-align: left;
		font-weight:bold;
	}
	.logo-yazi h2{
		font-family: Arial;
		font-size: 11pt;
		color: #005CAA;
		text-align: left;
		font-weight:bold;
	}
	
	.yan-alan{
		float:left;
		width: 294px;
		height:315px;
		margin-left:0px;
		margin-right:10px;
		background:#FFF;
		padding:5px;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		box-shadow:1px 2px 12px #CCC;
	}
	.yan-alan-baslik-alani{
		float:left;
		width:294px;
		height:25px;
		background-image:url('../images/haber-bg.png');
	}
	.yan-alan-baslik-alani-yazi{
		float:left;
		width:294px;
		height:20px;
		margin:0px 0 0 0px;
	}
	.yan-alan-baslik-alani-yazi h1{
		color:#FFF;
		font-family:"Trebuchet MS";
		font-size:17px;
		font-weight:bold;
		text-align:center;
	}
	.yan-alan img{
		float:left;
		width: 87px;
		height:48px;
	}
	.orta-tab-button-1{
		float:left;
		margin:5px;
		background-color:#CCC;
		padding:7px;
		border-radius:5px;
		border:1px solid #391778
		
	}
	.orta-tab-button-1 a{
		float:left;
		color: #391778;
		text-decoration:none;
	}
	.orta-tab-alani{
		float:left;
		margin-top:8px;
		margin-left:-3px;
	}
	.orta-tab{
		float:left;
		width:666px;
		height:206px;
		margin-right:0px;
		margin-top:0px;
		background-image:url(../images/alt-bg.png);
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
	}
	.orta-tab .baslik{
		float:left;
		margin-top:10px;
		overflow:hidden;
		margin-left:20px;
		width:420px;
	}
	.orta-tab .baslik-yazi{
		float:left;
		width:362px;
		height:25px;
		overflow:hidden;
		color: #79828f;
		font-family:Arial;
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	.orta-tab .metin{
		float:left;
		width:410px;
		height:86px;
		overflow:hidden;
		color: #606873;
		font-family:Arial;
		font-size: 12px;
		padding-top: 10px;
		text-align:justify;
		border-top: 1px solid #C9C9CB;		
	}
	.orta-tab .detayli-bilgi{
		width:100px;
		height:28px;
		position:relative;
		left:310px;
		float:left;
		margin-top: 14px;	
	}
	.orta-tab .tab-resim{
		float: left;
		margin-left: 2px;
		margin-top: 18px;
	}
	.orta-tab .tab-resim img{
		border-radius:8px;
	}
	.orta-afis-2{
		float:left;
		width:320px;
		height:150px;
		margin-right:0px;
		margin-top:0px;
		background-color:#00aaff;
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		
	}
	.orta-afis-3{
		float:right;
		width:305px;
		height:150px;
		margin-left:10px;
		margin-top:0px;
		background-color:#00aaff;
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
	}
	.anasayfa-foto-galeri-buton{
		float:left;
		clear:both;
		margin-top:4px;
		margin-bottom:-50px;
		background-color:#CCC;
		border-radius:5px;
		padding:7px;
		color:#391778;
		border:1px solid #391778
	}
	.cizgi{
		float:left;
		width:980px;
		height:2px;
		background-color:#961510;
		margin-bottom:1px;
		margin-left:0px;
	}
	.bosluk{
		float:left;
		width:980px;
		height:20px;
	}
	.bizi-tercih-edenler-alani{
		float:left;
		width:980px;
		margin-top:20px;
		background-image:url('../images/altBaslikBg.png');
	}
	.bizi-tercih-edenler-alani h1{
		float:left;
		font-size:18px;
		color:#FFF;
		margin-left:25px;
		margin-top:15px;
		font-family:"Trebuchet MS"
	}
	.duyuru-listele{
		list-style:none;
		float:left;
		width:294px;
		height:245px;
		overflow:hidden;
		margin-top: 8px;
	}
	.duyuru-listele a{
		color:#000000;
		text-decoration:none;
	}
	.duyuru-listele a:hover{
		color:#005CAA;
		text-decoration:none;
	}
	.duyuru-list{
		float: left;width: 189px;height: 55px;overflow: hidden;font-size: 12px;margin-left: 9px;text-align: justify;margin-top: 0px;margin-bottom: 3px;
	}
	.duyuru-bosluk{
		float: left;margin-top: 2px;
	}
	.duyuru-listele ul{
		margin:0;
		padding:0;
	}
	.duyuru-listele li{
		float: left;
		margin-left: -8px;
		font-family: "Trebuchet MS";
		font-size: 13px;
		padding-bottom: 19px;
		width: 277px;
		overflow: hidden;
		text-align: justify;
		height: 9px;
		margin-top: 0px;
		padding-left: 8px;
		padding-bottom: 20px;
		list-style:none;
		
	}
	.duyuru-listele li a{
		text-decoration:none;
		color:#222;
		font-size:13px;
	}
	.duyuru-listele li a:hover{
		text-decoration:none;
		color:#005caa;
	}
	.duyuru-icon{
		float:left;
		background-image:url(../images/ok.png); 
		width:12px; 
		height: 12px;
		margin-top: 3px;
		margin-left: 0px;
		margin-right: 5px;
	}
	.duyuru-cizgi{
		float:left;
		width:100%;
		border:1px dotted #000;
		word-spacing:5px;
	}
	.duyuru-baslik-resim img{
	}	
	.hakkimizda-baslik-alani{
		float:left;
		width:980px;
		height:32px;
		background-image:url('../images/icerik-sol.png');
	}
	.hakkimizda-icerik{
		float: left;
		width: 772px;
		height: auto;
		min-height: 95px;
		text-align: justify;
		margin-top: 5px;
		margin-right: 3px;
		margin-left: 13px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		background-color: #FFFFFF;
		min-height: 250px;
	}
	.sayfa-kategori-icerik{
		float: left;
		width: 952px;
		height: auto;
		min-height: 250px;
		text-align: justify;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 13px;
		background-color: #FFFFFF;
	}	
	.genel-baslik{
		float:left;
		margin:5px 0 0 13px;
		font-family:"Trebuchet MS";
		font-weight:bold;
	}
	.genel-icerik{
		float:left;
		width:964px;
		height:auto;
		text-align:justify;
		padding: 5px;
		margin-top:0px;
		background-color:#FFFFFF;
	}
	
	.kurumsal-resim{
		float: left;
		width: 800px;
		/* border: 1px solid #CCC; */
		padding: 4px;
		/* border-top-left-radius:40px;
		-webkit-border-top-left-radius:40px; */
		margin-left: 165px;
		margin-top:5px;
		background-color:#FFFFFF;
	}
	.kurumsal-resim-tek{
		float:left;
		margin-right:10px;
		padding:5px;
		margin-left:0px;		
	}
	.kurumsal-resim-tek a{
		text-decoration:none;
		
	}
	.kurumsal-resim-tek img{
		border-radius: 0px;
		width: 178px;
		height: 120px;
		border: 4px solid #000000;
		padding: 0px;
	}
	
	.kurumsal-kategori-resim{
		float: left;
		width: 964px;
		border: 0px solid #CCC;
		padding: 5px;
		background-color:#FFFFFF;
		/* border-top-left-radius:40px; */
		/* -webkit-border-top-left-radius:40px; */
		margin-left: 0px;
		margin-top:5px;
	}
	.kurumsal-kategori-resim-tek a{
		text-decoration:none;
	}
	.kurumsal-kategori-resim-tek{
		float:left; margin-right:1px; padding:0px; margin-left:5px;
	}
	.kurumsal-kategori-resim-tek img{
		border-radius: 0px;
		width: 178px;
		height: 120px;
		border: 4px solid #000000;
		padding: 0px;
	}
	.menu-resim{
		float: left;
		width: 793px;
		padding: 0px;
		margin-left: 187px;
		margin-top: 5px;
		background-color: #FFFFFF;
	}
	.menu-resim-tek{
		float:left;
		width:148px;
		height:115px;
		margin:5px;	
		margin-left:5px;
	}
	.menu-resim-tek img{
		float:left;
		width:148px;
		height:115px;
	}
	.headerLink{
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
	}
	.link-ayraci{
		color:#FF0019;
		font-weight:bold;
	}
	.foto-galeri{
		float: left;
		width: 800px;
		/* border: 1px solid #CCC; */
		padding: 4px;
		/* border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px; */
		margin-left: 0px;
		margin-top:1px;
		/* background-color:#FFFFFF; */
	}
	.resim-baslik-alani{
		float:right;
		width:675px;
		height:37px;
		background-image:url('../images/icerik-orta-sol.png');
		margin-top:10px;
		margin-left:10px;
	}
	.sayfa{
		float:left;
		width:980px;
		height:auto;
		background-color:#FFFFFF;
		min-height:275px;
		
	}
	.resim-baslik h3{
		float:left;
		width:660px;
		height:auto;
		color:#404040;
		margin-left:25px;
		margin-top:8px;
		font-size:16px;
	}
	.resim-galerisi{
		float:left;
		width:964px;
		height:auto;
		border:2px solid #CCC;
		padding:5px;
		margin-left:0px;
		margin-top:13px;
		border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	}
	.resim{
		float:left;
		margin-bottom:10px;
		padding-left:11px;
		overflow:hidden;
		height:150px;
	}
	.resim a{
		text-decoration:none;
		color:#000;
	}
	.resim img{
		border-radius: 0px;
		width: 178px;
		height: 120px;
		border: 4px solid #000000;
		padding: 0px;
	}
	.resimler{
		float: left;
		width: 197px;
		height: 164px;
		overflow: hidden;
	}
	.opk {
		position: relative;
		z-index: 5;
		top: -46px;
		height: auto;
		text-align: center;
		color: #000;
		font-weight: bold;
		background: #CCCCC9;
		opacity: 0.9;
		width:186px;
	}
	.opk a{
		text-decoration:none;
	}
	.opk_resim {
		position: relative;
		z-index: 5;
		top: 0px;
		height: auto;
		text-align: center;
		color: #000;
		font-weight: bold;
		background: #CCCCC9;
		opacity: 0.9;
		width:186px;
	}
	.opk a{
		text-decoration:none;
	}
	.opk_play {	
		position: relative;
		z-index: 5;
		top: -85px;
		left:65px;
		height: 48px;
		text-align: center;
		color: #000;
		font-weight: bold;
		opacity: 0.9;
		width:48px;
		background-image: url(../images/play.png);
	}
	.urun-detay-resim{
		float:left;
		width:290px;
		height:auto;
		min-height:350px;
	}
	.urun-detay-resim .ana-resim{
		float:left;
		width:286px;
		height:228px;
		margin:0px 0 0 0px;
	}
	.urun-detay-resim .ana-resim img{
		width:286px;
		height:228px;
	}
	.urun-detay-resim .kucuk-resim-alani{
		float:left;
		width:300px;
		height:auto;
		margin:0px 0 0 0px;
	}
	.urun-detay-resim .kucuk-resim{
		float:left;
		width:60px;
		height:45px;
		padding:5px 0 0 0px;
	}
	.urun-detay-resim .kucuk-resim img{
		width:50px;
		height:35px;
	}
	.urun-detay-yazi{
		float: left;
		width: 495px;
		height: auto;
		margin-left: 10px;
		min-height: 226px;
		/* 	border: 1px solid #000;*/	
	}
	.urun-detay-yazi h3{
		float:left;
		width:90%;
		height:auto;
		margin-top:0px;
	}
	.urun-detay-yazi .yazi{
		float:left;
		width:495px;
		height:auto;
		text-align:justify;
		margin-top:0px;
	}
	.faaliyet-raporlari-detay{
		float:left;
		margin:5px;
		width:316px;
		height:50px;
		background-color:#CCC;
	}
	.faaliyet-raporlari-detay a{
		float:left;
		width:316px;
		text-align:center;
		color: #000;
		text-decoration:none;
		line-height:4
	}
	
	.faaliyet-detay-alani{
		float:left;
		margin-left:13px;
		margin-top:5px;
		padding:5px; 
		width:250px; 
		height:140px;
	}
	.faaliyet-raporlari{
		float:left;
		width:100px;
		height:50px;
		background-color:#CCC;
		margin:5px;
	}
	.faaliyet-raporlari a{
		float:left;
		color:#000;
	}
	.faaliyet-raporlari-yazi{
		float:left;
		width:100px;
		text-align:center;
		margin-top:12px;
		
	}
	.faaliyet-raporlari-yazi a{
		float:left;
		width:100px;
		text-decoration:none;
	}
	.faaliyet-detay-alani a{
		color:#000;
		
	}
	.spotbox{
		float: left;
		height: 110px;
		width: 306px;
		margin: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		padding-left: 0;
		overflow: hidden;
		text-align: justify;
	}
	.spotboxHeader{		
		width: 306px;
		height: 18px;
		font-weight: bold;
		font-size: 12px;
		color: #107a89;		
		overflow: hidden;
	}
	.spotboxHeader a{
		color: #003866;
		text-decoration:none;
	}
	.spotbox .devami{
		float:right;
		width:77px;
	}
	.spotbox .devami a{
		text-decoration:none;
		color: #444444;
		font-size:12px;
	}
	.spotbox .ayrac{
		border:3px #107a89 solid;
	}
	.spotbox .icerik-alan{
		float:left;
		width:330px;
		margin-top:5px;
	}
	.spotbox .icerik{
		float: right;
		width: 170px;
		margin-right: 45px;
		overflow: hidden;
		height: 60px;
	}
	.icerik-arama{
		float: left;
		width: 306px;
		margin-right: 0;
		overflow: hidden;
		height:60px;
	}
	.sayfalama-numara-alani{
		float:left; 
		width:925px; 
		margin-left:13px;
	}
	.haber-detay{
		float:left;
		width:980px;
		height:auto;
		margin: 20px 20px 30px;
		padding-bottom: 10px;
		padding-top: 5px;
		font-size: 15px;
		font-family: verdana;
		background-color:#FFF;
	}
	.haber-detay h3{
		float:left;
		width:960px;
		
	}
		.kayan-urun-ust{
		float:left;
		width:980px;
		height:26px;
		margin-right:20px;
		margin-top:0px;
	}
	.kayan-urun-ust-yazi{
		color: #000;
		margin-left: 0px;
		font-size: 20px;
	}
	.kayan-urun-alani{
		float: left;
		width: 975px;
		padding: 2px;
	}
	.kayan-urun-alani ul {
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		width:1032px;
	}
	.kayan-urun{
		float: left;
		width: 169px;
		height: 80px;
		border: 1px solid #e9e9e9;
		margin-right: 30px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.kayan-urun:hover{
		float: left;
		width: 169px;
		height: 80px;
		border: 1px solid #e9e9e9;
		margin-right: 30px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.kayan-urun a{
		text-decoration:none;
		color:#445064;
	}
	.kayan-urun .urun{
		float: left;
		width: 85px;
		text-align: center;
		height: auto;
		padding: 5px;
		color: #445064;
		font-size: 10px;	
	}
	.kayan-urun-alani li {
		float: left;
		width: 250px;
		height: 100px;
		margin-right: 1px;
	}
	.headerLink{
		color:#000;
		text-decoration:none;
		font-weight:bold;
	}
	.tab-menu-detay{
		width: 952px;
		text-align: justify;
		margin-left: 13px;
		margin-right: 0px;
		margin-top: 5px;
	}
	
	.tab-menu-detay-resimsiz{	
		width: 952px;
		text-align: justify;
		margin-left: 13px;
		margin-right: 0px;
		margin-top: 5px;
	}
	.haber-detay{
		width: 952px;
		text-align: justify;
		margin-left: 13px;
		margin-right: 0px;
		margin-top: 5px;
	}
	
	.haber-detay-resimsiz{	
		width: 952px;
		text-align: justify;
		margin-left: 13px;
		margin-right: 0px;
		margin-top: 5px;
	}
	.kurumsal-kategori-resim{
		float: left;
		width: 964px;
		border: 0px solid #CCC;
		padding: 5px;
		background-color:#FFFFFF;
		/* border-top-left-radius:40px; */
		/* -webkit-border-top-left-radius:40px; */
		margin-left: 0px;
		margin-top:5px;
	}
	.kurumsal-kategori-resim-tek a{
		text-decoration:none;
	}
	.kurumsal-kategori-resim-tek{
		float:left; margin-right:1px; padding:0px; margin-left:5px;
	}
	.kurumsal-kategori-resim-tek img{
		border-radius: 0px;
		width: 178px;
		height: 120px;
		border: 4px solid #000000;
		padding: 0px;
	}
	.footer
	{ 	
		position:relative;
		height: 345px;
		padding-top: 10px;
		background: url(../images/footer.png) center top no-repeat;
		margin-top: -230px;
		width: 100%;
		z-index:-1;
	}
	.linkler-alani{
		position: relative;		
		width: 1085px;
		margin: 0 auto;
		height: auto;
		left:40px;
		top: 40px;
		top:0px \0/IE10;
		z-index:9999;
	}
	ul{
		margin:0;
		padding:0;
	}
	ul li{
		margin:0;
		padding:0;
	}
	.link-alani-1{
		float: left;
		width: 200px;
		margin-right: 60px;
		margin-left: 23px;
		text-align: left;
	}
	.link-alani-2{
		float: left;
		width: 200px;
		margin-right: 147px;
		text-align: left;
		margin-left:0px;
	}
	.link-alani-3{
		float: left;
		width: 200px;
		margin-right: 110px;
		margin-left: -33px;
		text-align: left;
	}
	.link-alani-4{
		float: left;
		width: 80px;
		margin-right:0px;
		text-align:left;
	}
	.link-alani-4 li{
		float: left;
		width: 138px;
		margin-right:0px;
		text-align:left;
	}
	.link-alani-4 input{
		float: left;
		height: 30px;
		width: 208px;
		border-radius: 3px;
		font: 12px;
		color: #999;
		padding: 0 5px 0 7px;
		margin: 10px 0 0 0;	
	}
	.link-alani-4 .button{
		float: left;
		height: 30px;
		width: 220px;
		border-radius: 3px;
		font: 12px;
		color: #999;
		padding: 0 5px 0 7px;
		margin: 10px 0 0 0;	
	}
	.tek-link li{
		list-style:none;
		width:80px;
		margin-top:10px;
	}
	.tek-link a{
		text-decoration:none;
		color:#8C8C8C;
	}
	.linkler li{
		list-style:none;
		width:190px;
		margin:10px;
	}
	.linkler a{
		text-decoration:none;
		color:#8C8C8C;
	}
	/* Linkler H Etiket */
	.linkler h1 {
		text-decoration:none;
		color:#8C8C8C;
		font-size:10px;
	}
	.linkler h1 a{
		text-decoration:none;
		color:#8C8C8C;
		font-size:12px;
	}
	.linkler h2 {
		text-decoration:none;
		color:#8C8C8C;
		font-size:10px;
	}
	.linkler h2 a{
		text-decoration:none;
		color:#8C8C8C;
		font-size:12px;
	}
	/* Linkler H Etkiket */
	.copyright-alan{
		position: relative;
		top: -60px;
		width: 1085px;
		margin: 0 auto;
		height:auto;	
	}
	.copyright{
		color:#000;
		float:left;
		width:332px;
		margin-top:5px;
	}
	.teknoloji-noktam a{
		color:#333;
		float:left;
		font-size:13px;
		text-decoration:none;	
	}
	.teknoloji-noktam{
		color: #CCC;
		float: right;
		width: 160px;
		margin-right: 10px;
	}
	.teknoloji-noktam a{
		color:#333;
		float:left;
		font-size:13px;
		text-decoration:none;	
	}
	.web-tasarim{
		float:left;
		margin-left: 16px;
		margin-right: -2px;
		margin-top:5px;
	}
	.web-tasarim-logo{
		float:left;
		margin-left:6px;
		margin-top:5px;
	}
 /* Açılır menü */


/* Yan menü */

.navbox {
	float:left;
	margin-left:13px;
	margin-top:-14px;
}
.navbox li {
	margin: 15px 0 0 0;
	list-style:none;
	clear:both; /* IE */ 
}
ul.nav li a {
	float: left;
	border: 2px solid #FFF;
	-webkit-transition: all 0.3s ease-out;
	background: #CCC;
	color: #FFF;
	border-radius: 5px;
	padding: 7px 15px 7px 15px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	width: 100px;
	display: block;
	text-decoration: none;
	-webkit-box-shadow: 2px 2px 4px #888;
	list-style: none;
	margin-top: 5px;
}

ul.nav li a:hover {
	float: left;
	background: #CCC;
	color: #000;
	padding: 7px 15px 7px 15px;
	border: 2px solid #A0A0A0;
}


/* DİKEY MENÜ */

@charset 'UTF-8';
/* Some stylesheet reset */

#cssmenu{
	float:left;
	width:180px;
	margin-left:0px;
	margin-top:5px;
}
#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}
/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  width: 180px;
  /* The list elements which contain the links */

}
/* activeyi koymustuk */
#cssmenu > ul li{
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  
}
/* General link styling */
#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px solid #3a3a3a;
  padding: 7px 2px;
  /* Typography */

  font-family: 'Trebuchet MS';
  color: #000;
  text-decoration: none;
  font-size: 13px;
  font-weight: 300;

  /* Background & effects */

  background: #FFF;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {

  border-top: 0;
    background-color:#F5F5F5;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {

  border-bottom: 0;
    background-color:#F5F5F5;
}
#cssmenu > ul li a {

  border-bottom: 0;
    background-color:#F5F5F5;
}


/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
  color: #000;
  background: #54cdf1;
  background: -webkit-linear-gradient(#CCC, #CCC);
  background: -moz-linear-gradient(#CCC, #CCC);
  background: linear-gradient(#CCC, #CCC);
  border-color: transparent;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #000;
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
#cssmenu > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 140px;
  /* The fade effect, created using an opacity transition */

  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}