@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'AvantGarde-Regular';
    src: url('../../Font/AvantGarde-Regular.eot');
    src: url('../../Font/AvantGarde-Regular.eot?#iefix') format('embedded-opentype'), url('../../Font/AvantGarde-Regular.woff') format('woff'), url('../../Font/AvantGarde-Regular.ttf') format('truetype'), url('../../Font/AvantGarde-Regular.svg#AvantGarde-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "AvantGarde-Bold";
	src: url('../../Font/AvantGarde-Bold.eot');
	src: url('../../Font/AvantGarde-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../Font/AvantGarde-Bold.svg#AvantGarde-Bold') format('svg'),
	url('../../Font/AvantGarde-Bold.woff') format('woff'),
	url('../../Font/AvantGarde-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "AvantGarde-Bold-Italic";
	src: url('../../Font/AvantGarde-Bold-Italic.eot');
	src: url('../../Font/AvantGarde-Bold-Italic.eot?#iefix') format('embedded-opentype'),
	url('../../Font/AvantGarde-Bold-Italic.svg#AvantGarde-Bold-Italic') format('svg'),
	url('../../Font/AvantGarde-Bold-Italic.woff') format('woff'),
	url('../../Font/AvantGarde-Bold-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "AvantGarde-Italic";
	src: url('../../Font/AvantGarde-Italic.eot');
	src: url('../../Font/AvantGarde-Italic.eot?#iefix') format('embedded-opentype'),
	url('../../Font/AvantGarde-Italic.svg#AvantGarde-Italic') format('svg'),
	url('../../Font/AvantGarde-Italic.woff') format('woff'),
	url('../../Font/AvantGarde-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html{ background:#000; overflow-y:hidden; }
h1{font-family: "AvantGarde-Bold"; color:#7dd2f7; font-size:18px; font-weight:normal;}
h2{font-family: "AvantGarde-Regular"; font-size:13px; color:#fff; font-weight:normal; line-height:26px;}
.fontBold{font-family: "AvantGarde-Bold";}
.backNokt{background:url("../../Images/back-nokt.png") repeat; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:0;}
.backNoktGal{background:url("../../Images/back-nokt.png") repeat; width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:2;}
.menuBack{width:100%; height:60px; background:#000; position:fixed; left:0px; top:0px; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; z-index:99999;}
#menu {width:1000px; height:60px; position:fixed; left:50%; margin-left:-500px; top:0px;  z-index:99999;}
.logo{margin:18px 25px 0 2px; float:left;}
.menuLink{float:left; font-family: "AvantGarde-Regular"; font-size:14px; color:#fff; padding:21px 8px 21px 8px; text-decoration:none; cursor:pointer;}
.menuLink:hover{background:#39b3e8;}
.menuLinkActive{background:#39b3e8;}
.dil{float:right; margin-right:2px; top:0px; cursor:pointer;}
.slogan{width:500px; height:200px; position:absolute; right:50%; margin-right:-490px; margin-top:140px; text-align:right; font-family: "AvantGarde-Regular"; color:#fff; font-size:30px; text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.96);}
.footer{position:fixed; bottom:0px; right:0px; float:right; color:#fff; font-size:13px; background:#000; padding:6px; font-family: "AvantGarde-Regular"; z-index:99999; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.footerLink{color:#fff; font-size:13px; background:#000; padding:6px; font-family: "AvantGarde-Regular"; z-index:99999; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.zorlu{position:fixed; bottom:8px; right:8px; float:right;  z-index:99999; display:none;}
.contentLeft{background:url("../../Images/back-content.png") repeat; width:350px; height:470px; position:absolute; left:40%; margin-left:-500px; margin-top:120px; padding:10px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.konum{background:url("../../Images/konum.png") no-repeat  !important; width:820px !important;}
.enKonum{background:url("../../Images/en-konum.png") no-repeat  !important; width:820px !important;}
.iletisim{background:url("../../Images/iletisim.png") no-repeat  !important; width:980px !important; height:394px !important;}
.contentRight{background:url("../../Images/back-content.png") repeat; width:350px; height:470px; position:fixed; right:40%; margin-right:-500px; margin-top:120px; padding:10px; filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.contentRight .linkHover, .iletisim .linkHover, .contentLeft .linkHover{color:#fff; text-decoration:none; font-family: "AvantGarde-Regular"; color:#fff; font-size:13px; padding:3px;}
.contentRight .linkHover:hover, .iletisim .linkHover:hover, .contentLeft .linkHover:hover{background:#000;}
#box1,#box2,#box3,#box4,#box5,#box6 {padding: 0 22px 0 0; margin-bottom: 10px; outline: none; width: 335px; height: 467px; overflow:hidden; display:none;}
#boxscroll{padding: 0 22px 0 0; margin-bottom: 10px; outline: none; width: 335px; height: 420px; overflow:hidden;}
.contentLink{width:70px; height:450px; position:absolute; z-index:10; top:0px; right:-70px;}
.contentLink div{width:70px; height:70px; display:table; background:#7dd2f7; margin-bottom:2px; cursor:pointer;}
.contentLink div:hover{background:#64a1b8;}
.contentLinkActive{background:#64a1b8 !important;}
.contentLink div font{display: table-cell; vertical-align: middle; text-align: center; font-family: "AvantGarde-Bold"; font-size:12px; color:#fff;}
.katGorsel{float:left; margin-left:70px; display:none;}
.dspBlck{display:block !important; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.planDetay{font-family: "AvantGarde-Regular"; color:#fff; font-size:13px;}
.planDetayBox{float:left; width:22px; height:22px; background:#d52309; margin:0 6px 0 0;}
.pbt1{width:18px; height:18px; background:#d52309; position:absolute; margin:90px 0 0 4px; cursor:pointer;}
.pbt1:hover{width:24px; height:24px; background:#d52309; position:absolute; margin:86px 0 0 0;}
.pbt1Act{width:24px; height:24px; background:#d52309; position:absolute; margin:86px 0 0 0;}
.pbt1Op{width:60px; height:66px; background:url("../../Images/renk1.png") repeat; position:absolute; margin:65px 0 0 67px; display:none;}
.pbt2{width:18px; height:18px; background:#e69b16; position:absolute; margin:148px 0 0 4px; cursor:pointer;}
.pbt2:hover{width:24px; height:24px; background:#e69b16; position:absolute; margin:144px 0 0 0;}
.pbt2Act{width:24px; height:24px; background:#e69b16; position:absolute; margin:144px 0 0 0;}
.pbt2Op{width:60px; height:53px; background:url("../../Images/renk2.png") repeat; position:absolute; margin:131px 0 0 67px; display:none;}
.pbt3{width:18px; height:18px; background:#e69b16; position:absolute; margin:223px 0 0 4px; cursor:pointer;}
.pbt3:hover{width:24px; height:24px; background:#e69b16; position:absolute; margin:219px 0 0 0;}
.pbt3Act{width:24px; height:24px; background:#e69b16; position:absolute; margin:219px 0 0 0;}
.pbt3Op{width:60px; height:53px; background:url("../../Images/renk2.png") repeat; position:absolute; margin:205px 0 0 67px; display:none;}
.pbt4{width:18px; height:18px; background:#e69b16; position:absolute; margin:289px 0 0 4px; cursor:pointer;}
.pbt4:hover{width:24px; height:24px; background:#e69b16; position:absolute; margin:285px 0 0 0;}
.pbt4Act{width:24px; height:24px; background:#e69b16; position:absolute; margin:285px 0 0 0;}
.pbt4Op{width:60px; height:38px; background:url("../../Images/renk2.png") repeat; position:absolute; margin:279px 0 0 67px; display:none;}
.pbt5{width:18px; height:18px; background:#7dd2f7; position:absolute; margin:112px 0 0 147px; cursor:pointer;}
.pbt5:hover{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:108px 0 0 143px;}
.pbt5Act{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:108px 0 0 143px;}
.pbt5Op{width:60px; height:23px; background:url("../../Images/renk3.png") repeat; position:absolute; margin:108px 0 0 67px; display:none;}
.pbt6{width:18px; height:18px; background:#7dd2f7; position:absolute; margin:185px 0 0 147px; cursor:pointer;}
.pbt6:hover{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:181px 0 0 143px;}
.pbt6Act{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:181px 0 0 143px;}
.pbt6Op{width:60px; height:23px; background:url("../../Images/renk3.png") repeat; position:absolute; margin:183px 0 0 67px; display:none;}
.pbt7{width:18px; height:18px; background:#7dd2f7; position:absolute; margin:258px 0 0 147px; cursor:pointer;}
.pbt7:hover{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:254px 0 0 143px;}
.pbt7Act{width:24px; height:24px; background:#7dd2f7; position:absolute; margin:254px 0 0 143px;}
.pbt7Op{width:60px; height:23px; background:url("../../Images/renk3.png") repeat; position:absolute; margin:256px 0 0 67px; display:none;}
.pbt8{width:18px; height:18px; background:#b70000; position:absolute; margin:52px 0 0 4px; cursor:pointer;}
.pbt8:hover{width:24px; height:24px; background:#b70000; position:absolute; margin:48px 0 0 0;}
.pbt8Act{width:24px; height:24px; background:#b70000; position:absolute; margin:48px 0 0 0;}
.pbt8Op{width:45px; height:7px; background:url("../../Images/renk4.png") repeat; position:absolute; margin:58px 0 0 67px; display:none;}
.pbt9{width:18px; height:18px; background:#b98275; position:absolute; margin:29px 0 0 4px; cursor:pointer;}
.pbt9:hover{width:24px; height:24px; background:#b98275; position:absolute; margin:25px 0 0 0;}
.pbt9Act{width:24px; height:24px; background:#b98275; position:absolute; margin:25px 0 0 0;}
.pbt9Op{width:52px; height:31px; background:url("../../Images/renk5.png") repeat; position:absolute; margin:27px 0 0 75px; display:none;}
.zon1,.zon2,.zon3{display:none;}
.zonBtn{position:absolute; width:80px; height:80px; margin:100px 0 0 -75px}
.zonKat1,.zonKat2,.zonKat3{float:left; width:80px; height:25px; margin:0 0 3px 0; text-align:center; background:#7dd2f7; font-family: "AvantGarde-Regular"; font-size:12px; color:#fff; cursor:pointer;}
.zonKat1:hover,.zonKat2:hover,.zonKat3:hover{background:#4bb3e0;}
.zonKatAct{background:#4bb3e0;}
.renk1{background:#e69b16;}
.renk2{background:#7dd2f7;}
.renk3{background:#c80000;}
.renk4{background:#b98275;}
.bazaKatPlanlari{display:none;}
.katPlanButon{position:absolute; right:0px; margin:0 20px 0 0;}
.katPlanButon div{float:left; text-align:center; padding:5px; margin:0 3px 0 0; background:#c9c9c9; font-family: "AvantGarde-Regular"; font-size:12px; color:#fff; cursor:pointer;}
.katPlanButon div:hover{background:#919191;}
.katPlanButonAct{background:#919191 !important;}
.planBuyut{position:absolute; padding:2px 6px 2px 6px; margin:-10px 0 0 400px; font-family: "AvantGarde-Regular"; font-size:13px; background:#828282; cursor:pointer}
.planBuyut:hover{background:#000;}

#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(fs_img_g_bg.png);}
#toolbar img{border:none;}
#img_title{position:fixed; z-index:3; left:10px; top:10px; padding:10px; background:url(fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; text-transform:uppercase;}
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{position:relative; z-index:3; width:32px; padding:20px; top:180px; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:40px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url(fs_img_g_bg.png);}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:#000 url(nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(prevImgBtn.png) center center no-repeat;}