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

body{margin:0;padding:0;overflow-x:hidden;font-family:'Ubuntu',Trebuchet MS, Arial, Helvetica, sans-serif;}
.top{top:0;width:100%;display:table;position:relative;}
.top .logo{float:left;position:relative;max-width:247px;max-height:64px;width:100%;height:auto;left:1%;margin:7px auto;}
.top .logo img{width:100%;height:auto;}
.top .ust{float:right;position:relative;max-width:500px;max-height:35px;width:100%;height:auto;right:1%;margin:25px auto 0 auto;text-align:right;}
.top .menu{width:100%;position:relative;float:left;margin:11px auto;padding:0;}
.orta{margin:0;padding:0;position:relative;width:100%;text-align:center;}
 .banner{width:100%;position:relative;margin:0;}

.orta .kutu1{width:31%;min-height:730px;position:relative;float:left;border:1px solid #CCC;margin:11px .5% 0 2%;overflow:hidden; }
.orta .kutu2{width:31%;min-height:730px;position:relative;float:left;border:1px solid #CCC;margin:11px .5%;overflow:hidden;max-height:730px;}
.orta .kutu3{width:31%;min-height:730px;position:relative;float:left;border:1px solid #CCC;margin:11px 2% 0 .5%;overflow:hidden;}
.orta .baslik{font-size:25px;font-weight:bold;color:#000;text-align:center;border-bottom:3px solid #666;border-top:1px solid #CCC;margin:0 auto 25px auto;line-height:45px;}
.orta .text{font-family:'Ubuntu',Trebuchet MS, Arial, Helvetica, sans-serif;font-size:13px;padding:7px;text-align:left;line-height:21px;}
.orta .text a{font-size:13px;padding:7px;text-align:left;line-height:21px;text-decoration:none;color:#666;position:relative;display:block;}
.orta .text a:hover{color:#000;}
.orta .text img{width:100%;height:auto;max-width:400px;}
.orta .link{font-weight:400;font-size:13px;padding:7px;border:1px solid #CCC;background:#999;color:#333;text-decoration:none;position:relative;margin-top:11px;}
.orta .link:hover{background:#000;color:#CCC;}
.orta .liste{margin:7px;position:relative;}
.orta .liste1{padding:7px;color:#000;background:rgba(155,155,155,.1);font-size:15px;line-height:21px;text-align:left;margin:2px 7px;
	-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;}
.orta .liste1:hover{background:#CCC;
-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;}
.liste1 h1{font-size:15px;font-weight:bold;color:#333;}
.liste1 p{font-size:13px;font-weight:lighter;color:#333;text-align:left;text-decoration:none;}
.liste1 p a{font-size:13px;font-weight:lighter;color:#666;text-align:left;text-decoration:none;display:block;text-decoration:none;}
.liste1 p a:hover{color:#000;}

.liste1 .link{font-weight:400;font-size:13px;padding:7px;border:1px solid #CCC;background:#FFF;color:#333;text-decoration:none;position:relative;margin-top:11px;width:100%;margin:7px auto 0 auto;}
.liste1 .link:hover{background:#000;color:#CCC;}

/* arasayfa */
.orta .arabaslik{width:98%;margin:0 auto;position:relative;border-bottom:2px solid #666;line-height:55px;text-align:left;}
.orta .text{padding:15px;margin:0 auto;position:relative;color:#333;font-size:14px;line-height:25px;}
.orta .text .res{width:100%;height:auto;max-width:450px;float:right;position:relative;margin-left:15px;}
.orta .text .res img{width:100%;height:auto;}

.listeGenel{width:100%;margin:5px auto;float:left;position:relative;border:1px solid #CCC;padding:7px;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; display:table;
-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;background:rgba(155,155,155,.1)}
  .listeGenel:hover{border:1px solid #206f8e;background:rgba(155,155,155,.35);
-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;}
.listeGenel .ikon{width:137px;height:auto;float:left;position:relative;}
.listeGenel .aciklama, .listeGenel1 .aciklama{width:88%;height:auto;display:table;color:#666;font-size:14px;text-align:left;margin-left:15px;float:left;position:relative;}
.listeGenel .aciklama a, .listeGenel1 .aciklama a{text-decoration:none;display:block;}
.listeGenel .aciklama a:hover, .listeGenel1 .aciklama a:hover{color:#000;}
.listeGenel .aciklama h2, .listeGenel1 .aciklama h2{line-height:35px;font-size:17px;color:#000;font-weight:bold;text-align:left;width:100%;}

.listeGenel1{width:100%;margin:5px auto;float:left;position:relative;border:1px solid #CCC;padding:7px;-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; display:table;
-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;background:rgba(155,155,155,.05)}
.listeGenel1:hover{border:1px solid #206f8e;background:rgba(155,155,155,.35);
-o-transition:all 1s ease-in, background .3s ease-in;
  -ms-transition:all 1s ease-in, background .3s ease-in;
  -moz-transition:all 1s ease-in, background .3s ease-in;
  -webkit-transition:all 1s ease-in, background .3s ease-in;}
.listeGenel1 .ikon{width:57px;height:auto;float:left;position:relative;}  
  


/* İLETİŞİM */
.iletisim .iletisimSol{margin:15px;padding:7px;text-align:left;font-family:'Ubuntu', Arial, Sans Serif;font-size:13px;color:#CCC;text-decoration:none;line-height:17px;width:49%;float:left;position:relative;background:#666;}
.bas{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;font-size:13px;text-decoration:none;font-weight:bold;}
.duz{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#666;font-size:13px;text-decoration:none;}
.iletisim .iletisimSol .res{width:100%;height:auto;}
.iletisim .iletisimSol .res img{width:100%;height:auto;}
.iletisim .iletisimSag{width:45%;float:left;position:relative;margin:15px 0;left:3%;background:#F0F0F0;padding:15px;}
.uyeText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#333;font-size:13px;text-decoration:none;display:table;width:95%;padding-top:11px;text-align:left;padding-left:5px;}
.uyeForm{
	width:98%;
	height:30px;
	float:left;
	position:relative;
	margin:5px;
	display:table;
	text-align:left;
}
.forUye{width:100%;min-height:30px;border:0;background-color:#FFF;font-family:Verdana, Geneva, sans-serif;font-size:12px;color:#333;text-decoration:none;padding-left:11px;display:inline-block;
border:1px solid #E6E6E6;}
.map{width:100%;height:300px;position:relative;top:25px;margin-bottom:55px;display:table;float:left;}

.iletisim .ekip{margin:15px;padding:7px;text-align:left;font-family:'Ubuntu', Arial, Sans Serif;font-size:13px;color:#333;text-decoration:none;line-height:21px;width:47%;float:left;position:relative;border:1px solid #CCC;min-height:275px;}
.iletisim .ekip h2{font-size:21px;font-weight:bold;text-align:left;line-height:35px;}

.footer{width:100%;height:auto;display:table;position:relative;float:left;margin:15px auto 0 auto;background:#CCC;}
.footer .altlogo{width:31%;height:auto;display:table;position:relative;float:left;margin:11px .5%;text-align:center;}
.footer .copyright{width:31%;height:auto;display:table;position:relative;float:left;margin:11px .5% 0 2%;font-size:12px;color:#333;}
.footer .tanidik{width:31%;height:auto;display:table;position:relative;float:left;margin:11px 2% 0 1%;font-size:12px;color:#333;text-align:right;}
.footer .tanidik a{text-decoration:none;color:#666;}
.footer .tanidik a:hover{color:#000;}
.footer .yuyari{font-size:11px;padding:7px;text-align:left;line-height:15px;color:#333;border:1px solid #EAEAEA;margin:7px auto;width:95%;background:#BFBFBF;text-align:center;}

 @media only screen and (max-width: 768px) {
	 .orta .kutu1{width:100%;}
	 .orta .kutu2{width:100%;}
	 .orta .kutu3{width:100%;}
 }