@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, #leftPanel ul li.caddebostan-ok a:hover {
	background-position:0 -85px;
}

#leftPanel ul li.caddebostan-ok a {
	background:url(../images/caddebostan_ok.png) no-repeat;
	width:93px;
	height:85px;
	margin:0 36px 0 36px;
	display:block;
	text-indent:-9999px;
}

#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;
}


.slideshowPic {
	width:169px;
	height:163px;
	padding:23px 0 0 22px;
	overflow:hidden;
	float:left;
	z-index:77;
}


.slideshowPic > a, .mainFotoPic > a { background-position: center; background-repeat: no-repeat; background-size:cover; width: 100%; height: 100%; display: block;  } 

.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;
}

#mainVideoFlash iframe { width:100%; height: 100%; }

#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_v2.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:250px;
	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-caddebostan-link a{
	background:url(../images/caddebostan_kroki.png) no-repeat 0 0;
	width:190px;
	height:40px;
	float:left;
	text-indent:-9999px;
}

.pace-erenkoy_link a:hover, .pace-caddebostan-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; position:relative; z-index:99;}
.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:270px;
	float:left;
	padding:5px;
	margin:20px 70px 20px 30px;
	border:1px solid #49d6e4;
	background:#baf9ff;	
}

.flash iframe { width:100%; height: 100%;  }

/*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;	
}