@import url('reset.css');
* { margin:0; padding:0; }
body { background:#06384b;
color:#FFFFFF; font-family:Arial, Helvetica, sans-serif, "Helvetica Narrow"; font-size:12px;}
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em;; }
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	/*Controls Section*/
	#controls-wrapper { margin:0 auto; height:62px; width:100%; bottom:0; left:0; z-index:4; background:url(../img/nav-bg.html) repeat-x; position:fixed; }
		#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
			#slidecounter { float:left; color:#888; font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 -1px 0; margin:19px 10px 18px 20px; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
			#navigation { float:right; margin:10px 20px 0 0; }
	
	/*Thumbnail Navigation*/	
	#nextthumb,#prevthumb { z-index:6; display:none; position:fixed; bottom:12px; height:75px; width:100px; overflow:hidden; background:#ddd; border:2px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:10px; }
			#navigation > :hover,#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
			
			#ana {
	width: 980px;
	margin:0px auto;
}
#soltaraf {
	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-y;
	float: left;
	min-height: 667px;
	width: 312px;
	
}
#logo {
	float: left;
	height: 85px;
	width: 250px;
	margin: 31px;

}
#haber_bg {
	background-image: url(../images/haber_bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 105px;
	width: 312px;
}
#menualani {
	float: left;
	width: 312px;
	margin-top: 15px;
}

#cssmenu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 42px;
	width:312px;
	
background-image:url(../images/menu_pasif.png);
}
#cssmenu li {
	font: 14px 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#cssmenu a {
	text-shadow: black 0px 1px 0px;
	color: #fff;
	display: block;
	margin: 0;
	font-style:normal;
	line-height:42px;
	text-decoration: none;
	font-weight:bold;
	font-family: "Century Gothic";
	font-size: 14px;
	padding-left:20px;
	width:292px;

}
#cssmenu a:hover {
background-image:url(../images/menu_aktif.png);
	color: #fff;
	width:292px;
	
}
/*kayan haber alanı*/
#haberbandi {
height: 60px;
margin: 10px;

}


#haberbandi .band {
	float: left;
	height: 45px;
	position: relative;
}
#haberbandi .band li {
	text-decoration: none;
	list-style-position: outside;
	list-style-type: none;
	
}

#haberbandi .band a {
	color: #ffffff;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
font-size: 13px;
font-weight: bold;
line-height:16px;
font-family:"Trebuchet MS",Arial;
	
}
#haberbandi .band b {
	color: #c6c6c6;
	font-size: 12px;
}
#haberbandi .band a:hover {
	color: #ffffaa;
}

/*kayan haber alanı*/
.haber_baslik {
	
	color: #FFFFFF;
	float: left;
  text-shadow: black 0px 1px 0px;
width:294px;
	font-weight:bold;
	font-family: "Century Gothic";
	font-size: 14px;
	height:20px;
	margin-left:8px;
	margin-bottom:10px;
}
.tumhaberler {
	
	color: #FFFFFF;
	float: left;
  text-shadow: black 0px 1px 0px;
width:285px;
	font-weight:bold;
	font-family: "Century Gothic";
	font-size: 12px;
	height:20px;
	margin-right:15px;
	margin-bottom:10px;
	text-align:right
}#altyazi {
	font-family: "Century Gothic",Arial,Helvetica, sans-serif, "Helvetica Narrow";
	font-size: 12px;
	  text-shadow: black 0px 1px 0px;
	color: #FFFFFF;
	float: left;
	width: 292px;
	margin: 10px;
	margin-top:20px;
	line-height:16px;
	text-align:center;
}
#sagtaraf {
	float: left;
	width: 668px;
}
.slogan {
	background-image: url(../images/bryaz_bg.png);
background-repeat: repeat;
float: left;
height: 65px;
width: 628px;
margin-top: 27px;
font-family: "Century Gothic";
font-size: 24px;
color: #0346A1;

padding: 20px;
line-height: 30px;
}
#icsayfa {
	background-image: url(../images/bryaz_bg.png);
	background-repeat: repeat;
	float: left;
	width: 648px;
	margin-top: 15px;
	min-height: 500px;
	padding: 10px;

}
#banner {
	float: left;
	height: 200px;
	width: 648px;
}
#sayfa_baslik {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #30418c;
	float: left;
	height: 26px;
	width: 448px;
}
#icsayfa_yazi {
	font-family: "Trebuchet MS";
font-size: 14px;
color: #006;
float: left;
width: 648px;
line-height: 20px;
overflow:hidden;
}
.icsayfa_yazi {
	font-family: "Trebuchet MS";
font-size: 14px;
color: #006;
float: left;
width: 648px;
line-height: 20px;
overflow:hidden;
}

.cizgi {
float: left;
width: 100%;
margin-top: 5px;
margin-bottom: 15px;
border-bottom: 1px dotted #30418c;
}
#yaziboyut{float:left; width:200px; text-align:right; height:26px;}


/* Yazi Formatları ---------------------------------------------------------------------*/
.Yazi        { font-family: Arial; color: #333333; font-size: 8pt; text-decoration: none }
.Yazirenksiz { font-family: Arial; font-size: 8pt; text-decoration: none }
.SeciliYazi  { font-family: Arial; color: #FF3300; font-size: 8pt; font-weight: bold }
.Baslik      { font-family: Arial; color: #CC3333; font-size: 8pt; font-weight: bold }
.YaziBuyuk { font-family: Arial; font-size: 11pt; text-decoration: none }
.YaziBeyaz        { font-family: Arial; color: #FFFFFF; font-size: 8pt; text-decoration: none; word-wrap:break-word }

/* Bağlantı Formatları -------------------------------------------------*/
A:Link       { font-family: Arial; color: #666666; text-decoration: none }
A:Active     { font-family: Arial; color: #666666; text-decoration: none }
A:Visited    { font-family: Arial; color: #666666; text-decoration: none }
A:Hover      { font-family: Arial; color: #CC3333; text-decoration: none }

/* Tablo Formatları ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.Golgeli     { border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 2; border-top-style: solid; border-top-width: 1; border-bottom-style: solid; border-bottom-width: 2; padding: 5 }

/* Form Alanı Formatları ------------------------------------------------------------------------------------------*/
.MetinKutusu { font-family: Arial; font-size: 8pt; border: 1px solid #C0C0C0; padding: 1; background-color: #F9F9F9 }
.Tus         { font-family: Arial; font-size: 8pt }
.AcilirKutu  { font-family: Arial; font-size: 8pt }


#clsCode {
	font: "Courier New";
	font-size: 12;
	color: gray;
	text-decoration: none;
	background-color: #D3D3D3;
	border: 1px solid gray;
	width: 90%;
}

#mostSelect {
	width: 150px;
	font: 11px "Trebuchet MS";
}

#fontStyle {
	font: 11px "Trebuchet MS";
	cursor: pointer;
}#anasayfa_bg {
	background-image: url(../images/anasayfa_bg.png);
	background-repeat: repeat;
	float: left;
	height: 379px;
	width: 633px;
	margin-top: 15px;
margin-left: 14px;
padding:10px;
}
#annasayfabaslik {
	float: left;
	width: 634px;
	font-family: "Century Gothic";
	font-size: 16px;
	color: #FFFFFF;
	line-height: 27px;
}
.cizgigolge {
	background-image: url(../images/divider2.png);
	background-repeat: no-repeat;
	float: left;
	height: 3px;
	width: 639px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#anasayfa_resim {
	float: left;
	height: 145px;
	width: 185px;
}
#anasayfa_yazim {
	float: left;
	height: 145px;
	width: 438px;
	margin-left: 10px;
	overflow: hidden;
	font-family: Helvetica, "Helvetica Narrow", Arial;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
}
.ikonana_1 {
	float: left;
	height: 139px;
	width: 301px;
	background-image: url(../images/online_katolog.png);
	background-repeat: no-repeat;
}
.ikon_baslik {
	font-family: Helvetica, "Helvetica Narrow";
	font-size: 16px;
	color: #06384B;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.ikon_yazi {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #FFFFFF;
	width: 170px;
	margin-left: 20px;
	
}



.ikonana_1:hover {
	float: left;
	height: 139px;
	width: 301px;
	background-image: url(../images/online_katolog_hover.png);
	background-repeat: no-repeat;
}


.ikonana_2 {
	float: left;
	height: 139px;
	width: 301px;
	background-image: url(../images/bilgilendirme_formu.png);
}
.ikonana_2:hover {
	float: left;
	height: 139px;
	width: 301px;
	background-image: url(../images/bilginledirme_formu_hover.png);
}


a.link{ color:#ffffff; text-decoration:none;font-family: "Trebuchet MS";
	font-size: 14px;}
 a.link:link{ color:#ffffff; text-decoration:none;font-family: "Trebuchet MS";
	font-size: 14px;}
 a.link:hover{ color:#ffffaa;  text-decoration:none;font-family: "Trebuchet MS";
	font-size: 14px;}
	
	a.link1{ color:#ffffff; text-decoration:none;font-family: "Trebuchet MS";
	font-size: 12px;}
 a.link:link1{ color:#ffffff; text-decoration:none;font-family: "Trebuchet MS";
	font-size: 12px;}
 a.link:hover1{ color:#ffffaa;  text-decoration:none;font-family: "Trebuchet MS";
	font-size: 12px;}
.iletisim_kutu{ float:left; width:310px; margin-right:10px; min-height:120px;}
.iletisim_kutu2{ float:left; width:310px; margin-bottom:10px; }
.iletisim_kutu4{ float:left; width:180px; margin-bottom:10px; }
.iletisim_kutu3{ float:left; width:620px; margin-bottom:10px; }
.iletisim_baslik{ float:left; width:100px;}
.form-textarea	{
	background: url(../images/form_textarea.gif) no-repeat;
	border: none;
	color: #393939;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 97px;
	overflow: auto;
	padding: 6px 0px 0 6px;
	background-color:transparent;
	width: 300px;
	}
	.inputilan{
background-image: url(../images/inputilan.png);
width: 186px;
height: 30px;
border: none;
padding: 2px;
font-family: Tahoma;
font-size: 12px;
color: #666;
background-color: transparent;
}
.hata {
	background-color: #dc1100;
	float: left;
	height: 30px;
	width: 100%;
}
.onay {
	background-color: #0a7e01;
	float: left;
	height: 30px;
	width: 100%;
}
#paylas{ float:left; width:auto; margin-top:10px; height:24px; font-family:"Century Gothic"; font-size:14px; color:#000033;}
#paylas .picon{ float:left; height:24px; width:24px; padding-right:5px;}
.sayfalamaalani{width:100%; margin-top:10px;float:left; }
#Tum_Haberler{width:100%;height:130px; float:left; margin-top:10px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#cad2d8;}
#Tum_Haberler .YTSOL{height:115px;width:150px;float:left;background-image:url(../../../images/kresim_bg.png);padding-top:5px;padding-left:5px;}
#Tum_Haberler .YTSAG{float:left;margin-left:10px;width:460px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori{float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;line-height:20px;font-size:12px;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori{text-decoration:none;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik{text-decoration:none;color:#555;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik{text-decoration:none;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_tarih{float:left;height:20px;background-image:url../(../../images/yaztektarih.png);background-repeat:no-repeat;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;width:400px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_Yorum .YT_yorum{float:left;height:20px;background-image:url(images/yaztekyorum.png);background-repeat:no-repeat;padding-left:20px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;line-height:15px;color:#777;}
#Tum_Haberler .YTSAG .YT_Sag_icerik .YT_a_icerik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik .YT_a_Baslik:hover{text-decoration:underline;color:#111;}
#Tum_Haberler .YTSAG .YT_Sag_Kategori .YT_a_Kategori:hover{text-decoration:underline;color:#B00;}
#Tum_Haberler .YTSAG .YT_Sag_Baslik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;line-height:25px;}
#Tum_Haberler .YTSAG .YT_Sag_icerik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;line-height:14px;height:40px;}

.YT_Sag_Baslik{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;font-size:16px;line-height:25px;}
#icsayfa_yazi p{ float:left; width:500px;}

#paging-table {
	clear:both;
	float:left;
	margin-top:10px;
	color:#333;
	width: 200px;
	
	
}	
.page-far-left	{
	background: url(../images/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	width: 24px;
	}
info-tooltip*	{
	margin: 0;
	padding: 0;
	}
.page-left	{
	background: url(../images/paging_far_left.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
.page-far-right	{
	background: url(../images/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 0 4px 0 4px;
	width: 24px;
	}
.page-right	{
	background: url(../images/paging_far_right.gif) no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 24px;
	}
#page-info	{
	float: left;
	line-height: 16px;
	padding: 3px 12px 0 12px;
	width:50px;
	}
	a.yeniekle{

color:#333333; font-family:Tahoma; font-size:12px; text-decoration:none;
}
a.yeniekle:hover{
color:#666666; font-family:Tahoma; font-size:12px;
}
.etiketalani{float:left; width:660px; height:30px; padding-left:10px; padding-top:15px; color:#333; background:url(../images/etiketlerbg.png);background-repeat:no-repeat; margin-top:20px;}
.etiketalani b{ font-size:0px;}
.ekatalog{
float:left;
width:100%;
height:40px;
margin-top:5px;
float:left;
margin-bottom:5px;
background-color:#3d6473;
font-weight:bold;
color:#ffffff;}

.ekatalog:hover{
float:left;
width:100%;
height:40px;
float:left;
margin-top:5px;
margin-bottom:5px;
background-color:#06394a;
color:#FFFFFF;
font-weight:bold;
}
.proje_kutu {
	background-image: url(images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 9px;
margin-left: 8px;
	 
}
.proje_alani{
float: left;
	height: 130px;
	width: 130px;
	padding:10px;}
.proje_resim {
	float: left;
	height: 115px;
	width: 128px;
	overflow:hidden;
	border:1px solid #c8e4f2;
}
#detayresimalani {
	background-color: #C7E3F2;
float: left;
width: 646px;
border: 1px solid #73B1FD;
margin-bottom: 10px;
}
.detayresim {
	margin: 5px;
	float: left;
	height: 200px;
	width: 355px;
}


.detaykucukkutu {
	margin: 3px;
	float: left;
	height: 63px;
	width: 63px;

}
.kutu1 {
	float: left;
	height: 115px;
	width: 121px;
	margin-top: 10px;

}
#preview{
	position:absolute;
	border:1px solid #CCC;
	background:#ccc;
	padding:1px;
	display:none;
	color:#fff;
	z-index:1000;
	}
	#kutu1 {
float: left;
height: 120px;
width: 187px;
font-size: 10px;
color: #555;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
line-height: 17px;
border: 1px solid #BBB;
margin-right: 12px;
padding: 5px;
margin-left: 4px;
background-color: white;
}
.proje_kutu {
	background-image: url(images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 9px;
margin-left: 8px;
	 
}
.proje_kutu1 {
	background-image: url(images/proje_bg.png);
	float: left;
	height: 150px;
	width: 150px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	 
}
.proje_alani{
float: left;
	height: 130px;
	width: 130px;
	padding:10px;}
.proje_resim {
	float: left;
	height: 115px;
	width: 128px;
	overflow:hidden;
	border:1px solid #c8e4f2;
}
.proje_resim1 {
	float: left;
	height: 100px;
	width: 128px;
	overflow:hidden;
	border:1px solid #c8e4f2;
}
.proje_border {
	background-color: #002655;
	float: left;
	height: 5px;
	width: 130px;
	
	margin-bottom:5px;
}
.proje_baslik {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	float: left;
	width: 130px;
	font-weight:bold;
}

a.projelink:link{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:visited{font-family: "Trebuchet MS";
	font-size: 14px;
	color: #002655;
	text-decoration:none;
	}
	a.projelink:hover{font-family: "Trebuchet MS";
	font-size: 14px;
	color:#990000;
	text-decoration:underline;
	}



#ftHolder { width: 648px; float: left; text-align: center; height: 240px; margin-bottom:10px;  font-family:"Century Gothic"; font-size:14px; }
.ft-title { display:none; }
.ft-prev, .ft-next { background-color: #000; padding: 0 10px; color:#FFFFFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }
.ft-button-ft-active { color: black; }
#sosyal_ag {
	font-family: Helvetica, "Helvetica Narrow";
font-size: 12px;
color: #ffffff;
text-align: right;
float: left;
height: 24px;
width: 160px;
font-weight: bold;
margin-top: 20px;
line-height: 24px;
margin-left: 83px;
}