body{background-image: url("img/bg.png");background-color:#FFF;padding:0px;margin:0px;font-size:14px;font-family:Tahoma;line-height:1.3em;}
#maincontainer{width:980px;background-color:#FFF;margin:auto;text-align:center;}
#title{text-align:center;background-color:#FFF;}
#header{margin:0px;padding:0px;}
#kredikarti{padding:15px;}
#subeler{padding:0px;}
#altbilgi{padding:15px;}
#footer{background-color:#FFF;width:100%:margin:auto;text-align:center;}
.bigtext{font-size:16px;color:#333;font-weight:700;}
.kutu{margin:0 auto;width:98%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:20px solid #DEDEDE;}
.kutusecili{margin:0 auto;width:98%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:20px solid #7fb601;}
.okutu{width:100%;border:#DDD solid 1px;background:#f6f6f6;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-left:20px solid #0056be;}
.bkutu{width:100%;background:#f9f9f9;line-height:150%;text-align:center;padding:10px;box-sizing:border-box;}
.sartname{margin:0 auto;width:98%;border:#DDD solid 1px;background:#f9f9f9;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;border-bottom:4px solid #CCC;}
.yesilkutu{width:100%;border:#DDD solid 1px;background:#66cc00;line-height:150%;text-align:left;padding:10px;margin-top:5px;box-sizing:border-box;}
h1{font-size:30px;color:red;margin:12px;line-height:1.4em;}
h2{font-size:22px;color:#3171ad;margin:12px;line-height:1.4em;}
h3{font-size:20px;color:#3171ad;margin:12px;line-height:1.4em;}
hr {width:98%;display:block;margin-top:0.5em;margin-bottom:0.5em;border-style:inset;border-width:1px;box-sizing:border-box;border-color:#7fb601;}
#top{bottom:5px;bottom:20px;display:none;height:100px;position:fixed;right: 20px;cursor:pointer;}
/*.tabletext{color:#FFF;}*/
a.red,a.red:link,a.red:visited{color:red;text-decoration:none;font-size:14px;}
a.red:hover,a.red:active{color:red;text-decoration:underline;}
a.menulnk,a.menulnk:link,a.menulnk:visited{color:#FFF;text-decoration:none;font-size:14px;font-weight:700;}
a.menulnk:hover,a.menulnk:active{color:red;text-decoration:none;font-weight:700;}
a.satinal,a.satinal:link,a.satinal:visited{color:red;padding:2px;font-size:14px;text-decoration:underline;}
a.satinal:hover,a.satinal:active{color:#66cc00;text-decoration:none;}
.redtxt{color:red;font-weight:700;}
a.markalar,a.markalar:link,a.markalar:visited{color:#FFF;text-decoration:none;font-size:15px;}
a.markalar:hover,a.markalar:active{color:#EFEFEF;text-decoration:underline;}
.tblbslk{font-weight:700;color:#FFF;}
.bant{width:100%;height:6px;background-color:#7fb601;}
.bant2{width:100%;height:4px;background-color:#CCC;}
.bant3{width:95%;height:2px;background-color:#DDD;margin:auto;margin-top:30px;margin-bottom:30px;}
img.headerimg{width:980px;height:200px;margin:auto;}
img.urun{border:2px solid #ddd;border-radius:4px;padding:5px;}
img.ikon{width:48px;height:48px;}
table{margin:0 auto;width:98%;border-collapse:collapse;}
table,th,td{border:0px solid #999;}
th,td{border-bottom: 1px solid #ddd;}
td{height:30px;}
td.menu{border:1px solid black;background-color:#7fb601;}
td.menu:hover{background-color:#547801;}
tr:nth-child(even){background-color: #f2f2f2}
#googleMap{width:100%;height:250px;}
/* CSS hover effect start */
.mg-image img {-webkit-transition: all 1s ease; /* Safari and Chrome */ -o-transition: all 1s ease; /* IE 9 */ -ms-transition: all 1s ease; /* Opera */ transition: all 1s ease; max-width: 100%;}
.mg-image:hover img {-webkit-transform:scale(1.20); /* Safari and Chrome */ -moz-transform:scale(1.20); /* Firefox */ -ms-transform:scale(1.20); /* IE 9 */ -o-transform:scale(1.20); /* Opera */ transform:scale(1.20);}
/* Animated button */
.button {
  border-radius: 4px;
  background-color: #3171ad;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 5px;
  width: 100px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 12px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.button2 {
  border-radius:4px;
  background-color:#CCC;
  border:none;
  color:#FFF;
  text-align:center;
  font-size:14px;
  padding:5px;
  width:100px;
  transition:all 0.5s;
  cursor:initial;
  margin:5px;
}
.button2 span {
  cursor:initial;
  display:inline-block;
  position:relative;
  transition:0.5s;
}

@media all and (max-width:979px) {
#maincontainer{width:100%;background-color:#FFF;margin:auto;text-align:center;}
img {width:95%;height:auto;}
img.ikon{width:64px;height:64px;}
img.logo{width:100%;height:auto;margin:auto;}
img.sosyal{width:24px;height:24px;}
img.headerimg{width:100%;height:auto;margin:auto;}
.sitekutu{width:100%;background-color:#FFF;height:auto;padding:10px;display:inline-block;text-align:center;box-sizing: border-box;}
#googleMap{width:100%;height:200px;}
}
@media all and (max-width:599px) {
.websiteler{display:none;}	
}