@charset "utf-8";	
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,latin-ext);
@import url('reset.css');

body{ background-color:#000}
iframe { display:none }
/* Background Slider*/
#page_overlay {width:100%;z-index:2;}	
#page_content {color:#ffffff;z-index:10;position:relative;}	
img#bg{position:fixed;top:0;left:0;height:100%;width:100%;z-index:0;}
#image_description{position:fixed;right:-150px;bottom:60px;width:140px;height:38px;background-color:#dddddd;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;z-index:2;padding:5px;font-size:10px;line-height:12px;color:#333333;}	


/* Icerik Alani */
div#anaTutucu{ margin:0 auto;}
div#menuSagTutucu{ display:none;width:205px;height:100%;right:0px; background-image:url(../img/sag_menu_seffaf.png); background-repeat:no-repeat; z-index:15; position:fixed; margin-right:7%;}
	div#logo{ display:none;width:200px; height:82px;margin:0 auto;margin-bottom:50px}
	div#logo img{ width:200px; height:152px;}
	
	/* Menu */
	div#menuTutucu{ clear:both;margin:0 auto }
		ul#sagMenu{}
		div#menuTutucu ul li{font-family:Trajan Pro, Arial, Helvetica, sans-serif; font-size:11px; line-height:270%;color:#fff;}
			div#menuTutucu ul li a{  color:#fff; padding:10px 0px; border:0px solid #fff }
			div#menuTutucu ul li a:hover{ color:#0094d7;}
				
    /* Footer Bilgiler */
	div#footerBilgiTutucu{ position:fixed;width:205px;height:8%;top:520px;border:0px solid #fff }		
		
		div#altBilgiler{clear:both;font-family:Arial, Helvetica, sans-serif; font-size:9px; margin:0 auto; width:150px}					       
		div#bayrak{text-align:center; padding:3px 0}
		div#bayrak img{width:21px; height:15px}   
		div#copyRightYazi{  text-align:center; padding:2px 0}
		div#webTasarimci{ color:#666; text-align:center}
				div#webTasarimci a{ color:#666;}
				div#webTasarimci a:hover{ color:#fff; }

div#solTutucu{height:100%;border:0px solid #f00; clear:both;}
div#solTutucu div#icerik{float:left;border:3px solid #666;width:57%;padding:1% 1%;background-image:url(../img/icerik_seffaf_arka.png);height:390px; margin:7% 0 10% 10%; }

.sayfaBaslik{ font-size:20px;clear:both;margin-bottom:18px;padding:0px 0 5px 0;letter-spacing:2px;font-family:Trajan Pro, Arial, Helvetica, sans-serif;}


/*Kurumsal*/
#kurumsal{ }	
	.kurumsalUst{float:left;height:210px;}
		.kurumsalUstResim{float:left;width:46%;}
		.kurumsalUstResim img{border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
		.kurumsalUstResim img:hover{border-top:3px solid #09f;border-left:3px solid #09f;}
		
		
		
		.kurumsalUstYazi{ float:right;width:51%;height:200px; padding:0px 0px}
			#kurumsalScroll{ height:185px;font-size:11px; line-height:15px;padding:0% 2% 2% 2%}
			/*.kurumsalUstYaziIcerik{ font-size:11px; line-height:15px; overflow:auto;height:100%; padding:0 2% 5% 2%}*/
	.kurumsalAlt{clear:both;padding:5% 1% 0 1%; overflow:auto;margin:0 auto; }

	
	.kurumsalAlt img{float:left;border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
		.kurumsalAlt img:hover{border-top:3px solid #09f;border-left:3px solid #09f;}

/*Hizmetler*/
#hizmetler{}
	.hizmetlerAlt{}
	#hizmetScroll{ height:300px;font-size:11px; line-height:15px;padding:1% 2% 5% 2%}
	.hizmetlerAltKutu{overflow:auto; margin:15px 0 10px 0; padding:0px 0;}
	.hizmetlerAltResim{float:left; border:1px solid #09C; padding:0px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-raidus:3px}
	.hizmetlerAltResim:hover{border-color:#fff}
		.hizmetlerAltResim img{ width:180px; height:85px}
	.hizmetlerAltSag{ margin:0 10px; float:right; width:65%}
		.hizmetlerAltBaslik{ float:left;color:#09F;font-weight:bold; font-size:15px}
		.hizmetlerAltYazi{ float:left;clear:both}
		
/*Teknik Özellikler*/
#teknik{}		
	.teknikSol{width:60%;float:left}
		#teknikScroll{ height:300px;font-size:11px; line-height:15px;padding:1% 2% 5% 2%}
		.teknikSolYazi{ font-size:11px; line-height:15px; overflow:auto;height:100%; padding:2% 2% 5% 0}
	.teknikSag{width:38%; float:right;}
		.teknikSagResim{height:100px; clear:both}
			.teknikSagResim img{width:200px; }
		.teknikSagKat{ float:left; padding:0 0 5% 0}
		.teknikSagKatBaslik{font-size:12px; margin:10px 0 ; color:#fff ; padding:10px 0; width:200px; border-bottom:1px solid #09F; letter-spacing:2px}
		.teknikSagKat img{ width:50px; border:1px solid #fff;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
		.teknikSagKat img:hover{border-color:#09F}
			.teknikSagKat a{margin:20px 35px 0 0; float:left; color:#fff}
			.teknikSagKat a em{ display:block;text-align:center; padding:5px 0}

/*Galeri*/
#galeri{}
	.galeri{}
	#galeriScroll{height:340px;padding:0% 1% 5% 1%}
	.galeriKutu{width:214px; height:145px; float:left; padding:7px 0px; margin:0px 10px 10px 10px; }
		.galeriKutuResim{width:196px; margin:0 auto;border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px }
		.galeriKutuResim:hover{border:1px solid #fff;}
			.galeriKutuResim img{width:196px; height:130px}
		.galeriKutuBaslik{ text-align:center; padding:5px 0; letter-spacing:3px; }
			.galeriKutuBaslik a{color:#fff}
			.galeriKutuBaslik a:hover{color:#09F}

/*Galeri Detay*/		
#galeriDetay{}
	.galeriDetay{}
	#galeriDetayScroll{height:340px;padding:0% 2% 5% 2%}
	.galeriDetayKutu{width:230px; height:145px; float:left; padding:7px 0px; margin:0px 7px 10px 7px;}
		.galeriDetayKutuResim{width:230px; margin:0 auto;border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px }
		.galeriDetayKutuResim:hover{border-top:3px solid #09f;border-left:3px solid #09f;}
			.galeriDetayKutuResim img{}
	
/*Firma*/
#firma{}
	.firma{}
	#firmaScroll{ height:300px;padding:0}
	.firmaKutu{float:left; padding:4px 3px; margin-right:0px; }
	.firmaKutuResim{width:140px; margin:0 auto; float:left; background-color:#FFF;border:1px solid #09F; }
	.firmaKutuResim:hover{ border-color:#fff}
		.firmaKutuResim img{margin:0 auto; height:52px; width:130px}
	.firmaKutuBaslik{ text-align:center;clear:both; padding:4px 0 0 0; color:#09C;letter-spacing:0px}
		.firmaKutuBaslik a{ color:#fff; }
		.firmaKutuBaslik a:hover{ color:#0CF; }
		
/*Firma Detay*/
#firmaDetay{}
	.firmaDetay{ clear:both;}
		.firmaDetaySol{ float:left; width:75%}
			.firmaDetaySolUst{float:left; height:130px; width:100%; border-bottom:1px solid #09F;padding-bottom:35px}
				.firmaLogo{ float:left;width:230px; background:#fff; height:100%;border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
					.firmaLogo img{border:0px solid #000;width:130px; margin:15% 20% }				
				.firmaYazi{ float:right; font-size:11px; color:#fff;width:57%;}				
					.firmaYaziBaslik{ color:#09F;font-size:15px;}
					.firmaYaziBaslikHizmet{}
					.firmaYaziIcerik{ padding:4% 0 0 0}
						.firmaDetayScroll{ height:85px;padding:0% 0% 0% 1%}
			.firmaDetaySolAlt{clear:both; width:100%; float:left; padding:20px 0}
				.firmaDetaySolAltIletisim{ float:left; width:40%; padding:0 3%}
					table#firmaIletisim{ line-height:22px;border:0px solid #000; width:100%}
					table#firmaIletisim tr td.a{border-bottom:1px dashed #ddd; vertical-align:top; padding:5px }
					table#firmaIletisim tr td{border-bottom:1px dashed #ddd; vertical-align:top; padding:3px}
					
				.firmaDetaySolAltResim{float:right; padding:0% 3%}
					.firmaDetaySolAltResim img{width:250px; height:120px;border:1px solid #09F;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
		
		.firmaDetaySag{ float:right;width:18%;padding:10px 15px; background:url(../img/detay_bg.png);}
			.firmaListeBaslik{color:#0CF; letter-spacing:2px; font-size:13px;}
			ul.firma_liste{margin-top:15px; height:280px}
				ul.firma_liste li{ display:block; margin:9px 0}
				ul.firma_liste li a{ padding:5px 0px; color:#fff; font-size:11px}
				ul.firma_liste li a:hover{color:#09F}
			ul.firma_liste li a.firmaSecili{ color:#09F;}
	
/*Duyuru*/
#duyuru{}
	.duyuru{height:350px;}
	#duyuruScroll{ height:300px;font-size:11px; line-height:15px;padding:1% 2% 5% 2%}
	.duyuruKutu{}
	.duyuruCizgi{border-top:1px dashed #09C; margin:20px 0; width:100%}
	.duyuruKutuBaslik{color:#09C; padding-bottom:10px;float:left; font-size:15px; border:0px solid #f00}
	.duyuruTarih{font-size:9px; float:right; padding:0px 5px; color:#CCC}
	.duyuruTarih:hover{ color:#fff}
		.duyuruTarih img{font-size:9px; padding:0px 0; float:left}
	.duyuruKutuYazi{ clear:both}
	
/*İletişim*/
.miniBaslik{ font-size:12px;color:#09C;padding:0 0 10px 0}ff
.miniBaslik:hover{color:#fff;}
#iletisim{ padding:0 10px}		
	.iletisimSol{ float:left; width:45%}
		.iletisimSolUst{ padding:10px 0 0 0}
			form.formA{float:left}
			form.formA input{ width:180px; padding:5px 5px; font-size:11px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px }
			form.formA textarea{ width:230px;height:60px; overflow:auto; padding:5px 5px;font-size:11px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px}
			form.formA input.btn{ width:70px; padding:3px 5px; cursor:pointer; float:left}
			form.formA span{ display:block; padding:3px 0}
			form.formA em{color:#f00}
			
			span.formMesaj{margin:5px; float:left; display:none }
			
				
#contactWrapper { }
#contactWrapper label { display:block; float:none; font-size:11px; width:auto; font-weight: bold; margin-bottom:2px; color: #333333;}
#contactWrapper label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; margin-bottom: 0px; color: #f00;margin-top:0px; padding:2px 2px;}
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #01b3b3;}
#contactWrapper .stage { margin-bottom: 10px;}
#contactWrapper .requiredNote { margin: 20px 0px 20px; color: #333; font-weight: bold;}
#contactWrapper .success { padding:0px;margin-bottom: 10px; color:#0C3;}
#contactWrapper .success p { margin: 0px;}
	
		.iletisimSolAlt{ clear:both; float:left; margin:10px 0 0 0}
			.iletisimSolAlt img{width:18px}
	
	
	.iletisimSag{ float:right; width:53%}
		.iletisimSagUst{padding:5px 0}
			table#adresBilgileri{ line-height:25px;border:0px solid #000; width:100%}
			table#adresBilgileri tr td.a{border-bottom:1px solid #ccc; vertical-align:top;width:30% }
			table#adresBilgileri tr td{border-bottom:1px solid #ccc; vertical-align:top}
			table#adresBilgileri tr td img{width:18px; vertical-align:middle; font-fize:14px}
		
		.iletisimSagAlt{padding:0px 0}

/* Footer */
div#footerSerit{ display:none;width:100%; position:fixed; left:0; bottom:1%;background-image:url(../img/alt_serit_seffaf.png); background-repeat:repeat-x; z-index:3;}
	div#footerYazi{font-size:10px;margin-top:5px; color:#fff}
	div#footerYazi a{color:#09F}
	div#footerYazi a:hover{color:#fff}

/*Offline*/
#offline{border:1px solid #fff; margin:0 auto; margin-top:50px}
	.offlineText{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:50px}
	

.bosIcerik{ margin:20px; border:1px solid #09F; padding:10px;border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px; font-size:13px; letter-spacing:2px}
.bosIcerik:hover{border-color:#fff;}

.geriDon{float:right;padding:5px}
.geriDon img{width:24px}

/*İletişim Menü*/

.btn {
	
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	padding:4px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0; }
.btn:active {
	position:relative;
	top:1px; }