@charset "utf-8";

/*
	Efe Tunçer
	http://efetuncer.com/
	August, 2013
*/

@font-face { font-family: "Segoe UI"; font-weight: 200; src: local("Segoe UI Light"); }
@font-face { font-family: "Segoe UI"; font-weight: 300; src: local("Segoe UI Semilight"); }
@font-face { font-family: "Segoe UI"; font-weight: 400; src: local("Segoe UI"); }
@font-face { font-family: "Segoe UI"; font-weight: 600; src: local("Segoe UI Semibold"); }
@font-face { font-family: "Segoe UI"; font-weight: 700; src: local("Segoe UI Bold"); }
@font-face { font-family: "Segoe UI"; font-style: italic; font-weight: 400; src: local("Segoe UI Italic"); }
@font-face { font-family: "Segoe UI"; font-style: italic; font-weight: 700; src: local("Segoe UI Bold Italic"); }

* { margin:0; padding:0; cursor:default; font-family:"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif; text-decoration:none; outline:none; }
body { height:100%; }
img { border:none; }
a, a * { cursor:pointer; }

::-webkit-input-placeholder { color:#aaa!important; font-size:12px!important; font-style:italic;  }
:-moz-placeholder { color:#aaa!important; font-size:12px!important; font-style:italic; }
:-ms-input-placeholder { color:#aaa!important; font-size:12px!important; font-style:italic; }

input[type='text'], textarea { width:240px; height:24px; border:1px solid; border-color:#e7e7e7; border-top-color:#acacac; font-size:12px; }
textarea { width:565px; height:48px; }
button { padding:0; border:none; outline:none; background:none; }
button > span { display:block; border:1px solid #777; border-radius:3px; }
button > span span { display:block; border:1px solid #fafafa; border-radius:3px; background:url(i/btn-n.png) center repeat-x; padding:3px 20px; font-size:12px; }
button:hover > span { border-color:#3c7fb1; }
button:hover > span > span { border-color:#f7fcfe; background-image:url(i/btn-h.png); }
button:active > span { border-color:#2c628b; }
button:active > span > span { border-color:#aac1ce; background-image:url(i/btn-a.png); }
a { font-size:14px; color:#00a3d9; }
a:hover { text-decoration:underline; color:#15c5ff; }

.ui-tooltip { font-size:12px; background:#d93600; color:#fff; border:none!important; }

._fc { clear:both; }
._mlra { margin-left:auto; margin-right:auto; }
._tsInset { text-shadow:#fff 1px 1px 1px; }
._noSel { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
._disNone { display:none; }
._wh100p { width:100%; height:100%; }
._op0 { opacity:0; -moz-opacity:0; -khtml-opacity:0; *zoom:1; filter:alpha(opacity=0); }
._tdu { text-decoration:underline; }

._trns02all { -moz-transition:.2s all; -webkit-transition:.2s all; -ms-transition:.2s all; -o-transition:.2s all; transition:.2s all; }
._trns03all { -moz-transition:.3s all; -webkit-transition:.3s all; -ms-transition:.3s all; -o-transition:.3s all; transition:.3s all; }
._trns05all { -moz-transition:.5s all; -webkit-transition:.5s all; -ms-transition:.5s all; -o-transition:.5s all; transition:.5s all; }

#colorbox, #colorbox * { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
#cboxLoadedContent { overflow:hidden!important; }

.cboxMsg { font-size:14px; color:#777; }
.cboxMsg .head { height:40px; background:#f5f5f5; position:relative; }
.cboxMsg .head .logo { width:175px; height:50px; background:url(i/logo-h50.png) no-repeat; position:absolute; top:7px; left:5px; }
.cboxMsg .cbInfo { padding:25px 20px 5px 20px; }

body { background:url(i/doc-bg.png) repeat #ccc; }
#dummy1 { width:100%; height:200px; position:absolute; left:0; top:0; background:#fff; }
#dummy2 { width:100%; height:auto; background:url(i/app-bg.png) center repeat-y; padding-bottom:30px; }
#app { width:980px; height:auto; margin:0 auto; }
#app-head { width:100%; height:160px; position:relative; }
#app-head .logo { width:255px; height:120px; position:absolute; top:25px; left:0; background:url(i/logo.png) no-repeat; }
#app-head .lbar { width:auto; height:auto; position:absolute; right:20px; top:50px; }
#app-head .lbar a { display:block; float:right; margin-left:15px; font-size:14px; color:#666; }
#app-head .lbar a:hover { color:#f60; text-decoration:none; }
#app-head .lbar a span { width:21px; display:inline-block; text-align:center; padding:2px 0; background:#666; font-family:Tahoma, Arial; font-size:8pt; font-weight:bold; color:#fff; margin:0 3px 0 0; }
#app-head .lbar a:hover span { background:#f60; }
#app-head .lbar a.a { color:#0059b2; cursor:default; }
#app-head .lbar a.a span { background:#0059b2; }
#app-head .mbar { width:700px; height:auto; position:absolute; right:15px; top:90px; text-align:right; z-index:2; }
#app-head .mbar > .i { width:auto; height:60px; display:inline-block; padding:0 12px; font-size:16px; color:#666; vertical-align:top; }
#app-head .mbar > .i:hover { color:#f60; text-decoration:none; }
#app-head .mbar > .i p.t { margin-top:10px; }
#app-head .mbar > .i p.i { font-size:11px; }
#app-head .mbar > .s { width:1px; height:60px; margin:0 8px; background:#ccc; display:inline-block; }
#app-head .mbar > .a { height:85px; background:#00a0e3; color:#fff; border-bottom:1px solid #fff; cursor:default; }
#app-head .mbar > .a:hover { color:#fff; }
#app-head .mbar > .a * { cursor:default; }
#app-head .mbar > div.a { height:60px; color:#f60; border:none; padding:0 36px 0 12px; background:url(i/pmenu-arrow-h.png) no-repeat right center; position:relative; overflow:hidden; }
#app-head .mbar > div.a:hover { color:#f60; }
#app-head .mbar > .m { padding:0 36px 0 12px; background:url(i/pmenu-arrow.png) no-repeat right center; position:relative; overflow:hidden; }
#app-head .mbar > .m:hover { background-image:url(i/pmenu-arrow-h.png); overflow:visible; }
#app-head .mbar > .m:hover .mc { opacity:1; top:59px; }
#app-head .mbar .mc { width:auto; height:auto; position:absolute; top:65px; right:10px; background:#fff; padding:20px 15px 15px 15px; box-shadow:0 0 5px #999; opacity:0; }
#app-head .mbar .mc a { display:block; padding:3px 7px; margin:3px 0; color:#999; font-size:13px; word-break:keep-all; white-space:nowrap; cursor:pointer; }
#app-head .mbar .mc a:hover { background:#00a0e3; color:#fff; text-decoration:none; }
#app-head .mbar .mc .a { background:#00a0e3; color:#fff; cursor:default; }
#app-head .mbar .mc .a:hover { cursor:default; }
#app-page { width:100%; height:auto; background:#eee; position:relative; z-index:1; border:1px solid #ddd; border-radius:6px; box-shadow:0 0 7px #bbb; }

#pgfx-ear { width:140px; height:514px; background:url(i/page-fx-ear.png) no-repeat; position:absolute; top:120px; right:-140px; z-index:0; }

#page-content { height:auto; }
.page { min-height:650px; }
.page > .title { font-size:40px; color:#00a0e3; font-weight:200; padding:30px 0 0 30px; }
.page > .cs > .c { float:left; }
.page > .cs > .c1 { width:680px; }
.page > .cs > .c2 { width:300px; }
div.ps { padding:0 0 0 30px; }
div.ps h3 { color:#00a0e3; font-size:18px; font-weight:600; border-bottom:1px dotted #ccc; padding-bottom:5px; }
div.ps p { line-height:28px; margin-bottom:15px; color:#666; font-size:16px; text-align:justify; }
div.ps strong { font-weight:600; color:#555; }

.pIdx { width:250px; background:#f5f5f5; margin:20px auto; padding:10px 0 30px 0; }
.pIdx .t { font-size:26px; color:#ff4000; font-weight:200; margin:0 10px 5px 10px; padding:5px; border-bottom:1px solid #ccc; }
.pIdx a { display:block; padding:5px 5px 5px 20px; font-size:16px; margin-top:2px; }
.pIdx a:visited { background:#eee; }
.pIdx .hsep { width:auto; height:1px; background:#e5e5e5; margin:3px 20px; }
.pIdx.stuck { position:fixed; margin-left:25px; top:30px; box-shadow:0 0 5px #ccc; }
.pIdx.stuck .ext { display:block; }

.page table { margin:0 0 40px 30px; border-collapse:separate; padding:3px; color:#666; width:96%; /*border:1px solid #ccc; border-radius:5px;*/ }
.page thead td { padding:8px 5px; border-bottom:2px solid #ccc; color:#00a0e3; font-weight:200; font-size:20px; background:#f5f5f5; }
.page tbody td { padding:5px; border-bottom:1px solid #ddd; }

#pgGiris .tagfx { width:260px; height:500px; background:url(i/tag0.png) no-repeat; position:absolute; right:30px; top:120px; }
.tgek { width:100%; height:auto; padding:20px 0; text-align:center; }
#pgUrn-Dokuma tbody td { font-size:14px; }
#pgUrn-Bez .itList { padding:0 0 0 30px; }
#pgUrn-Bez .st { font-size:20px; font-weight:200; color:#F60; margin:10px 0 15px 30px; border-bottom:1px dotted #ccc; padding-bottom:5px; display:block; clear:both; }
#pgUrn-Bez .itList > div { padding:5px 5px 10px 5px; background:#fff; float:left; width:193px; text-align:center; font-size:11px; color:#666; margin:0 0 10px 10px; border-radius:10px; border:1px solid #ddd; }
#pgUrn-Bez .itList > div:hover { box-shadow:0 0 5px #ccc;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 90%, #f5f5f5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#ffffff), color-stop(100%,#f5f5f5));
	background: -webkit-linear-gradient(top,  #ffffff 90%,#f5f5f5 100%);
	background: -o-linear-gradient(top,  #ffffff 90%,#f5f5f5 100%);
	background: -ms-linear-gradient(top,  #ffffff 90%,#f5f5f5 100%);
	background: linear-gradient(to bottom,  #ffffff 90%,#f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}
#pgUrn-Bez .vitList { padding:0 0 10px 30px; }
#pgUrn-Bez .itList > div .t { font-weight:600; color:#00a0e3; }
#pgUrn-Bez .vitList > div { position:relative; min-height:45px; background:#fff; margin:10px; padding:20px; }
#pgUrn-Bez .vitList > div:hover { box-shadow:0 0 5px #ccc; }
#pgUrn-Bez .vitList > div img { position:absolute; left:5px; top:5px; }
#pgUrn-Bez .vitList > div p { display:block; margin-left:100px; color:#666; font-size:14px; }
#pgUrn-Bez .vitList > div p strong { font-weight:600; color:#339; }
#pgIletisim .ps p { text-align:center; }
#pgIletisim .ps h3 { margin:20px 0 5px 0; clear:both; font-size:24px; }
#pgIletisim table.ci thead td { font-size:26px; text-align:center; color:#333; padding:10px 0; background:transparent; font-weight:200; }
#pgIletisim table.ci tbody td:first-child { width:200px; text-align:right; color:#339; }
#pgIletisim table.ci tbody tr:nth-child(even) { background:#f0f0f0; }
#pgIletisim table.ci tbody tr:hover { background:#fafafa; color:#000 }
#pgIletisim .ds .i { width:200px; height:auto; background:#aaa; float:left; margin:15px 8px; }
#pgIletisim .ds .i:hover { box-shadow:0 0 5px #999; }
#pgIletisim .ds .i:hover .t { background:#26c9ff; }
#pgIletisim .ds .i .t { font-size:18px; color:#fff; font-weight:200; background:#00a3d9; padding:5px 0; }
#pgIletisim .ds .i .c { font-size:26px; color:#fff; padding:10px; font-weight:200; text-shadow:1px 1px #888; }
#pgIletisim .ds .i .c span { font-size:11px; text-shadow:none; }
#pgIletisim .ds .i .l { color:#fff; padding:10px 0; border-top:2px solid #e5e5e5; }
#pgIletisim .ds .i .l:hover { background:#999; text-decoration:none; }
#pgIletisim .ds .i > * { text-align:center; display:block; }
#pgIletisim table.bi { margin:10px auto 10px auto; width:99%; font-size:13px; border:1px solid #ccc; border-radius:6px; }
#pgIletisim table.bi td[rowspan="6"] { font-size:16px; font-weight:200; color:#339; text-align:center; }
#pgIletisim table.bi td[rowspan="6"] span { font-size:20px; }
#pgIletisim table.bi td[colspan="2"] { font-size:14px; color:#339; background:#f5f5f5; }
#pgIletisim table.bi tbody tr:hover { background:#fafafa; color:#000 }
#pgIletisim table.bi thead td { font-size:20px; padding:10px; font-weight:500; border-top-left-radius:6px; border-top-right-radius:6px; }
#pgIletisim table.bi tfoot td { height:20px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; background:#f5f5f5; }
#pgIletisim .cf { width:626px; height:320px; position:relative; margin:10px auto; }
#pgIletisim .cf p { font-size:14px; position:absolute; color:#00a0e3; }
#pgIletisim .cf p span { font-size:12px; color:#999; }
#pgIletisim .cf input, #pgIletisim .cf textarea { font-size:14px; position:absolute; background:#e0e0e0; width:300px; border:1px solid #ccc; }
#pgIletisim .cf input:hover, #pgIletisim .cf textarea:hover { border-color:#f5f5f5; }
#pgIletisim .cf input:focus, #pgIletisim .cf textarea:focus { background:#fff; border-color:#73dcff; box-shadow:0 0 5px #73dcff; }
#pgIletisim .cf button { font-size:14px; position:absolute; }
#pgIletisim .cf #lblName { top:0; left:0; }
#pgIletisim .cf #lblFirm { top:60px; left:0; }
#pgIletisim .cf #lblMail { top:0; left:320px; }
#pgIletisim .cf #lblPhone { top:60px; left:320px; }
#pgIletisim .cf #lblText { top:120px; left:0; }
#pgIletisim .cf input[name="ffName"] { top:25px; left:0; }
#pgIletisim .cf input[name="ffFirm"] { top:85px; left:0; }
#pgIletisim .cf input[name="ffMail"] { top:25px; left:320px; }
#pgIletisim .cf input[name="ffPhone"] { top:85px; left:320px; }
#pgIletisim .cf textarea[name="ffText"] { top:145px; left:0; width:620px; height:100px; }
#pgIletisim .cf button[type="submit"] { width:120px; top:260px; left:315px; }
#pgIletisim .cf button[type="reset"] { width:120px; top:260px; left:185px; }
#pgIletisim #gmap { width:640px; height:320px; background:#ccc; border:1px solid #f5f5f5; margin:10px auto 30px auto; }


.page .imgs { width:auto; height:auto; margin:20px 0 0 30px; text-align:center;  }
.page .imgs a { width:190px; display:block; padding:5px; border:1px solid #ccc; border-radius:6px; margin:5px; float:left; }
.page .imgs a:hover { background:#fff; box-shadow:0 0 8px #fff; }
.page .imgs a img { display:block; width:100%; height:auto; }

.hr { width:98%; height:5px; position:relative; margin:15px auto; }
.hr > .l { width:5px; height:100%; background:url(i/page-hdiv-l.png); position:absolute; left:0; top:0; }
.hr > .m { width:auto; height:100%; background:url(i/page-hdiv-m.png) repeat-x; margin:0 5px; }
.hr > .r { width:5px; height:100%; background:url(i/page-hdiv-r.png); position:absolute; right:0; top:0; }

#app-foot { width:960px; height:auto; margin:0 auto; background:url(i/foot-fx.png) no-repeat center top; position:relative; }
.dummy2 { height:110px; }
#app-foot .cs { width:100%; height:100px; position:relative; }
#app-foot .cs > .c { height:100%; float:left; position:relative; font-size:14px; color:#555; }
#app-foot .cs > .c p { line-height:18px; margin-left:30px; }
#app-foot .cs > .c p.t { color:#00a0e3; font-weight:600; text-decoration:underline; margin-top:3px; margin-bottom:5px; }
#app-foot .cs > .c p.t ~ p.t { margin-top:10px; }
#app-foot .cs > .s { width:1px; height:100%; background:#ccc; float:left; }
#app-foot .cs > .c1 { width:160px; }
#app-foot .cs > .c2 { width:195px; }
#app-foot .cs > .c3 { width:195px; }
#app-foot .cs > .c4 { width:195px; }
#app-foot .cs > .c5 { width:211px; }
#app-foot .cr { padding:10px 10px 20px 10px; margin-top:20px; font-size:14px; font-weight:200; border-top:1px solid #ccc; }
#app-foot .cs > .c1 a { width:106px; height:50px; background:url(i/logo-footer.png) no-repeat; position:absolute; left:20px; top:30px; }
#app-foot .cs > .c2 span { font-weight:600; }
#app-foot .cs > .c5 a { display:block; margin:3px 0 0 30px; }
#app-foot .cs > .c5 .sh { width:80%; height:1px; margin:10px auto; background:#ccc; }



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


/* End: Recommended Isotope styles */