/* CSS Document */
body{font:14px/20px Arial, Helvetica, sans-serif , Trebuchet MS ; }
div, p, ul, h1, h2, h3, h4, h5, form, span, label{margin:0px; padding:0px;}
ul{list-style-type:none;}

#logo {			bottom:30px;
				height:auto;
				left:30px;
				position:absolute;
				width:34%;
				z-index:1000;
			}
#logo img {	width:100%;	}
#LogoBar {top:9px; height:150px; left:0%; position:absolute; width:100%;	z-index:55;	text-align: left; background-image:url(images/p_logo_d.png); background-repeat:repeat-x;}
#LogoBarGiris { vertical-align:center; top:209px; height:240px;	left:12%;	position:absolute;	width:1000px;	z-index:59;	text-align: center;}
#butonBar {	top:170px; height:391px;	left:2%; position:absolute; width:238px; z-index:19; background:url(images/bar_background.png)0% 0 repeat-x;	}

#butonBar #buts{width:600px; height:50px; position:absolute; top:90px; left:300px; }
#butonBar #buts ul{width:600px; height:50px;  font-size:13px; font-weight: normal; position:absolute; top:0px; left:0px;}
#butonBar #buts ul li{width:%100; float:left;}
#butonBar #buts ul li a{ width:%100; height:30px; display:block; color:#333333; text-decoration:none; text-align:center; line-height:30px; font-family:verdana;}
#butonBar #buts ul li a:hover{ color:#e41e26; text-decoration:none; font-family:verdana;}

#ortaBar {top:10px; height:590px;	left:280px; position:absolute; width:830px; padding:10px 0 0 20px; z-index:18; background:url(images/bar_background.png)0% 0 repeat-x; 	}
#ortaBarici {top:0px; height:390px; left:0px; float:left; width:220px; padding:0px 0 0 0px; z-index:17;  	}
#ortaBarici2 {top:0px; height:390px; left:0px; float:left; width:580px; padding:10px 0 0 20px; z-index:16;  	}



#projeSag {top:0px; height:390px; left:25%; float:left; width:690px;  z-index:16;  	}
#projeSol2 {top:0px; height:370px; left:25%; float:left; width:460px;  z-index:17;  margin:0px 40px 0px 0px; padding:10px 10px 10px 10px; background-color: #f4f1f1;	border-right-width: thin;	border-right-style: solid;	border-right-color: #4d4d4d; border-left-width: thin;	border-left-style: solid;	border-left-color: #4d4d4d;	border-top-width: thin;	border-top-style: solid; border-top-color: #4d4d4d; border-bottom-width: thin;	border-bottom-style: solid;	border-bottom-color: #4d4d4d;  }

#katBar {top:10px; height:1320px;	left:280px; position:absolute; width:830px; padding:10px 0 0 20px; z-index:18; background:url(images/bar_background.png)0% 0 repeat-y; 	}

#iletisimBar {top:220px; height:540px; left:2%; position:absolute; width:830px; padding:10px 0 0 20px; z-index:18; background:url(images/bar_background.png)0% 0 repeat-x; 	}


/*---Top Panel
#topPan{width:900px; height:111px; position:absolute; margin:0 auto; padding:35px 0 0 35px; background:url(images/ust.png)0% 0 repeat-x; z-index:20;}
#topPan #logo{width:176px; height:111px; position:absolute; top:0px; left:50px; background:url(images/logo.jpg) 0% 0 no-repeat; }
#topPan #ustbut{width:530px; height:30px; position:absolute; top:0px; right:50px;}
#topPan #ustbut ul{width:230px; height:30px;  font-size:9px; font-weight: normal; position:absolute; top:0px; left:0px;}
#topPan #ustbut ul li{width:%100; float:left;}
#topPan #ustbut ul li a{ width:%100; height:30px; display:block; color:#333333; text-decoration:none; text-align:center; line-height:30px; font-family:verdana;}
#topPan #ustbut ul li a:hover{ color:#cccccc; text-decoration:none; font-family:verdana;}

#topPan #ust2but{width:550px; height:31px; position:absolute; top:50px; left:350px; }
#topPan #ust2but ul{width:550px; height:31px;  font-size:12px; font-weight: normal; position:absolute; top:0px; left:10px;}
#topPan #ust2but ul li{width:%100; float:left;}
#topPan #ust2but ul li a{ width:%100; height:31px; display:block; color:#333333; text-decoration:none; text-align:center; line-height:31px; font-family:verdana; 
border-top-width: thin;	border-right-width: thin;	border-bottom-width: thin;	border-left-width: thin;	border-top-style: none;	border-right-style: solid;	border-bottom-style: none;	border-left-style: none;	border-top-color: #ffffff;	border-right-color: #ffffff;	border-bottom-color: #ffffff;	border-left-color: #ffffff;}
#topPan #ust2but ul li a:hover{ color:#602d91; text-decoration:none; font-family:verdana; }
---*/

.anabut:link { width:100px; height:25px; font-size:13px; display:block; color:#394c68; text-decoration:none; text-align:left; font-family:verdana; padding:5px 0 0 20px; }
.anabut:active { width:170px; height:25px; font-size:13px; display:block; color:#394c68; text-decoration:none; text-align:left; font-family:verdana; padding:5px 0 0 20px; }
.anabut:visited{ width:170px; height:25px; font-size:13px; display:block; color:#394c68; text-decoration:none; text-align:left; font-family:verdana; padding:5px 0 0 20px; }
.anabut:hover { width:170px; height:25px; font-size:13px; display:block; color:#999999; text-decoration:none; text-align:left; font-family:verdana;  padding:5px 0 0 20px; }

.altbut:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none; color:#e41e26;}
.altbut:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none; color:#e41e26;}
.altbut:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none; color:#e41e26;}
.altbut:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; text-decoration: none; color:#999999; }

.text1 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px;	text-decoration: none;	color:#ffffff;	font-weight: bold;}
.text2 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:10px;	text-decoration: none;	color:#ffffff;	font-weight: normal;}
.text3 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:13px;	text-decoration: none;	color:#e41f26;	font-weight: bold;}
.text4 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:10px;	text-decoration: none;	color:#373e3b;	font-weight: normal;}
.text5 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px;	text-decoration: none;	color:#373e3b;	font-weight: bold;}
.text6 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px;	text-decoration: none;	color:#373e3b;	font-weight: normal;}
.text7 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:14px;	text-decoration: none;	color:#2196cb;	font-weight: bold;}
.text8 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:18px;	text-decoration: none;	color:#2d2d2d;	font-weight: bold;}
.text9 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:16px;	text-decoration: none;	color:#602d91;	font-weight: bold;}
.text10 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px;	text-decoration: none;	color:#88b237;	font-weight: bold;}
.text11 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:9px;	text-decoration: none;	color:#ffffff;	font-weight: normal;}
.text6b {font-family:verdana, Arial, Helvetica, sans-serif; font-size:11px;	text-decoration: none;	color:#000000;	font-weight: normal;}
.text12 {font-family:Arial, Helvetica, sans-serif; font-size:15px;	text-decoration: none;	color:#373e3b;	font-weight: bold;}
.text13 {font-family:Trebuchet MS, Helvetica, sans-serif; font-size:15px;	text-decoration: none;	color:#373e3b;	font-weight: bold;}
.text14 {font-family:Times New Roman, Helvetica, sans-serif; font-size:18px; font-style:italic;	text-decoration: none;	color:#b2b2b2;	font-weight: bolder; text-align:center;}
.text15 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:10px;	text-decoration: none;	color:#242424;	font-weight: normal;}




/*---resim panel---*/
#resimPan3{width:845px; height:30px; position:relative; margin:0 auto; padding:10px 0 0 55px; background:url(images/bar-ust.jpg) 0% 0 repeat-x;}
#resimPan3 h1{width:400px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:16px;	text-decoration: none;	color:#602d91;	font-weight: bold;  padding:0 0 0px 0px;  }
#resimPan2{width:865px; height:40px; position:relative; margin:0 auto; padding:0px 0 0 35px; background:url(images/bar-ust.jpg) 0% 0 repeat-x;}
#resimPan{width:865px; height:350px; position:relative; margin:0 auto; padding:0px 0 0 35px; background:url(images/bar-1.jpg) 0% 0 repeat-x;}
/*---resim panel---*/

#middlePan{width:900px; height:250px; position:relative; margin:0 auto;  }
#seriPan{width:900px; height:%100; float:left; background-color: #ffffff;  }
#box0{width:200px; height:50px; float:left; margin:0px 0 0px 35px; }
#box02{width:200px; height:50px; float:left; margin:0px 0 0px 0px; }
#box1{width:203px; height:212px; float:left; margin:0px 0 0px 35px; }
#box2{width:203px; height:212px; float:left; margin:0px 0 0px 100px; }
#box5{width:240px; height:%100px; float:left; margin:0px 0 0px 0px; background-color: #f4f4f4; padding:5px 5px 5px 5px; }
#box3{width:203px; height:212px; float:left; margin:40px 0 0px 35px; }
#box4{width:203px; height:212px; float:left; margin:40px 0 0px 100px; }
#boxOk{width:193px; height:30px; float:left; margin:0px 0 0px 0px; background:url(images/oklar.png) 0% 0 no-repeat; padding:5px 0px 0px 10px;}
/*---büyük pencere--- Seri pan altina yerlestirebilirsin. Padding kullanirken lazim olabiliyor  */
#buyukPan{width:600px; float:left; height:%100; padding:20px 0 0 20px; top:0px; left:0px; font:11px verdana; color:#333333; font-weight: normal;}
#buyukPan2{width:250px; float:left; height:%100; padding:20px 0 0 0px; top:0px; left:0px; font:11px verdana; color:#333333; font-weight: normal;}

#buyukPan3{width:200px; float:left; height:%100; padding:20px 0 0 55px; top:0px; left:0px; font:12px verdana; color:#333333; font-weight: normal;}
#buyukPan3 h1{width:400px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:16px;	text-decoration: none;	color:#602d91;	font-weight: bold;  padding:0 0 0px 0px;  }
#buyukPan4{width:580px; float:left; height:%100; padding:20px 0 0 20px; top:0px; left:0px; font:12px verdana; color:#333333; font-weight: normal;}
#buyukPan4 h2{width:570px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:14px;	text-decoration: none;	color:#333333;	font-weight: bold;  padding:0 0 0px 0px;  }
#buyukPan4 h5{width:550px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px;	text-decoration: none;	color:#333333;	font-weight: bold;  padding:0 0 0px 0px;  }
#buyukPan4 h4{width:550px; font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px;	text-decoration: none;	color:#333333;	font-weight: bold;  padding:0 0 0px 0px;  }
/*---büyük pencere---*/

/*---Alt Bölüm---*/
#altPan{width:900px; height:250px; position:relative; margin:0 0 0px 0px;  padding:5px 0 0 0; background-color: #323232; }
#altPan #kutu1{
	width:144px;
	height:260px;
	position:absolute;
	top:15px;
	left:56px;
}
#altPan #kutu2{
	width:144px;
	height:260px;
	position:absolute;
	top:16px;
	left:270px;
}
#altPan #kutu3{
	width:144px;
	height:260px;
	position:absolute;
	top:16px;
	left:487px;
}
#altPan #kutu4{
	width:144px;
	height:260px;
	position:absolute;
	top:20px;
	left:688px;
}
#altPan #kutu5{width:144px; height:260px; position:absolute; top:20px; left:658px;}
#altPan #kutu6{width:144px; height:260px; position:absolute; top:20px; left:822px;}
/*---Alt Bölüm---*/

/*---Serbes Kurallar---*/
.mavitikla:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; color:#fff; font-weight: normal; }
.mavitikla:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; color:#fff; font-weight: normal;}
.mavitikla:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; color:#fff; font-weight: normal;}
.mavitikla:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; color:#000000; font-weight: normal;}



.altbut2:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; color:#242424;}
.altbut2:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; color:#242424;}
.altbut2:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; color:#242424;}
.altbut2:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration: none; color:#999999; }

.yanbut:link { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; color:#242424;}
.yanbut:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; color:#242424;}
.yanbut:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; color:#242424;}
.yanbut:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; color:#999999; }




.clear, .spacer {
    clear: both;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#HakkindaSagBar {
	top:170px;
	height:475px;
	left:280px;
	position:absolute;
	width:832px;
	padding:10px 10px 10px 10px;
	z-index:18;
	background:url(images/bar_background.png)0% 0 repeat-y;
	text-align: center;
}
#ReferanslarSagBar {top:410px; height:300px;	left:280px; position:absolute; width:832px; padding:10px 10px 10px 10px; z-index:60; background:url(images/bar_background.png)0% 0 repeat-y; 	}
#ReferanslarMarku {top:170px; height:200px;	left:280px; position:absolute; width:832px; padding:10px 10px 10px 10px; z-index:61; background:url(images/bar_background.png)0% 0 repeat-y; 	}

#TariflerUrunlerSagBar {top:761px; height:920px;	left:39%; position:absolute; width:620px; padding:10px 0 0 20px; z-index:19;}
#TariflerSagBar {top:160px; height:920px;	left:39%; position:absolute; width:620px; padding:10px 0 0 20px; z-index:19;}


#IletisimSagBar {top:170px; height:1220px;	left:280px; position:absolute; width:835px; padding:10px 0 0 20px; z-index:21; background:url(images/bar_background.png)0% 0 repeat-y; 	}
#iletisimSol{top:0px; height:170px; left:75%; float:left; width:310px;  z-index:17;  margin:0px 120px 0px 0px; padding:10px 10px 10px 10px; background-color: #f4f1f1;border-right-width: thin;	border-right-style: solid;	border-right-color: #4d4d4d; border-left-width: thin;	border-left-style: solid;	border-left-color: #4d4d4d;	border-top-width: thin;	border-top-style: solid; border-top-color: #4d4d4d; border-bottom-width: thin;	border-bottom-style: solid;	border-bottom-color: #4d4d4d; 	 }
#iletisimSag {top:0px; height:170px; left:95%; float:left; width:310px;  z-index:18;  margin:0px 20px 0px 0px; padding:10px 10px 10px 10px; background-color: #f4f1f1; border-right-width: thin;	border-right-style: solid;	border-right-color: #4d4d4d; border-left-width: thin;	border-left-style: solid;	border-left-color: #4d4d4d;	border-top-width: thin;	border-top-style: solid; border-top-color: #4d4d4d; border-bottom-width: thin;	border-bottom-style: solid;	border-bottom-color: #4d4d4d; }
#iletisimForm {top:0px; height:440; left:35%; float:left; width:530px;  z-index:19;  margin:0px 10px 10px 140px; padding:10px 10px 10px 10px;}
#iletisimMap {top:0px; height:250px; left:75%; float:left; width:812px;  z-index:20;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #f4f1f1;	 }
#UrunlerTarifler {top:0px; height:auto; left:75%; float:right; width:500px;  z-index:20;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #f4f1f1;	 }
#UrunlerTariflerResim {top:0px; height:175px; left:35%; float:left; width:164px;  z-index:21;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #f4f1f1;	 }

.TariflerUrunler{	float:left;	width:620px; left:280px;	margin-left:10px;}
.TarifUrun{	float:left; width:610px; margin-bottom:10px; background-color:#F7F7F7; padding:2px;}
.TarifUrun h2 {
	float: left;
	width: 310px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.TarifUrunResim{
	float:left;
	width:180px;
	height:181px;
	height:172px;
	border:1px #CCCCCC solid;
}
.TarifUrunResimAd{
	float:left;
	width:175px;
	height:164px;
	margin:3px;
	overflow:hidden;
}
.TarifUrun .TarifUrunYazi{
	float: left;
	width: 410px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.TarifUrun .TarifUrunYazi strong{
	float:left;
	width:100%;
}

.TarifUrun .TarifUrunYazi div{
	float:left;
	width:100%;
}
#MenuBar {	top:170px; height:auto;	left:22%; position:absolute; width:810px; z-index:20;}