@import"reset.css";

body { background: #404040 url(../img/Bg.jpg) top center no-repeat; font-family:'Open Sans',sans-serif;  }


.main { width: 1024px; padding: 0px; margin-left: auto; margin-right: auto; text-align:left; }

/********* HEADER **********/
.header { width: 100%; height: 205px; float: left; padding: 0px; margin: 0px; background: url(../img/header.png) no-repeat; }

.logo { width: 192px; height: 50px; float: left; padding: 0px; margin-left: 78px; margin-top: 15px; }

.topMenu { width: 650px; height: 50px; float: left; padding: 0px; margin-top: 55px; margin-left: 95px; }
.topMenu ul { float: left;}
.topMenu ul li { float: left; margin-left: 5px; margin-right: 14px;  }
 .topMenu ul li a { height: 50px; line-height: 50px; float: left; padding: 0px; margin: 0px; color: #fff;  }
 .topMenu ul li a:hover { text-decoration: underline; }

 /** SLİDER***/

.SliderBg { width: 1022px; height: 442px; float: left; padding: 0px; margin-left: 2px; margin-top: -88px; }
.Slider { width: 1022px; height: 442px; float: left; padding: 0px; margin: 0px; overflow: hidden; }
.Slider ul { float: left; }
.Slider ul li { width: 1022px; height: 442px; float: left; padding: 0px; margin: 0px; }



/** ORTA ALAN **/
.ortaAlan { width: 1024px; height: 216px; float: left; padding: 0px; margin-top: 0px; background: url(../img/ortaBg.png) no-repeat;}
.ortaAlan ul { float: left; padding: 0px; margin: 0px; }
.ortaAlan ul li { float: left; }
.ortaAlan ul li a.OALink1 { float: left; padding: 0px; margin-top: 173px; margin-left: 120px;  color: #000; }
.ortaAlan ul li a.OALink2 { float: left; padding: 0px; margin-top: 173px; margin-left: 135px;  color: #000; }
.ortaAlan ul li a.OALink3 { float: left; padding: 0px; margin-top: 173px; margin-left: 150px;  color: #000; }
.ortaAlan ul li a.OALink4 { float: left; padding: 0px; margin-top: 173px; margin-left: 155px;  color: #000; }

.ortaAlan ul li a:hover { text-decoration: underline; }


.ortaAlan2 { width: 1024px; height: 250px; float: left; padding: 0px; margin-top: 50px; background: url(../img/ortaBg2.png) no-repeat;}


/** SOL ALAN **/
.Left { width: 258px; min-height: 262px; float: left; padding: 0px; margin-top: -65px; }

.leftMenu { width: 258px; min-height: 262px; float: left; padding: 0px; margin: 0px; background: url(../img/leftMenu.png) no-repeat; }
.leftMenu ul { float: left; }
.leftMenu ul li { width: 100%; float: left; }
.leftMenu ul li p { float: left; padding: 0px; margin-left: 50px; margin-top: 20px; margin-bottom: 30px; font-weight: bold; font-size: 16px; }
.leftMenu ul li a { width: 169px;height: 30px;line-height: 30px;float: right;padding-left: 15px;margin-left: 50px;margin-bottom: 2px;margin-right: 9px;font-size: 13px;background: #fff;color: #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }
.leftMenu ul li a:hover { background: #f1f1f1; }

/** SAĞ ALAN **/
.Right { width: 756px; min-height: 460px; float: left; padding: 0px; margin-left: 10px; margin-top: -65px; background: #fff; }
.Right ul { float: left; }
.Right ul li { width: 736px; float: left; padding: 0px; margin-left: 10px; margin-top: 10px; }
.Right ul li b { float: left; margin-bottom: 10px; font-size: 18px; }
.Right ul li p { font-size: 14px; padding-bottom:10px; font-family: Tahoma, Geneva, sans-serif;
line-height: 19.600000381469727px;}

/** REFERANSLAR **/
.Referanslar { width: 1022px; min-height: 450px; float: left; padding: 0px; margin-top: -65px; background: #fff; border: 1px solid #d0d0d0;}
.Referanslar ul { float: left; margin-top: 50px; margin-left: 50px; }
.Referanslar ul li { width: 124px; height: 124px; float: left; padding: 0px; margin-right: 33px; margin-bottom: 33px; border: 1px solid #d0d0d0; }

/** İLETİŞİM **/
.Iletisim { width: 1022px; min-height: 450px; float: left; padding: 0px; margin-top: -65px; background: #fff; border: 1px solid #d0d0d0;}

.Iletisim ul.IltBilgi { width: 461px; height: 350px; float: left; padding: 0px; margin-top: 50px; margin-left: 50px; }
.Iletisim ul.IltBilgi li { width: 100%; float: left; padding: 0px; margin-bottom: 10px; }
.Iletisim ul.IltBilgi li b { float: left; margin-bottom: 10px; font-size: 18px;}
.Iletisim ul.IltBilgi li span { width: 70px; float: left; font-size: 14px; }
.Iletisim ul.IltBilgi li p { float: left; font-size: 14px; }

.Iletisim ul.IltForm { width: 461px; height: 350px; float: left; padding: 0px; margin-top: 50px; margin-left: 50px; }
.Iletisim ul.IltForm li { width: 100%; float: left; padding: 0px; margin-bottom: 5px; }
.Iletisim ul.IltForm li b { float: left; margin-bottom: 10px; font-size: 18px;}
.Iletisim ul.IltForm li span { width: 120px; float: left; font-size: 14px; line-height:2; }
.IltTxt { width: 180px; }
.GBtn { float: left; margin-left: 120px;}

.Iletisim ul.IltHarita { width: 922px; height: 400px; float: left; padding: 0px; margin-left: 50px; margin-top: 50px; margin-bottom: 50px; background: #000; }

/** AHaber **/
.AHaber { width: 260px; height: 225px; float: left; padding: 0px; margin-left: 55px; margin-top: 20px; }
.AHaber ul { width: 100%;  float: left; padding: 0px; margin: 0px; }
.AHaber ul li.AHBaslik { width: 100%; height: 40px; float: left; padding: 0px; margin: 0px; }
.AHaber ul li.AHLink { width: 100%; height: 27px; float: left; padding: 0px; margin-top: 10px; border-bottom: 1px dashed #000;}
.AHaber ul li.AHLink a { float: left; color: #000; font-size: 13px; }
.AHaber ul li.AHLink a:hover { text-decoration: underline; }
.AHaber ul li.AHTumu { width: 238px; height: 38px; float: left; padding: 0px; margin-left: 10px; margin-top: 15px; }

.HDiv { width: 100%; height: 120px; float: left; padding: 0px; margin: 0px; }

/** ANASAYFA REFERANSLAR **/
.AReferans { width: 270px; float: left; padding: 0px; margin-top: 20px; margin-left: 70px; }
.AReferans ul { width: 100%; float: left; padding: 0px; margin: 0px; }
.AReferans ul li.ARBaslik { width: 100%; height: 50px; float: left; padding: 0px; margin: 0px; }
.AReferans ul li.ARLink { width: 62px; height: 60px; float: left; padding: 0px; margin-top: 5px; margin-right: 5px; }


/** ANASAYFA İLETİŞİM **/
.AIletisim { width: 290px; float: left; padding: 0px; margin-top: 20px; margin-left: 70px; }
.AIletisim ul { width: 100%; float: left;}
.AIletisim ul li.AIBaslik { width: 100%; height: 40px; float: left;}
.AIletisim ul li.AIIcerik { width: 100%; float: left; margin-top: 10px; }
.AIletisim ul li.AIIcerik span { width: 60px; float: left; }
.AIletisim ul li.AIIcerik p { width: 230px; float: left; }

/** Footer **/

.footerBg { width: 100%; height: 251px; float: left; padding: 0px; margin-top: 100px; background: url(../img/footerBg.jpg) repeat-x;}

.footer { width: 100%; height: 185px; float: left; padding: 0px; margin-top: -33px; background: url(../img/footer.png) no-repeat;}

.footer ul.FoterLogo { width: 168px; height: 43px; float: left; padding: 0px; margin-top: 45px; margin-left: 110px; }

.footer ul.footerMenu { width: 150px; height: 110px; float: right; padding: 0px; margin-top: 35px; margin-right: 10px; }
.footer ul.footerMenu li { width: 100%; float: left; padding: 0px; margin-bottom: 4px; }
.footer ul.footerMenu li b { float: left; margin-bottom: 10px; color: #fff; font-size: 14px; }
.footer ul.footerMenu li a { float: left; padding: 0px; margin: 0px; color: #fff; font-size: 12px; }
.footer ul.footerMenu li a:hover { text-decoration: underline; }
.ta10 {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #188BD1;
	width: 250px;
	height: 80px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;

}
.ta9 {
	background-image:url(images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #188BD1;
	width: 250px;
	height: 20px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:8px;
	font-family:tahoma, arial, sans-serif;

}
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  border:none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  cursor:pointer;
}