@charset "UTF-8";
/* ######################################################################## */
/* /////////////////////////////// CSSRESET /////////////////////////////// */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}
body{font:normal 11px Arial; }a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address{margin:0px}
div, ul, li{ margin:0px; padding:0px; }
/* ######################################################################## */

body.anasayfa 				  { margin:0; padding:0;  background:#bac3cc url(../images/arkaplan.png) no-repeat center top;}

.site 						  { width:960px; height:auto;  margin:0 auto;}
.site .ust					  { width:960px; height:116px; float:left; margin-bottom:50px;}
.site .ust .logo			  { width:99px; height:106px;  float:left; margin-left:45px; margin-top:5px;}
.site .ust .menu 			  { height:auto; list-style-type:none; margin-left:180px; margin-top:65px;}
.site .ust .menu li			  { float:left; list-style-type:none;  margin-left:33px;}
.site .ust .grundfos		  { position:absolute; z-index:1; margin:6px 0 0 742px; }
.site .orta					  { width:960px; height:auto; float:left; margin-bottom:20px;}
.site .orta .urunleralan      { width:960px; height:auto; float:left; }
.site .orta .urunleralan .urunlerorta{ width:960px; height:auto; background:#ffffff; min-height:490px; }
.site .orta .urunleralan .urunresim { width:960px; height:113px; float:left;}
.site .orta .urunleralan .urunleralt { width:960px; height:20px; float:left;  }
.site .orta .solmenu		  { width:300px; height:auto; float:left;}
.site .orta .solmenu .solmenuust  { width:300px; height:60px; float:left; background:url(../images/solmenu_ust.png) no-repeat center top;}
.site .orta .solmenu .solmenuust .ustbaslik { position:absolute; z-index:1; font:bold 14px Arial; color:#FFFFFF; margin-left:22px; margin-top:20px;}
.site .orta .solmenu .solmenuorta { width:300px; height:auto; min-height:50px; float:left; background:url(../images/solmenu_orta.png) repeat-y center top;}
.site .orta .solmenu .solmenuorta .yazialani { width:260px; height:35px; float:left; background:url(../images/yazi_alani.png) no-repeat center top; margin-left:20px; margin-top:5px;}
.site .orta .solmenu .solmenuorta .yazialani .bolumler { position:absolute; z-index:1; font:bold 12px Arial; color:#49576f; margin-left:23px; margin-top:12px; }
.site .orta .solmenu .solmenuorta .buton { width:260px; height:35px; float:left; background:url(../images/buton.png) no-repeat center top; margin-left:20px;}
.site .orta .solmenu .solmenuorta .buton .butonyazi { position:absolute; z-index:1; font:normal 14px Arial; color:#fff; margin-left:33px; margin-top:11px;} 
.site .orta .solmenu .solmenualt  { width:300px; height:20px; float:left; background:url(../images/solmenu_alt.png) no-repeat center top;}
.site .orta .solmenu .kurumsalresim { width:300px; height:371px; float:left;}
.site .orta .sagmenu		  { width:640px; height:auto; float:left; margin-left:20px;}

.site .orta .sagmenu .spot	  { width:640px; height:133px; float:left;  }
.site .orta .sagmenu .spotorta{ width:640px; height:auto; float:left; background:#ffffff; min-height:300px; }
.site .orta .sagmenu .spotorta .teknikform { width:600px; height:60px; float:left; margin-left:20px;}
.site .orta .sagmenu .spotorta .teknikform2 { width:600px; height:60px; float:left; margin-left:20px; margin-top:20px;}
.site .orta .sagmenu .spotorta .belge1 { width:180px; height:220px; float:left; margin:35px 0 0 20px;}
.site .orta .sagmenu .spotorta .belge2 { width:180px; height:220px; float:left; margin:35px 0 0 30px;}
.site .orta .sagmenu .spotorta .belge3 { width:180px; height:220px; float:left; margin:35px 0 0 30px;}
.site .orta .sagmenu .spotorta .hakkimizda { width:600px;  float:left; font:normal 12px Arial; color:#555555; line-height:20px; text-align:justify; margin-left:20px;}
.site .orta .sagmenu .spotorta .hizmetlerurun { width:600px; height:940px; float:left; margin-left:20px; margin-top:10px;}
.site .orta .sagmenu .spotalt { width:640px; height:20px; float:left;  }
.site .orta .sagmenu .harita			{width:620px; height:250px; float:left; margin-left:50px;}
.site .orta .sagmenu .karaca			{width:620px; height:110px; float:left; background:url(../images/iletisimbg.png) no-repeat center top; margin-bottom:20px;}
.site .orta .sagmenu .karaca .adresler2  {position:absolute; z-index:1; font:bold 11px Arial; color:#FFFFFF; margin:60px 0 0 20px;}
.site .orta .sagmenu .karaca .telefon2{position:absolute; z-index:2; font:bold 11px Arial; color:#FFFFFF; margin:63px 0 0 194px;}
.site .orta .sagmenu .karaca .telefon5{position:absolute; z-index:5; font:bold 11px Arial; color:#FFFFFF; margin:85px 0 0 194px;}
.site .orta .sagmenu .karaca .telefon3{position:absolute; z-index:3; font:bold 11px Arial; color:#FFFFFF; margin:75px 0 0 345px;}
.site .orta .sagmenu .karaca .telefon4{position:absolute; z-index:4; font:bold 11px Arial; color:#FFFFFF; margin:75px 0 0 470px;}
.site .orta .bar			  { width:960px; height:492px; float:left; background:url(../images/bar.png) no-repeat center top;}
.site .orta .bar .animasyon	  { width:960px; height:400px; float:left;}
.site .orta .alan			  { width:300px; height:265px; float:left; background:url(../images/kurumsal_spot.png) no-repeat center top;}
.site .orta .alan .yazi		  { width:280px; height:auto;  position:absolute; z-index:1; font:normal 11px Arial; color:#474747; text-align:justify; margin-top:95px; margin-left:10px; line-height:16px; }
.site .orta .alan .detay1  	  { position:absolute; z-index:2; font:bold 10px Arial; color:#2c78a4; margin-top:208px; margin-left:195px; text-decoration:underline; }
.site .orta .alan1			  { width:300px; height:265px; float:left; background:url(../images/begelerimiz.png) no-repeat center top; margin-left:30px; margin-right:30px;}
.site .orta .alan1 .arsivbelge { width:205px; height:147px; float:left; margin:100px 0 0 50px;}
.site .orta .alan2			  { width:300px; height:265px; float:left; background:url(../images/bize_ulasin.png) no-repeat center top;}
.site .orta .alan2 .bolum1     { width:280px; height:auto; float:left;}
.site .orta .alan2 .bolum1 .adres {width:280px; font:normal 12px Arial; color:#535353; margin-top:91px; margin-left:20px; line-height:18px; text-align:justify;}
.site .orta .alan2 .bolum1 .adres2 { font:bold 13px Arial; color:#000000;}
.site .alt					  { width:960px; height:auto; float:left; margin-bottom:50px;}
.site .alt .altmenu			  { width:960px; height:142px; float:left; background:url(../images/alt_menu.png) no-repeat center top;}
.site .alt .altmenu .altlogo  { width:97px; height:103px; float:left; margin-left:40px; margin-top:20px; }
.site .alt .altbuton 		  { height:auto; list-style-type:none; margin-left:180px; margin-top:20px;}
.site .alt .altbuton li		  { float:left; list-style-type:none;  margin-left:33px;}
.site .alt .altmenu .bilgi	  { position:absolute; font:bold 11px Arial; color:#074277; margin-left:600px; margin-top:85px;}
.site .alt .altmenu .bilgi a	{ font:bold 11px Arial; color:#074277; text-decoration:underline; }
.site .alt .altmenu .bilgi a:hover	{ font:bold 11px Arial; color:#074277; text-decoration:none; }
.site .alt .uygulama		  { position:absolute; font:bold 11px Arial; color:#797979; margin-left:748px; margin-top:145px;}




.btn	{ width:150px; height:35px; background:url(../images/kb_a.jpg) no-repeat center top;  line-height:35px; color:#fff; font-weight:bold; font-size:12px; font-family:Arial; text-decoration:none; cursor:pointer; margin:10px 0 0 10px;}
.btn:hover { background:url(../images/kb_p.jpg) no-repeat center top; text-decoration:underline; }

span.ContactTitle   { color:#555; font-weight:bold; font-size:12px;}
div.InputBG         { width:290px; height:45px; float:left; background:url(../images/inputbg.jpg) no-repeat center top; margin:5px 0px 10px 0px; }
div.TextareaBG      { width:600px; height:185px; float:left; background:url(../images/textareabg.jpg) no-repeat center top; margin:5px 0px 10px 0px; }
input.Iletisim      { width:260px; height:20px; position:absolute; color:#777; font:bold 11px Arial; border:0px; background:none; outline:none; margin:10px; }
textarea.Iletisim   { width:575px; height:160px; background:none; border:none; outline:none; color:#777; font:bold 11px Arial; padding:10px; }
input.submit        { width:143px; height:37px; color:#0d4169; font:bold 12px Arial; vertical-align:middle; text-align:center; background:url(../images/gonderbg.jpg) no-repeat center top; cursor:pointer; border:0px; outline:none; }
#SariArea 			{ width:570px; height:15px; float:left; background:#faf9e5; border:#f7cf65 1px dashed; color:#333333; padding:10px; font:bold 12px Arial; }
#KirmiziArea 		{ width:570px; height:15px; float:left; background:#ffcece; border:#ff8d8d 1px dashed; color:#333333; padding:10px; font:bold 12px Arial; }
#YesilArea 			{ width:570px; height:15px; float:left; background:#cbf4c5; border:#25601c 1px dashed; color:#333333; padding:10px; font:bold 12px Arial; }