@charset "utf-8";
/* CSS Document */
body div{

}
@font-face {
	font-family: 'GothamNarrow-Book';
	src: url('../fonts/book/gothamnarrowbook.eot');
	src: url('../fonts/book/gothamnarrowbook.eot?#iefix') format('embedded-opentype'),
	url('../fonts/book/gothamnarrowbook.woff') format('woff'),
	url('../fonts/book/gothamnarrowbook.ttf') format('truetype'),
	url('../fonts/book/gothamnarrowbook.svg#gothamnarrowbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GothamNarrow-Bold';
	src: url('../fonts/bold/gothamnarrowbold.eot');
	src: url('../fonts/bold/gothamnarrowbold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/bold/gothamnarrowbold.woff') format('woff'),
	url('../fonts/bold/gothamnarrowbold.ttf') format('truetype'),
	url('../fonts/bold/gothamnarrowbold.svg#gothamnarrowbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GothamNarrow-Medium';
	src: url('../fonts/medium/gotham-medium.eot');
	src: url('../fonts/medium/gotham-medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/medium/gotham-medium.woff') format('woff'),
	url('../fonts/bold/gotham-medium.ttf') format('truetype'),
	url('../fonts/medium/gotham-medium.svg#gotham-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}


body { 
	background:#B0F3FF ;
	font-family: 'Arial';

}
.fl{ float: left;}
.fr{ float: right;}
.cl { clear:left;}
.cr { clear:right;}
.cb { clear:both;}

#main {}
.repeat {background:url(../img/bg-main-theme-repeat.jpg) repeat-x #58CFFA ;}
.hizmet-repeat {background:url(../img/hizmet-repeat.jpg) repeat-x #40C8FA ;}

.indexTheme {background: url(../img/bg-main-theme.jpg) top center no-repeat;}
.defaultTheme{background: url(../img/bg-main-detail.jpg) top center no-repeat; }
.neYaptik {background: url(../img/hizmetlerimiz_bg.jpg) top center no-repeat;}
.neYapariz {background: url(../img/hizmetlerimiz_bg.jpg) top center no-repeat;}

#mainDetail { background:url(../img/bg-in2.jpg) no-repeat top center ;}

#header { height:100px; background:url(../img/bg-header.png) top center no-repeat;position:relative;z-index:10;}
#header .left { width:223px; float:left;  margin: 15px 0 0 0;}
#header .right { width:750px; float:right; text-align:right; padding: 25px 0 0 0;}

#header2 { height:100px; background:url(../img/bg-header.png) top center no-repeat;position:absolute;z-index:10;width:100%; }
#header2 .box { position:relative;z-index:10;}
#header2 .left { width:223px; float:left;  margin: 15px 0 10px 0;}
#header2 .right { width:750px; float:right; text-align:right; padding: 25px 0 0 0;}

ul.menu {	list-style-type: none; margin:15px 0 0 0;	padding: 0px; float: right; overflow: hidden; font-family: 'GothamNarrow-Bold', arial, sans-serif ; font-weight: normal;width:100%;}
ul.menu li { height: 44px; float:left;   font-size: 15px;  line-height: 22px; }
ul.menu li a {color:#1d44a0; text-decoration: none;  }
ul.menu li a span {color:#1d44a0; text-decoration: none; padding: 0px 5px 0px; }

ul.menu li a:Hover {color: #fff; background: url(../img/hover-left.gif) no-repeat top left; padding:0px 0px 5px;  }
ul.menu li a span:Hover {color: #fff; background: url(../img/hover-right.gif) no-repeat top right;  padding: 0px 17px 5px; }


ul.menu li a.on {color: #fff; background: url(../img/hover-left.gif) no-repeat top left; padding:0px 0px 5px;  }
ul.menu li a span.on {color: #fff; background: url(../img/hover-right.gif) no-repeat top right;  padding: 0px 10px 5px; }



#footer { 

	min-height:100px;
	padding:0 0 0 0; 
	font-size:11px; 
	background: url(../img/bg-footer.png) left top repeat-x ; 
	color:#157ea3
}
#footer a { color:#157ea3;}
#footer .left { float:left; width:500px;}
#footer .right { float:right; width:350px; text-align:right;}
#footer .box {min-height:100px;background: url(../img/bg-box.png) top center repeat-x;padding-top:10px;}
.box { width:980px; margin:0 auto;}
.slider {
	width: 785px;
	overflow:hidden;
	left:-111px;
	top:-100px;
	z-index:1;
	height:530px;
	position:absolute;
}
.slider-wrapper {width: 745px;	height: 327px;}

#content { 
	min-height:640px;
	position:relative;
}
#content2 { 
	min-height:500px;
}

#content2  .box{ 
	padding-top:85px;
	position:relative;
	min-height:500px;
	top:-7px;
	left:0;
}
#content2 .leftCol2 { 
	min-height:300px;
	width:257px;
	float:left;
	z-index:99;
	top:410px;
	margin: 15px 0 0 0 ;
}
#content2 .rightCol2{ 
	min-height:540px;
	width:723px;
	background-color:#FFFFFF;
	z-index:10;
	float:right;
	margin: 15px 0 0 0;
}
textr:Hover{
	border: 2px solid red
}
#content2 .rightCol2 .icerik{ 
	padding:0 40px 20px 40px;
	font-size: 14px;
}
#content2 .rightCol2 .icerik p{ 
	margin-bottom:7px;
}
#content2 .rightCol2 .icerik h1{ 
	font-size:21px;
	border-bottom:1px dotted #78d7f7;
	color:#dd291b;
	padding:10px 0;
	margin:10px 0;
}
#content2 .hizmetler{
	position:relative;
	top:20px;
}
#content2 .hizmetler .hizmet{
	width:276px;
	float:left;
	height:228px;
	padding:30px 0 0 30px;
	background:url(../img/hizmet-bg.png) top center no-repeat;
}
#content2 .hizmetler .diger{
	padding:30px;
	color:#333;
}
#content2 .hizmetler .diger ul{
	padding-left:40px;
	}#content2 .hizmetler .diger ul li{
		list-style-image:url(../img/hizmet_li.png);
	}
	#content2 .hizmetler .diger a{
		font-size:13px;
		color:#333;
		}#content2 .hizmetler .diger a:hover{

			text-decoration:underline;
		}
		#content2 .hizmetler .diger h3{
			padding:10px 0;
		}
		#content2 .hizmetler .hizmet h2{
			width:190px;	
			font-size:11px;
			margin:15px 0;
			color:#0c6788;
		}
		#content2 .hizmetler .hizmet  a{
			width:190px;	
			font-size:11px;
			margin:15px 0;
			color:#0c6788;
		}
		#content .leftCol { 
			min-height:auto;
			min-width:200px;
			float:left;
			z-index:99;
			position:relative !important;
			top:410px;
		}
		#content .leftCol  a{ 
			color: #dd291b;
		}

		#content .leftCol .fr {
			position:absolute;
			right:6px;
			top:3px;

		}
		#content .leftCol .hizmetler {
			position:absolute;
			right:-243px;
			font-size:13px;
			top:45px;
			width:100%;
			height:auto;
		}
		#content .leftCol .hizmetler ul li {
			list-style-image:url(../img/hizmet_li.png)
		}
		#content .leftCol .hizmetler ul li a{
			color: #1D449F;
			font-size: 12px;
		}
		#content .leftCol .hizmetler ul li a:hover{
			color: #DD291A;
		}
		#content  .rightCol{ 

			width:330px;
			position:relative;
			z-index:10;
			float:right;
		}
		#content .right { 
			width:100%;
			position:relative;
			float:right;
			min-height:120px;
			margin-top:35px;
		}
		#content .right a{ 
			color: #dd291b;
		}
		#content .right  h3 > a{ 
			font-size:17px;
			color:#1d449f;
			font-family: 'GothamNarrow-Bold';
			font-weight: normal;
		}
		#content .right  h3 > a:hover{ 
			font-size:17px;
			color:#dd291b;
			font-family: 'GothamNarrow-Bold';
		}
		#content .right  div.fl a{ 
			background:url(../img/arrow.png) left top no-repeat;
			padding:0 7px;
			position:relative;
			z-index:9;
		}
		#content .right  div.fl a.lasta { 
			background-position: -14px 0;
		}
		#content .right  div.fl a.firsta:hover{ 
			background-position:0 -20px ;
		}
		#content .right  div.fl a.lasta:hover{ 
			background-position:-14px -20px;
		}
		#content .right  h2{ 
			font-size:17px;
			color:#dd291b;
		}
		#content .right  p{ 
			font-size:12px;
		}
		#content .right  .neden{ 
			position:absolute;
			top:-61px;
			left:-205px;
			width:auto;

		}
		#content .right  .neden h3{
			color:white;
		}
		p.pp{ padding:33px 0;}
		.neden  div.fdiv{ position:relative; }
		.neden div.fr{ left:-25px;top:57px; color:white !important;float:left;}
		.neden div.fr h3{ text-align:left;}
		#content .right .right-alt { 
			margin:0px 0px 6px 125px;
			width:187px;
			height:60px;	
		}
		.right-text{
			padding:8px 0;
		}		

		#content .box { position:relative;}







		.solMenu {margin:10px 0 0 20px; padding: 15px 0	0 0 ; width:200px; height: 400px;}
		.solMenuItem {margin: 0 0 0 10px; height:50px;}
		.solMenu .text h2 {	font-family: 'GothamNarrow-Bold'; width: 250px; line-height: 35px; font-weight: normal; }
		.solMenu .text h2 a {font-size:17px; color:#1d449f; }
		.solMenu .text h2 a:hover {font-size:17px; color:#FE0202; }
		.solMenu img {width: 35px; float: left; margin: 0 10px 0 0;}

		.solMenuItem ul {width: 200px; margin:30px 0 15px 15px; padding: 0;}
		.solMenuItem ul li { margin: 0 0 10px 0; list-style-image: url(../img/hizmet_li.png);}
		.solMenuItem ul li a {font-family: 'GothamNarrow-Bold', arial, sans-serif ; color: #1D449F; font-size: 13px; display: block;}
		.solMenuItem ul li a:hover , .solMenuItem ul li a.on {color: #DD291B;}

		.girinti {text-indent: 30px; line-height: 20px; font-family: 'Arial'; font-size: 13px;}

		.referansGrup {width: 980;  margin: 45px 0 70px 0; }
		.referans {width: 225px; height: 115px; float: left; background: url(../img/referans-bg.png) no-repeat; margin: 0 20px 20px 0 ;}
		.referans img {margin: 28px 0 0 24px;}
		.referansGrup h1 {font-size:21px; border-bottom:1px dotted #78d7f7;	color:#dd291b;	padding:10px 0;	margin:10px 0;}

		.referansGrup ul.hizmet li {float: left; width: 250px; height: 215px;  background: url(../img/hizmet-bg.png) -7px -7px no-repeat;}
		.referansGrup ul.hizmet li img {position: relative; top:20px; left: 20px; }
		.referansGrup ul.hizmet li img.btn {margin:-30px 0 0 150px;}
		.referansGrup ul.hizmet li.last {float: left; width: 220px; height: 250px;}
		.referansGrup h3 {position: relative; top:15px; font-family: 'GothamNarrow-Bold';  font-size: 14px; padding: 0 0 0 15px; text-align: center; color: #0c6788;}
		.referansGrup h2 {position: relative; top:-120px; width:200px; font-family: 'GothamNarrow-Bold';  font-size: 14px; padding: 0 0 0 15px; text-align: center;}
		.referansGrup ul.hizmet li a {color: #0c6788; text-decoration: none;  }

		.hizmet-btn {position:relative; width: 220px; height: 160px; background: url(../img/hizmet-btn.png) right bottom no-repeat; top:-120px; margin:-10px 0 0 0; z-index: 9999; display: block;}
		.hizmet-btn:hover {position:relative; width: 220px; height: 160px; background: url(../img/hizmet-btn-hover.png) right bottom no-repeat; top:-120px; margin:-10px 0 0 0px; z-index: 9999; }

		.icerik ul {  margin: 10px 0 10px 0; }
		.icerik ul li {list-style-image: url(../img/hizmet_li.png); margin: 0 0 7px 20px;}
		.icerik img { border-radius: 5px; margin: 0 15px 15px 15px; width:150px;}
		.icerik p {line-height: 20px;}
		.icerik h2 {font-size:17px; padding: 0 0 10px 0; color:#1d449f;	font-family: 'GothamNarrow-Bold';}

		.fancybtn  {width: 150px; height: 30px; background: url(../img/fancy-bg.gif); border-top-left-radius: 8px;  border-top-right-radius: 8px; float: right; margin: 15px 0 0 0; box-shadow: 2px 2px 2px #ccc; padding: 3px;}
		.fancybtn p {text-align: center; line-height: 30px; font-family: 'GothamNarrow-Bold'; font-size: 17px;}
		.fancybtn a {text-decoration: none; color: #fff;  display: block;}

		.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;	}

		.iso {width: 385px; margin: auto; padding: 0 0 20px; 0}

		.iletisimLeft {float: left; width: 300px; margin-top:15px;margin-left:100px;margin-bottom:15px }
		.iletisimLeft a {color: #1D449F; text-decoration: none;}
		.iletisimLeft1 {float: left; width: 300px; margin-top:15px;float:left;margin-bottom:15px }
		.iletisimLeft1 a {color: #1D449F; text-decoration: none;}
		.iletisimRight {float: right; width: 300px; margin: 0 0 20px 0}
		.iletisimRight .kutu {width: 190px; height: 22px; margin: 0 0 5px 0; padding: 3px; border: 1px solid #D6D6D6; background: #FAFEFF; border-radius: 3px; font-size: 12px; font-family: 'Calibri'; }
		.iletisimRight .area {width: 300px; height: 80px; margin: 0 0 15px 0; padding: 3px; border: 1px solid #D6D6D6; border-radius: 3px; background: #FAFEFF; font-size: 12px; font-family: 'Calibri'; }
		.iletisimRight .btn  {border-radius: 3px; }
		.iletisimRight p {font-size: 12px; font-family: 'Calibri'; color: #999; float: right; }



		#content3 { 
			min-height:500px;
			background:url(../img/bg-main-services.jpg) top center no-repeat;
			padding-bottom:100px;
		}

		#content3  .box{ 
			padding-top:85px;
			position:relative;
			min-height:500px;
			top:-7px;
			left:0;
		}
		#content3 .leftCol2 { 
			min-height:300px;
			width:257px;
			float:left;
			z-index:99;
			top:410px;
			margin: 15px 0 0 0 ;
		}
		#content3 .rightCol2{ 
			min-height: 540px;
			width: 703px;
			background-color: #FFFFFF;
			z-index: 10;
			float: right;
			padding: 10px;
			/* margin: 15px; */
		}
		#content3 .33 .icerik{ 
			padding:20px 40px;
			font-size: 14px;
		}
		#content3 .rightCol2 .icerik p{ 
			margin-bottom:15px;
		}
		#content3 .rightCol2 .icerik h1{ 
			font-size:21px;
			border-bottom:1px dotted #78d7f7;
			color:#dd291b;
			padding:10px 0;
			margin:10px 0;
			line-height: 25px;
		}

		#content3 .rightCol2 .icerik h1 span , span a{ 
			font-size:12px;
			color:#1D449F;
			padding: 10px 0;
		}
		#content3 .rightCol2 .icerik h1 span , span a:hover{ 
			color:#dd291b;
		}

		#content3 .hizmetler{
			position:relative;
			top:20px;
		}
		#content3 .hizmetler .hizmet{
			width:141px;
			float:left;
			height:140px;
			padding:27px 27px;
			background:url(../img/hizmet.png) no-repeat;
		}
		#content3 .hizmetler .diger{
			padding:30px;
			color:#333;
		}
		#content3 .hizmetler .diger ul{
			padding-left:40px;
			}#content3 .hizmetler .diger ul li{
				list-style-image:url(../img/hizmet_li.png);
			}
			#content3 .hizmetler .diger a{
				font-size:13px;
				color:#333;
				}#content3 .hizmetler .diger a:hover{

					text-decoration:underline;
				}
				#content3 .hizmetler .diger h3{
					padding:10px 0;
				}
				#content3 .hizmetler .hizmet h2{
					width:190px;	
					font-size:11px;
					margin:15px 0;
					color:#0c6788;
				}
				#content3 .hizmetler .hizmet  a{
					width:190px;	
					font-size:11px;
					margin:15px 0;
					color:#0c6788;
				}