body{
	padding:0;
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	}
#main{
	width:1000px;
	margin:0px auto;
	border:0px solid #333;
	background-color:#f3f6f6	
	}	
/*     USTALAN  -------------------------------------------------------------------      */	
	
#ustalan{
	width:1000px;
	border:0px solid #333;
	float:left;
	background-color:#FFF;
	margin-bottom:5px;
	}	
#ust{
	width:960px;
	float:left;
	margin-left:20px;
	border:0px solid #333;
	}
		
#logo{
	width:120px;
	height:122px;
	margin-top:5px;	
	float:left;
	margin-bottom:5px;	
    margin-left:30px; 
	 	}	
#menubar{
	width:400px;
	float:left;
	margin-top:110px;
	border:0px solid #333;

	}	
#menubar li{
	width:80px;
	height:25px;
	float:left;
	text-align:center;
	line-height:25px;
	list-style-type:none;
	border:0px solid #333;
	margin:0px 10px 0px 10px;
	color:#6667a3;
	font-weight:bold
	}
#diamond{
	width:180px;
	height:90px;
	float:left;
	border:0px solid #333
	}	
	
#sosyal-medya{
	width:73px;
	float:right;
	border:0px solid #666;
	margin-top:5px;
	}	
#sosyal-medya img{
	margin-left:4px;
	cursor:pointer}	
#arama{
	width:160px;
	float:right;
	border:0px solid #666;
	margin-top:65px;
	}
#arama input{
	width:150px;	
	height:25px;
	font-size:12px;
	border:0px;
	padding:1px;
	padding-left:2px;
	outline:none !important;	
	}	
#araicon input{
	width:23px;
}	

#araicon{
	width:23px;
	height:25px;
	position:absolute;
	margin-left:155px;
	margin-top:2px;
	cursor:pointer;
	}

/*    ORTA ALAN  -----------------------------------------------------------------------    */	
#ortaalan{
	width:1000px;
	float:left;
	background-color:#f3f6f6
	
	}
#orta{
	width:960px;
	float:left;
	margin-left:20px;
	}	
#anasayfa{
	width:960px;
	float:left;
	}	
#slider{
	width:954px;
	height:380px;
	float:left;
	border:3px solid #6667a3;
	margin-bottom:20px;	
	margin-top:10px;
	
	}	
	
#urunler{
	width:1000px;
	float:left;	
	}	

ul#tab { height: 25px;margin-bottom:10px;}
ul#tab li {float: left; margin-right: 5px;}
ul#tab li a {background-color: #fff; display: block; border: 1px solid #6667a3; padding: 4px 10px; color: #333; border-top-color: #6667a3; border-left-color: #6667a3;font-weight:bold}
ul#tab li.aktif a {background-color: #6667a3; color: #fff; border-color: #6667a3;font-weight:bold}
div.tab_icerik {border:0px solid #ddd; color: #000;margin-bottom:20px;	font-family:Georgia, "Times New Roman", Times, serif;font-weight:bold}
#ff{font-family:Georgia, "Times New Roman", Times, serif;}
#ff p,strong{font-size:16px !important;line-height:25px;font-family:Georgia, "Times New Roman", Times, serif !important;}

	
	
/*     SOLMENU -------- */	
#solmenu{
	width:252px;
	float:left;	
	background-color:#FFF;
	margin-top:20px;
	border-radius:5px 5px 0px 0px;
	border:1px solid #FFF;
	}	
#solmenu a{
	color:inherit
	}	
	
	/* grup*/
#solmenu li{
	width:250px;
	list-style-type:none;
	line-height:25px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold !important;
	padding-left:2px;
	}

#solmenu li:hover{
	}
	/*altgrup*/
	
#solmenu li ul li{
	width:238px;
	border:0px solid #333;
	font-size:11px;
	font-style:italic;
	font-weight:100 !important;
	margin:0px;
	padding-left:19px;
	}
	/*kategori*/
#solmenu li ul li ul li{
	width:200px !important;
	border:0px solid #666;
	font-size:11px;
	
	}
	
	
	                               
#kat-baslik{
	width:250;
	height:40px !important;
	line-height:40px !important;
	font-size:18px !important;
	color:#FFF !important;
	background-color:#415075 !important;
	box-shadow: 0px 0px 0px 0px #6A7796 !important;
	border-radius:5px 5px 0px 0px;
	}
#kat-baslik:hover{
	color:#FFF !important;
	}
	#bilgi div{
		font-weight:100 !important;
		font-size:15px !important;
		line-height:15px !important;
		}
	#bilgi{
		font-weight:100 !important;
		font-size:15px !important;
		line-height:15px !important;
		}
/*     URUNKISIM -------- */	
#urunlerkisim{
	width:720px;
	float:left;
	border:0px solid #CCC;
	margin:15px 0px 30px 10px;	
	}	
#diskisim{
	width:210px;
	float:left;
	height:290px;
	border:0px solid #666;
	margin:5px 25px 20px 5px;
	background-color:#FFF;
	-webkit-box-shadow:0px 4px 14px 0px rgba(82, 59, 50, 0.30);
	-moz-box-shadow:0px 4px 14px 0px rgba(82, 59, 50, 0.30);
	 box-shadow:0px 4px 14px 0px rgba(82, 59, 50, 0.30);	}
#diskisim:hover{
	-webkit-box-shadow: 0px 4px 14px 0px rgba(82, 59, 50, 0.15);
	-moz-box-shadow:    0px 4px 14px 0px rgba(82, 59, 50, 0.15);
	box-shadow:         0px 4px 14px 0px rgba(82, 59, 50, 0.15);}
		
#resimalani{
	width:210px ;
	height:210px;
	cursor:pointer
	}
#urunfiyat-kisim{
  	width:195px;
	float:left;
	clear:both;
	padding-left:5px;
	margin-top:30px;
	border:0px solid #333
	}	
#model{
	width:150px;
	position:absolute;
	font-size:12px;
	margin-top:2px;
	font-weight:bold;
	border:0px solid #666
	}	
#urun-fiyat{
	width:150px;
	position:absolute;
	float:left;
	font-size:12px;
	color:#6667a3;
	margin-top:20px;
	font-weight:bold
	border:0px solid #666
	}	
#detay{
	width:50px;
	height:50px;
	position:absolute;
	margin-left:155px;
	margin-top:3px;
	cursor:pointer}
#sayfalar{
	width:700px;
	border:0px solid #666;
	float:right;
	padding:3px;
	margin-bottom:30px;}
#num{
	width:100%;
	margin:0px auto;
	border:0px solid #999;
	}		
#num li{
	width:20px;
	height:20px;
	border:1px solid #999;
	border-radius:5px;
	line-height:20px;
	text-align:center;
	list-style-type:none;
	float:left;
	margin-right:2px;
	margin-bottom:2px;
	}
/*     HAKKIMIZDA -------- */	
#hakkimizda{
	width:902px;
	float:left;
	}	
#hak-yaz{
	width:900px;
	float:left;
}
#yazz{
	width:700px;
	font-size:14px;
	padding-top:40px;
	padding-bottom:60px;
	text-align:justify;
	line-height:27px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	float:left;
	margin-left:130px;
	}
#hak-logo{
	width:450px;
	height:590px;
	float:left;
	border:0px solid #666;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat;
	}
#log{
	width:400px;
	height:400px;
	margin:0px auto;
	margin-top:80px;}	
#log-yazi{
	width:300px;
	font-size:19px;
	margin-top:40px;
	
		
	}

		
#baslik{
	width:950px;
	height:50px;
	background-color:#6667a3;
	color:#FFF;
	font-size:20px;
	line-height:50px;
	padding-left:10px;
	margin-top:5px;
	float:left}		
/*     İLETİŞİM -------- */	
#iletisim{
	width:960px;
	float:left;
	margin-bottom:100px;
	}
#harita{
	width:500px;
	height:650px;
	float:left;
	border:2px solid #666;	
	margin-top:20px;
	}	
#iletisim_bilgi{
	width:400px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	}
		
#iletisim_bilgi li{
	width:400px;
	height:25px;
	list-style-type:none;
	font-size:14px;
	line-height:25px;	
	}	
#iletisim_baslik{
	width:440px;
	border-bottom:1px solid #6667a3;
	font-size:16px;
	color:#6667a3}

#iletisim_form{
	width:400px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}	

input[type="text"]{
	width:200px;
	height:30px;
	border:1px solid #6667a3;
	outline:none;
	border-radius:4px;
	padding-left:5px;
-webkit-box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);
-moz-box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);
box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);}

#iletisim_form textarea{
	padding-left:5px;
	outline:none;
	border-radius:4px;
	border:1px solid #6667a3;
-webkit-box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);
-moz-box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);
box-shadow: 0px 0px 12px 2px rgba(136,113,120,0.46);}
	}
#iletisim_form textarea:focus{
	padding-left:5px;
	outline:none;
	border:2px solid #0F3}	
#btn{
	width:70px;
	height:25px;
	padding:3px;
	font-weight:bold;
	outline:none;
	cursor:pointer;
	border-radius:3px
}	
#hesap{
	width:420px;
	float:left;
	margin-left:20px;
	padding-top:20px;
	}	
	
#hesap-bilgileri{
	width:420px;
	float:left;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-bottom:20px;
	padding-top:8px;
	}	
#hesap-input{
	width:220px;
	-o-user-select: none;
   -ms-user-select: none;
   user-select: none
	}	
	




	
#urun-detay{
	width:960px;
	float:left;
	border:0px solid #333;
	margin-bottom:50px;}
#urun-kisim{
	width:400px;
	height:400px;
	float:left;
	border:2px solid #666;
	background-color:#FFF;
	margin-left:20px;
	margin-top:20px;}
	
#urunozellik{
	width:400px;
	float:left;
	margin-top:20px;
	margin-left:40px;
	font-size:13px;}
#urunözel-baslik{
	width:300px;
	background-color:#6667a3;
	height:20px;
	font-size:16px;
	font-weight:bold;padding:5px;
	color:#FFF;
	border-radius:3px;}	
#urunözel-baslik table tr{
	padding-bottom:5px;}
#benzer-urunler{
	width:960px;
	float:left;
	clear:both;
	margin-bottom:50px;
	}
#benzer-baslik{
	width:960px;
	height:30px;
	border-bottom:1px dashed #666;
	line-height:30px;
	margin-top:70px;
	font-size:16px;
	font-weight:bold;
	color:#6667a3}				
/*    alt ALAN  ------------------------------------------------------------------------------------    */	
#altalan{
	width:1000px;
	height:50px;
	float:left;		
	background-color:#6667a3;
	}	
#alt{
	width:960px;
	float:left;
	margin-left:20px;
	}	
#yazi{
	width:600px;
	height:50px;
	text-align:center;
	margin:0px auto;
	color:#FFF;	
	line-height:50px;
	}	
	
	
	
	
	
	
	
	
	
@font-face {
    font-family: 'mabellaregular';
    src: url('../font/mabellaatr-webfont.eot');
    src: url('../font/mabellaatr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/mabellaatr-webfont.woff2') format('woff2'),
         url('../font/mabellaatr-webfont.woff') format('woff'),
         url('../font/mabellaatr-webfont.ttf') format('truetype'),
         url('../font/mabellaatr-webfont.svg#mabellaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	


  	#tel3{
		width:215px;
		border:1px solid #CCC;
		background-color:#999;
		border-radius:5px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:5px;
		padding:5px 5px 5px 1px;
		font-size:14px;
		line-height:17px;
		}
	#tel3 i{
		display:inherit;
		line-height:16px;
		float:left;
		margin-right:4px;
		}
	#tel5{
		width:140px;
		border:1px solid #CCC;
		background-color:#999;
		border-radius:5px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:5px;
		padding:5px 5px 5px 1px;
		font-size:14px;
		line-height:17px;
		
		}
	#tel5 i{
		display:inherit;
		line-height:16px;
		float:left;
		margin-right:4px;
		}
	#tel4{
		width:140px;
		border:1px solid #CCC;
		background-color:#999;
		border-radius:5px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:5px;
		padding:5px 5px 5px 1px;
		font-size:14px;
		clear:both;
		line-height:17px;
		}
		
	#tel4 i{
		display:inherit;
		line-height:16px;
		float:left;
		margin-right:4px;
		}
	#mail{
		width:180px;
		border:1px solid #CCC;
		background-color:#999;
		border-radius:5px;
		font-weight:bold;
		color:#FFF;
		margin-bottom:5px;
		padding:5px 5px 5px 1px;
		font-size:14px;
		clear:both;
		line-height:17px;
		}
		
	#mail i{
		display:inherit;
		line-height:16px;
		float:left;
		margin-right:4px;
		}