@charset "iso-8859-9";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#5C5C5C;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*-------------------------------- main start -----------------------*/

#logo { float:left; width:247px; height:97px; background:url(images/logo.gif) no-repeat;}
#logo h1 { padding:5px 15px 5px 20px; float:left; margin:15px 0 0 10px; background-color:#0094da; color:#fff;}
#logo h1 a{ color:#fff; text-decoration:none;}
#logo h1 a:hover{ color:#000; text-decoration:none;}


#main{ 
      width:972px; 
	  margin:0 auto; 
	  padding:0 0 32px 0;
	  }
	  
	 
#left{ 
       width:247px;
       float:left;
	   }
#left img{
          display:block;
		  font-size:0;
		  line-height:0;
		  }
#left img.logo{
               display:block;
			   width:247px;
			   height:97px;
			   }
			   
#kategoriler{
             background:url(images/right_1px.gif) 0 0 repeat-y;
	         width:240px;
	         float:left;
	         margin:21px 0 0 0;
			 }
			 
#kategoriler p.katTop{
	display:block;
	background:url(images/last_top.gif) 0 0 no-repeat;
	width:240px;
	height:6px;
	font-size:0;
	line-height:0;
}
#kategoriler p.katBot{
	display:block;
	width:240px;
	height:22px;
	background:url(images/last_bot.gif) 0 0 no-repeat;
}
#kategoriler h2.res{
	display:block;
	width:220px;
	height:25px;
	background:url(images/menutac.jpg) 0 0 repeat-x;
	margin:0 0 3px 6px;
	padding:10px 0 0 8px;
}
#kategoriler h2.res span{
	background:url(images/bullet_red.gif) 0 6px no-repeat;
	padding:0 0 0 15px;
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#101010;
	background-color:inherit;
}
#kategoriler ul{
	width:230px;
	padding:0 0 30px 0;
	margin:0 0 0 6px;
	font-size:0;
	line-height:0;
}
#kategoriler ul.haber {
width:230px;
	padding:0 0 30px 0;
	margin:0 0 0 6px;
	font-size:0;
	line-height:0;
}
#kategoriler ul li{
	display:block;
	background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
	height:29px;
	padding:0 0 0 8px;
	margin:0 0 3px 0;
	line-height:0;
	font-size:0;
}
#kategoriler ul.haber li{
	display:block;
/*	background:url(images/responsible_link_bg.gif) 0 0 repeat-x;
*/	height:34px;
	padding:0 0 0 8px;
	margin:0 0 3px 0;
	line-height:0;
	font-size:0;
}
#kategoriler ul.haber li a{
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#788C11;
	background-color:inherit;
	line-height:15px;
	text-decoration:none;
}
#kategoriler ul li a{
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	color:#788C11;
	line-height:15px;
	background-color:inherit;
	text-decoration:none;
}
#kategoriler ul li a:hover{
	color:#000;
	background-color:inherit;
}

/* urun ve kat gorunum */

 #mainUK{ 
      width:1000px; 
	  margin:0 auto; 
	  padding:0 0 32px 0;
	  }
	#urungoster{ width:450px; border:1px solid #CCCCCC; float:left; margin:5px 10px 5px 10px;}
	#urungoster h2{ width:435px; background:#0094da; color:#FFFFFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; height:20px; font-weight:bold; padding:5px 10px 3px 5px; margin:3px 0 0 0;}
	#urungoster h2 a{ color:#FFFFFF; text-decoration:none;}
	#urungoster h2 a:hover{ text-decoration:none; color:#000000;}
	#urungoster p{ float:left; margin:5px 5px 5px 5px; width:440px; font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
	#urungoster p a{ text-decoration:none; color:#000000;}
	#urungoster p a:hover{ text-decoration:underline; color:#000000;}
	#urungoster p img{}
	
	#katGoster{ width:303px; border:1px solid #CCCCCC; float:left; margin:5px 10px 5px 10px;}
	#katGoster h2{ width:288px; background:#9faf4e; color:#FFFFFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; height:30px; font-weight:bold; padding:5px 10px 3px 5px; margin:3px 0 0 0;}
	#katGoster h2 a{ color:#FFFFFF; text-decoration:none;}
	#katGoster h2 a:hover{ text-decoration:none; color:#000000;}
	#katGoster p{float:left; margin:5px 0 5px 0; width:288px;}


/* urun ve kakt gorunum end */
/* ------------------------------------- right panel start --------------- */

#right{
	width:705px;
	float:right;
	padding:13px 0 0 0;
}
#right ul.nav{
	width:638px;
	height:36px;
	float:left;
}
#right ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(images/nav_div.gif) right top;
}
#right ul.nav li a.navLink{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li a.navLink:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#right ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#right ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}
#rightBotMain{
	width:461px;
	margin:8px 22px 0 0;
	float:left;
}
#rightBot{
	width:500px;
	background:url(images/right_bottom_1px.gif) 0 0 repeat-y;
}
#rightBot p.top{
	display:block;
	background:url(images/right_bottom_top.gif) 0 0 no-repeat;
	width:500px;
	height:6px;
	font-size:0;
	line-height:0;
}
#rightBot p.bot{
	display:block;
	background:url(images/right_bottom_bot.gif) 0 0 no-repeat;
	width:500px;
	height:6px;
	font-size:0;
	line-height:0;
}
#rightBot2{
	width:496px;
	margin:0 auto;
	background:url(images/right_bottom_yellow_1px.gif) 0 0 repeat-x #FFFDF9;
	color:#000;
	padding:0 8px 0 5px;
}

#best{
	width:450px;
	border:#F4F4F4 solid 4px;
	padding:0 10px 33px 10px;
	margin:10px 0 0 0;
}

#best p.bestTxt2{
	width:403px;
	padding:0 0 20px 0;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;
}
#best p.pic{
	display:block;
	background:url(images/right_pic.gif) 0 0 no-repeat;
	width:99px;
	height:120px;
	float:right;
	border:#000000 dotted 1px;
}

/* ------------ best end --- */

/* ---------------- last start ------- */
#last{
/*	background:url(images/right_1px.gif) 0 0 repeat-y; */
   background-color:#FF0000;
	width:214px;
	float:left;
	margin:8px 0 0 5px;
}
#last p.lastTop{
	display:block;
	background:url(images/last_top.gif) 0 0 no-repeat;
	width:214px;
	height:6px;
	font-size:0;
	line-height:0;
}

/*  footer start --- */

#footerMain{
	width:100%;
	height:101px;
	background:url(images/footer_bg.gifs) 0 0 repeat-x #c5e6ec;
	 border-top:5px solid #59b2d0;
	padding:26px 0 0 0;
}
#footer{
	width:457px;
	height:101px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:557px;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	position:absolute;
	left:76px;
	top:29px;
	color:#5B6A14;
	background-color:inherit;
	width:400px;
}
#footer p.design{
	display:block;
	width:206px;
	height:21px;
	padding:0;
	position:absolute;
	left:119px;
	top:51px;
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-align:center;
}
#footer p.design a.link{
	font:bold 13px/21px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#F7F7F7;
	text-decoration:none;
}
#footer p.design a.link:hover{
	color:#000;
	background-color:#F7F7F7;
}

/* ------------------ header --- */

#header{ 
      width:972px; 
	  margin:0 auto; 
	  padding:0 0 12px 0;
	  }
	  
#headerLeft{ 
       width:247px;
       float:left;
	   }
#headerLeft img{
          display:block;
		  font-size:0;
		  line-height:0;
		  }
#headerLeft img.logo{
               display:block;
			   width:247px;
			   height:97px;
			   }
			   
#headerRight{
	width:705px;
	float:right;
	padding:13px 0 0 0;
}
#headerRight ul.nav{
	width:638px;
	height:36px;
	float:left;
}
#headerRight ul.nav li{
	padding:0 2px 0 0;
	float:left;
	background:url(images/nav_div.gif) right top;
}
#headerRight ul.nav li a.navLink{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#headerRight ul.nav li a.navLink:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
}
#headerRight ul.nav li a.hover{
	display:block;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x;
	font:bold 11px/36px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	padding:0 13px;
}
#headerRight ul.nav li.noImg{
	padding:0;
	float:left;
	background-image:none;
}
#flash{ width:500px;}


#sag{
     background-color:#FF0000;
	width:214px;
	float:left;
	margin:8px 0 0 5px;
	
	
}

#sag p.tel{
           width:204px;
		   margin:0 auto;
		   padding:0 2px 15px 2px;
		   }
#sag p.tel img {
                width:200px;
				height:219px;}
				
#os{
    width:720px;
	float:left;
	padding:13px 0 0 0;
}
#oo{ width:500px; float:left;}
#osa{ width:214px;
      float:right;}
	  
#osa p.rlist{ display:block; margin:5px 5px 5px 5px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:black;}
#osa p.rlist a{ display:block; margin:5px 5px 5px 5px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:black; text-decoration:none;}
#osa p.rlist a:hover{ text-decoration:none; color:red;}

#haberlerSag{ border:1px #CCCCCC solid; width:200px; margin:5px 0 5px 0;}	  
#haberlerSag h2.res{
                    display:block;
	width:194px;
	height:25px;
	background:url(images/menutac.jpg) 0 0 repeat-x;
	margin:0 0 0 0;
	padding:10px 0 0 8px;
	}
	
	#haberlerSag h2.res span{
	background:url(images/bullet_red.gif) 0 6px no-repeat;
	padding:0 0 0 15px;
	font:normal 18px/23px Arial, Helvetica, sans-serif;
	color:#101010;
	background-color:inherit;
}
#urunler {
    width:470px;
    border:#F4F4F4 solid 4px;
    float:left;
	padding:0 10px 30px 10px;
	margin:10px 0 0 0;}
	#urunler h2{
	display:block;
	width:450px;
	height:35px;
	background:url(images/why_best.gif) 0 0 repeat-x;
	float:left;
	
}
#urunler h2 span{
	width:450px;
	font:bold 18px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
#urunler h2 span a{ color:#327C8E; text-decoration:none;}
#urunler h2 span a:hover{ color:#FF0000; text-decoration:none;}	
	#haberler {
    width:700px;
    border:#F4F4F4 solid 4px;
    float:left;
	padding:0 10px 30px 10px;
	margin:10px 0 0 0;}
	
	#haberler h1{
	width:680px;
	font:bold 18px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
	#haberler p.aciklama{ width:670px;
	padding:10px 5px 5px 5px;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background:#fff;
	display:block;
	float:left;}
	
	
	#haberler h2{
	display:block;
	width:680px;
	height:35px;
	background:url(images/why_best.gif) 0 0 repeat-x;
	float:left;
	
}
#haberler h2 span{
	width:680px;
	font:bold 18px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
#haberler h2 span a{
	width:680px;
	font:bold 18px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
#hLink {
    width:700px;
    border:#F4F4F4 solid 2px;
    float:left;
	padding:0 10px 5px 10px;
	margin:10px 0 0 0;}
	#hLink h2 span{
	width:680px;
	font:bold 16px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
#hLink h2 span a{
	width:680px;
	font:bold 16px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	text-decoration:none;
	display:block;
}
#hLink h2 span a:hover{ color:red; text-decoration:none;}

#haberler h2 span a:hover{ color:red; text-decoration:none;}

#haberler p.yazi{ width:610px;
	padding:10px 5px 5px 5px;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;}
	
	#haberler p.yazi a{ width:650px;
	padding:10px 5px 5px 5px;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	text-decoration:none;
	float:left;}
	#haberler p.yazi a:hover{ width:650px;
	padding:10px 5px 5px 5px;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	text-decoration:underline;
	float:left;}
	
	#urunler p.bestTxt3{
	width:310px;
	padding:0;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:#fff;
	display:block;
	float:left;
}
#urunler p.bestTxt3 a{ text-decoration:none; color:#363636;}
#urunler p.bestTxt3 a:hover{ text-decoration:underline; color:#363636;}
#urunler p.pic{
	display:block;
/*	background:url(images/a3.jpg) 0 0 no-repeat;
*/	width:150px;
	height:110px;
	float:right;
	border:#000000 dotted 1px;
	border:0;
}
#urunler p.devam{ display:block;  margin-right:8px;}
#katgoster{ background:#daeff8; border:#CCCCCC 1px solid; padding:11px 14px 11px 14px; width:190px; height:190px; margin:5px 5px 5px 5px; float:left;}
#katgoster img { border:1px solid black; margin:0 0 10px 0;}
#katgoster p { width:190px; font-family:tahoma, Verdana; font-size:12px; font-weight:bold; text-align:center; padding:5px 5px 0 5px; margin:5px 0 0 0; }
#katgoster p a { font-family:tahoma, Verdana; font-size:12px; font-weight:bold; text-align:center; padding:5px 0 0 0; margin:5px 0 0 0; text-decoration:none; color:black;}
#katgoster p a:hover{ color:#FF0000; text-decoration:underline;}

#ref{ background:url(referans/referanszemin.jpg) no-repeat; padding: 5px 3px 5px 3px; width:235px; height:122px; float:left;}
#ref p{ padding-left:10px; padding-right:10px; padding-top:35px; padding-bottom:5px; font-family:tahoma, Verdana; font-size:12px; font-weight:bold; color:black; margin:0 auto; text-align:center;}
#ref p a{ padding-left:10px; padding-right:10px; padding-top:35px; padding-bottom:5px; font-family:tahoma, Verdana; font-size:12px; font-weight:bold; color:black; margin:0 auto; text-align:center; text-decoration:none;}
#ref p a:hover{ text-decoration:none; color:red;}

#ref p.sehir {  padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-family:tahoma, Verdana; font-size:12px; font-weight:bold;  margin:0 auto; text-align:center; color:#0066CC;}

/* --------------------- iletisim start --------------------- */

#iletisim{ width:725px; padding:13px 0 0 0; float:left;}
#iletisim h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-align:center;
}
#solkolon { width:340px; float:left; padding:5px 0 5px 5px; margin:0 5px 0 10px;}
#sagkolon { width:340px; float:right; padding:5px 0 5px 5px; margin:0 5px 0 10px;}
#sagkolon .isim{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding:5px 5px 5px 5px;
	float:left;
	width:130px;
	margin:5px 0 5px 0;
}
#sagkolon .input{
  		width:188px; height:21px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#BEC6CC;
		font-family:Tahoma; font-size:11px;  color:#4B4949;
		padding-top:2px;
		margin:5px 0 5px 0;
		float:right;
		}
#solkolon .isim{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding:5px 5px 5px 5px;
	float:left;
	width:130px;
	margin:5px 0 5px 0;
}
#solkolon .input{
  		width:188px; height:21px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#BEC6CC;
		font-family:Tahoma; font-size:11px;  color:#4B4949;
		padding-top:2px;
		margin:5px 0 5px 0;
		float:right;
		}
		
#mesaj { width:700px; margin:0 auto; text-align:center; padding:10px 0 10px 0; font:12px Verdana, Arial, Helvetica, sans-serif; color:black; font-weight:bold;}
#mesaj textarea{
		width:350px; height:120px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#BEC6CC;
		font-family:Tahoma; font-size:11px;  color:#4B4949;
		padding-top:2px;
		overflow:auto;
		}
.gonder { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding:5px 5px 5px 5px;

	width:100px;
	margin:5px 5px 5px 5px;}
	
#yerlesim { width:700px; margin:0 auto; padding:10px 0 10px 0;}
#yerlesim p { width:500px; text-align:center; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:black; padding:10px 0 10px 0; line-height:20px;}

#ik{ width:725px; float:left; padding:13px 0 0 0;}
#ik h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-align:center;
}
#ik h1 a{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-align:center;
	text-decoration:none;
}
#ik h1 a:hover{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: red;
	text-align:center;
	text-decoration:none;
}
#ik h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: red;
	text-align:center;
}
#ik p { font-size:12px; font-weight:bold; color:black; font-family:Verdana, Arial, Helvetica, sans-serif; width:600px; padding:10px 10px 10px 10px;}
#ik p.ikaciklama{ width:700px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; padding:10px 10px 10px 10px; line-height:20px;}

#referanslar{
    width:800px;
    border:#F4F4F4 solid 4px;
    float:left;
	padding:40px 10px 30px 10px;
	margin:20px 0 20px 0;
	background:#FFF;}
	
	#referanslar h1{
	width:680px;
	font:bold 18px/55px Arial, Helvetica, sans-serif;
	color:#327C8E;
	background-color:#fff;
	display:block;
}
	#referanslar p.bilgi{ width:670px;
	padding:10px 5px 5px 5px;
	font:normal 15px/23px Arial, Helvetica, sans-serif;
	color:#363636;
	background:#fff;
	display:block;
	float:left;}
	
	/* breadcump menu  start */
	
	#bcump { width:920px; height:30px; margin:10px 10px; padding:0 0 10px 0; border-bottom:2px solid #363636; font-family:Arial, Helvetica, sans-serif;}
	#bcump h1{ font-size:18px; margin-right:5px; color:#000; font-weight:bold; float:left;}
	#bcump h2{ color:#0099FF; margin-right:5px; font-size:18px; font-weight:bold;  float:left;}
	#bcump h3{ width:400px; color:red; font-size:18px; font-weight:bold;  float:left;}
	
	#bcump h1 a{ text-decoration:none; color:#000;}
	#bcump h1 a:hover{ text-decoration:underline; color:#000;}
	
	#bcump h2 a{ text-decoration:none; color:#0099FF;}
	#bcump h2 a:hover{ text-decoration:underline; color:#0099FF;}
	
	#bcump h3 a{ text-decoration:none; color:red;}
	#bcump h3 a:hover{ text-decoration:underline; color:red;}
	
	/* breadcump menu end */
	
	/* urundetay  start*/
	#urundetayver { width:700px; border:1px solid #CCCCCC; margin:8px 0 0 0;}
	#urundetayver h1.baslikver{
	display:block;
	width:700px;
	height:25px;
	background:url(images/menutac.jpg) 0 0 repeat-x;
	margin:0 0 3px 0;
	padding:10px 0 0 8px;
	font-size:16px;
	color:#000;
	font-weight:bold;
}
#urundetayver p { width:710px; margin:5px 5px; font-size:12px; font-weight:normal;}
	
	
	/* urundetay end */