@charset "utf-8";
/* CSS Document */

@import url('reset.css');
@import url('font.css');
@import url('slider.css');


body {background:url("/images/fotolar-bg.png"); }

/* Header */
header {background: url("../images/header_bg.png") repeat-x; height: 95px; z-index: 999; position: fixed; width: 100%;}

#nav { margin:auto; width:1000px; height:80px; position:relative;}

#logo { position:absolute; width:158px; height:70px; top:5px; left:120px;}
#yazicioglulogo { position:absolute; width:106px; height:82px;  left:0px; }

#nav ul {width:800px; height:60px; float:right; margin-top:7px; text-align:right;}

#nav ul li {float:right; position:relative;}
#nav ul li a{padding:25px 10px 25px 10px;  margin-right:10px; display:block; font-family: 'dax_medium_trmedium'; color:#fff; text-decoration:none; font-size:18px;

 -o-transition:.7s;
  -ms-transition:.7s;
  -moz-transition:.7s;
  -webkit-transition:.7s;
  transition:.7s;
  text-decoration:none;

}

#nav ul li a:hover{ background-color:#fff; color:#2e3237;  transition: visibility 0s 2s, opacity 2s linear;}
#nav ul li a.aktif{ border-bottom:10px solid #f68618;}



/* header */

#nav li > ul {
	position: absolute;
	background:rgba(223, 174, 123, 14);
	width: 210px;
	height:auto;
	visibility:hidden;
	opacity: 0;
	z-index: 9999999 !important;
	display: none;
	left: 0px;
	-webkit-transition: visibility 0s, opacity 0.2s;
	-moz-transition: visibility 0s, opacity 0.2s;
	transition: visibility 0s, opacity 0.2s;
	margin-top:-3px;
}

#nav li:hover > ul { visibility: visible; opacity: 1; display: block; padding-top:20px; padding-bottom:10px; }

#nav li > ul li { display: block; width: 100%; margin-left: 0px; }

#nav li > ul li a { 
	display: block; 
	color: #3a3f45s;
	text-transform: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-size:16px;
	padding:10px;
	text-align:left;
	margin-left:10px; 
}

#nav ul ul > li > a {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

#nav li:hover > a { 
	background:rgba(223, 174, 123, 14); 
	color: #fff	; 
	box-shadow: none; 
}

#nav ul ul > li:hover > a { background: #3a3f45s; color: #3a3f45s; box-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.1);  }


.header_bird_1 { background-image:url(../images/birds.png); width:123px; height:70px; position:absolute;}

/* header */

/* footer */

#footer_nv { background-image:url(../img/footer-bg.png); repeat-x; height: 85px; z-index: 999;  width: 100%;}

#footer_nv #nav { margin:auto; width:1000px; height:80px; position:relative; right:0px;}

#footer_nv #logo { position:absolute; width:158px; height:70px; top:8px; left:0px;}

#footer_nv #nav ul {width:800px; height:60px; float:right; margin-top:-63px; text-align:right;}

#footer_nv #nav ul li {float:right; }
#footer_nv #nav ul li a{padding:25px 10px 25px 10px;  margin-right:10px; display:block; font-family: 'dax_medium_trmedium'; color:#FFF; text-decoration:none; font-size:18px;}

#footer_nv #nav ul li a:hover{ background-color:#dfae7b; color:#272727;}

footer {
	margin: auto;
	width: 100%;
	background-color: #fff;
	background-image: url(../img/footer-bg2.png);
	background-position:center;
}

#footer_ic { margin:auto; width:1200px; height:350px; position:relative; margin-top:30px; }

/* footer */

.bird_2 { background-image:url(../images/birds_2.png); width:100px; height:57px; position:absolute;}

.bird_3 { background-image:url(../images/birds_3.png); width:83px; height:64px; position:absolute;}

.bird_4 { background-image:url(../images/birds_4.png); width:83px; height:64px; position:absolute;}

#page_container { margin:auto; width:1000px; height:1500px; padding-top:40px; position:relative;}

.title_line { background-image:url(../images/title_line_bg.png); height:45px; width:100%;  }

.title_line_ic {background-color:rgba(30, 45, 65, 1); margin:auto; padding:10px; text-align:center; border-right:15px solid #FFF; border-left:15px solid #FFF; font-family: 'dax_medium_trmedium'; color: #FFF; font-size:25px; }

.title_line_2 { height:32px; width:100%; font-family: 'dax_light_trlight'; text-align:center; float:left; font-size:20px; margin-top:20px;}

#ayricaliklar { width:1000px; float:left; height:288px;  margin-top:20px;margin-left: -24px;}

#ayricaliklar_box {float:left; width:200px; height:210px; margin-right:30px; margin-left:64px;}
#ayricaliklar_foto img { width:330px; height:210px;}
#ayricaliklar_foto {float:left; width:330px; height:210px;}
#ayricaliklar_title {float:left; width:330px; height:50px; background-color:#none; text-align:center; padding-top:10px; font-family: 'dax_medium_trmedium'; color:#414141; font-size:18px;}

.bwWrapper {
    position:relative;
    display:block;
}


#katalog { position:absolute; width:641px; height:300px; top:30px;}

/* footer 
#proje_talep {
	position:absolute; width:399px; height:86px; background-image: url(../images/proje_talep.png); right:40px; top:50px;}

	*/
	
#footer_adres {position:absolute; width:399px; height:86px; right:10px; top:130px; 
font-family: 'dax_light_trlight'; font-size:18px; color:#2d2d2d;}

#footer_telefon {position:absolute; width:399px; height:86px; right:10px; top:180px; 
font-family: 'dax_light_trlight'; font-size:25px; color:#2d2d2d;}

#footer_gsm1 {position:absolute; width:399px; height:86px; right:50px; top:276px; 
font-family: 'dax_light_trlight'; font-size:25px; color:#2d2d2d;}


#footer_mail {
	position: absolute;
	width: 399px;
	height: 30px;
	right: 10px;
	top: 238px;
	font-family: 'dax_light_trlight';
	font-size: 19px;
	color: #2d2d2d;
}

#footer_mail a { color:#2d2d2d; text-decoration:none;}
#footer_mail a:hover { text-decoration:underline;}

#footer_copyright {
	position: absolute;
	width: 399px;
	height: 30px;
	right: 120px;
	top: 330px;
	font-family: 'dax_light_trlight';
	font-size: 13px;
	color: #CCC;
	line-height:20px;
	text-align:center;
}

#bizi_takip_edin {
	position: absolute;
	width: 174px;
	height: 86px;
	right: 130px;
	top: 351px;
	font-family: 'dax_medium_trmedium';
	font-size: 22px;
	color: #FFF;
}

.mapmarker {color: #FFF; position: absolute; left: 753px; width: 3px; top: 130px;}
.phone {color: #FFF; position: absolute; left: 753px; width: 3px; top: 185px;}
.envelope {color: #FFF; position: absolute; left: 750px; width: 3px; top: 235px;}



.ft_facebook {
	background: url('../images/sosyalmedya.png') no-repeat -20px -64px;
	width: 12px;
	height: 22px;
	position: absolute;
	display: block;
	left: 1080px;
	top: 0px;
-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	
	transition: .5s;
}


.ft_facebook:hover {
	background: url('../images/sosyalmedya.png') no-repeat -20px -19px;
	width: 12px;
	height: 22px;

}

.ft_twitter {
	background: url('../images/sosyalmedya.png') no-repeat -54px -65px;
	width: 22px;
	height: 19px;
	position: absolute;
	display: block;
	left: 1114px;
	top: 0px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	/* ...and now for the proper property */
	transition: .5s;
}

.ft_twitter:hover {
	background: url('../images/sosyalmedya.png') no-repeat -54px -20px;
	width: 22px;
	height: 19px;
}

.ft_rss {
	background: url('../images/sosyalmedya.png') no-repeat -96px -65px;
	width: 20px;
	height: 21px;
	position: absolute;
	display: block;
	left: 1124px;
	top: 347px;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	
	transition: .5s;
	
}

.ft_rss:hover {
	background: url('../images/sosyalmedya.png') no-repeat -96px -20px;
	width: 20px;
	height: 21px;
}

.projetalep { position:absolute; width:230px; height:100px; display:block; left:160px;}


#ontalep_formu {
	width:350px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:verdana;
	color:#000;
	font-size:11px;	
	background-repeat:repeat-x;
	padding:20px;
   }

.textfield {padding:5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border:1px solid #CCC; width:174px; background-image:url(../images/bg_grey.html); font-family: "verdana", Times, serif;}

#textarea {padding:5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; border:1px solid #CCC; background-image:url(../images/bg_grey.html);  font-family:verdana; width:338px;}	

#button {padding:10px; border:1px solid #CCC; background-image:url(../images/bg_grey.html); -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-top:20px; }

.jcarousel ul li img {
	transition: opacity .5s ease-out; /*opacity decreases smoothly*/
}

.jcarousel ul li img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
transition: opacity .1s ease-out; /*opacity decreases smoothly*/}

.overlay {text-align: center; width: 100%; height:100%; background: rgba(40,31,22,0.5); position: absolute;top: 0px; left:0px; display: none; background-image:url(../images/zoom.png); background-position:center; background-repeat:no-repeat; animation: myfirst 5s;}
.item .overlay a {display:block; width:100%; height:100%;}

#pixelart { position:absolute; width:50px; height:50px; top:400px;}

.scrollup{

	color:#FFF;
	display:block;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
    position:fixed;
    bottom:50px;
    right:40px;
    display:none;
	background-color:#f68618;
}

#page_container_detail {margin:auto; width:1000px; height:auto; padding-bottom:57px; padding-top:40px; position:relative; font-family:arial; font-size:13px; line-height:22px; color:#333; overflow:hidden; }

.f20 { font-size:15px; font-family: 'dax_medium_trmedium';}

#detay_header { width:100%; height:185px; background-color: rgba(255, 118, 69, 1); background-position:top; background-repeat:no-repeat;}

#map { width:1000px; margin:auto; height:330px; border:1px solid #CCC; margin-top:20px;

}

#detay_header_ic { margin:auto; width:1000px; height:230px; }

#detay_title { position:absolute;  font-family: 'dax_light_trlight'; font-size:40px; top:120px; color:#FFF; }
#detay_title span {font-family: 'dax_medium_trmedium'; }


#page_left { float:left; width:700px; height:auto; margin-top:20px; }
#page_right {float:left; width:290px; height:auto; margin-top:20px;}

#page_left .title {font-family: 'dax_medium_trmedium'; font-size:25px;}

#page_left .title span { border-bottom:4px solid #f68618; padding-bottom:5px;}

#page_right .title {font-family: 'dax_medium_trmedium'; font-size:25px;}

#page_right .title span { border-bottom:4px solid #f68618; padding-bottom:5px;}


#page_left_2{ float:left; width:500px; height:auto; margin-top:20px; }
#page_right_2 {float:left; width:430px; height:auto; margin-top:20px; margin-left:65px;}

#page_left_2 .title {font-family: 'dax_medium_trmedium'; font-size:25px;}

#page_left_2 .title span { border-bottom:4px solid #d91b5c; padding-bottom:5px;}

#page_right_2 .title {font-family: 'dax_medium_trmedium'; font-size:25px; text-align:right;}

#page_right_2 .title span { border-bottom:4px solid #d91b5c; padding-bottom:5px;}

.iletisim_textfield { padding:10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; font-family:verdana; border:1px dotted #CCC; width:350px;}

.iletisim_button { background-color:#F68618; color:#FFF; font-family: 'dax_medium_trmedium'; font-size:20px; border:0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; padding:10px;}

#basic-modal-content {display:none; font-family: "Ubuntu Regular", sans-serif; color:#333; }

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:200px; width:500px; color:#bbb; background-color:#FFF;  padding:12px; border:2px solid #CCC;
font-family: "Ubuntu Regular", sans-serif;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65b43d; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#003;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.html) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

.basin_box {float:right; width:180px; height:140px; border:1px solid #CCC; margin-top:30px; margin-left:32px; position:relative;}

.basin_box img { width:100%; height:100%;}
.basin_box .overlay a {display:block; width:100%; height:100%;}

.light {font-family: 'dax_light_trlight';}

.plandivbox {float:left; width:auto; height:auto; margin-right:15px; margin-left:15px; margin-bottom:20px;  padding:5px;}
.plandivbox img { width:120px; height:50px;}
.plandivbox img:hover {
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
transition: opacity .1s ease-out; /*opacity decreases smoothly*/}

.yazicioglu_logo { position:absolute;  display:block; background-image:url(../images/yazicioglu_logo.png); width:59px; height:45px;

right:170px; top:335px;}

@import url('demo.css');





/* yeni kod eklemeeeeeeeeess */

/* Entypo Icon Font */
@font-face {
  font-family: 'entypo-selected';
  src: url("../font/entypo-selected.eot");
  src: 
	  url("../font/entypo-selected.eot?#iefix") format('embedded-opentype'), 
	  url("../font/entypo-selected.woff") format('woff'), 
	  url("../font/entypo-selected.ttf") format('truetype'), 
	  url("../font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Gamma Gallery Style */

.gamma-container {
	min-height: 200px;
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 4px;
}

.gamma-gallery li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.gamma-description {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}
 
.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: 'entypo-selected';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 9999;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {
	content: '\e75d';
}

.gamma-nav span.gamma-next:before {
	content: '\e75e';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(../images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(../images/loader_dark.gif) no-repeat center center;
}


/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

}

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

	.gamma-buttons {
		float: left;
		clear: both;
	}

}