#gri00 {/*background-image:url(../images/navi/bg_gri.png); background-position:0 0; background-repeat:no-repeat; background-size:100% 100%;*/ width:100%; height:22.69%; position:absolute; z-index:84; bottom:0; display:block;}
#siyah00 { background-image:url(../images/navi/bg_siyah.png); background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:51.57%; position:absolute; z-index:83; bottom:-385px; }
#bgoverlay { background:#000; opacity:0; width:100%; height:100%; position:absolute; z-index:82; top:0; left:0; display:none;}

.cizgi { background-image:url(../images/navi/cizik.png); background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:100%; position:absolute; opacity:0}
.cizgi a{ outline:none; -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }

.b1,
.b2,
.b3,
.b4,
.b5,
.b6,
.b7,
.b8,
.logo{ background-repeat:no-repeat; background-size:100% 100%; width:7.09%; height:58.78%; position:absolute; bottom:6%; }

.b1 {background-image:url(../images/navi/b1.png); left:14.79%; }
.b2 {background-image:url(../images/navi/b2.png); left:21.88%; }
.b3 {background-image:url(../images/navi/b3.png); left:28.96%; }
.b4 {background-image:url(../images/navi/b4.png); left:36.04%; }

.logo {background-image:url(../images/navi/logo.png); width:8.55%; left:47.08%; }

.b5 {background-image:url(../images/navi/b5.png); left:57.92%; }
.b6 {background-image:url(../images/navi/b6.png); left:65%; }
.b7 {background-image:url(../images/navi/b7.png); left:72.08%; }
.b8 {background-image:url(../images/navi/b8.png); left:79.17%; }

.b1:hover { background-image:url(../images/navi/b1h.png); }
.b2:hover { background-image:url(../images/navi/b2h.png); }
.b3:hover { background-image:url(../images/navi/b3h.png); }
.b4:hover { background-image:url(../images/navi/b4h.png); }
.b5:hover { background-image:url(../images/navi/b5h.png); }
.b6:hover { background-image:url(../images/navi/b6h.png); }
.b7:hover { background-image:url(../images/navi/b7h.png); }
.b8:hover { background-image:url(../images/navi/b8h.png); }

.b2in {background-image:url(../images/navi/b2in.png);}
.b3in {background-image:url(../images/navi/b3in.png);}
.b4in {background-image:url(../images/navi/b4in.png);}
.b5in {background-image:url(../images/navi/b5in.png);}
.b7in {background-image:url(../images/navi/b7in.png);}

#ayrac { width:7.41%; height:9.63%; position:relative; background-image:url(../images/navi/ayrac.png); background-repeat:no-repeat; background-size:100% 100%; float:right; margin-right:-3.12%; top:75.89%; z-index:90; -webkit-transition: margin 1s; transition: margin 1s; }

#ayrac:hover { margin-right:-2.12% !important }

a#ayrac { outline:none; }

.beckkiraunt{ background-image:url('../images/navi/bg_gri.png');background-position:0 0; background-repeat:no-repeat; background-size:100% 100%; width:100%; height:100%; position:absolute; z-index:-10; padding-left: 6%; }



/* NAVI SLIDE */

#naviSlide_container{ position: relative; margin-top: 5%; }

#naviSlide_inner { overflow: hidden; margin: 0 auto; }
#naviSlide_ul { position:relative; list-style-type: none; margin: 0px; padding: 0px; width:9999%; }
#naviSlide_ul li{ float: left; margin-top: 20px; position: relative; }
#naviSlide_ul li a{ display: inline;
    float: left;
    margin-left: 1%;
    outline: medium none;
    position: relative;
    width: 32.1%; }
#naviSlide_ul li img{ width:100%; z-index: 2; display: block; }
	
	#naviSlide_ul li .mask{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; background-image: url('../images/navi/mask01.png'); background-repeat: no-repeat; height: 21.98% !important; width: 100%; top: 0; background-size: 100% 100%; z-index: 10; position: absolute; top: 0; z-index: 10; }
	

	#naviSlide_ul li:nth-child(2) .mask{ background-image: url('../images/navi/mask01.png') !important; }
	#naviSlide_ul li:nth-child(3) .mask{ background-image: url('../images/navi/mask02.png') !important; }
	#naviSlide_ul li:nth-child(4) .mask{ background-image: url('../images/navi/mask03.png') !important; }
	#naviSlide_ul li:nth-child(5) .mask{ background-image: url('../images/navi/mask04.png') !important; }

#naviLeft, #naviRight{ position: absolute; float:left; height:40px; width:56px; cursor: pointer; top: 10%; z-index: 999999999;  }

 #naviLeft{  background: url('../images/navi/controlLeft.png') no-repeat 0 0; background-size: 100% 100%; left: 2%; }
 #naviRight{ background: url('../images/navi/controlRight.png') no-repeat 0 0; background-size: 100% 100%; right: 2%; }

	#naviSlide_container{ width: 100%; }

	#naviSlide_inner { width:80%; }
	#naviSlide_ul { /*left:-437px;*/ }
	#naviSlide_ul li{ width:0.75%; }

/*

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

	#naviSlide_container{ width: 1920px; }

	#naviSlide_inner { width:1694px; }
	#naviSlide_ul { left:-437px; }
	#naviSlide_ul li{ width:410px; }

}

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

	#naviSlide_container{ width: 1680px; }

	#naviSlide_inner { width:1482px; }
	#naviSlide_ul { left:-384px;  }
	#naviSlide_ul li{ float: left; width:357px;  }

}


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

	#naviSlide_container{ width: 1600px; }

	#naviSlide_inner { width:1412px; }
	#naviSlide_ul { left:-365px;  }
	#naviSlide_ul li{ float: left; width:338px;  }

}

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

	#naviSlide_container{ width: 1440px; }

	#naviSlide_inner { width:1270px; }
	#naviSlide_ul { left:-331px;  }
	#naviSlide_ul li{ float: left; width:304px;  }

}

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

	#naviSlide_container{ width: 1366px; }

	#naviSlide_inner { width:1205px; }
	#naviSlide_ul { left:-314.75px;  }
	#naviSlide_ul li{ float: left; width:287.75px;  }

}

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


	#naviSlide_container{ width: 1280px; }

	#naviSlide_inner { width:1205px; }
	#naviSlide_ul { left:-314.75px;  }
	#naviSlide_ul li{ float: left; width:287.75px;  }

}

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


	#naviSlide_container{ width: 1024px; }

	#naviSlide_inner { width:903px; }
	#naviSlide_ul { left:-239.25px;  }
	#naviSlide_ul li{ float: left; width:212.25px;  }

}

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

	#naviSlide_container{ width: 768px; }

	#naviSlide_inner { width:678px; }
	#naviSlide_ul { left:-183px;  }
	#naviSlide_ul li{ float: left; width:156px;  }
	
#naviLeft, #naviRight{ height:20px; width:28px; }

}

@media only screen and (max-width: 640px) {
	
	#naviSlide_container{ width: 640px; }

	#naviSlide_inner { width:565px; }
	#naviSlide_ul { left:-154.75px;  }
	#naviSlide_ul li{ float: left; width:127.75px;  }

#naviLeft, #naviRight{ height:20px; width:28px; }

}

@media only screen and (max-width: 480px) {
	
	#naviSlide_container{ width: 480px; }

	#naviSlide_inner { width:423px; }
	#naviSlide_ul { left:-119.25px;  }
	#naviSlide_ul li{ float: left; width:92.25px;  }

#naviLeft, #naviRight{ height:20px; width:28px; }

}

@media only screen and (max-width: 320px) {	
	
	#naviSlide_container{ width: 320px; }

	#naviSlide_inner { width:282px; }
	#naviSlide_ul { left:-84px;  }
	#naviSlide_ul li{ float: left; width:57px; }

#naviLeft, #naviRight{ height:20px; width:28px; }

}*/



.tarea {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: Museo;
	font-size: 12px;
	height: 39%;
	left: 17%;
	position: absolute;
	top: 23%;
	width: 70%;
	z-index: 222;
	}
.adsoyad {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: museo;
	height: 3%;
	left: 18%;
	position: absolute;
	top: 4.2%;
	width: 40%;
	z-index: 222;
}
.yas {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: museo;
	height: 3%;
	left: 18%;
	position: absolute;
	top: 9.2%;
	width: 40%;
	z-index: 222;
	}
.eposta {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: museo;
	height: 3%;
	left: 18%;
	position: absolute;
	top: 14%;
	width: 40%;
	z-index: 222;
	}
.submit {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: museo;
	height: 3%;
	left: 16%;
	position: absolute;
	top: 68.9%;
	width: 16%;
	z-index: 222;
	}
#iletisimdiv {
	height: 5%;
	left: 15%;
	position: absolute;
	top: 73%;
	width: 80%;
	z-index: 483;
	}