body, html{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:13px;
	color:#2c2c2c;
    line-height:20px;
}

body{
	background:url(../images/back.png) repeat-x center top;
}

ul, li{
	margin:0px;
	padding:0px;
	list-style:none;
}

img{
	border:0px;
}

.temizle{
	clear:both;
}

.numara{
	text-align:left;
	margin-top:10px;
}
.numara a , a.num_ak{
	display:inline-block;
	height:6px;
	width:26px;
	background:#8e8f91;
	margin:0px 3px 0px 3px;
	cursor:pointer;
}
.numara a:hover, a.num_ak{
	background:#ed9536;
	color:#fff;
	text-decoration:underline;
}




.ana_sayfa_back {
  background-position: center center;  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-size: cover;
  height:100%;
  width:100%;
  position:absolute;
  z-index:-1;
}

@media only screen and (max-width: 767px) {
}

.sol_alan{
	width:198px;
	position:fixed;
	left:20px;
	top:0px;
}

.sag_alan{
	width:374px;
	position:fixed;
	right:0px;
	height:100%;
	background:url(../images/trans_back.png);
}

@media only screen and (max-width: 767px) {
	.sag_alan{
		width:250px;
	}
}

.sag_ust{
	position:absolute;
	left:27px;
	top:60px;
}

.sag_alt{
	position:absolute;
	left:27px;
	bottom:27px;
}

.sosyal{
 text-align:center;
 margin-top:30px;
}
.sosyal a{
	padding:2px;
	margin:-2px;
}

   #yukleniyor {
	background:url(../images/load.gif) #fff  no-repeat center center;
	height: 100%;
	width: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 1000;
	text-align:center;
	}

	
	
.sol_menu{
	margin:5px 0px 0px -14px;
	width:194px;
	padding:0px;
	overflow:hidden;
	border-radius:4px;
	-webkit-box-shadow: 0px -1px 26px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 26px 2px rgba(0,0,0,0.75);
	box-shadow: 0px -1px 26px 2px rgba(0,0,0,0.75);

}

.sol_menu li{
	border:0px;
	background:url(../images/buton_menu_back.png) repeat-x center center;
	margin:0px 0px -1px 0px;
	padding:0px;
	list-style:none;
	width:200px;
	text-align:left;
}

.sol_menu li:hover{
}

.sol_menu li a{
	color:#404041;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0px;
	text-align:left;
	font-weight:bold;
	padding:10px 0px 10px 60px;
	display:inline-block;
	width:200px;
}

.sol_menu li a span{
	width:60px;
	height:39px;
	margin-top:-20px;
	display:inline-block;
	
}


a.but_hiz, a.but_hiz_a{
	font-size:14px;
	color:#2c2c2c;
	text-decoration:none;
	padding:0px 5px 0px 15px;
	display:block;
}
a.but_hiz:hover, a.but_hiz_a{
	font-weight:bold;
	background:url(../images/c.png) no-repeat center left;
}


.but_hakkimizda{
	background:url(../images/menu.png) no-repeat -2px 2px; 
}
.but_hakkimizda:hover, .but_hakkimizda_a{
	background:url(../images/menu_a.png) no-repeat -2px 2px; 
	color:#000;
}


.but_hizmetler{
	background:url(../images/menu.png) no-repeat -2px -36px; 
}
.but_hizmetler:hover, .but_hizmetler_a{
	background:url(../images/menu_a.png) no-repeat -2px -36px; 
	color:#000;
}


.but_projeler{
	background:url(../images/menu.png) no-repeat -2px -78px; 
}
.but_projeler:hover, .but_projeler_a{
	background:url(../images/menu_a.png) no-repeat -2px -78px; 
	color:#000;
}


.but_referanslar{
	background:url(../images/menu.png) no-repeat -2px -112px; 
}
.but_referanslar:hover, .but_referanslar_a{
	background:url(../images/menu_a.png) no-repeat -2px -112px; 
	color:#000;
}


.but_iletisim{
	background:url(../images/menu.png) no-repeat -2px -155px; 
}
.but_iletisim:hover, .but_iletisim_a{
	background:url(../images/menu_a.png) no-repeat -2px -155px; 
	color:#000;
}

a.dil{
	background:#404041;
	padding:20px 3px 3px 3px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	border:1px #FFF solid;
	position:fixed;
	bottom:27px;
	left:27px;
}


a.dijital{
	text-decoration:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	padding:3px 5px 3px 30px;
	background:url(../images/katalog_icon.png) no-repeat center left;
}
a.dijital:hover{
	text-decoration:underline;
}


a.yer{
	text-decoration:none;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444;
	padding:3px 5px 3px 30px;
	background:url(../images/yer.png) no-repeat center left;
}
a.yer:hover{
	text-decoration:underline;
}


.baslik_ustu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	color:#2c2c2c;
	margin:0px;
}
.baslik1{
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	font-weight:bold;
	font-style:italic;
	margin:8px 0px 10px 0px;
}

.yazi_alani{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#2c2c2c;
  line-height:20px;
  width:317px;
  height:225px;
  overflow:hidden;
  margin-top:10px;
}

.banner{
	width:317px;
	position:relative;
	text-align:left;
}
.banner_ic{
	padding:0px;
	display:block;
	width:317;
	height:225px;
	text-align:left;

}


a.bilgi{
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	width:135px;
	text-align:center;
	height:18px;
	display:block;
	text-decoration:none;
	background:#2c2c2c;
	margin-top:10px;
}


.acilir_menu{
  margin:0px;
  padding:0px;
}

.acilir_menu li{
  margin:0px;
  padding:0px;
  font-size:15px;
  font-style:italic;
  color:#2c2c2c;
  list-style:none;
  width:217px;
  height:31px;
  padding:5px 5px 5px 8px;
}
.acilir_menu li a{
  font-size:15px;
  font-style:italic;
  color:#2c2c2c;
  text-decoration:none;
}

.acilir_menu .ana{
	background:url(../images/ok_d.png) no-repeat center right;
	font-weight:bold;
	cursor:pointer;
}

.acilir_menu .ana:hover > ul{
	display:block;
}

.acilir_menu li ul{
	margin-top:6px;
	margin-left:-8px;
	display:none;
	position:absolute;
}
.acilir_menu li ul li{
	background:url(../images/buton_menu_back.png) repeat-x;
	font-weight:100;
}
.acilir_menu li ul li:hover{
	font-weight:bold;
	background:#d8d8d8;
}


.alt_proje_basliklari{
	height:105px;
	overflow:hidden;
	margin-top:100px;
}

a.but_proje, a.but_proje_a{
	display:block;
	padding:0px 0px 0px;
	color:#2c2c2c;
	font-size:14px;
	text-decoration:none;
}
a.but_proje:hover, a.but_proje_a{
	font-weight:bold;
}


a.galeri_but{
	height:22px;
	width:106px;
	background:url(../images/galeri_but.png) no-repeat left bottom;
	text-decoration:none;
	color:#2c2c2c;	
	display:inline-block;
	text-decoration:none;
	padding-left:5px;
	margin-right:-5px;
	padding-top:3px;
	padding-bottom:3px;
}
a.galeri_but_a{
	height:22px;
	width:106px;
	background:url(../images/galeri_but.png) no-repeat left top;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	padding-left:5px;
	margin-right:-5px;
	padding-top:3px;
	padding-bottom:3px;
}

a.video_but{
	height:22px;
	width:106px;
	background:url(../images/galeri_but.png) no-repeat right top;
	text-decoration:none;
	color:#2c2c2c;	
	display:inline-block;
	text-decoration:none;
	padding-left:5px;
	margin-right:-5px;
	padding-top:3px;
	padding-bottom:3px;
}
a.video_but_a{
	height:22px;
	width:106px;
	background:url(../images/galeri_but.png) no-repeat right bottom;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	padding-left:5px;
	margin-right:-5px;
	padding-top:3px;
	padding-bottom:3px;
}

.galeri_kutu{
	border-top:1px #404041 solid;
	margin-top:-1px;
	width:317px;
	height:170px;
	padding-top:30px;
	overflow:hidden;
}

.resim_kutu{
	width:94px;
	height:65px;
	border:1px #4f4f4f solid;
	float:left;
	margin:0px 6px 6px 0px;
}
.resim_kutu:hover{
	border:1px #999 solid;
}

/************ ### light box ### *********************/
.light_box{
	position:fixed;
	z-index:9999;
	background:url(../images/trans_back2.png);
	display:none;
}

.light_box_but{
	cursor:pointer;
}
.light_box_ic{
	text-align:center;
	width:100%;
	margin-top:50px;
}
.x{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}

.referans_logo{
	width:148px;
	height:74px;
	float:left;
	margin:0px 5px 10px 0px;
	border:1px #FFF solid;
}

.refranslar_govde{
	width:314px;
	height:420px;
	overflow:hidden;
}

.iletisim_icon{
	padding:5px 0px 5px 40px;
	font-weight:bold;
}










.acilir_menu{
  margin:0px;
  padding:0px;
}

.acilir_menu li{
  margin:0px;
  padding:0px;
  font-size:15px;
  font-style:italic;
  color:#2c2c2c;
  list-style:none;
  width:317px;
  height:31px;
  padding:5px 5px 5px 8px;
}
.acilir_menu li a{
  font-size:15px;
  font-style:italic;
  color:#2c2c2c;
  text-decoration:none;
}

.acilir_menu .ana{
	background:url(../images/ok_d.png) no-repeat center right;
	font-weight:bold;
	cursor:pointer;
}

.acilir_menu .ana:hover > ul{
	display:block;
}

.acilir_menu li ul{
	margin-top:6px;
	margin-left:-8px;
	display:none;
	position:absolute;
}
.acilir_menu li ul li{
	background:url(../images/buton_menu_back.png) #d8d8d8 repeat-x;
	font-weight:100;
}
.acilir_menu li ul li:hover{
	font-weight:bold;
	background:#d8d8d8;
}


.yazi_alani{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#2c2c2c;
  line-height:20px;
  width:317px;
  height:275px;
  overflow:hidden;
  margin-top:10px;
}

.banner_ic{
	padding:0px;
	display:block;
	width:317;
	height:275px;
	text-align:left;

}


.aciklama{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  color:#2c2c2c;
  line-height:20px;
  height:130px;
  width:80%;
  overflow:auto;
  margin:10px auto;
  text-align:left;
}




#trans{
width:100%;
height:100%;
margin:0px;
display:block;
background:#000;
position:fixed;
z-index:999;
opacity:0.7;
 	filter:alpha(opacity=70); 
}


#ust{
position:absolute;
z-index:9999;
text-align:center;
}



/****************************************************/



/*****************mobil***************/
.mobil, .mobil > *{
display:none;
}

.navbar-default{
background:none;
border:0px;
}
@media (max-width: 767px) {
.mobil, .mobil > *{
display:block;
}
.mobil_trans{
width:100%;
height:100%;
position:fixed;
left:0px;
top:0px;
background:url(../images/mobil_trans.png);
text-align:center;
z-index:9999;
padding-top:30px;
}
.mobil{
z-index:9990;
width:100%;
height:100%;
position:fixed;
}
.mobil_logo{
display:block;
margin:0px auto 5px auto;
}
a.mobil_but{
text-align:center;
font-size:13px;
font-weight:bold;
color:#FFF;
padding:70px 0px 0px 0px;
width:180px;
display:block;
margin:5px auto;
text-decoration:none;
}
a.mobil_but:hover{
color:#CCC;
}
a.mobil_but_ara{
background:url(../images/mobil_call.png) no-repeat center top;
}
a.mobil_but_tarif{
background:url(../images/mobil_tarif.png) no-repeat center top;
}
a.mobil_but_devam{
background:url(../images/mobil_devam.png) no-repeat center top;
}
.mobil_back {
 background-position: center center;  
 background-repeat: no-repeat;  
 background-attachment: fixed;  
 background-size: cover;
 height:100%;
 width:100%;
 z-index:-1;
}
.sag_alan{
width:100%;
position:absolute;
z-index:1px;
margin-top:170px;
background:url(../images/trans_back.png);
top:150px;
height:500px;
}
.sol_alan{
width:100%;
text-align:center;
position:absolute;
z-index:1px;
display:block;
left:0px;
}
.sol_menu{
margin:5px auto;
width:100%;
padding:0px;
overflow:hidden;
border-radius:4px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:none;

}

.sol_menu li{
border:0px;
background:url(../images/buton_menu_back.png) repeat-x center center;
margin:0px 0px -1px 0px;
padding:0px;
list-style:none;
width:100%;
text-align:left;
}
.sol_menu li:hover{
}
.sol_menu li a{
color:#404041;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin:0px;
text-align:left;
font-weight:bold;
padding:10px 0px 10px 60px;
display:inline-block;
width:100%;
}
.sol_menu li a span{
width:60px;
height:39px;
margin-top:-20px;
display:inline-block;
}
.sosyal a{
display:inline-block;
margin:0px 5px 5px 5px;
}
.ana_sayfa_back {
 background-position: center center;  
 background-repeat: no-repeat;  
 background-attachment: fixed;  
 background-size: cover;
 height:100%;
 width:100%;
 position:fixed;
 z-index:-1;
}
.navbar-default {
 background:url(../images/mobil_trans.png);
 border:0px;
}
a.dil{
background:#404041;
padding:10px 3px 3px 3px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
border:1px #FFF solid;
position:fixed;
bottom:3px;
left:3px;
z-index:99;
}
.yazi_alani{
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 color:#2c2c2c;
 line-height:20px;
 width:100%;
 height:275px;
 overflow:hidden;
 margin-top:10px;
}

.acilir_menu{
 margin:0px;
 padding:0px;
}
.acilir_menu li{
 margin:0px;
 padding:0px;
 font-size:15px;
 font-style:italic;
 color:#2c2c2c;
 list-style:none;
 width:317px;
 height:31px;
 padding:5px 5px 5px 8px;
}
.acilir_menu li a{
 font-size:15px;
 font-style:italic;
 color:#2c2c2c;
 text-decoration:none;
}
.acilir_menu .ana{
background:url(../images/ok_d.png) no-repeat center right;
font-weight:bold;
cursor:pointer;
}
.acilir_menu .ana:hover > ul{
display:block;
}
.acilir_menu li ul{
margin-top:6px;
margin-left:-8px;
display:none;
position:absolute;
}
.acilir_menu li ul li{
background:url(../images/buton_menu_back.png) #d8d8d8 repeat-x;
font-weight:100;
}
.acilir_menu li ul li:hover{
font-weight:bold;
background:#d8d8d8;
}
.alt_proje_basliklari{
height:105px;
overflow:hidden;
margin-top:50px;
}
a.but_proje, a.but_proje_a{
display:block;
padding:0px 0px 0px;
color:#2c2c2c;
font-size:14px;
text-decoration:none;
}
a.but_proje:hover, a.but_proje_a{
font-weight:bold;
}

.resim_light{
width:100%;
}
/************ ### light box ### *********************/
.light_box{
position:fixed;
z-index:9999;
background:url(../images/trans_back2.png);
display:none;
}
.light_box_but{
cursor:pointer;
}
.light_box_ic{
text-align:center;
width:100%;
margin-top:50px;
}
.x{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
/*******************************/
.sag_alt{
position:absolute;
left:27px;
bottom:30px;
}
.sag_ust{
position:absolute;
left:27px;
top:20px;
}


.referans_logo, .referans_logo img{ width:145px; }
.banner{
width:275px;
}
.banner_ic{
width:275px;

}

.baslik1{
font-size:28px;
}


}



/*************************/





.b_sol{
position:absolute;
top:10px;
left:10px;
cursor:pointer;
opacity: 0.4;
    filter: alpha(opacity=40); 
}
.b_sol:hover{
opacity: 1;
    filter: alpha(opacity=100); 
}


.b_sag{
position:absolute;
top:10px;
right:10px;
cursor:pointer;
opacity: 0.4;
    filter: alpha(opacity=40); 
}
.b_sag:hover{
opacity: 1;
    filter: alpha(opacity=100); 
}