/* reset */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/* icerik */
* 
body { font: 12px Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 18px; background: #808080; color: #000; }
a {background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
.sari { color: #ffcc33; }
.beyaz { color: #fff; }
p { margin: 0 0 15px 0; }
h1 { font: normal 32px Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 16px Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }
input,textarea{padding:2px; font-weight:bold; width:80%; border:2px solid #000; margin:5px;}
input:focus,textarea:focus{border:2px solid red;}
.dugme{width:80px;}
#content { width: 900px; margin: 0 auto; }
#logo { float: left; border-bottom: 5px solid #ffcc33; height: 58px; width: 330px; }
#logo h1 { font: normal 32px Georgia, Arial, Sans-Serif; margin: 15px 0 0 5px; }
#menu { float: right; width: 584px; padding: 10px 0; margin: 19px 0 5px; border-bottom: 5px solid #e0e0e0; }
#menu li { font-size: 12px; display: inline; }
#menu li a { padding: 17px 15px 0 10px; margin: 0 45px 0 0; background: #fff url(../images/menuarrow.jpg) no-repeat 10px 5px; color: #808080; border-left: 1px solid #e0e0e0; font-size:18px; }
#menu li a:hover { color: #000; border-left: 1px solid #ffcc33; }
#intro { clear: both; color: #333; height: 233px; padding: 0; }
	#intro h1 { margin: 0; display: inline;  color: #7DD0F1; padding: 2px 5px; font-size:24px;}
	#intro p { margin: 0; color: #808080; font-weight: bold; font-size: 10px; }
	#isler {margin: 20px 0 0 0; }
	#isler a { color: #000; background: #ffcc33; padding: 4px 20px 6px; border-bottom: 1px solid #ffcc33; font-size:16px; }
	#isler a:hover { color: red; background: #ffcc33 url(images/loginhover.gif) no-repeat; }
#left {
	padding: 30px;
	margin: 0 auto;
	background-image: url(../images/orta.gif);
}
	#left img { border:0; padding: 1px; float: left; margin: 15px;}
#right { position: relative; top: -80px; margin: 0 15px 0 0; padding: 15px; float: right; width: 284px; font-size: 10px; background: #fff; }
	#hakk{width:310px;float:left; margin:5px; padding:1px 5px;}
	#hakk p{ font-size:12px; color:#000; font-weight:bold;}
	#hakk img { border: 1px solid #ccc; padding: 1px; margin: 0 0 8px; }
	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#hakk h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }
	#hakk .info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 8px; }
#footer {
	clear: both;
	padding: 10px;
	margin: 0;
	font-size: 0.9em;
	color: #9b9b9b;
	background: url(../images/footer.gif) no-repeat left top;
	height: 97px;
}
	#footer a { color: #808080; font-weight: bold; }
	.sa{ float: right; padding: 7px 0 0 15px; }
	
#urunler a, #urunler a:hover {
background:#FFFFFF none repeat scroll 0% 50%;
color:#000000;
display:inline;
text-align:center;
text-decoration:none;
}
#urunler a {
border:4px solid red;
float:left;
height:200px;
margin:10px;
padding:2px;
width:165px;
}
#urunler img{border:0; padding: 1px; margin:1px 10px; clear:both;}