ul.menu {margin-left:-35px;text-align: center}
ul.menu a {text-decoration:none;color:black;}
ul.menu li {display: inline-block; width:150px; vertical-align: top; position: relative; box-shadow: inset 0px 0px 15px -5px deepskyblue; background-color: white; border-radius:5px;padding: 10px;margin:5px;cursor: pointer;list-style-type:none;}
ul.menu li ul {display: none; position: absolute; right: 20px; margin-top: 10px;width:150px}
ul.menu li ul li {margin: 0.5px; padding:10px; width: 100%; box-shadow: inset 0px 0px 15px -5px dodgerblue;background-color: white; float: left}
ul.menu li > ul {top: auto; left: auto;}
ul.menu li:hover {background: deepskyblue;box-shadow: inset 0px 0px 100px -5px white;}
ul.menu li ul li:hover {background: dodgerblue;}
ul.menu li:hover ul {display: block; z-index: 999}
ul.menu li:hover ul, ul.menu li.over ul{display: block;}

.giris, .cikis{position:fixed;top:0;left:0;height:100%;width:100%;text-align:center;z-index:9;display:none}
.karart{position:fixed;top:0;left:0;height:100%;width:100%;opacity:0.8;background-color:black;}
.pupbolum{ text-align: center;opacity: 1;border-radius: 10px; position: fixed;z-index: 99;background-color: white;padding: 15px;width:500px;left: calc(50% - 265px);top: 30%;box-shadow: 0px 10px 15px gray;border: 1px solid black}
.gbolum input, .cbolum input{font-size:18pt;}
.gislem, .cislem{color: maroon}
.mabuton, .maabuton{border:none;position: absolute;top:-2px;left:0px;cursor: pointer;font-size:10pt}
.msbuton, .masbuton, .mebuton, .maebuton{border:none;position: absolute;float:right;top:-2px;right:0px;cursor: pointer;font-size:10pt}
.mayar, .maayar{display: none}