body {
	color: #000;	
	background: #fff;
background: -moz-linear-gradient(top,  rgba(195,218,244,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(195,218,244,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(195,218,244,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3daf4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	
}
a:hover { text-decoration: none; }
.ortala { width: 1200px; margin: 0 auto; }
.m0 { margin: 0px; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.m-0 { margin: -0px; }
.m-5 { margin: -5px; }
.m-10 { margin: -10px; }
.m-15 { margin: -15px; }
.m-20 { margin: -20px; }
.m-25 { margin: -25px; }
.m-30 { margin: -30px; }
.mt-5 { margin-top:-5px; }
.mt-10 { margin-top:-10px; }
.mt-15 { margin-top:-15px; }
.mt-20 { margin-top:-20px; }
.mt-25 { margin-top:-25px; }
.mt-30 { margin-top:-30px; }
.mb-5 { margin-bottom:-5px; }
.mb-10 { margin-bottom:-10px; }
.mb-15 { margin-bottom:-15px; }
.mb-20 { margin-bottom:-20px; }
.mb-25 { margin-bottom:-25px; }
.mb-30 { margin-bottom:-30px; }
.ml-5 { margin-left:-5px; }
.ml-10 { margin-left:-10px; }
.ml-15 { margin-left:-15px; }
.ml-20 { margin-left:-20px; }
.ml-25 { margin-left:-25px; }
.ml-30 { margin-left:-30px; }
.mr-5 { margin-right:-5px; }
.mr-10 { margin-right:-10px; }
.mr-15 { margin-right:-15px; }
.mr-20 { margin-right:-20px; }
.mr-25 { margin-right:-25px; }
.mr-30 { margin-right:-30px; }
.p0 { padding: 0px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.bg { background: url(images/bg.png) repeat-y; background-size: 100%; width:100%;}
.alt { background: url(images/altbg.png) no-repeat; background-size: 100%; width:100%; min-height: 456px; color: #000;}
.alt a { color: #000;}

.anasayfalink  { background: url(images/anasayfalink.png) no-repeat; background-size: 100%; width:158px; height:50px;}
.urunlerlink  { background: url(images/urunlerlink.png) no-repeat; background-size: 100%; width:158px; height:50px;}
.hakkimizdalink  { background: url(images/hakkimizdalink.png) no-repeat; background-size: 100%; width:158px; height:50px;}
.iletisimlink  { background: url(images/iletisimlink.png) no-repeat; background-size: 100%; width:158px; height:50px;}
.kategori { margin: 10px 0; }
.siteler { position: absolute; width: 80%; left: 10%; text-align: center; }
.siteler .basliks { }
.siteler .basliks h1 { font-size: 24px; font-weight: bold; color: #000; text-align: center; }
.siteler .basliks span { margin-top: 30px; border: 3px solid #000; width: 100%; display: block; }
.iletisimbilgileri { padding-top: 220px; font-weight: bold; font-size: 20px; color: #000; line-height: 40px; }
.iletisimbilgileri a { color: #000; }
.siteadresi { padding-top: 70px; }
.siteadresi a { color: #000; font-size: 20px; font-weight: bold; line-height: 34px; }
.altson { margin-top1: 20px; }
.adresbilgisi { color: #000; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center;}
.istatistik { color: #fff; }
.istatistik i { margin-left: 3px; }
.menu { background-color: #008DD2; text-align: center;}
.menu ul { margin-top:10px; display: inline-block;}
.menu ul li { float: left; margin: 0 10px; padding: 5px; list-style-type: none; }
.menu ul li a { color: #fff; display: block; width: 150px; line-height: 40px;}
.menu ul li a:hover {}
.menu ul li ul{ display: none; margin-top: 0px; padding: 0px; }
.menu ul li:hover ul{ display: block; }
.menu ul li ul li{ position: relative; z-index: 5; left:0px; padding: 0px; margin:0px; }
.menu ul li ul li a{
  background: url(images/menualt.png) no-repeat;
  text-align: left;
  width: 250px;
  line-height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
.menu ul li ul li a:hover{ color: #fafafa;opacity: 0.9;filter: alpha(opacity=90); }

.baslik { font-size: 20px; line-height: 50px; margin-top: 15px; color: #000;}
.renk { border: 2px solid #000;-webkit-border-radius: 20px 0px 20px 0px;-moz-border-radius: 20px 0px 20px 0px;border-radius: 20px 0px 20px 0px;
height: 100px; }
.renk span { width: 100%;font-size:12px;line-height:20px;text-align:center;font-weight:bold;overflow:hidden;display: block;background: #fff;margin-top:76px; position: relative; bottom:0px;-webkit-border-radius: 20px 0px 18px 0px;-moz-border-radius: 20px 0px 18px 0px;border-radius: 20px 0px 18px 0px;
}



@media only screen and (max-width: 600px) {
.bg { background: none; background-size: 100%; width:auto;}
.alt { background: none; background-size: 100%; width:100%; min-height: 456px; color: #000;}
.alt a { color: #000;}
.anasayfalink  { background: url(images/anasayfalink.png) no-repeat; background-size: 100%; width:158px; height:50px; float:left;}
.urunlerlink  { background: url(images/urunlerlink.png) no-repeat; background-size: 100%; width:158px; height:50px; float:left;}
.hakkimizdalink  { background: url(images/hakkimizdalink.png) no-repeat; background-size: 100%; width:158px; height:50px; float:left;}
.iletisimlink  { background: url(images/iletisimlink.png) no-repeat; background-size: 100%; width:158px; height:50px; float:left;}
.kategori { margin: 10px 0; }
.siteler {  position: relative; width: 100%; left: 0; text-align: center; }
.siteler .basliks { display:none; }
.siteler .basliks h1 { font-size: 24px; font-weight: bold; color: #000; text-align: center; }
.siteler .basliks span { margin-top: 30px; border: 3px solid #000; width: 100%; display: block; }
.iletisimbilgileri {  border-top: 2px solid #333; padding-top: 10px; margin-top: 10px;  font-weight: bold; font-size: 20px; color: #000; line-height: 40px; }
.iletisimbilgileri a { color: #000; }
.siteadresi {  border-top: 2px solid #333; padding-top: 10px; margin-top: 10px;  }
.siteadresi a { color: #000; font-size: 20px; font-weight: bold; line-height: 34px; }
.altson { margin-top1: 20px; }
.adresbilgisi { border-top: 2px solid #333; padding-top: 10px; margin-top: 10px;  color: #000; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center;}
.istatistik { border-top: 2px solid #333; padding-top: 10px; margin-top: 10px; color: #000; }
.istatistik i { margin-left: 3px; }
.menu { background-color: #008DD2; text-align: center;}
.menu ul { margin-top:10px; display: inline-block;}
.menu ul li { float: left; margin: 0 0px; padding: 5px; list-style-type: none; }
.menu ul li a { color: #fff; display: block; width: 150px; line-height: 40px;}
.menu ul li a:hover {}
.menu ul li ul{ display: none; margin-top: 0px; padding: 0px; }
.menu ul li:hover ul{ display: block; }
.menu ul li ul li{ position: relative; z-index: 5; left:0px; padding: 0px; margin:0px; }
.menu ul li ul li a{
  background: url(images/menualt.png) no-repeat;
  text-align: left;
  width: 250px;
  line-height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}
.menu ul li ul li a:hover{ color: #fafafa;opacity: 0.9;filter: alpha(opacity=90); }

.baslik { font-size: 20px; line-height: 50px; margin-top: 15px; color: #000;}
.renk { border: 2px solid #000;-webkit-border-radius: 20px 0px 20px 0px;-moz-border-radius: 20px 0px 20px 0px;border-radius: 20px 0px 20px 0px;
height: 100px; }
.renk span { width: 100%;font-size:12px;line-height:20px;text-align:center;font-weight:bold;overflow:hidden;display: block;background: #fff;margin-top:76px; position: relative; bottom:0px;-webkit-border-radius: 20px 0px 18px 0px;-moz-border-radius: 20px 0px 18px 0px;border-radius: 20px 0px 18px 0px;
}

.orta img { width: 100%;}


}