@charset "iso-8859-9";
.banner {
	position: relative;
	z-index: 10;
	height: 365px;
	width: 1025px;
}
.onlineKatalogBtn {
	position: absolute;
	z-index: 5000;
	height: 81px;
	width: 148px;
	right: -5px;
	bottom: -5px;
}


.katalogTalepBtn {
	position: absolute;
	z-index: 5000;
	height: 81px;
	width: 148px;
	left: -5px;
	bottom: -5px;
}



.blogGenel {
	position: relative;
	float:left;
	height: 324px;
	width: 203px;
	z-index:10px;
	overflow:hidden;

	
}

.blogIcGenel {
	background-color:#000;
	position: absolute;
	float:left;
	height: 324px;
	width: 203px;
	z-index:10px;


	
}




.blogGenel:hover > .orta {display:block; top:324px;	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}

.orta {-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
	top:0px;

	display:block;
	height: 324px;
	width: 203px;

	position: relative;
	background-color: #F30;
	z-index:5;
	
}

.historyDiv {
	float:left;
	height: 208px;
	width: 330px;
	position: relative;
	z-index: 1;
	margin-bottom:15px;
}
.urunListeleDiv {
	float: left;
	height: 176px;
	width: 190px;
	margin-bottom: 18px;
	position: relative;
	z-index: 1;
}

.tasarimlar {
	float: left;
	height: 140px;
	width: 190px;
	margin-bottom: 18px;
	position: relative;
	z-index: 1;
}