﻿body{
	background:#eae2e2;
	color:#333333;
	margin:0;
}
a{
	color:#2b2f32;
	text-decoration:none;
}
b{
font-weight:bold !important;
}
#contactform
{
width:450px;
}
form#contactform label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
font:14px MyriadPro-BoldCondensed;
}
form#contactform .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
font:12px MyriadPro-Regular;
}
form#contactform input, form#contactform textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 40px 10px;
}
form#contactform textarea{

width:275px !important;
}
form#contactform button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.bg-isik
{
	width: 1020px;
	height: 677px;
	background: url(../images/bg-isik.png) transparent no-repeat;
	position: absolute;
	z-index: -1;
	left: -3px;
	top: 28px;
}
.temizle{
	clear:both;
}
.container{
	width:1020px;
	margin:auto;
}
.top-line{
	border-bottom:1px solid #eae7e7;
	background:#27282c;
	height:4px;
}
.header{
	height:200px;
}
.destek-iletisim{
	background:url('../images/destek-iletisim.png') transparent no-repeat;
	width:347px;
	height:109px;
	position:absolute;
	margin-top:-5px;
	margin-left:695px;
	text-align:center;
	left: 21px;
	top: 5px;
}
.destek-iletisim span
{
	font: 20px MyriadPro-BoldCondensed;
	display: block;
	margin-top: 25px;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: center;
}
.logo{
	width:355px;
	height:160px;
	float:left;
}
#sosyal-aglar{
	margin-top:110px;
	float:right;
	margin-right:32px;
	width:624px;
	height:50px;
}
#sosyal-aglar span{
	font:13px/20px Arial;
	float:left;
}
#sosyal-aglar ul{
	float:right;
}
#sosyal-aglar ul li{
	display:inline-block;
	margin-left:4px;
}
#sosyal-aglar ul li a
{
	width: 34px;
	height: 34px;
	display:inline-block;
	text-indent:-9999px;
}
#sosyal-aglar ul li a.facebook{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat 0px 0px;
}
#sosyal-aglar ul li a.twitter{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat -38px 0px;
}
#sosyal-aglar ul li a.google{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat -76px 0px;
}
#sosyal-aglar ul li a.youtube{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat -114px 0px;
}
#sosyal-aglar ul li a.vimeo{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat -150px 0px;
}
#sosyal-aglar ul li a.dripple{
	background: url('../images/sosyal-ikonlar.png') transparent no-repeat -187px 0px;
}
ul.ust-menu{
	width:800px;
	float:left;
}
ul.ust-menu > li{
	display:inline-block;
}
ul.ust-menu > li > a{
	background: #43474a; /* Old browsers */
	background: -moz-linear-gradient(top,  #43474a 0%, #1e1f23 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43474a), color-stop(100%,#1e1f23)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #43474a 0%,#1e1f23 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #43474a 0%,#1e1f23 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #43474a 0%,#1e1f23 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #43474a 0%,#1e1f23 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43474a', endColorstr='#1e1f23',GradientType=0 ); /* IE6-9 */	
	padding:7px 15px 7px 15px;
	border-radius:5px 5px 0px 0px;
	color:white;
	font:13px NeoSansPro-Regular;
	text-shadow: 3px 3px 7px rgba(239, 239, 239, 0.34);
	display:inline-block;
	min-width:100px;
	text-align:center;
	height:21px;
}
ul.ust-menu > li > a:hover
{
	background:url(../images/menu-hover.png) transparent no-repeat;
}
ul.ust-menu > li.selected > a{
	background:url(../images/active-bg.png) transparent no-repeat;
}
ul.ust-menu > li.current-menu-item > a
{
	background:url(../images/active-bg.png) transparent no-repeat;
}
ul.ust-menu > li > ul						{ padding-left:10px;z-index:9999; background:rgba(0, 51, 51, 0.85); position:absolute; width:254px; display:none;border-bottom:5px solid #2c2d2d;}
ul.ust-menu > li:hover > ul					{ display:block;max-width:999px;max-height:999px;}	
ul.ust-menu > li > ul > li					{ height:34px; line-height:34px; color:#949494;display:block;width:50%;float:left;}
ul.ust-menu > li > ul > li > a				{ color:#ead9d9;font:12px NeoSansPro-Regular; background:url(../images/menu-ok.png) no-repeat 0px 6px;display:block; padding-left:20px; height:29px; line-height:29px; color:#949494;}
ul.ust-menu > li > ul > li:hover > a			{ color:#1aa3df;}

.duyuru-tab{
	background:#faf7f7;
	border-top:2px solid #000;
	height:54px;
	margin-top:-2px;
	border-left:1px solid #cfc8d0;
	border-right:1px solid #cfc8d0;
	height:35px;
}
.duyuru-ikon{
	background:url('../images/duyuru-ikon.png') no-repeat;
	width:20px;
	height:16px;
	margin:10px;
	float:left;
}
.duyuru-ayrac{
	background:url('../images/duyuru-ayrac.png') no-repeat;
	width:35px;
	height:35px;
	float:left;
	margin-left:-10px;
}
.duyuru-tab .bx-wrapper
{
	float:left;
	width:890px;
	height:35px;
}
.duyuru-tab ul{
	display:inline-block;
}
.duyuru-tab ul li a{
	font:12px/35px Arial;
	}
.arama{
	background: #d83f3f; /* Old browsers */
	background: -moz-linear-gradient(top,  #d83f3f 0%, #da3434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d83f3f), color-stop(100%,#da3434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d83f3f 0%,#da3434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d83f3f 0%,#da3434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d83f3f 0%,#da3434 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d83f3f 0%,#da3434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d83f3f', endColorstr='#da3434',GradientType=0 ); /* IE6-9 */
	border-radius:5px 5px 0px 0px;
	width:216px;
	height:31px;
	float:right;
	border-bottom:2px solid #a90000;
}
.manset{
	border-left:1px solid #cfc8d0;
	border-right:1px solid #cfc8d0;

}
.manset .manset-aciklama{
	background: rgba(0, 0, 0, 0.56);
	border-top: 1px solid rgba(255, 255, 255, 0.58);
	border-bottom: 2px solid rgba(0, 0, 0, 0.86);
	position: absolute;
	margin-top: -46px;
	width: 100%;
	display: block;
	font: 12px/46px Arial;
	padding-left: 10px;
	text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.70);
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.manset img
{
width:1020px;
}
.manset .sayfalama{
	margin-top: -27px;
	z-index: 999;
	position: absolute;
	margin-left: 935px;
}
.manset .sayfalama li{
	display:inline-block;
}
.manset .sayfalama li a{
	background:url('../images/manset-gecis.png') transparent no-repeat -15px -3px;
	width:10px;
	height:10px;
	display:inline-block;
	text-indent:-9999px;
}
.manset .sayfalama li a.active{
	background:url('../images/manset-gecis.png') transparent no-repeat -3px -3px;
}
.anasayfa-cerceve
{
	margin-top:10px;
	padding:25px;
	border:1px solid #d8d4dc;
	background:#fff;
}
span.anasayfa-icon1{
	background: url('../images/anasayfa-icon-1.png') transparent no-repeat;
	width: 40px;
	height: 40px;
	font: 26px/40px BebasNeue;
	padding-left: 45px;
	display: block;
	width: 185px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
span.anasayfa-icon2{
	background: url('../images/anasayfa-icon-2.png') transparent no-repeat;
	width: 40px;
	height: 40px;
	font: 26px/40px BebasNeue;
	padding-left: 45px;
	display: block;
	width: 185px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF0000;
	font-weight: bold;
}
span.anasayfa-icon3{
	background:url('../images/anasayfa-icon-3.png') transparent no-repeat;
	width:40px;
	height:40px;
	font:26px/40px BebasNeue;
	padding-left:45px;
	display:block;
	width:185px;
}
span.anasayfa-icon4{
	background:url('../images/anasayfa-icon-4.png') transparent no-repeat;
	width:40px;
	height:40px;
	font:26px/40px BebasNeue;
	padding-left:45px;
	display:block;
	width:185px;
}
.anasayfa-cerceve span.icon-aciklama{
	font: 12px Arial;
	margin-top: 5px;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
#kutu-1 .blok:first-child, #kutu-2 .blok:first-child, #kutu-3 .blok:first-child
{
	margin-left:0;
}
.anasayfa-cerceve .blok
{
	width: 230px;
	float: left;
	margin-left: 16px;
	font-size: 11px;
	color: #383e4f;
}
.anasayfa-cerceve .blok a.lnk
{
	background:url(../images/lnk-bg.png) repeat 0 0;
	display:block;
	width:100px;
	height:28px;
	font:10px/28px Arial;
	text-align:center;
	border-radius:0px 6px 0px 6px;
	color:#fff;
	margin-top:5px;
	transition: background .5s;
    -moz-transition: background .5s; /* Firefox 4 */
    -webkit-transition: background .5s; /* Safari and Chrome */
    -o-transition: background .5s;
}
.anasayfa-cerceve .blok a.lnk:hover{
	background-position:-150px 0;
}
.anasayfa-ic-ayrim{
	background:url('../images/anasayfa-ic-ayrim.png') transparent repeat-x;
	height:8px;
	margin-top:20px;
	margin-bottom:20px;
}
span.anasayfa-blok-baslik{
	font:26px/40px BebasNeue;
	display:block;
}
span.anasayfa-blok-aciklama{
	font:13px Arial;
}
.blok img{
	width:175px;
	height:111px;
	padding:4px;
	border:1px solid #cccccc;
	margin-bottom:5px;
}
.blok .proje-isim
{
	font:Bold 12px Arial;
	display:block;
}
.blok .proje-aciklama
{
	font:12px Arial;
	display:block;
}
.blok .haber-isim
{
	font:Bold 13px Arial;
	display:block;
	color:#383e4f;
}
.blok .haber-tarih
{
	font:11px Arial;
	display:block;
	color:#b5b7bd;
	margin-top:5px;
}

.blok .haber-aciklama
{
	font:13px Arial;
	display:block;
	color:#383e4f;
	margin-top:5px;
}
.blok .haber-aciklama a
{
	font:11px Arial;
	color:#ff6633;
	margin-left:10px;
}
.musterilerimiz{
	background:url('../images/musterilerimiz.png') transparent no-repeat;
	width:990px;
	height:140px;
	margin-left:-10px;
	padding-top:50px;
	padding-left:55px;
	margin-top:25px;
}
.musterilerimiz ul li{
	background:url('../images/musterilerimiz-kutu.png') transparent no-repeat;
	width:146px;
	height:113px;
	float:left;
	opacity:0.4;
}
.musterilerimiz ul li:hover{
	opacity:1;
}
.musterilerimiz ul li img{
	width:138px;
	height:100px;
	border-radius:5px;
	margin-top:3px;
	margin-left:5px;
}
.musterilerimiz .bx-prev
{
margin-top: -104px;
display: block;
height: 70px;
width: 40px;
margin-left: -63px;
text-indent:-9999px;
}
.musterilerimiz .bx-next
{
width: 40px;
height: 70px;
display: block;
margin-top: -70px;
margin-left: 902px;
text-indent:-9999px;
}
.footer{
	background: url('../images/footer.png') transparent no-repeat;
	width: 1300px;
	height: 321px;
	margin-left: -144px;
	position: absolute;
	background-color: #FFFFFF;
}
.foooter-icerik{
	position:absolute;
}
.tweet-list{
	height:40px;
	width:890px;
	display:block;
	padding-top:10px;
	padding-left:80px;
}
.tweet-list li{
	font:12px Verdana;
	color:#fff;
}
.tweet-list li a
{
	color:#2aa9df;
}
.footer-blok
{
	width: 180px;
	float: left;
	margin-left: 16px;
	font-size: 11px;
	color: #eee7e7;
	font:12px Arial;
}
.footer-blok:first-child{
	width:260px;
}
.footer-blok p{
	margin-bottom:7px;
	margin-top:6px;
	font-size: 14px;
}
.footer-blok h3{
	font:20px BebasNeue;
	color:#e6e6e6;
}
.footer-blok ul li
{
	color:#eee7e7;
	display:block;
	width:200px;
	margin-bottom:1px;
}
.footer-blok ul li a
{
	color:#b1b1b1;
	font:12px Arial;
}
h2.yazi-baslik
{
font:26px BebasNeue;
margin-bottom:10px;
}
.konu-ic
{
	font-size: 24px;

}
.konu-ic p
{
	font: 12px Arial;
	line-height: 18px;
	margin-bottom: 5px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.ref-resim
{
float:left;
margin-bottom:10px;
}
.ref-resim img
{
width:590px;
height:210px;
padding:3px;
border:1px solid #cccccc;
}
.ref-aciklama
{
width:355px;
height:210px;
float:right;
margin-bottom:10px;
}
.ref-aciklama h2
{
font:26px BebasNeue;
margin-bottom:5px;
}
.ref-aciklama p
{
font:12px Arial;
line-height:18px;
margin-bottom:5px;
}
.ref-aciklama ul
{
margin-left:10px;
margin-top:10px;
}
.ref-aciklama ul li
{
background:url('../images/yesil.png') transparent no-repeat;
padding-left:20px;
font:12px Arial;
margin-bottom:5px;
}
.referanslar .blok .proje-isim
{
font:Bold 11px Arial;
}
.referanslar .blok .proje-aciklama
{
font:11px Arial;
}
.referanslar .blok
{
margin-left:0;
margin-right:15px;
height:220px;
}
.referanslar .blok:nth-child(4n)
{
margin-right:0px;
}
.hakkimizda-sayfa
{
padding:0;
}
#hakkimizda ul
{
display:block;
width:225px;
}
#hakkimizda ul li
{
display:block;
width:225px;
height:145px;
}
.stMain {
  display:block;
  margin:0;
  padding:0;
  color: #666666;
  border: 0px solid #CCC;
  font-family: "Segoe UI",Tahoma,arial,sans-serif;
  font-size: 100%;
  width:1024px;
}
.stContainer {
  display:block;
  margin:0;
  padding:0;
  height:450px;
  overflow:hidden;  
  position: relative;
  min-height: 570px;
}
.stMain div.tabContent { 
  display:block;
  position: absolute;
  margin:0;  
  padding:10px;     
  border: 0px solid #D4D4D4;    
  background-color: #FFF;
  text-align:left;
}

.stMain ul.tabAnchor {
  display: inline-block;
  list-style-type: none;
  position:relative;
  padding:0;
  margin:0;    
  clear: both;
  margin-right: -1px;
  z-index: 100;
  float: left;
}
.stMain ul.tabAnchor li{ 
  position: relative; 
  margin: 0;
  padding: 0;
  text-align:center;
}
.stMain ul.tabAnchor li a { 
  display:block;
  margin:0;
}
.stMain ul.tabAnchor li a img
{
}
.stMain ul.tabAnchor li a small {
  font-size:15px;
}
.stMain ul.tabAnchor li a:hover {
  color:#FFF;
}
.stMain ul.tabAnchor li a.sel {
  color:#00A7DB;
  cursor:text;
}
.loader{
  position: absolute;
  left:48%;
  top:40%;
  display:block;
  margin:0;
  padding:5px; 
  padding-top: 35px;
  font-size: 10px;
  color:#666;
  text-decoration: none;
  outline-style:none;
  border: 1px solid #D4D4D4;
  background: #f6f6f6 url(images/bx_loader.html) no-repeat 10px 10px ;
}
a.stLinks { 
  margin:0;
  padding:5px;
  color:#666;
  text-decoration: none;
  outline-style:none;
  border: 1px solid #D4D4D4;
  background-color: #f6f6f6;
 }
a.stLinks:hover {
  color:#FFF;
  background-color: #00A7DB;
}
.stContainer h2.hakkimizda-baslik
{
	font:20px MyriadPro-BoldCondensed;
	margin-top:47px;
	color:#14364a;
}
.stContainer p
{
	font:14px/18px MyriadPro-Regular;
	margin-bottom:10px;
}
.arama input[type='text']
{
height:22px;
background:transparent;
border:0;
padding-left:8px;
color:#fff;
width:176px;
border-right:1px dotted #efefef;
margin-top:5px;
}
.arama input[type='submit']
{
background:url(../images/aramayap.png) no-repeat;
width:20px;
height:17px;
cursor:pointer;
}
