@import url("reset.css");

@import url("sayfalama.css");

@import url("form.css");



body {
	width:100%;
	height:100%;
	font-size:14px; font-weight: normal; font-style: normal;line-height:normal; font-family: 'DINMedium', sans-serif;
	color:#2a2a2a;
}

a {
	color:#0794a2;
	font-weight:bolder;

}



a:hover {

	color:#ff6826;	

}



h1 {

	font-size:17px;

	font-weight:normal;

	color:#de1669;

}



#content {

	width:1000px;

	height:100%;

	margin:auto;

}



/*--- MENU --- */



#menu {

	width:840px;

	height:250px;

	padding:10px 0 0 0;

	position:relative;

	z-index:99;

	float:left;

}



/*--- Hakkimizda ---*/



#hakkimizda {

	width:196px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

}





#hakkimizda div.txt {

	background:url(../images/hakkimizda_txt.png) no-repeat 0 -56px;

	width:196px;

	height:56px;

	position:relative;

	float:left;

	position:relative;

	z-index:0;

}



#hakkimizda div.txt div.hover {

	background:url(../images/hakkimizda_txt.png) no-repeat 0 0;

	width:196px;

	height:56px;

	float:left;

	position:relative;

	z-index:0;

} 



#hakkimizda div.karakter {

	width:196px;

	height:194px;

	float:left;

	position:relative;

	z-index:11;

}



/*--- Etkinlikler ---*/

#etkinlikler {

	width:125px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

}



#etkinlikler div.txt {

	background:url(../images/etkinlikler_txt.png) no-repeat 0 -55px;

	width:125px;

	height:55px;

	float:left;

	position:relative;

	z-index:0;

}



#etkinlikler div.txt div.hover{

	background:url(../images/etkinlikler_txt.png) no-repeat 0 0;

	width:125px;

	height:55px;

	float:left;

	position:relative;

	z-index:0;

}



#etkinlikler div.karakter {

	width:125px;

	height:195px;

	float:left;

	position:relative;

	z-index:11;

	overflow:hidden;

}



#etkinlikler div.karakter a {

	width:125px;

	height:146px;

	float:left;

	display:block;

}



/*--- Galeri ---*/

#galeri {

	width:117px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

}



#galeri div.txt {

	background:url(../images/galeri_txt.png) no-repeat 0 -62px;

	width:117px;

	height:62px;

	float:left;

	position:relative;

	z-index:0;

}





#galeri div.txt div.hover{

	background:url(../images/galeri_txt.png) no-repeat 0 0;

	width:117px;

	height:62px;

	float:left;

	position:relative;

	z-index:0;

}



#galeri div.karakter {

	width:117px;

	height:188px;

	float:left;

	position:relative;

	z-index:11;

}



#galeri div.karakter a {

	width:117px;

	height:188px;

	float:left;

}



/*--- Ozel Projeler ---*/

#ozel-projeler {

	width:145px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

	cursor:pointer;

}





#ozel-projeler div.txt {

	background:url(../images/ozel-projeler_txt.png) no-repeat 0 -56px;

	width:145px;

	height:56px;

	float:left;

	position:relative;

	z-index:0;

}



#ozel-projeler div.txt div.hover{

	background:url(../images/ozel-projeler_txt.png) no-repeat 0 0;

	width:145px;

	height:56px;

	float:left;

	position:relative;

	z-index:0;

}





#ozel-projeler div.karakter {

	width:145px;

	height:194px;

	float:left;

	position:relative;

	z-index:11;

	overflow:hidden;

}



#ozel-projeler div.karakter a {

	width:145px;

	height:194px;

	float:left;

	display:block;

}



/*--- Anne Baba---*/

#anne-baba {

	width:134px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

}



#anne-baba div.txt {

	background:url(../images/anne-baba_txt.png) no-repeat 0 -57px;

	width:134px;

	height:57px;

	float:left;

	position:relative;

	z-index:0;

}



#anne-baba div.txt div.hover{

	background:url(../images/anne-baba_txt.png) no-repeat 0 0;

	width:134px;

	height:57px;

	float:left;

	position:relative;

	z-index:0;

}



#anne-baba div.karakter {

	width:134px;

	height:193px;

	float:left;

	position:relative;

	z-index:11;

	overflow:hidden;

}



#anne-baba div.karakter a {

	width:134px;

	height:193px;

	float:left;

	display:block;

}



/*--- Iletisim ---*/

#iletisim {

	width:123px;

	height:250px;

	position:relative;

	z-index:0;

	float:left;

}



#iletisim div.txt {

	background:url(../images/iletisim_txt.png) no-repeat 0 -65px;

	width:123px;

	height:65px;

	float:left;

	position:relative;

	z-index:0;

}



#iletisim div.txt div.hover{

	background:url(../images/iletisim_txt.png) no-repeat 0 0;

	width:123px;

	height:65px;

	float:left;

	position:relative;

	z-index:0;

}



#iletisim div.karakter {

	width:123px;

	height:185px;

	float:left;

	position:relative;

	z-index:11;

}



#iletisim div.karakter a {

	width:123px;

	height:185px;

	float:left;

	display:block;

}



#logo {

	width:220px;

	height:320px;

	position:relative;

	z-index:0;

	float:right;

	margin-left:-70px;

}



#logo a {

	width:220px;

	height:370px;

	display:block;

	float:left;

	margin-top:-50px;	

}



#wrap {

	background:url(../images/page_top.png) no-repeat;

	width:1000px;

	float:left;

	position:relative;

	margin-top:-60px;

	padding-top:94px;

}



#leftPanel {

	width:162px;

	float:left;

	position:relative;

	

}



#leftPanel ul {

	list-style:none;

	float:left;

	margin:0;

	padding:0;	

}



#leftPanel ul li {

	float:left;	

}



#leftPanel ul li.erenkoy_ok a {

	background:url(../images/erenkoy_ok.png) no-repeat;

	width:80px;

	height:84px;

	margin:0 36px 0 36px;

	display:block;

	text-indent:-9999px;

}

#leftPanel ul li.erenkoy_ok a:hover {

	background-position:0 -85px;

}



#leftPanel ul li.atasehir_ok a {

	background:url(../images/atasehir_ok.png) no-repeat;

	width:90px;

	height:75px;

	margin:40px 36px 0 36px;

	display:block;

	text-indent:-9999px;

}

#leftPanel ul li.atasehir_ok a:hover {

	background-position:0 -75px;

}



#pageContent {

	width:675px;

	position:relative;

	float:left;

}



#pageBg {

	background:url(../images/page_bg.png) repeat-y;

	position:relative;

	width:675px;

	float:left;

}



#page {

	width:675px;

	float:left;

	position:relative;

	margin-top:-110px;

	padding-bottom:60px;

}





#pageSyf {

	width:565px;

	float:left;

	position:relative;

	margin-top:-50px;

	padding:0px 40px 50px 70px;

}





#sayfaBaslik {

	width:565px;

	float:left;

	position:relative;

	text-align:center;

	margin-bottom:20px;

}







#mainSlideshow {

	width:595px;

	height:300px;

	padding:0 30px 20px 50px;

	position:relative;

	z-index:0;

	float:left;

}





.slideshowPicCont {

	background:url(../images/etkinlikler_fotoback.png) no-repeat;

	width:210px;

	height:265px;

	float:left;

}

.slideshowPicCont2 {
	width:100px;
	height:265px;
	float:left;
}



.slideshowPic {

	width:169px;

	height:163px;

	padding:23px 0 0 22px;

	overflow:hidden;

	float:left;

	z-index:77;

}



.slideshowText{

	width:385px;

	height:210px;

	padding-top:50px;

	float:left;

}



.devam a {

	background:url(../images/devam.png) no-repeat 0 0;

	width:60px;

	height:31px;

	display:block;

	float:right;

	text-indent:-9999px;

}



.devam a:hover {

	background-position:0 -31px;

}



#mainVideo {

	background:url(../images/video_mainback.png) no-repeat 30px 0;

	width:395px;

	height:275px;

	position:relative;

	float:left;

}



#mainVideoFlash {

	width:250px;

	height:180px;

	padding:40px 0 0 112px;

	float:left;

	z-index:99;

}



#videoLink {

	width:30px;

	height:25px;

	float:left;

	padding:10px 0 0 320px;

}



#videoLink a {

	background:url(../images/video_link.png) no-repeat 0 0;

	width:30px;

	height:25px;

	display:block;

	float:left;

	text-indent:-9999px;

}



#videoLink a:hover  {

	background-position:0 -25px;	

}



#mainFoto {

	background:url(../images/foto_mainback.png) no-repeat right;

	width:280px;

	height:245px;

	position:relative;

	float:left;

}



.mainFotoPic {

	width:145px;

	height:140px;

	padding:50px 0 0 103px;

	overflow:hidden;

	float:left;

	text-align:center;

}



#pageBottom {

	background:url(../images/page_bottom.png) no-repeat;

	width:666px;

	height:37px;

	float:left;

}



#rightPanel {

	width:163px;

	float:left;	

}



#biziTakipEdin {

	background:url(../images/bizi_takip_edin_bg.png) no-repeat;

	width:92px;

	height:65px;

	position:relative;

	float:left;	

	padding:70px 38px 0 33px;

}



#biziTakipEdinLinks {

	width:62px;

	height:30px;

	float:left;

	position:relative;

}



#biziTakipEdinLinks a.facebook {

	background:url(../images/takip.png) no-repeat 0 0;

	width:62px;

	height:15px;

	float:left;

	display:block;

	text-indent:-9999px;

}



#biziTakipEdinLinks a.facebook:hover {

	background-position:-62px 0;

}



#biziTakipEdinLinks a.twitter {

	background:url(../images/takip.png) no-repeat 0 -15px;

	width:62px;

	height:15px;

	float:left;

	display:block;

	text-indent:-9999px;

}



#biziTakipEdinLinks a.twitter:hover {

	background-position:-62px -15px;

}



#paylasin {

	background:url(../images/paylasin.png) no-repeat;

	width:92px;

	height:89px;

	float:left;

	position:relative;

	margin-top:45px;

	padding:56px 0 0 53px;

}



#paylasinLinks {

	width:92px;

	height:85px;

	float:left;

	position:relative;

}



#paylasinLinks a {

	width:45px;

	height:45px;

	display:block;

	position:absolute;

}



#paylasinLinks a.marginLeft1 {

	margin:40px 0 0 20px;

}



#paylasinLinks a.marginLeft2 {

	margin:0 0 0 45px;

}



#iletisimYazi {

	width:580px;

	padding-bottom:20px;

	float:left;	

}



.adresler {

	width:350px;

	float:left;

	padding:10px;

}



.adresler ul {

	width:250px;

	float:left;

	margin:0;

	padding:0;

	list-style:none;

}



.adresler ul li.adres,.adresler ul li.tel {

	width:210px;

	padding:0 0 5px 40px;

	float:left;

	display:block;

}



.adresler ul li.adres {background:url(../images/adres_icon.png) no-repeat; }



.adresler ul li.tel {background:url(../images/tel_icon.png) no-repeat; }



.adresler ul li.e-posta {

	width:250px;

	padding:0 0 5px 0;

	float:left;

	display:block;

	

}



.adresler ul li.e-posta a.icon {

	width:40px;

	height:28px;

	float:left;

	display:block;

	background:url(../images/e-posta_icon.png) no-repeat;

	text-indent:-9999px;

}

.adresler ul li.e-posta a.mail {

	width:210px;

	height:28px;

	float:left;

	display:block;

}



.adresler ul li.e-posta a.icon:hover{background-position:0 -28px;}



.adresler ul li.e-posta:hover a.icon{background-position:0 -28px;}



.adresler ul li.e-posta:hover a.mail {color:#ff6826;}



#iletisimForm {

	width:580px;

	float:left;

}



.pace-atasehir_link, .pace-erenkoy_link{

	padding-top:5px;	

}



.pace-atasehir_link a{

	background:url(../images/atasehir_kroki.png) no-repeat 0 0;

	width:190px;

	height:40px;

	float:left;

	text-indent:-9999px;

}



.pace-atasehir_link a:hover{

	background-position:0 -40px;

}



.pace-erenkoy_link a{

	background:url(../images/erenkoy_kroki.png) no-repeat 0 0;

	width:190px;

	height:40px;

	float:left;

	text-indent:-9999px;

}



.pace-erenkoy_link a:hover{

	background-position:0 -40px;

}



#galeriSyf,#videoSyf {

	width:265px;

	float:left;

}



#galeriSyf {

	padding-right:15px;	

}



#videoSyf {

	padding-left:15px;	

}



.yaziGlr {

	width:265px;

	float:left;	

}



.yaziIMG {

	width:265px;

	float:left;

	text-align:center;

}

.yaziIMG a img {

	padding:5px;

	border:1px solid #49d6e4;

	background:#baf9ff;	

}



.yaziIMG a:hover img {

	border-color:#de1669;

}



/*cycle*/

.bulletSwitcher {height: 30px;}

.bulletSwitcher a {float: left; width: 12px; height: 18px; margin-right: 4px; text-indent: -9999px; background: url(../images/switcherBullet.png) 0 0 no-repeat; outline: none;}

.bulletSwitcher a:hover {background: url(../images/switcherBullet.png) 0 -18px  no-repeat;}

.bulletSwitcher .activeSlide {background:url(../images/switcherBullet.png) 0 -18px  no-repeat;; cursor: default;}

.bulletSwitcher img {display: block;}

.bulletContent > div {width: 595px;}

/*#features .summary {width: 410px;}  IE7 Fix */

.bulletSwitcher {margin: 0 -17px; padding: 14px 0 0 312px; text-indent: -9999px; background: url(../images/homeViewing.png) center top no-repeat; cursor:pointer; }



.bulletSwitcher:hover { background-position:center -40px;}



.slideshow { *background:url(../images/slideshow_bg2.png);}



.yazi {

	width:570px;

	padding:0 30px 20px 0;

	float:left;	

}



.yazi img {

	display:block;

	padding:5px;

	border:1px solid #49d6e4;

	float:left;

	margin:5px 10px 0 0 ;

	background:#baf9ff;	

}



.yazi a img {

	display:block;

	padding:5px;

	border:1px solid #49d6e4;

	float:left;

	margin:5px 10px 0 0 ;

	background:#baf9ff;	

}



.yazi a:hover img {

	border-color:#de1669;

}

.yaziSolpanel {

	float:left;

	width:200px;	

}



.geri {

	background:url(../images/geri_don.png) no-repeat;

	width:110px;

	height:30px;

	float:right;

	display:block;

	text-indent:-9999px;

	outline:none;

	border:0;

}



.geri:hover {

	background-position:0 -30px;	

}



.tumhaberler {

	background:url(../images/tum-haberler.png) no-repeat;

	width:175px;

	height:75px;

	display:block;

	float:left;

	text-indent:-9999px;	

}



.tumhaberler:hover {

	background-position:0 -75px;	

}



.yaziLinks {

	 width:250px; 

	 float:left;

	 padding:20px 10px 10px 10px;

}



.fotoG,.videoG {

	width:175px;

	height:75px;

}



.fotoG a,.videoG a {

	width:175px;

	height:75px;

	display:block;

	text-indent:-9999px;

}



.fotoG a {

	background:url(../images/foto_galeri_buton.png) no-repeat;	

}



.videoG a  {

	background:url(../images/video_galeri_buton.png) no-repeat;	

}



.fotoG a:hover,.videoG a:hover {

	background-position:0 -75px;	

}



.flash {

	width:480px;

	height:385px;

	float:left;

	padding:5px;

	margin:20px 70px 20px 30px;

	border:1px solid #49d6e4;

	background:#baf9ff;	

}



/*sayfalama ajax*/

#Pagination {

	float:left;

	width:550px;

}



#Searchresult {

	margin:10px auto 10px auto;

	border:solid 1px #eef;

	padding:30px 0 0 0;

    width:570px;

}



#Searchresult a {

	display:block;

	float:left;

	padding:3px;

	border:1px solid #49d6e4;

	margin:3px;

	background:#baf9ff;

}



#Searchresult a span{

	display:block;

	width:100px;

	height:100px;

	overflow:hidden;

}



#Searchresult img {

}



.pagination a {

    text-decoration: none;

	color: #9a0f49;

}



.pagination a, .pagination span {

   	display: block;

    float: left;

    padding: 0.3em 0.5em;

   	margin-right: 5px;

	margin-bottom: 5px;

	font-size:16px;

}



.pagination .current {

	background: none;

	color: #00aeea;

	background:url(../images/syf_bg.png) no-repeat center top;

}



.pagination .current.prev, .pagination .current.next{

	color:#999;

	background:none;

	border:none;

}		



.pagination .current.prev a:hover {

	background:#000;

}



#harita {

	text-align:center;

}



#gMaps {

	width:730px;

	height:400px;

	margin:5px auto auto auto;	

}