@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
}
body {
padding:0px; 
margin:0px; 
font-size: 11px; 
color: #000000; 
font-family: Tahoma, Verdana, Arial, sans-serif; 
line-height: normal;  
font-variant: normal; 
letter-spacing: normal; 
word-spacing: normal; 
white-space: normal;
}
.bg1 { background:url(../images/bg1.jpg) top repeat-x #3f4c5f;  }
.bg2 { background:url(../images/bg4.jpg) top repeat-x #a5c3dd;  }

div, p, ul,li,h1, h2, h3, h4, h5, img { padding:0px; margin:0px; }
ul{ list-style-type:none; }
form { display: inline; }
.p1 { margin-top:13px; }
.fl { float:left; }
.co1 { color:#993300; }


.ft { font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12px; color:#0b3964; }

#ankara-tasarim { width:529px; height:129px; margin:0 auto; background:url(../images/xpur-tasarim_en.jpg) 0 0 no-repeat; padding:60px 0 0 441px; font-weight:bold; }
#ankara-tasarim li { float:left; margin-right:23px; } 
#ankara-tasarim p {  position:absolute; width:63px; }
#ankara-tasarim img { float:left; margin:3px 5px 0 0;}
#ankara-tasarim a{ color: #0c3f64; text-decoration:none;}
#ankara-tasarim a:hover {color: #993300; text-decoration: underline; }

#tasarim-firmasi { width:630px; height:188px; margin:0 auto; background:url(../images/purxb01.jpg) 0 0 no-repeat; padding-left:340px; }
#logo-tasarim { width:970px; height:307px; margin:0 auto; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:12px; color:#0b3964; line-height:17px; text-align:justify; }

.web-sitesi-tasarimi { display:inline; width:279px; float:left; margin-left:33px;  }
.web-sitesi-tasarimi p { margin-top: 27px; height:48px;}
.web-sitesi-tasarimi h1 { font-size: 11px; }

#footer { width:878px; height:120px; margin:0 auto; padding:47px 46px 0 46px; color:#949eb0; }
#footer div { width:318px; line-height:15px; position:absolute; }
#footer p { color:#3f4c5f; width:200px; }
#footer span { text-align:right; position:absolute; width:878px; line-height:15px;}
#footer a{color: #949eb0; text-decoration:none;}
#footer a:hover {color: #Fff; text-decoration: underline; }

#xpur { width:970px; height:190px; margin:0 auto; background:url(../images/xpur.jpg) 0 0 no-repeat; }
#hakkimizda{ width:624px; height:307px; margin:0 auto; background:url(../images/xphk5804.jpg) 60px 29px no-repeat; padding:0 46px 0 300px; color:#0b3964; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#hakkimizda img { margin:27px 0 25px 0; }

#xpur2 { width:970px; height:190px; margin:0 auto; background:url(../images/xpurhiz.jpg) 0 0 no-repeat; }
#kapsul1 { background:url(../images/bg3.jpg) 0 0 repeat-x #a5c3dd;}
#kapsul2 { clear:left; min-width:970px; background:url(../images/ft-bg.gif) 0 0 repeat-x #3f4c5f;}
#hizmetlerimiz{ width:970px; margin:0 auto; padding:27px 0 24px 0; color:#27282a; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#hizmetlerimiz h1 { font-size:16px; padding:25px 0 16px 0; color:#0b3964; }
#hiz-left { width:300px; height:989px; float:left; background: url(../images/hzlbg01.png) 0 84px repeat-y #fff; }
#hiz-right { width:582px; height:989px; margin-bottom:24px; float:left; background: url(../images/p_bt_r01.png) bottom right no-repeat #fff; padding:0 42px 0 0;}


/*******************************************************************************
* REFERANSLAR
*******************************************************************************/
#xpur3 { width:970px; height:190px; margin:0 auto; background:url(../images/xpurref.jpg) 0 0 no-repeat; }
#referanslar{ width:878px; margin:27px auto 24px auto; background: url(../images/ref-sprl.png) 188px 84px repeat-y #fff; color:#27282a; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#referanslar h1 { font-size:16px; padding:0 0 16px 0; color:#0b3964; }
#referanslar p { margin-top:25px; }
#referanslar:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 

#referanslar {display: inline-block;} 

/* IE-mac de bu bolumu sakla \ */
* html #referanslar {height: 1%;} 
#referanslar {display: block;}
/* IE-mac bu bolumu saklam artik */ 


#ref-left { width:271px; float:left; }
#left-menu { width:271px; height:500px; background:url(../images/ref-sprl.jpg) 188px 0 no-repeat;}
#left-menu ul { margin:0 0 0 15px; padding:67px 0 0 0;}
#left-menu li { width:147px; height:39px; padding-left:13px; line-height:39px; border-bottom:1px solid #e6e5e7; display:block;}
#left-menu a{color: #0c3f64; text-decoration:none;}
#left-menu a:hover {color: #993300; text-decoration: underline; }
#left-menu .aktif a {color: #993300; text-decoration: underline; }
#left-menu li.aktif  { background:url(../images/xarrw.gif) 135px 15px no-repeat #F7F6F7; }
#left-menu li:hover { background:#F7F6F7; }

#ref-right { width:607px; padding-bottom:22px; float:left; overflow:hidden;}

#ref-right div { width:244px; float:left; padding:0 6px 6px 6px; margin:24px 45px 0 0; background:#f9f9f9; border:1px solid #e6e5e7;}
#ref-right div:hover { background:#f2f4f6; }
#ref-right span { line-height:33px; color:#9ca0a9;}
#ref-right a { display: block; cursor:pointer; }

.ehata { padding:90px 0 0 0;}
#ref-footer { width:878px; height:24px;  clear:left; background: url(../images/p_bt_r01.png) bottom right no-repeat #fff; }

#ust-menu { width:822px; height:32px; background:url(../images/referanslar.png) 0 0 no-repeat; overflow:hidden; text-align:center; margin:0 auto;}
#ust-menu ul {height:31px; padding:0 7px 1px 276px; background:url(../images/dot.gif) 24px bottom repeat-x; }
#ust-menu li { display:inline; float:left; margin:0 2px; height:31px; overflow:hidden; }
#ust-menu .tbg1 a { color: #43505f; background:url(../images/tabg.png) top left no-repeat; display:block; text-decoration:none; }
#ust-menu .tbg1 a span { display:block; background:url(../images/tabg2.png) right top no-repeat ; padding:9px 17px 30px 17px; }
#ust-menu a{ text-decoration: none; }
#ust-menu a:hover {color: #0c3f64; text-decoration: none; background-position:0% -31px; }
#ust-menu a:hover span { background-position:100% -31px; }
#ust-menu .aktif a { color: #0c3f64; background:url(../images/tabg.png) no-repeat 0% -31px;; display:block; text-decoration:none; text-decoration: none; }
#ust-menu .aktif a span { display:block; background:url(../images/tabg2.png) no-repeat 100% -31px; padding:9px 17px 30px 17px; }
#ust-menu .aktif a:active{color: #0c3f64; text-decoration: none; background-position:0% -31px; }
#ust-menu .aktif a:active span {background-position:100% -31px; }

#xpur4 { width:970px; height:190px; margin:0 auto; background:url(../images/xpurilet.jpg) 0 0 no-repeat; }

#posta { width:878px; height:290px; margin:0 auto; padding:17px 46px 0 46px; color:#0b3964; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; line-height:18px;}
#posta h1 { margin-bottom:25px; }
#post1 { width:309px; height:250px; float:left; background:url(../images/xbgp2580.png) 0 40px no-repeat; padding-left:24px;}
#post1 a{color: #0b3964; text-decoration:none;}
#post1 a:hover {color: #0b3964; text-decoration: underline; }
#posta .krokiLink{color:#e2511e; text-decoration:underline;}
#posta .krokiLink:hover {color:#0119ff;}
#post2 { width:521px; height:250px; float:left; background:url(../images/xbgp5804.png) 0 40px no-repeat; padding-left:24px;}

#kullanim { width:580px; padding-bottom:22px; float:left; overflow:hidden;}
#kullanim p { margin-top:24px;}

.input_xp{
	background-color: #fff;
	font: 11px Tahoma, Verdana, Arial;
	height:17px;
	border: 1px solid #cacaca;
	margin:2px 0;
	width:232px;
	padding:0 3px;
}
.textarea_xp1{
	background: #fff;
	font: 11px Tahoma, Verdana, Arial;
	border: 1px solid #cacaca;
	margin:1px 0;
	width:233px;
	padding:0 3px;
}
.gonder_btn{
	border: 0;
	cursor:pointer;
}