@charset "utf-8";

/* CSS Document */

body {
	
	background-image: 
	background-color: #FFF;
	width: 99%;
}
p{ margin:0px;}
#ana {
	width: 100%;
	height: auto;
	padding-left: -2px;
	position: absolute;
	left: -1px;
	top: -2px;
}



#ana #ust {
	height: auto;
	width: 100%;
	margin-top: 0px;
}
#ust2 {
	height: auto;
	width: 100%;
	background-color: #FFF;
	position: fixed;
}


#ana #ust .ortabolum {
	height: auto;
	width: 50%;
	padding-top: 20px;
	float: left;
}
#ana #ust .ortabolum #logo {
	height: 100px;
	width: 50%;
	float: left;
	padding-left: 27%;
	margin-top: 10px;
}
#ana #ust .ortabolum .dill {
	height: 50px;
	width: 40%;
	float: right;
	clip: rect(auto,auto,auto,auto);
}
#ana #ust .ortabolum .dill #dil2 {
	height: 50px;
	width: 100%;
}
.styledd {
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

#ana #ust .ortabolum .dill #dil2 #dilingilizce {
	height: 20px;
	width: 50px;
	font-family: sans-serif;
	font-size: 11px;
}

#ana #ust .ortabolum .dill #dil {
	height: 50px;
	width: 100%;
}

#ana #ust .ortabolum .dill #dil #dilturkce {
	height: 20px;
	width: 50px;
	font-family: sans-serif;
	font-size: 11px;
	float: right;
}

#ana #menu {
	height: 45px;
	width: 75%;
	padding-left: 25%;
	background-color: #54ACD2;
	padding-top: 5px;
}
#ana #ust #orta #ortaresim2 .iletisimgoogle #haritaadres {
	height: auto;
	width: 90%;
	padding-left: 35px;
}
#ana #ust #orta #ortaresim2 .iletisimgoogle {
	height: auto;
	width: 50%;
	float: left;
	text-align: left;
	line-height: 12px;
}

#ana #ust #orta #ortaresim2 .iletisimgoogle #harita {
	height: 380px;
	width: 100%;
	padding-top: 10px;
}



#ana #orta {
	width: 99%;
	height: auto;
	padding-top: 170px;
	
}
#ana #ust #orta #ustresimiletisim {
	height: 300px;
	width: 70%;
	padding-left: 15%;
}


#ana #orta #ortaresim {
	width: 63%;
	height: 360px;
	text-align: left;
	margin-left: 15%;
	z-index: 5;
	background: linear-gradient(#B1B1B1,#fff);
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-left: 7%;
}
#ana #orta #ortaresimbayi {
	width: 63%;
	height: 360px;
	text-align: left;
	margin-left: 15%;
	z-index: 5;
	background: linear-gradient(#B1B1B1,#fff);
	font-family: sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding-left: 7%;
}

#ana #orta #ortaresim2 {
	font-family: sans-serif;
	font-size: 14px;
	width: 70%;
	margin-left: 15%;
	background-color: #FFF;
	height: auto;
	float: left;
	text-align: center;
}
#ana #orta #ortaresim3 {
	font-family: sans-serif;
	font-size: 14px;
	width: 70%;
	margin-left: 15%;
	background-color: #FFF;
	height: auto;
	float: left;
	background: linear-gradient(#fff,#B1B1B1);
}
#ana #orta #ortaresim2 .ortaicerik {
	height: 200px;
	width: 30%;
	float: left;
	padding-top: 5px;
	margin-left: 2%;
}

#ana #orta #ortaresim2 .ortaicerik #icerik1 {
	width: 95%;
	margin-right: 5px;
	text-align: left;
	padding-left: 10px;
	padding-top: 10px;
	height: auto;
	border-left-shadow: 0 0 6px 4px #ccc;
	
}

#ana #orta #ortaresim2 .ortaicerik #icerik2 {
	width: 95%;
	margin-left: 10px;
	text-align: left;
	padding-top: 10px;
	height: auto;
}
#ana #orta #ortaresim2 .ortaicerik #icerik3 {
	width: 95%;
	margin-left: 10px;
	padding-top: 10px;
	height: auto;
	float: right;
	text-align: left;
}





#ana #alt1 {
	float: left;
	width: 100%;
	height: auto;
	background-color: #54ACD2;
	padding-top: 15px;
}
#ana #alt1 .altiletisim {
	width: 49%;
	height: auto;
	float: left;
}
#ana #alt1 .altiletisim #iletisimbilgileri {
	width: 200%;
	height: auto;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	white-space: normal;
}
#ana #alt1 .altiletisim #altlogo {
	width: 20%;
	height: 20px;
	font-family: sans-serif;
	font-size: 12px;
	padding-top: 5px;
	float: right;
	padding-right: 19%;
}
#apDiv1 {
	position:absolute;
	left:-3px;
	top:0px;
	width:100%;
	height:197px;
	z-index:1;
	background-color: #0066FF;
}
#apDiv2 {
	position:absolute;
	left:15%;
	top:179px;
	width:71%;
	height:19px;
	z-index:1;
	background-color: #000000;
}
.galeri {
	float: left;
	width: 23%;
}
.urunresim {
	float: left;
	height: 200px;
	width: 22%;
	text-align: center;
	margin-right: auto;
	margin-left: 1%;
	margin-top: 20px;
}
.bayi {
	float: left;
	height: 60px;
	width: 17%;
	text-align: center;
	margin-right: auto;
	margin-left: 1%;
	margin-top: 20px;
}
.urunicerik {
	float: left;
	height: 150px;
	width: 20%;
	text-align: left;
	margin-right: auto;
	margin-left: 2%;
	margin-top: 40px;
	font-family: sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
	-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#f0f0f0))0 100% 0 0 stretch;
	border-left-width: thin;
	padding-top: 20px;
}
.urunresim2 {
	float: left;
	height: 150px;
	width: 95%;
	text-align: left;
	margin-right: auto;
	margin-left: 3%;
	margin-top: 20px;
	font-family: sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000;
	
}
#hakkimizda {
	height: auto;
	width: 90%;
	margin-top: 15px;
	margin-left: 5%;
}