/** { outline: 2px dotted red }
 * * { outline: 2px dotted green }
 * * * { outline: 2px dotted orange }
 * * * * { outline: 2px dotted blue }
 * * * * * { outline: 1px solid red }
 * * * * * * { outline: 1px solid green }
 * * * * * * * { outline: 1px solid orange }
 * * * * * * * * { outline: 1px solid blue } */
body {
	background-image: url(../images/bg-main.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family:Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	font-size:12px;
}
img {
border: none;	
}
a, a:link, a:visited, a:hover {
	color: #6090b1;
	text-decoration: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#mainpage {
	margin: auto;
	width: 1000px;
	
}
#ozkanmenu {
	background-image: url(../images/bg-ozkanlogo.png);
	height: 107px;
	width: 1000px;
	z-index: 99;
	position: relative;
}
#ozkanmenu #menu {
	position: relative;
	width: 590px;
	height: 30px;
	top: 35px;
	left:290px;
	
	float:left;
}
#ozkanmenu #menu span{
	padding-left:10px;
	padding-right:10px;
}
#ozkanmenu #language {
	position: relative;
	width: 95px;
	float:left;
	left:290px;
	height: 30px;
	top: 20px;
	
}
#headerimage {
	height: 323px;
	width: 960px;
	position: absolute;
	z-index: 5;
	top: 60px;
	margin-bottom:0px;
	left: 17px;
	bottom: 0px;
	margin:0px;
	background-image: url(../images/bg-header-image.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#header {
height:370px;
position:relative;

}
#middle {
	margin-left:17px;
	background-color: transparent;
	background-image: url(../images/bg-middle.png);
	background-position: left top;
	width: 960px;
	background-repeat: no-repeat;
	
}
#left {
width: 280px;
float:left;
position:relative;

height: 780px;


}
#right {

float: left;
width: 665px;
position:relative;
padding-left:15px;
}
#left #video {
	margin: auto;


}
#duyurular {
	background-image: url(../images/bg-left-haberler.png);
	height: 513px;
	width: 252px;
	margin:auto;
	text-align:center;
	position:relative;
	z-index:88;
}
#uygulama {
	position:absolute;
	z-index: 0;
	top: 353px;
	left:34px;
}
#duyurular #uygulamabaslik {
	position:relative;
	top:80px;
}
#duyurular #haberler {
	position:absolute;
	top:310px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	left:25px;
	 width:200px;
}
#duyurular #haberler h2 {
 font-weight:100;
 font-size:11px;
 padding:0px;
 margin:0px;

}
#duyurular #haberler h3 {
 font-weight:300;
 font-size:11px;
 padding:0px;
 margin:0px;
}

#duyurular #social {
	position:absolute;
	top:475px;
	margin: auto;
	 width:200px;
	 left: 30px;
	text-align:center;
}
.baslik, .baslik a:link, h2 {
	color:#3b769f;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:700;
	font-size: 12px;
	margin: 0px;
	padding:0px;
}
.aciklama {
		color:#7e7e7e;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:200;
	

}
#footer {

	margin-left:17px;
	background-color: transparent;
	background-image: url(../images/bg-footer1.png);
	background-position: left top;
	width: 980px;
	height:106px;
	background-repeat: no-repeat;
clear:both;
	

}
#footer #markalar {

	width:960px;
	height:40px;
	position:absolute;
	left:5px;
	top:15px;
}
#footer #markalar img {
	vertical-align:middle;
	margin-right:15px;
	border:none;
}
.urun {
	background-image: url(../images/urun-bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 293px;	
	height: 256px;
	float:left;
	margin-left:19px;
	margin-right:19px;
	margin-top:-15px;
	
}
.urungenis {
	background-image: url(../images/urungenis-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 530px;
	
	height: 241px;
	clear:both;
	margin:auto;
	
}

.detaylink {
	position:relative;
	top:238px;
	left:110px;

	width:70px;
	z-index:66;
}
.detaygenislink {
	position:relative;
	top:223px;
	padding-left:8px;
	z-index:66;
}

.urunimage {
		position:relative;
		z-index:0;
		height:257px;

}
 a.detayfff,  a.detayfff:link, a.detayfff:visited, a.detayfff:hover {
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.dots {
	background-image: url(../images/dots.png);
	background-repeat:no-repeat;
	background-position: center 30px;	
	width:263px;
		text-align:center;
	padding:10px;
}
.uygulamakategori {
	float: left;
	height: 230px;
	position:relative;
	margin-left:30px;
}
.uygulamakategorilink {
	clear:both;
	
text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color: #ff3300;
	font-weight:bold;
	font-size:12px;
	padding-top:15px;
	color:#ff3300;


	
}
.uygulama {
	float: left;
	padding: 3px;
	margin:2px;
	border: 1px solid #ff9900;
	text-align:center;
}
.uygulama:hover  {
	float: left;
	background-color:#FF8080;
	padding: 3px;
	margin:2px;
	border: 1px solid #F00;
	text-align:center;
}
.path {
	position:absolute;
	top:-30px;
	left:-280px;
	z-index:99;
font-weight:bold;
font-size:12px;
width: 500px;

	padding:10px;
text-align:left;}
.referanslar {
margin: auto;
width: 650px;
text-align:center;


}
.referanslar img {
	vertical-align:middle;
	margin: 10px;
	border:none;
}