﻿@font-face { font-family:GnuolaneRg;src:url(gnuolane-free.ttf);}
@font-face { font-family:EuroCaps;src:url(eurocaps.ttf);}
@font-face { font-family:HemiHead426;src:url(HemiHead426.ttf);}
*{margin:0; padding:0; text-decoration:none}
hr, img{border:none}
body{background:url(../images/bgUst.png) top center repeat-x #f0efed; font-family:Tahoma, Geneva, sans-serif; font-size:12px}
.temizle{clear:both}
a{
	color:#464646
}
a:hover{text-decoration:none}
/*Ha bunlar*/
	#menu ul li a.aktif{color:#000;}
	#menu ul li a:hover{color:#2e3192; text-decoration:none;}
.tumHaberler{float:right; color:#FFF; background:#666; padding:3px 15px; margin-right:10px}
#logo{display:block; background:url(../images/logo.png) no-repeat; width:336px; height:147px; text-indent:-999px; position:absolute; top:0px; left:0px}	

	#ust #telno{float:right; width:310px; background:url(../images/bgTelno.png) left no-repeat; text-align:right; margin-top:20px; font-family:HemiHead426,Arial,sans-serif; color:#2e3192}
	#ust #telno .musHiz{font-size:18px; color:#fff}

ul#solKat a{display:block; font-size:22px; padding-left:4px; font-family:GnuolaneRg, Arial, Helvetica, sans-serif; line-height:32px}
ul#solKat a:hover{background:#333; color:#FFF; border-radius:5px}
ul#solKat a.aktif{background:#333; color:#FFF; border-radius:5px}

#alt{min-height:100px; background:#2e3192; color:#FFF; border-top:1px solid #fff; padding-top:20px; outline:7px solid #00a752;}

.anaBaslik, h2{
	display:block;
	color:#FFF;
	border-radius:5px;
	font-size:20px;
	line-height:43px;
	padding-left:10px;
	font-weight:normal;
	margin-bottom:10px;
	font-family:GnuolaneRg, Arial, Helvetica, sans-serif;
/*graidetn-------------------http://www.colorzilla.com/gradient-editor/*/
background: #fe0120; /* Old browsers */
background: -moz-linear-gradient(top,  #fe0120 0%, #000001 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0120), color-stop(100%,#000001)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fe0120 0%,#000001 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fe0120 0%,#000001 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fe0120 0%,#000001 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00a752 0%,#062d19 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0120', endColorstr='#000001',GradientType=0 ); /* IE6-9 */
*//*graidetn-------------------*/


/* GRİ RENKLİ OLAN           graidetn-------------------http://www.colorzilla.com/gradient-edito
background: #5c5c5c; 
background: -moz-linear-gradient(top,  #00a752 0%, #062d19 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a752), color-stop(100%,#000001));
background: -webkit-linear-gradient(top,  #00a752 0%,#000001 100%);
background: -o-linear-gradient(top,  #00a752 0%,#000001 100%); 
background: -ms-linear-gradient(top,  #00a752 0%,#000001 100%); 
background: linear-gradient(to bottom,  #00a752 0%,#062d19 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a752', endColorstr='#000001',GradientType=0 );
graidetn-------------------*/


}
.anaBaslik a, h2 a{color:#FFF}
.buton{
	background:#1e6180;
	color:#eee;
	font-family:EuraCaps, Arial, Helvetica, sans-serif;
	border-radius:5px;
	padding:4px 10px
}



.renkTuruncu{color:#fb9600}
.renkBeyaz{color:#fff}
.renkGri{color:#999}
.renkKoyuGri{color:#464646}
.renkLacivertEsta{color:#1d3264}
.renkSiyah{color:#000}
.renkMor{color:#883a8d}
.renkMaviAsya{color:#67aecb}
.renkTurkuaz{color:#2FBCEB}
.renkPetrol{color:#136f7e}
.renkKirmizi{color:#ea1d25}
.font8{font-size:8px}
.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font24{font-size:24px}
.font28{font-size:28px}
.font32{font-size:32px}
.font36{font-size:36px}
.fontuGnu{font-family:GnuolaneRg, Arial, Helvetica, sans-serif;}
.fontEuroCaps{font-family:EuroCaps, Arial, Helvetica, sans-serif;}

.fleft{float:left}
.fright{float:right}

dl{float:left; width:100%}
dl dt{float:left; width:140px; display:block;}
dl dt, dl dd{padding:3px}
dl.programlar{line-height:32px; background:url(../images/bgProgram.png) bottom center no-repeat; padding-bottom:53px}
.baslik dt,.baslik dd{background:#787878; border-radius:5px 5px 0 0; height:40px; line-height:14px}
.gri dt,.gri dd{background:#e7e7e7;}
.beyaz dt,.beyaz dd{background:#fff;}
.px40{width:50px}
.px50{width:50px}
.px60{width:60px}
.px70{width:70px}
.px80{width:80px}
.px90{width:90px}
.px100{width:100px}
.px110{width:110px}

dl.iletisim{float:left; width:100%}
dl.iletisim dt{
	float:left;
	width:100px;
	display:block;
	font-weight:bold
}
dl.kayit dt{float:left; width:250px; display:block; font-weight:bold}
		 form dl {float:left; margin-bottom:10px}
		 form dl dt {width:150px; float:left; display: block; font-weight:bold}
		 form dl dd input {width:300px; height:20px; border:1px solid #1d3264; background:#eeeeee}
		 form dl dd.kod {padding-right:123px; font-weight:bold; font-size:18px}
		 form input.kod{text-align:center; width:200px}
		 form input.submit{background:#1d3264; color:#FFF; padding:5px; margin-left:350px; border-radius:3px}
		 form input.submit:hover{cursor:pointer}
		 form dl dd textarea {width:300px; height:90px; border:1px solid #1d3264; background:#eeeeee}
		 form dl dt, form dl dd {line-height:20px; min-height:35px}
		 .hata{color:#900; font-size:18px; font-weight:bold}
		 .sorunyok{color:#090; font-size:18px; font-weight:bold}
.golgeIce{
	-moz-box-shadow:     inset 0 0px 10px #000000;
	-webkit-box-shadow:  inset 0 0px 10px #000000;
   box-shadow:          inset 0 0px 10px #000000
   }
.oval{border-radius:3px}
.kalin{font-weight:bold}
	
/*-----------------------------*/
#sayfa{margin:0 auto; width:1028px}
#ust{position:relative; height:150px; font-size:14px}
	
	#ust #arama{position:absolute; right:10px; top:23px;}
	#ust #arama input.text{float:left; padding:0 6px; width:208px; height:18px; margin-right:10px}
	#ust #arama input.img{ float:right; margin-top:1px}

	#smFace, #smTwitter{}
	#smFace{ position:absolute; top:115px; right:560px; height:20px; padding-left:30px; background:url(../images/iconFace.png) left center no-repeat }
	#smTwitter{ position:absolute; top:115px; right:240px; height:20px; padding-left:30px; background:url(../images/iconTwitter.png) left center no-repeat }
	#tr{display:none; background:url(../images/tr.png); width:26px; height:15px; text-indent:-9999px; position:absolute; top:5px; right:40px}	
	#en{display:none; background:url(../images/en.png); width:26px; height:15px; text-indent:-9999px; position:absolute; top:5px; right:0px}	
#ust h1{font-size:24px;}


	#menu{position:absolute; top:90px; right:0px; height:48px; font-size:20px; z-index:999; font-family:GnuolaneRg, Arial, Helvetica, sans-serif;}	
	#menu ul{border-radius:7px; background:#00a752;
	/*gölge içe*/
	-moz-box-shadow:     inset 0 0px 1px #000000;
	-webkit-box-shadow:  inset 0 0px 1px #000000;
	box-shadow:          inset 0 0px 1px #000000
	}
	#menu ul li{display:inline; position:relative; border-right:1px solid #fff}
	#menu ul li:last-child{border:none}
	#menu ul li a{padding:15px 10px; color:#fff; line-height:48px}
	#menu ul li a.home{background:url(../images/home.png) left no-repeat; margin-left:40px}
		#menu li ul {visibility:hidden; position:absolute; top:34px; left:0; overflow:hidden; padding-bottom:0}
		#menu li:hover ul, #menu li a:hover ul {visibility:visible; height:auto; width:210px; border-top:none; border-radius:0 0 10px 10px; left:0; top:36px; overflow:visible; margin-left:0; background:#00a752;
	/*gölge içe*/
	-moz-box-shadow:     inset 0 0px 1px #000000;
	-webkit-box-shadow:  inset 0 0px 1px #000000;
	box-shadow:          inset 0 0px 1px #000000
		}
		#menu li:hover ul li, #menu li a:hover ul li{border:none; display:block}
		#menu li:hover ul li a, #menu li a:hover ul li a {display:block; font-size:14px; text-decoration:none; height:auto; line-height:16px; padding:5px; padding-left:15px}
			#menu ul li ul li a{line-height:16px; border-bottom:1px solid #CCC}
			#menu ul li ul li{line-height:16px}
		#menu li:hover ul li:last-child a, #menu li:last-child a:hover ul li a {border:none}
		#menu li:hover ul li a:hover, #menu li a:hover ul li a:hover{padding-left:20px; color:#fff;}


	#ustMenu{float:right; width:400px}	
	#ustMenu ul{ float:right}
	#ustMenu ul li{display:inline; position:relative}
	#ustMenu ul li a{padding:1px 4px; color:#000; text-decoration:underline}
	#ustMenu ul li a:hover{text-decoration:underline}

#kay{height:150px; margin-top:10px; color:#000}
#orta{
	padding:0px;
	line-height:16px;
	min-height:200px;
	margin-bottom:10px;
	/*Dışa Gölge
	-moz-box-shadow:     0 3px 10px #000000;
	-webkit-box-shadow:  0 3px 10px #000000;
	box-shadow:          0 3px 10px #000000;
	*/
}
.homeHizmet{float:left; width:152px; text-align:center; color:#222e87; font-weight:bold}
.homeHizmet a{color:#222e87}
a.buton:hover{
	color:#fff;

}
#solSutun{
	float:left;
	width:380px
}
/*------foto galeri resimleri--------*/
ul#fotogaleri{list-style:none}	
ul#fotogaleri li{list-style:none; display:inline-block; margin-bottom:15px; margin-right:15px; padding-top:15px; text-align:center; border:1px solid #CCC; width:211px; height:180px; overflow:hidden}	
ul#fotogaleri li:hover{border:1px solid #666}	
ul#fotogaleri li a{display:block}	
ul#fotogaleri li img{margin-bottom:5px}	
/*-------------------*/
h3{font-size:24px; font-family:GnuolaneRg, Arial, Helvetica, sans-serif; color:#ea1d25}
ul#solKat{list-style:none; margin-bottom:25px}
#sagSutun{
	float:left;
	width:630px;
	padding-left:18px;
	position:relative
}

.sayfala, .sayfala a{text-decoration:none; line-height:25px}
.sayfala a:hover{text-decoration:underline}
	.say{border:1px solid #0f97a0; line-height:18px; padding:0 3px; background:#0f97a0; color:#FFF}
	.sayaktif{border:1px solid #0f97a0; line-height:18px; padding:0 3px}



#altIcerik{margin:0 auto; width:1030px; font-family:EuroCaps, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px}
.web{float:right}
#yorum input{color:#999; width:300px; line-height:24px; margin-bottom:10px; padding-left:3px}
#yorum textarea{color:#999; width:300px; margin-bottom:10px; padding-left:3px}
/*//////////////////////////////////////////////// iFocus style */
#beyazPerde{display:none; position:absolute; padding-left:5px; width:1014px; height:60px; bottom:2px; left:2px; padding-bottom:20px; background-color:rgba(255,255,255,0.7);}
.hbrBaslik{font-size:24px; color:#F90}
.hbrMetin{font-size:18px; color:#333}
#vitrin{ margin-bottom:20px}
#vitrin *{text-decoration:none}
/*/////////////////////////////////////////////////// iFocus style */
