@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,500,400italic,500italic,700,700italic,900&subset=latin,latin-ext);

body{
	background-color: #fff;
	position: relative;
 	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	line-height: 14px;
	margin:0;
}

 
 .main{
	width:1400px;
	margin: -10px  auto;
	position: relative;
}
/** üst ana menü kisim */
 #anamenu_alani {
	width:1400px;
	margin:-10px auto -126px;
	z-index:99;
	position: relative;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	 

 }
.logo {
	height:225px;
	width:170px;
	position:absolute;
	z-index:3;
	margin-left: 165px;
	clear: both;
 }
 
 .index-menu-kisim {
	height:126px;
	width:900px;
	/* [disabled]float: left; */
	margin-top: 0px;
	/* [disabled]position: absolute; */
	margin-left: 397px;
 }
 
 #menu-kisim {
	 
	margin-top: 0px;
	float: left;
	margin-left:0;
	width: 180px;
	height: auto;
}

.proje-menu-kisim #menu {
	float:right;
	
 }
/* ana üst menuler */

#menu1 {
	margin-top:10px;
	margin-left:0px;
}

#menu1 ul {
	list-style-type:none;
	position:absolute;
	z-index:2;
	clear: both;
	width: 837px;
	
}
#menusosyal ul {
	list-style-type:none;
	position:absolute;
	z-index:2;
	clear: both;
	width: 60px;
 }
#menu1 li {
	float:left;
	padding-left:0px;
	
	  
}
#menu1 .nav1 a {display:block;height:125px;width:117px;margin:0;  }
#menu1 .nav2 a {display:block;height:122px;width:99px; margin:0; }
#menu1 .nav3 a {display:block;height:122px;width:86px;margin:0;  }
#menu1 .nav4 a {display:block;height:118px;width:79px; margin:0;  }
#menu1 .nav5 a {display:block;height:117px;width:108px; margin:0;  }
#menu1 .nav6 a {display:block;height:114px;width:88px; margin:0;  }
#menu1 .nav7 a {display:block;height:112px;width:88px; margin:0;  }

#menu1 .nav8 a {
	 display:block;
 	height:41px;
	width:140px;
	margin-top:45px;
}
#menu1 .nav9 a { display:block; height:50px;width:50px; clear:both;
overflow:hidden;  }

 

#menu1 .nav10 a {display:block;height:24px;width:30px; margin:0;  }
#menu1 .nav11 a {display:block;height:24px;width:24px; margin:0;  }

#menu_foter .nav10 a {display:block;height:24px;width:30px; margin:0;  }
#menu_foter .nav11 a {display:block;height:24px;width:24px; margin:0;  }

/* 
#menu1 .nav12 a {display:block;height:34px;width:23px; margin:0;   }
 #menu1 .nav13 a {display:block;height:30px;width:25px; margin:0;  }
*/ 
 
 

#menu1 li a:hover, #menu1 #menu1_active a{}

.nav1 { background:url(../images/soldan1.png) left 0px no-repeat;}
.nav2 { background:url(../images/soldan2.png) left 0px no-repeat;  }
.nav3 { background:url(../images/soldan3.png) left 0px no-repeat;}
.nav4 { background:url(../images/soldan4.png) left 0px no-repeat}
.nav5 { background:url(../images/soldan5.png) left 0px no-repeat}
.nav6 { background:url(../images/soldan6.png) left 0px no-repeat}
.nav7 { background:url(../images/soldan7.png) left 0px no-repeat}
.nav8 {
	margin-left:25px;
	background:url(../images/soldan8.png) left 45px  no-repeat;
}
.nav9 {
	margin:-30px  0 0 -60px;
}

.nav10 { background:url(../images/f1.png) left 0px no-repeat}
.nav11 { background:url(../images/t1.png) left 0px no-repeat}

 

/*
.nav12 { background:url(../images/sosyal/003.png) left 0px no-repeat; clear:both; margin-top:-5px;}
.nav13 { background:url(../images/sosyal/004.png) left 0px no-repeat}
*/ 

.nav1:hover, .nav1#active { background:url(../images/soldan1b.png) left 0 no-repeat; }
.nav2:hover, .nav2#active { background:url(../images/soldan2b.png) left 0px no-repeat;  }
.nav3:hover, .nav3#active { background:url(../images/soldan3b.png) left 0px no-repeat }
.nav4:hover, .nav4#active { background:url(../images/soldan4b.png) left 0px no-repeat}
.nav5:hover, .nav5#active { background:url(../images/soldan5b.png) left 0px no-repeat }
.nav6:hover, .nav6#active { background:url(../images/soldan6b.png) left 0px no-repeat}
.nav7:hover, .nav7#active { background:url(../images/soldan7b.png) left 0px no-repeat }
.nav8:hover, .nav8#active { background:url(../images/soldan8b.png) left 45px no-repeat}
 
 .nav10:hover, .nav10#active { background:url(../images/f2.png) left 0px no-repeat}
.nav11:hover, .nav11#active { background:url(../images/t2.png) left 0px no-repeat}
/*
.nav12:hover, .nav12#active { background:url(../images/sosyal/003b.png) left 0px no-repeat}
.nav13:hover, .nav13#active { background:url(../images/sosyal/004b.png) left 0px no-repeat}
*/

 
 /* ana üst menuler son */
/* Getting the new tags to behave */
 nav,  { display: block; }
 a{
 	text-decoration: none;
	outline:none
}
a:hover{
	text-decoration: none;
	color: #24A6DB;
	
}
 
/*.esselam{ 
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
/*
background: -moz-linear-gradient(top,  rgba(230,230,226,1) 0%, rgba(230,230,226,0) 100%); *//* FF3.6+ */
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,226,1)), color-stop(100%,rgba(230,230,226,0))); /* Chrome,Safari4+ */
/*
background: -webkit-linear-gradient(top,  rgba(230,230,226,1) 0%,rgba(230,230,226,0) 100%);*/ /* Chrome10+,Safari5.1+ */
/*
background: -o-linear-gradient(top,  rgba(230,230,226,1) 0%,rgba(230,230,226,0) 100%);*/ /* Opera 11.10+ */
/*
background: -ms-linear-gradient(top,  rgba(230,230,226,1) 0%,rgba(230,230,226,0) 100%); *//* IE10+ */
/*
background: linear-gradient(to bottom,  rgba(230,230,226,1) 0%,rgba(230,230,226,0) 100%); /* W3C */
/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e2', endColorstr='#00e6e6e2',GradientType=0 );*/ /* IE6-8 */
/*
}
*/




#orta{
	width:1000px;
	margin:auto;
	min-height:220px;
	position: relative;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	
	
}

.kutu_sol{
	clear:both;
	width:250px;
	margin:0px 0px 40px 50px;
	min-height:225px;
	position: relative;
	float: left;
}
.kutu_sol_iletisim{
	clear:both;
	width:250px;
 	min-height:220px;
	position: relative;
	float: left;
	margin-right:20px;
}
.kutu_tam_sol{
	clear:both;
	width:250px;
 	min-height:220px;
	position: relative;
	float: left;
	margin-right:20px;
}
.kutu_ic_sol{
	clear:both;
	width:250px;
	margin:0px 30px 0 0;
	min-height:220px;
	position: relative;
	float: left;
}
.kutu_orta{
	width:250px;
	margin:0px 100px 40px 100px;
	min-height:225px;
	position: relative;
	float: left;
}
.kutu_sag{
	width:250px;
	margin:0px 0px 40px 0px;
	min-height:225px;
	position: relative;
	float: left;
}
.kutu_ikili{
	width:700px;
	margin:0px 0px 0 0px;
	min-height:220px;
	position: relative;
	float: left;
}
.kutu_uclu{
	width:1000px;
	margin:0px 0px 0 0px;
	min-height:220px;
	position: relative;
	float: none;
}
.alt_resim{
	width:1000px;
	margin:30px 0 0 0px;
 }

.golge{
	width:1000px;
	margin:0px 0px 30px 0px;
	background:url(../images/golge.png) left 0px no-repeat;
	height: 40px;
	clear: both;
 
 }
 footer{
 	width:100%;
 
    }
 
.footer_alan{
	z-index:10;
	width:100%;
	background-color:#59595C;
	height: 70px;
	padding:30px 0 70px;
	color: #999;
 

   }
   
/* Footer menuler */
 
 .footersosyal ul{
	position:relative;
	z-index:12;
	width: 80px;
	height: 60px;
	margin: 0;
	float: right; 
	overflow:hidden; }
   
 .footer-menu-kisim {
	width:1000px;
	margin:auto;
	min-height:40px;
	position: relative;
	font-size:14px;
	clear: both;
	display: block;
 
 }

#menu_foter ul {
	list-style-type:none;
	position:relative;
	z-index:2;
 	float: right;
	display: block;
 	
}
#menu_foter li {
	float:right;
	padding-left:0px;
		  
}
#menu_foter li a:hover, #menu_foter #menu_foter_active a{
}  

 #menu_foter .fot9 {
	display:block;
	height:25px;
	width:auto;
	padding:10px;
	margin:38px 0 0 -75px;
	text-decoration:none;
 }
 #menu_foter .fot8 a, #menu_foter .fot7 a, #menu_foter .fot6 a, #menu_foter .fot5 a, #menu_foter .fot4 a, #menu_foter .fot3 a, #menu_foter .fot2 a, #menu_foter .fot1 a {
	display:block;
	height:25px;
	width:auto;
	padding:10px;
	margin:0;
	text-decoration:none;
font-size:13px;	
	
}
 .fot8, .fot7, .fot6, .fot5, .fot4, .fot3, .fot2, .fot1{ color:#FFF; text-decoration:none;}
 .fot7:hover, .fot6:hover, .fot5:hover, .fot4:hover, .fot3:hover, .fot2:hover, .fot1:hover #active {color:#096; text-decoration:none;
 font-size:13px; }

.copy {
	font-size:14px;
	width:275px;
	margin:10px auto;
	min-height:50px;
	position: absolute;
 }
.baslik_ic {
	font-size:16px;
	width:1000px;
	margin:30px 0;
	min-height:50px;
	border-bottom: 1px solid #DDD;
   }
 
.bosluk {
	width:1000px;
	margin:176px 0 -126px 0;
	;
 }
 
 
 
 /** İNDEX " KUTU **/
 .block {
	width:225px;
	
	float:left;
	margin:0px auto;
}
.last { margin-right:0; }
.zoom { 
   width:225px;
	height:220px; 
    display:block; 
    position:relative; 
    overflow:hidden; 
    border:12px solid rgba(89,89,92, 0.1);
    background:#fff url(../images/loader.gif) no-repeat center;
}
.zoom img { display:none}
.zoomOverlay {
            position:absolute;
            top:0; left:0;
            bottom:0; right:0;
            display:none;
            background :url(../images/zoom.png);
            background-repeat:no-repeat;
            background-position:center;
			z-index:99;
        }


 
 
 
@media only screen and  (min-width: 1000px) and (max-width: 1300px) {
  #anamenu_alani{ margin-left:-100px!important;
 	}
	#orta{ 
 	margin-left:80px;
	}
}	

@media only screen and (min-width: 800px) and (max-width: 999px) {
 	 #anamenu_alani{ margin-left:-150px!important;  margin-bottom: -110px!important;	 }
	 #orta{ 
 	margin-left:10px!important;
	}
}
 
@media only screen and (min-width: 650px) and (max-width: 799px) {
 	 #anamenu_alani{ margin-left: -250px !important; margin-bottom: -50px!important;	 }
#orta{ margin-left:-130px!important;
}
}
 
@media only screen and  (min-width: 400px) and (max-width: 649px) {
 	 #anamenu_alani{ margin-left: -350px !important;  margin-bottom: -20px!important;	 }
	 #orta{ margin-left:-220px!important;
 	 }
} 
 
@media only screen and  (min-width: 100px) and (max-width: 399px) {
 
	 #anamenu_alani{  margin-left: -450px !important; margin-bottom: -20px!important;	 }
	 #orta{   margin-left:-320px!important;
 	 }
}