/* 
    Created on : 8 Mar 2021, 15:59:52
    Author     : ali
*/

@font-face {
	font-family: 'OpenSansRegular';
	src: url('../../font/OpenSansRegular.eot');
	src: local('OpenSansRegular'), url('../../font/OpenSansRegular.woff') format('woff'), url('../../font/OpenSansRegular.ttf') format('truetype');
}

*{box-sizing: border-box; outline: 0;}
a{text-decoration: none; color:inherit}

html, body{margin: 0; padding: 0; font-family: 'OpenSansRegular';}

#ust{position: fixed; height: 100px; top:0; background: rgba(255,255,255, 0.6);color:#fff;width: 100%; z-index: 100}
#ustbilgi{float: right;}
#ust h1{ padding: 0; margin: 5px;text-align: right; padding-right:  50px; margin-right: 0;   font-size: 36px;  border-bottom: 10px solid red;}
#ust h2{padding: 0; margin: 10px;}
#sbasliklar{float: left;position: relative; min-width: 450px;}
#sbasliklar h2{position: absolute; left:50px;  padding: 10px;  color: #333; text-align: left;  }
#ust #logo {float: left; padding: 10px } /**/
#ust #logo img{opacity: 1; width: 400px; height: 80px;} /* */
#orta{position: relative;  top: 125px;clear: both; margin-bottom: 200px; }
/*#orta :after{content: " "; margin-bottom: 150px;}*/

.calismasekli{  text-align: center; padding: 15px; background: rgba(0,0,0, 0.4); color:#fff; margin: 10px auto; font-weight: bold; font-size:20px;  }
#disfsecim{  position: relative; margin: auto; width: 600px; top:150px; padding: 50px;  }

.fsecim{ margin:  15px; background: rgba(0,0,0, 0.8);  height: 150px; border-radius: 20px; box-shadow: 0 0 20px #fff; }

.fsecim h4{ color:#eee; border-bottom: 1px solid #aaa; padding: 10px; margin: 0; text-align: center; font-size: 24px; }
.fseckutudetay{width: 100%; display: none; }
.fseckutubtn{text-align: center; color:#eee; padding: 25px;}

.secimyapbtn{padding: 15px 20px;  margin: 5px; color:#fff; font-weight: bold; border: none; outline: none; font-size:16px;}
.iptalbtn{padding: 8px 20px;  margin: 5px; color:#fff; font-weight: bold; border: none; outline: none; font-size:16px;}
.fseckutubtn button:hover{background: orangered;}
.fseckutubtn a:hover{background: orangered;}

.fseckutudetay ul {list-style: square; color:#fff;    }
.fseckutudetay ul li{padding: 5px; border-bottom: 1px #aaa; border-bottom-style: dotted; font-size: 14px;}
.bildirim{position: fixed; right: 50px; display: none; z-index: 9000; background: rgba(255, 0, 0, 0.8); text-align: center;
         color: #fff; top: 130px; min-width: 300px; max-width: 500px; min-height: 100px; padding: 10px; 
         border-radius: 8px; border-bottom: 8px solid #fff; border-top: 8px solid #fff; font-weight: bold; font-size:18px; padding-top: 15px;
        box-shadow: 0 2px 7px #333;}
.uyari{text-align: center; color:#ff0000;  padding: 5px; background: rgba(255,255,255, 0.6); font-weight: bold;   }

#alt{width: 100%; height: 35px; padding:  5px ;
     color:#ddd; position: fixed; bottom: 0; left:0; text-align: center; background: rgba(0,0,0, 0.6);; border-top: 1px solid #ddd; z-index: 99}
.sarkaplan{position: fixed;
	left: 0;
	top: 0;
	z-index: -1;}
/*#aydinlatmametni{width: 1000px; margin: 0 auto; background: rgba(255,255,255,0.7); padding: 10px 15px;}
#aydinlatmametni form{text-align: center; margin: 40px;}
#aydinlatmametni div{padding: 10px;}
#aydinlatmametni div:first-child{background: rgba(0,0,0, 0.3); }
#aydinlatmametni  input[type=button]{padding: 12px 30px ; border:none; background: rgba(0,150,0, 0.8); font-weight: bold; color:#fff;}
#aydinlatmametni input[type=button]:hover{ cursor: pointer; background: rgba(0,150,0, 0.4) }*/

.sozlesmekutu{position: relative;  border-bottom: 8px solid green; padding: 10px;  text-align: center; }
.sozlesmepop{text-decoration: underline; font-style: italic;  cursor: pointer;  }
.sozlesme{ text-align: left; margin: 10px 0 !important; padding: 0!important ; }
#popupgetir{position: absolute; margin:  auto 3%; top:0; width: 94%; height: 600px; background: #fff; display: none; overflow: auto; padding: 20px; padding-bottom: 100px; margin-bottom: 200px;}
.spnkapat {background: #003399; padding: 10px; margin: 10px; font-weight: bold; cursor: default; color:#fff; }
.spnkapat:hover{background: #000a28}
.sozlesmeonaybtn{padding: 10px; margin: 5px;  font-weight: bold;}

.smskutu{position: relative; width: 800px; margin: 30px auto;; background: rgba(0,0,0, 0.5); color:#eee;  padding: 10px;  text-align: center; font-size: 20px;}
.smskutu .onaytxt{background: rgba(255,255,255, 0.2); }
.smskutu div{margin: 5px;}
.dkodu{padding: 5px 10px; background: #c92d2b; cursor: pointer; color:#fff; font-weight: bold; font-size: 18px;}
.dkodu:hover{box-shadow: 0 0 4px #000;}
.smskutu .kisatext{width: 115px;  padding: 8px 6px ; background: rgba(255,255,255, 0.7); border: 1px solid #ccc;}
.smskutu .kisatext:focus{box-shadow: 0 0 4px #000;}
#dtkodukutu{display: none;}
.smskutu button{padding: 7px; border-radius: 8px; margin: 5px; font-size: 18px; font-weight: bold; cursor: pointer; background: #c92d2b; color:#fff; border:none; outline: none;}
.smskutu button:hover{box-shadow: 0 0 4px #000;}
.kucukuyari{font-size: 16px; color:#ccc; background: #80761a; padding: 3px;}