body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-style: normal;
	margin: 20 0 0 0;
	text-align:-moz-center; /*FF*/
    text-align:center; /*IE */
}

html {
width: 100%;
height: 100%;
}

h1, h2, h3 {
	 font: 11px Tahoma, Verdana; color: #58606b;
}

hr{ color: #b9b9b9; height: 1px; }

li, lu {	list-style:none;}

/*anasayfa*/

div#tepe{width: 970px;}

#tepe .logo{ float:left;}

#tepe #logo{ float:left;margin-top:5px;}

#tepe #menu_ana{
	width: 371px;
    position:relative;
	z-index: 500;
	height: 25px;
	margin-top:-80px;
	float: right;
}

div#menukapsa{
	width: 700px;
}

#menukapsa {
	width: 371px;
	position:absolute;
	z-index: 50;
	height: 25px;
	margin-top:-80px;
	padding-left:580px;
}
 
div#flashbanner{
   clear: both;
	width: 100%;
	height: 303px;
	z-index: 1;
	position:relative;
}

div#altbg{
clear:both;
background: #f5fafe;
height: 35%;
}

#altbg #kutular{
clear: both;
width: 970px;
}

div#uygulamalar{
   float:left;
	background: url(../images/bg_uygulamalar.jpg) no-repeat ;
	height: 177px;
	width: 314px; 
	margin-top:10px;
}

#uygulamalar .uyg_txt{ 
	float:left;
	margin-top:65px;
	margin-left: 25px;
	width: 160px;
	text-align: left; font: 11px Tahoma, Verdana; color: #58606b;
}

#uygulamalar  A:link, #uygulamalar  A:visited, #uygulamalar  A:active{	color:#58606b; TEXT-DECORATION: none;}
#uygulamalar A:hover{	color:#58606b; TEXT-DECORATION: underline;}


#uygulamalar .uyg_res{
    float:right;
	 margin-top:50px;
	 margin-right: 5px;
 }
 
 #uygulamalar .ok{
    float:right;
	 margin-top:3px;
	 margin-right: 6px;
 }
 
div#projeler{
   float:left;
	background: url(../images/bg_projeler.jpg) no-repeat ;
	height: 177px;
	width: 289px; 
	margin-top:10px;
	margin-left:25px;
}

#projeler .prj_txt{ 
	float:left;
	margin-top:65px;
	margin-left: 25px;
	width: 150px;
	height: 80px;
	text-align: left; font: 11px Tahoma, Verdana; color: #58606b;
}

.prj_txt  A:link, .prj_txt  A:visited, .prj_txt  A:active{	color:#58606b; TEXT-DECORATION: none;}
.prj_txt A:hover{	color:#58606b; TEXT-DECORATION: underline;}


#projeler .prj_res{
    float:right;
	 margin-top:50px;
	 margin-right: 5px;
	 height: 80px;
	 width: 100px;
 }
 
#projeler .ok{
    float:right;
	 margin-top:20px;
	 margin-right: 6px;

}

#haberler_box{
    float:left;
	background: url(../images/bg_haberler.jpg) no-repeat ;
	height: 177px;
	width: 293px; 
	margin-top:10px;
	margin-left:25px;
}

#haberler_box .hbr_title{ 
    width:122px; 
    height:30px; 
    margin:20px 0 0 20px; 
    cursor:pointer; 
    float:left;
}

div#haberler{
    float:left;
	height: 177px;
	width: 293px; 
}

#haberler .hbr_txt{ 
    width: 260px;
	margin-top:15px;
	text-align: justify; 
	font: 11px Tahoma, Verdana; 
	color: #58606b;
	margin-left:15px;
}

.hbr_txt  A:link, .hbr_txt  A:visited, .hbr_txt  A:active{	color:#58606b; TEXT-DECORATION: none;}
.hbr_txt A:hover{color:#58606b; TEXT-DECORATION: underline;}


div#alt{
   clear: both;
	width: 940px;
	margin-right: 15px;	margin-bottom: 10px;
}

#alt .cizgi{
   float:left;
	width: 940px;
	border-top:1px solid #d1d1d1;
   margin-top: 15px;	
}

#alt .cizgi2{
   float:left;
	width: 940px;
	border-top:1px solid #d1d1d1;
}

#alt .altsol_txt{
   float: left;
	text-align: justify; font: 11px Tahoma, Verdana; color: #888888;
}

.altsol_txt  A:link, .altsol_txt  A:visited, .altsol_txt  A:active{	color:#888888; TEXT-DECORATION: none;}
.altsol_txt A:hover{color:#888888; TEXT-DECORATION: underline;}


#alt .altsag_txt{
   float: right;
	text-align: right; font: 11px Tahoma, Verdana; color: #888888;
}

/*ic sayfalar*/

div#icsayfabg_cozumler{
   clear: both;
	width: 100%;
	background: url(../images/icsayfabg.jpg) repeat-x ;
	min-height: 450px;
}

div#icsayfabg_kurumsal{
   clear: both;
	width: 100%;
	background: url(../images/icsayfabg.jpg) repeat-x ;
	min-height: 450px;
}

div#icsayfabg_referanslar{
   clear: both;
	width: 100%;
	background: url(../images/icsayfabg.jpg) repeat-x ;
	min-height: 450px;
}

div#icsayfabg_iletisim{
   clear: both;
	width: 100%;
	background: url(../images/icsayfabg.jpg) repeat-x ;
	min-height: 450px;
}

div#orta{
clear: both;
width: 970px;
min-height:450px;
}

div#orta_referanslar{
clear: both;
width: 1100px;
height: 50%;
}

#menu_box{
    width:250px; 
    float:left;
}


#orta #menu{
    float:left;
	background: #FFFFFF;
	width: 250px;
	margin-top: 20px;margin-bottom: 20px;
	min-height: 200px;
}

#solinc_resim{
	float:left;
	clear: both;
	padding-top:0px;
	vertical-align: bottom;
	height: 200px;
}

#orta #menu .menubaslik
{
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 5px;
	clear: both;
	float: left
}

#orta #menu .menu_oge
{
   font: 12px Tahoma, Verdana; color: #050c66;
	background: url(../images/menu_res.png) left no-repeat ;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 17px; 
	float: left;
	clear: both;
	text-align: left;
	width: 200px;
}

.menu_oge  A:link, .menu_oge  A:visited, .menu_oge  A:active{	color:#050c66; TEXT-DECORATION: none;}
.menu_oge A:hover{background:#f8f8f8; color:#050c66; TEXT-DECORATION: none;}


#orta #icerik{
	float:right; 
	margin-top:20px;
	background: #FFFFFF;
	width: 690px;
	min-height: 470px;
}

#orta #icerik_tam{
	float:right; 
	margin-top:20px;
	background: #FFFFFF;
	width: 970px;
	height: auto;
}

#orta #icerik_tam #cozumler{
	margin-top:30px;
	background: #FFFFFF;
	width: 590px;
	height: auto;
}

#orta #icerik_tam #sirketprofili{
	margin-top:30px;
	background: #FFFFFF;
	width: 690px;
	height: auto;
}

#orta #icerik_tam #haberler{
	margin-top:0px;
	background: #FFFFFF;
	width: 690px;
	height: auto;
}

#orta #icerik_tam .haberler .haberyollink
{
	margin:6px;	float: left;
	width: 945px;height: 20px;
	text-align: left;
	padding-left:12px;
	padding-top: 3px;
   font: 11px Tahoma, Verdana; color: #717171;
	background:#f8f8f8 url(../images/link_ok.jpg) left no-repeat ;
}

.haberyollink  A:link, .haberyollink  A:visited, .haberyollink  A:active{	color:#717171; TEXT-DECORATION: none;}
.haberyollink A:hover{background:#f8f8f8; color:#717171; TEXT-DECORATION: underline;}


#orta #icerik_tam #sirketprofili .imaj{
	float:left;
	clear: both;
	margin-right: 40px;
}


#orta #icerik_tam #cozumler .imaj{
	float:left;
	clear: both;
	margin-right: 40px;
}

#orta #icerik .yol_link
{
	margin:6px;	clear: both;float: left;
	width: 667px;height: 20px;
	text-align: left;
	padding-left:12px;
	padding-top: 3px;
   font: 11px Tahoma, Verdana; color: #717171;
	background:#f8f8f8 url(../images/link_ok.jpg) left no-repeat ;
}

.yol_link  A:link, .yol_link  A:visited, .yol_link  A:active{	color:#717171; TEXT-DECORATION: none;}
.yol_link A:hover{background:#f8f8f8; color:#717171; TEXT-DECORATION: underline;}

#orta #icerik .icerik_txt_baslik{
   clear: both;float: left;
	font: bold 13px Tahoma, Verdana; color: #053b84;
	padding-left:15px;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 470px;
	text-align: left;
}

.icerik_txt_baslik  A:link, .icerik_txt_baslik  A:visited, .icerik_txt_baslik  A:active{	color:#053b84; TEXT-DECORATION: none;}
.icerik_txt_baslik A:hover{background:#f8f8f8; color:#053b84; TEXT-DECORATION: underline;}


#orta #icerik .icerik_txt{
   clear: both;float: left;
	font: 13px Tahoma, Verdana; color: #707780;
	padding-left:15px;	
	text-align: justify;
	width: 640px;
	height: auto;
	padding-bottom: 30px;
}

.icerik_txt  A:link, .icerik_txt  A:visited, .icerik_txt  A:active{	color:#707780; TEXT-DECORATION: none;}
.icerik_txt A:hover{color:#707780; TEXT-DECORATION: underline;}


#orta #icerik .flashintro{
   clear: both;float: left;
	text-align: justify;
	width: 690px;
	background:#000000;
	height: 400px;
}

#orta #icerik .smartis_apps{
   clear: both;float: left;
	text-align: justify;
	width: 670px;
	font: 13px Tahoma, Verdana; color: #707780;
	text-align: justify;
	padding-left:15px;padding-bottom:15px;
	margin-top: 10px;
}

#orta #icerik .smartis_apps .imajpad{
   clear: both;float: left;
	 margin-right: 0.5em;
}


.smartis_apps  A:link, .smartis_apps  A:visited, .smartis_apps  A:active{	color:#707780; TEXT-DECORATION: none;}
.smartis_apps A:hover{color:#707780; TEXT-DECORATION: underline;}


#orta #icerik .icerik_txt .tarihok{
    position: relative;
	 clear: both;
	 float: left;
	 padding-top: 50px;
	 padding-bottom: 70px;
	 padding-right: 10px;
	 
}

#orta #icerik .icerik_txt_org{
	font: bold 11px Tahoma, Verdana; color: #ff4200;
	text-align: justify;
	width: 670px;
}

#orta #icerik .icerik_14_center{
   clear: both;float: left;
	font: 14px Tahoma, Verdana; color: #707780;
	padding-left:15px;	
	text-align: center;
	width: 670px;
	line-height: 22px;
}

#resim{
   clear: both;float: right;
}


.tbl1{
	background:#f2f2f2;
	font: 11px Tahoma, Verdana; color: #707780;
	border-top:1px solid #595959;
	text-align: left;
	height: 40px;
	padding: 5px;
}

.tbl2{
	background:#fbfbfb;
	font: 11px Tahoma, Verdana; color: #707780;
	border-top:1px solid #f8f8f8;
	text-align: left;
	height: 40px;
	padding: 5px;
}

.tbl3{
	font: 11px Tahoma, Verdana; color: #707780;
	text-align: left;
	height: 60px;
}

.client_13txt{
	font: bold 13px Tahoma, Verdana; color: #053b84;
}

.client_13txt  A:link, .client_13txt  A:visited, .client_13txt  A:active{	color:#053b84; TEXT-DECORATION: none;}
.client_13txt A:hover{color:#053b84; TEXT-DECORATION: underline;}

.client_11txt{
	font: bold 11px Tahoma, Verdana; color: #707780;;
}

.client_11txt  A:link, .client_11txt  A:visited, .client_11txt  A:active{	color:#707780;; TEXT-DECORATION: none;}
.client_11txt A:hover{color:#707780;; TEXT-DECORATION: underline;}

.clientipix_11txt{
	font: bold 11px Tahoma, Verdana; color: #999999;;
}

.clientipix_11txt  A:link, .client_11txt  A:visited, .client_11txt  A:active{	color:#999999;; TEXT-DECORATION: none;}
.clientipix_11txt A:hover{color:#999999;; TEXT-DECORATION: underline;}

/*haber tab*/

.dhtmlgoodies_question{	
	color:#1f5bad;
	font-size:11px;
	font-weight: 900;
	background:url(../images/haberbg.gif) top repeat-x ;
	width:850px;
	margin-bottom:2px;
	margin-top:4px;
	vertical-align:middle
	margin-left:0px;
	height:23px;
	cursor:pointer;
	padding-left: 10px;
	padding-top: 5px;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:850px;
	margin-left:0px;
	visibility:hidden;
	height:0px;
	position:relative;
	color: #6c6c72;
	font-size: 12px;
	overflow: hidden;
	font-weight: normal;
	line-height: 15px;
	padding-left: 5px;
	background-color:#fff;
}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
	width:850px;
}


div.TabView div.Tabs
{
  height: 24px;
  overflow: hidden;
  width:  850px;
  background-color: #ebebeb;
}
div.Tips p
{
  float: right;
  display: block;
  font-size: 20px;
  padding-top: 20px;
  margin-right: 20px;
  text-align:right;
  color: #6c6c72;
   height: 24px;
  
}
div.TabView div.Tabs a
{
  float: left;
  display: block;

  padding-top: 3px;
  padding-left: 30px;
  text-decoration: none;
  font-weight: 900;
  font-size: 14px;
  color: #6c6c72;
  background-color: #ebebeb;
  border-color:#000000 solid:1px
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #ebebeb;
color: #ff9c00;
font-size: 14px;
}

div.TabView div.Pages
{
  clear: both;
  overflow: hidden;
    height:400px;
  
}

div.TabView div.Pages div.Page
{
  padding: 0px;
  overflow: hidden;

}

div.TabView div.Pages div.Page div.Pad
{
  padding: 20px 20px;
}

.img-wrapper {
  background: url(../images/shadow.gif) no-repeat bottom right;
  clear: both;
  float: left;
  position: relative;
  margin: 5px 0 0 5px;
}
 
.img-wrapper img {
  background-color: #fff;
  border: 1px solid #d7d7d7;
  padding: 0px;
  display: block;
  margin: -5px 5px 5px -5px;
  position: relative;
}

.dot{background: url(../images/dot.gif) center repeat-x ; height: 20px;}

/*text*/

.blue_13{
	font: bold 13px Tahoma, Verdana; color: #0477ed;	
}

.lightgray_11{
	font:  11px Tahoma, Verdana; color: #ababab;	
}


.gray_11{ font:11px A Tahoma, Verdana; color: #707780; text-align: justify; text-decoration: none; line-height: 18px}
.gray_11  A:link, .gray_11  A:visited, .gray_11  A:active{ color:#707780; text-decoration: none;}
.gray_11 A:hover{color:#707780; text-decoration: underline;}


.gray_12{ font:12px A Tahoma, Verdana; color: #707780; text-align: justify; text-decoration: none; line-height: 18px}
.gray_12  A:link, .gray_12  A:visited, .gray_12  A:active{ color:#707780; text-decoration: none;}
.gray_12 A:hover{color:#707780; text-decoration: underline;}


.footer{
	font: 11px Tahoma, Verdana; color: #707780;
}


.referans{ font-family: Tahoma, Verdana; font-size: 30px; color: #2a5eb2; TEXT-DECORATION: none;}
.referans  A:link, .referans  A:visited, .referans  A:active{ color:#bfcee8; TEXT-DECORATION: underline;}
.referans A:hover{color:#bfcee8; TEXT-DECORATION: underline;}


.referans_title
{
width:478px; 
height:35px; 
padding-left:22px; 
padding-top:10px; 
text-align:left; 
font: bold 16px Tahoma, Verdana; 
color:#053b84; 
float:left;
}


.referans_detay
{
width:478px; 
height:40px;
background:#e7f0ff; 
text-align:left; 
margin-top:2px; 
padding:8px 4px 4px 22px;  
font:13px Tahoma, Verdana; 
color:#2a5eb2; 
line-height:1.5em; 
float:left;
}


.referans_resim_cerceve
{
width:490px; 
height:318px; 
padding-left:10px; 
float:left
}

.referans_cerceve
{
width:500px; 
border:1px solid #e7f0ff; 
float:left;
}



.referans_pic{border: #b7c5dc solid 1px; padding:2px;}
.referans_pic:hover{border: #cccccc solid 1px; padding:2px;}


.input_big{
background:#FFFFFF;
border:1px solid #CCCCCC;
color:#323232;
font:12px Tahoma, Verdana; 
height:20px;
padding:2px;
width:200px;
}


.input_sml{
background:#FFFFFF;
border:1px solid #CCCCCC;
color:#323232;
font:12px Tahoma, Verdana; 
height:20px;
padding:2px;
width:100px;
}


.input_msg{
border:1px solid #ccc;
color:#707780;
font:12px Tahoma, Verdana; 
height:120px;
width:150px;
}