body {
	background:#F7F7F7;
	margin:0px;
	padding:0px;
	color:#0C0D0D;
	font-size:14px;
	font-family: 'Titillium Web', sans-serif;
}

a {
	text-decoration:none;
	color:#5D6464;
}

.wrap {
	width:1020px;
	height:auto;
	margin:0 auto;
	height:0 auto;
	color:#494949;
}

.temizle {
	clear:both;
}

.image_left3 {
	width:80px;
	height:60px;
	float: left;
	padding: 0px;
	margin: 0px 30px 0px 0px;
}

h2 {
	color: #5c7c70;
	font-size: 19px;
	line-height: 22px;
	font-weight:500;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 20px;
	position: relative;
}

h2:after {
  position: absolute;
  content: '';
  width: 40px;
  height: 2px;
  background: #5b83a4;
  bottom: -1px;
  left: 0;
}

#topbar {
	background:#f0efef;
	width:100%;
	height:30px;
}

#tel {
	float:right;
	width:180px;
	height:30px;
	padding-top:3px;
}

#tel span {
	font-size:17px;
	font-weight:bold;
	color:#74aca3;
	margin-left:10px;
}

#header {
	background:url(../images/header-bg.png) top center no-repeat;
	width:100%;
	height:90px;
	z-index:10000;
	position:absolute;
}

#logo {
	float:left;
	width:230px;
	height:100px;
	margin-top:-20px;
	text-align:center;
	z-index:1000000;
}


/* Firma Profili */
#kurumsal {
  width: 100%;
  height: 232px;
  margin: 0;
  padding: 0;
  margin-bottom: 50px;
  float: left;

}
	#kurumsal img{
	height:195px;
	padding:5px 10px 0 0px;
	margin:0 5px 6px 0px;
	}

	#kurumsal p{
	line-height: 30px;
	}



/* Foto Galeri */
#galeri {
	  float: left;
	  width: 100%;
	  height: 285px;
}

	/*** Foto Galeri Saysı ***/
    .albumBG{
    float:left;
    width:205px;
    height:200px;
    margin:0 40px 25px 0px;
    padding:7px 0 0 7px;
    border:1px solid rgb(214, 214, 215);
    }
    .albumBG img{
    width:194px;
    height:140px;
    }
    .albumBG p{
    margin:12px 0 0 0px;  
    font-size:15px;          
    }

.box {
	border: 1px solid #fff;
	cursor: pointer;
	height: 170px;
	float: left;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 198px;
}

.box img {
	position: absolute;
	height:170px;
	width: 198px;

}

.box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
}

.box .fade-caption {
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: center center;
	padding: 40px 0px 0px 90px;
}

.box:hover .fade-caption{
	opacity: 1;
}


#hizmetler {
	float:left;
	width:100%;
	margin-bottom:22px;
}

#hizmetler #hizmet:nth-of-type(4n+4) {
	margin-right:0px;
}

#hizmet {
	float:left;
	width:230px;
	height:125px;
	margin: 0 33px 50px 0px;
}

	#hizmet #hizmetBaslik {
	   background: rgba(58,85,119,0.9);
	  float: left;
	  width: 220px;
	  height: 30px;
	  padding: 6px 0 0 10px;
	  color: #fff;
	  font-size: 15px;
	  margin: -35px 0 0 0;
	  z-index: 10000;
	  position: relative;
	  border-bottom: 5px solid #5283B1;

	}

	#hizmet img{
	width: 230px;
  	height: 130px;
	}


	#hizmetGit {
	position:absolute;
	width:30px;
	height:20px;
	right:8px;
	}

		#hizmetGit img{
		width:auto;
		height:auto;
		}





/* Haberler */
.haber {
	float:right;
	width:350px;
}

.haber ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style:none;
}
.haber li {
	width:350px;
	float: left;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 18px 0px;
	border-bottom: 1px dashed #e8e8e8;
}
.haber li.last {
	margin: 0px 0px 0px 0px;
	border-bottom: none;
}
.haber li a img:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8; 
	opacity: 0.8;
}

.haber li h5 {
	margin-bottom: 0px;
	margin-top: -5px;
	padding:0px;
}
.haber li h5 a {
	color: #027ecf;
	font-weight: 600;
	padding:0px;
	margin:0px;
}
.haber li h5 a:hover {
	color: #2f3132;
}

.haber li p {
	line-height:15px;
}

/* Sayfa Başlık*/

#sayfabaslik {
	float:right;
	width:990px;
	height:33px;
	background:url(../images/sayfabaslik.png) no-repeat;
	margin-top:44px;
	margin-bottom:30px;
	border-radius:0px 0px 15px 15px;
}

.sayfaDetay{
min-height:300px;
}

/* İletişim Formu */
.form-padding{padding:0 30px 0 0; float:left; width:600px;}
.form1 {width:250px; float:left;}
.form2 {width:250px; float:right; margin-top:-162px;}
label {color:#368ccc;font-size:13px;display:block;padding-bottom:8px;}
.form-text,textarea{width:100%;margin-right:50px;padding:10px;display:block;color:#aaa2a2;border:1px solid #cfcfcf; border-radius:1px; margin-bottom:20px;}
textarea{width:100%}

/* Buton */
.button{color:#fff;display:inline-block;text-decoration:none;margin-bottom:22px}
	.button.large{font-size:18px;padding:12px 23px;float:left}
	.button.under-page{font-size:18px;padding:10px 0;width:100%;display:block}
	.button.medium{font-size:16px;padding:10px 20px}
	.button.small{font-size:13px;padding:8px 21px}
	.button.blue{background:#368ccc}
	.button.blue:hover{background:#3481ba}
	.button.gray{background:#5f6061}
	.button.gray:hover{background:#4e4f50}
	.button.red{background:#4c4c4c}	
	.button.red:hover{background:#313131}

/* İletişim Bilgileri */
.card{padding-bottom:30px}
.contact-line{padding:10px 25px;display:block;color:#333;border-bottom:1px dotted #c5bcbc}	
	.c1{background:url(../images/c1.png) no-repeat 5px 12px}
	.c2{background:url(../images/c2.png) no-repeat 5px 12px}
	.c3{background:url(../images/c3.png) no-repeat 4px 15px}
	.c3 a{text-decoration:none;}
	.c3 a:hover{text-decoration:none;}

#iletisimsag {width:330px;float:right; margin-top:-183px;}



/* Kategori Menü */
#kategoriler {
	float:left;
	width:195px;
}

#katmenu,
#katmenu ul,
#katmenu ul li,
#katmenu ul ul {
  width:190px;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  background:#e8e8e8;
  float:left;
  position:relative;
}
#katmenu ul {
  position: relative;
  z-index: 597;
  float: left;
}
#katmenu ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
}
#katmenu ul li.hover,
#katmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#katmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 100%;
  z-index: 598;
  width: 100%;
}
#katmenu ul ul li {
  float: none;
}
#katmenu ul ul ul {
  left: 99%;
}
#katmenu ul li:hover > ul {
  visibility: visible;
}
#katmenu ul li {
  float: none;
}
#katmenu ul ul li {
  font-weight: normal;
}
/* Custom CSS Styles */
#katmenu {
  font-size: 14px;
  width: 190px;
}
#katmenu ul a,
#katmenu ul a:link,
#katmenu ul a:visited {
  display: block;
  color: #848889;
  text-decoration: none;
  font-weight: 300;
  border-bottom: 1px solid #eeeeee;

}
#katmenu > ul {
  float: none;
}
#katmenu ul {
  background: #fff;
}
#katmenu > ul > li {
  border-left: 3px solid #0e7cb3;
}
#katmenu > ul > li > a {
  padding: 10px 20px;
}
#katmenu > ul > li:hover {
  border-left: 3px solid #3dbd99;
}
#katmenu ul li:hover > a {
  color: #3dbd99;
}
#katmenu > ul > li:hover {
  background: #f6f6f6;
}
/* Sub Menu */
#katmenu ul ul a:link,
#katmenu ul ul a:visited {
  font-weight: 400;
  font-size: 12px;
}
#katmenu ul ul {
  width: 190px;
  background: none;
  border-left: 15px solid #264d6e;
}
#katmenu ul ul a {
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
}
#katmenuu ul ul li {
  padding: 0 10px;
  background: #fff;
}

.katbaslik {
	background:#343434;
	width:170px;
	padding:15px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}


/* Foto Galeri */

#fotogaleri {
	margin-bottom:30px;
}

   .box {
		border: 2px solid #fff;
		cursor: pointer;
		height: 170px;
		float: left;
		margin: 0px;
		position: relative;
		overflow: hidden;
		width: 190px;
		}

		.box img {
			position: absolute;
			
			width: 190px;
			height:170px;

		}

		.box .caption {
			background-color: rgba(0,0,0,0.8);
			position: absolute;
			color: #fff;
			z-index: 100;
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				-ms-transition: all 300ms ease-out;	
				transition: all 300ms ease-out;
			left: 0;
		}

		.box .fade-caption {
			opacity: 0;
			width: 190px;
			height: 170px;
			text-align: center center;
			padding: 50px 0px 0px 85px;
		}

		.box:hover .fade-caption{
			opacity: 1;
		}






/* footer */
footer.footer{ width: 100%;  height: 200px; margin:0;} 
footer.footer .wrapper{ width:100%; height: 200px; margin: 0px auto; overflow:hidden; background: url(../images/footer.png) repeat-x; border-top: 3px solid #1D4767; padding-top:20px;}
footer.footer .wrapper .f-left{ width: 250px; height: 150px; float: left; background: url(../images/f-left.png) right top no-repeat;}
footer.footer .wrapper .f-left .f-logo{ width: 170px;  float: left; margin: 15px 0 0 0; }

.socialArea{ float: left; margin: 20px 0 0 20px; width: 100%;}
.social-network { display:inline-block; background: url(../images/social.png) no-repeat top left; background-position-y: 0; 
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;                                             
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease;
transition:all 0.2s ease;
cursor:pointer; border:0px !important; margin-right:15px;
}


/* Normal */
.social-network.facebook{ background-position: 0px 0px; width: 7px; height: 16px; float: left;}
.social-network.twitter{ background-position: -23px 0px; width: 18px; height: 15px; float: left;}
.social-network.pinterest{ background-position: -56px 0px; width: 12px; height: 15px; float: left;}
.social-network.google{ background-position: -83px 0px; width: 18px; height: 15px; float: left;}
.social-network.youtube{ background-position: -116px 0px; width: 38px; height: 15px; float: left;}
.social-network.linked{ background-position: -168px 0px; width: 16px; height: 15px; float: left;}
.social-network.rss{ background-position: -199px 0px; width: 14px; height: 15px; float: left;}

/* Mouseovers */
.social-network.facebook:hover,.active .social-network.facebook{ background-position: 0px -24px;}
.social-network.twitter:hover,.active .social-network.twitter{ background-position: -23px -24px}
.social-network.pinterest:hover,.active .social-network.pinterest{ background-position: -56px -24px;}
.social-network.google:hover,.active .social-network.google{ background-position: -83px -24px}
.social-network.youtube:hover,.active .social-network.youtube{ background-position: -116px -24px}
.social-network.linked:hover,.active .social-network.linked{ background-position: -168px -24px}
.social-network.rss:hover,.active .social-network.rss{ background-position: -199px -24px}


footer.footer .wrapper ul{ width: 200px; height: 149px; float: left; list-style:none; margin: 0 0px 0 0px;}
footer.footer .wrapper ul h1{ float: left; font-size: 14px; color: #607b71; height: 20px; line-height: 20px; margin: 10px 0 5px 0;}
footer.footer .wrapper ul li a{ float: left; font-size: 13px; color: #000; height: 20px; margin: 8px 0 0 0; width: 100%; font-weight: 400;}
footer.footer .wrapper ul li .tel{ height: 15px; line-height: 20px; float: left; font-size: 13px; color: #000; margin: 5px 0 0 0; width: 100%; font-weight: 400; background: url(../images/ftel.png) left center no-repeat; padding: 0 0 0 30px;}
footer.footer .wrapper ul li .mail{height: 15px; line-height: 20px; float: left; font-size: 13px; color: #000; margin: 5px 0 0 0; width: 100%; font-weight: 400; background: url(../images/mail.png) left center no-repeat; padding: 0 0 0 30px;}
footer.footer .wrapper ul li .gsm{ height: 15px; line-height: 20px; float: left; font-size: 13px; color: #000; margin: 5px 0 0 0; width: 100%; font-weight: 400; background: url(../images/gsm.png) left center no-repeat; padding: 0 0 0 30px;}
footer.footer .wrapper ul p {margin-top:40px; font-size:14px;}
footer.footer .wrapper .ftext{ float: left; width:1020px; margin:20px 0 0 0; font-size: 13px;  color: #514a62; position: relative;}


.harita{
width:1020px;
height:350px;
margin:0 0 60px 0;
}
.harita iframe{
width:1020px;
height:350px;
}


#design{ width:90px; height:28px; padding:5px; background:#eee; position:fixed; z-index:1000; bottom:5px; right:0; border-radius:5px 0 0 5px;}
#design a img{ border:none; width:85px; height:auto;}