@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
}
.zemin {
	width:960px;
	margin:0 auto;
}
.ust {
	border: 1px none #000000;
	padding: 15px 0px;
	}
.logo {
	float:left;
	width:162px;
	}
.ustsag{
		float:right;}
.temizle{
	clear:both;}	
.sosyal {
	float:right;
	clear:both;
}
.ara {
	float:right;
	}
.txtAra{
	height:36px;
	border:solid 1px #000000;
	float:left;
	width: 130px;
	}
.btnAra{
	height: 36px;
	width: 40px;
	float: left;
	border: none;
	cursor: pointer;
	background-image: url(../images/search-icon.png);
	}
.menu{
	background-color:#06F;
	min-height:40px;/*en az yükseklik değeri verme*/
	
	}
.menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}
.menu ul li{
	float:left;
	}
.menu ul li a{
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	padding: 0px 15px;
	line-height: 40px;
	text-transform: uppercase; /*yazılar küçük bile olsa menüde büyük gözükür*/
	letter-spacing: 2px; /*harfler arasında 2 pixel boşluk bırakır*/
	font-weight: bold;
	}
.menu ul li a:hover {
	text-decoration: none;
	color: #000;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	display: block;
	padding: 0px 15px;
	line-height: 40px;
	text-transform: uppercase; /*yazılar küçük bile olsa menüde büyük gözükür*/
	letter-spacing: 2px; /*harfler arasında 2 pixel boşluk bırakır*/
	font-weight: bold;
}
.orta{
	width:960px;
}
.metin{
	width: 960px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	color: #000;
	text-align: justify;
	}
.metin h1{
	color: #009;
	}
.slider{
	margin-top:30px;
	}
.kampanya{
	margin-left:-30px;
	}
.kamp{
	width:960px;
	margin-top:30px;
	}
.sutun{
	width:300px;
	height:400px;
	float: left;
	margin-left:30px;
	margin-top:30px;
	position:relative;
	overflow:hidden;/*taşan kısımları gizle*/
	}
.sutun span{
	position:absolute;
	bottom:0;
	left:0;
	z-index:10;
	background-color:rgba(255,0,0,0.7);
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:30px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:21px;
	transition:1s;
	
	}
.sutun a:hover>span{/*sütun içindeki spana hover uygulama*/
	height:400px;
	background-color:rgba(51,102,0,0.7);
	transition:1s;

	}
.mtbosluk{
	margin-top:30px;
	}
.footer{
	line-height: 50px;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	background-color: #9ac0f9;
	width: 100%;
	}
.sutuni{
	width: 450px;
	height: auto;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	/*position: relative;*/
	overflow: hidden;/*taşan kısımları gizle*/
	}
.ilet{
	width: 410px;
	height: 300;
	float: left;
	/*margin-left: 30px;
	margin-top: 30px;*/
	}
/* CSS Document */
input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: helvetica; font-size: 100%; } input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } input[type=search] { background: #ededed; /*Arkaplan*/ border: solid 3px #ccc; /* Kenarlık */ border-radius:3px; /*köşe yumuşatma*/ padding: 9px 10px 9px 10px; width: 30px; /*Başlangıçtaki genişlik */ -webkit-transition: all .5s; /*Animasyon */ -moz-transition: all .5s;/*Animasyon */ transition: all .5s; /* Animasyon */ } input[type=search]:focus { width: 130px; /* Tıklandığında genişlik */ background-color: #f9f9f9; /* tıklandığında arkaplan*/ border-color: #22c8e6; /*tıklandığında kenarlık rengi*/ } input:-moz-placeholder { color: #999;} input::-webkit-input-placeholder { color: #999; }


@media (max-width:768px)
{/* ekran genişliği 768px den az ise aşağıda belirtilen kuralları uygula (0px-768px arası)*/
	.zemin{
		width:100%;
		}
	.slider img{
		width:100%;
		}
	.sutun{
		float:none;
		margin-left:auto;
		margin-right:auto;
		}
	.kampanya{
		margin-left:0px;
		}
	.menu{
		height:auto;
		}
	.menu ul{
		display:none;
		background-color:#06F;
		position:relative;
		clear:both;
		}
	.menu span{
		border:solid 2px #FFFFFF;
		margin-bottom:4px;
		margin-top:4px;
		float:right;
		clear:both;
		width:50px;
		margin-right:10px;
		}
	.menu:hover > ul{
		display:block;
		}
	.menu ul li{
		float:none;
		border-bottom:solid 1px #FFFFFF;
		}
	}
@media (max-width:480px)
{
	.txtAra{
		width:120px;
		}
	}