@import url(http://fonts.googleapis.com/css?family=Lucida Sans);

body{padding:0px; margin:0px; font:14px/20px Arial, Helvetica, sans-serif , Trebuchet MS , Lucida Sans ; background-color: #fff; background:url(../images/bg.jpg) repeat;}
div, p, ul, h1, h2, h3, h4, h5, form, span,html,applet,object,iframe,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th, label{margin:0px; padding:0px;} img {  border-style: none; }
ul{list-style-type:none;}
:hover {-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
img:hover { -moz-opacity: 0.80;opacity: 0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);}

                          

.tamekranhaber a{	width:400px;font-size:13px;	color:#1a86c4; }
.tamekranhaber a:hover {	width:400px;font-size:13px;	color:#000;	}

.tamekranetkinlik a{	width:400px;font-size:13px;	color:#1a86c4;}
.tamekranetkinlik a:hover {	width:400px;font-size:13px;	color:#000;	}

/*---Top Panel---*/
#headerPan{width:100%; height:600px; position:relative; margin:0 auto; z-index:10; background-color:#41403e;}
#sliderPan{width:1120px; height:500px; position:relative;top:-210px;margin:0 auto; }


#headerPan2{width:1110px; height:25px; position:relative; margin:0 auto; }

#headerPan2 #topbut{width:700px; height:20px; position:absolute; top:3px; right:0px; text-align:right;}
#headerPan2 #topbut ul{width:300px; height:20px;  font-size:11px; font-weight: normal; position:absolute; top:0px; left:0px;}
#headerPan2 #topbut ul li{width:100%; float:left;}
#headerPan2 #topbut ul li a{ width:100%; height:20px; display:block; color:#333333; text-decoration:none; text-align:center; line-height:25px; font-family:Lucida Sans, Arial;}
#headerPan2 #topbut ul li a:hover{ color:#032552; text-decoration:none; font-family:Lucida Sans, Arial;}

#topPan{width:1110px; height:200px; position:relative; margin:0 auto; z-index:15; }
#topPan2{width:1110px; height:200px; position:relative; margin:0 auto; }
#topPan #logo{width:300px; height:160px; position:absolute;  top:0px; left:400px;}
#topPan #top2but{width:990px;margin:0 auto; height:43px; position:absolute; top:130px; left:130px;}

.ustslider{ width:1130px;margin:0 auto;overflow:hidden;height:auto; position:relative;z-index:2;text-decoration:none;
          top:280px; text-align:justify;left:0px;}
 
.icorta{width:1100px;height:auto;top:0px; margin:5px; padding:5px;top:300px;
       text-decoration:none;color:#432f28; z-index:1;left: 0px;font-size:14px;}
 #ContBaslik{width:999px; float: none;height:50px;top:10px; margin:0 auto; padding:0px;
color:#7E7E7E; z-index:998;  text-decoration:none;}
 
.geridon{border:none;background-images:url(images/geridon.png) no-repeat top right;width:40px;height:40px;cursor:pointer;cursor:hand; z-index:9999;
          float:right;top:10px;}


.barbar{width:1120px; height:96px; position:relative; margin:0 auto;  z-index:5; background-color:#84ba40;padding-left:5px;}

#Duyuru a {width:130px; height:21px; position:relative;float:left; margin:0 auto;  z-index:5; background-color:#dfdfdf;padding:7px; top:0px;
       color:#41403e;}
#Duyuru a:hover{color:#41403e;background-color:#cccccc;}
       
#middlePan{width:1113px; height:auto; position:relative; margin:0 auto;  z-index:5;top:10px;}
#seriPan1{width:1110px;margin-left:0px; height:auto; float:left; font-family:Lucida Sans, Arial; font-size:12px;font-weight: normal; }
#seriPan{width:1110px;margin-left:0px; height:auto; float:left; font-family:Lucida Sans, Arial; font-size:12px;	font-weight: normal; }

#pembePan{width:352px; height:auto; float:left; padding:0px 0px 0px 0px;  margin:0px 26px 0px 0px;owerflow:hidden;}
#maviPan{width:352px; height:auto; float:left; padding:0px 0px 0px 0px;  margin:0px 26px 0px 0px;overflow: hidden;}
#morPan{width:352px; height:auto; float:left; padding:0px 0px 0px 0px;  margin:0px 2px 0px 0px;owerflow:hidden;}


#resimliHaberPan{width:600px; height:auto; float:right; padding:0px 0px 0px 0px;  margin:0px 0px 0px 10px;}
#renkliBaslik{width:310px; height:30px; float:left; padding:0px 0px 0px 0px;  margin:50px 0px 0px 20px;}
#renkliBaslik h1 {width:310px; font-size:30px; font-family:Calibri, Arial; color:#8d8d8d; font-weight: normal;}
#renkliBaslik h2 {width:310px; font-size:20px; font-family:Calibri, Arial; color:#8d8d8d; font-weight: normal;}

#renkliResim{width:310px; height:180px; float:left; padding:0px 0px 0px 0px;  margin:0px 0px 0px 20px;owerflow:hidden; }
#renkliYazi{width:310px; height:150px; float:left; padding:0px 0px 0px 0px; margin:20px 0px 0px 20px;text-align:justify;color:Black;}
.renkliYazilar {font-family:Lucida Sans, Arial,; font-size:12px; font-weight: normal;color:Fuchsia; }
#beyazPan{width:500px; float:right; padding:0px 0px 0px 0px;  margin:0px 0px 0px 0px;height:350px;owerflow:hidden;}
#renkliYazibeyaz{width:400px; height:150px; float:left; padding:0px 0px 0px 0px;  margin:20px 0px 0px 20px;text-align:justify;owerflow:hidden;}
.renkliYazilarbeyaz {font-family:Lucida Sans, Arial,; font-size:12px; text-decoration: none;	color:#000; font-weight: normal;owerflow:hidden; }

#footerPan{width:1100px; float:left; padding:0px 0px 0px 0px;  margin:0px 0px 0px 0px;height:auto;}




#bannerPan1{width:1120px; height:460px; position:relative; margin:0 auto;  z-index:5;}


#editorPan{width:1100px; height:100%; float:left; padding:10px 10px 10px 10px;  margin:0px 0px 0px 0px; background-color: #ffffff; font-family:Lucida Sans, Arial; font-size:12px;	color:#432f28;
border-right-width: thin; border-right-style: solid; border-right-color: #eaedef;
border-left-width: thin; border-left-style: solid; border-left-color: #eaedef;
border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #eaedef;}

#headerGreen{width:1110px; height:30px; float:left; padding:12px 0px 0px 10px; font-family:Lucida Sans, Arial; font-size:14px;	color:#fff;	font-weight: bold;
border-right-width: thin; border-right-style: solid; border-right-color: #e3e3e2;
border-left-width: thin; border-left-style: solid; border-left-color: #e3e3e2;
border-top-width: thin; border-top-style: solid; border-top-color: #e3e3e2; background-color:#b3b3b2}

#headerGreen h1{font-size:20px;  font-family:Lucida Sans, Arial;  color:#fff; font-weight: normal;text-shadow: 1px 1px 1px #999;
               }

#topblueBut:link { font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; color:#ffffff; font-weight: bold; padding:0px 30px 0 0px;}
#topblueBut:active { font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; color:#ffffff; font-weight: bold;}
#topblueBut:visited{ font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; color:#ffffff; font-weight: bold;}
#topblueBut:hover { font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: underline; color:#cccccc; font-weight: bold;}





.slideryan {top:0px;left:10px;position: relative;width:370px; height:329px;overflow:hidden; padding:0px;
          background:url(../Panel/images/banner/B5.jpg); background-repeat:no-repeat; box-shadow: 1px 1px 2px  #bbb;
  -moz-box-shadow: 1px 1px 2px  #bbb;
-webkit-box-shadow:1px 1px 2px  #bbb; border: 1px solid #dadada;}

#solmenu{width:240px; float:left; height:auto; z-index:990;}
#orta{width:1100px;  float: right;height:auto;top:0px; margin:5px; padding:5px;
       text-decoration:none;background-color:#ddd;color:#432f28; z-index:990;left: 0px;font-family: Lucida Sans, Arial;font-size:12px;
}

#griPan{width:700px; height:auto; position:relative; margin:0 auto; z-index:5;}
#griPan2{width:100%;position: absolute;height:auto;overflow:hidden;z-index:99; margin:0 auto;}

#ortaPan {width:1160px; height:auto; position:relative; margin:0 auto; z-index:9;  background-color: #000;top:70px;}

#anabanner{width:1100px;position: relative;height:auto;overflow:hidden;z-index:99;margin:0 auto;top:490px;}
.anabannerResim {width:320px; height:160px; position:relative;float:left;margin:10px;
 border:solid 3px #fff; 
-webkit-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.88);
-moz-box-shadow:    3px 3px 7px 0px rgba(50, 50, 50, 0.88);
box-shadow:         3px 3px 7px 0px rgba(50, 50, 50, 0.88); }
 .anabannerResim:hover {border:solid 3px #3aa4d6;
                        
-webkit-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.88);
-moz-box-shadow:    3px 3px 7px 0px rgba(50, 50, 50, 0.88);
box-shadow:         3px 3px 7px 0px rgba(50, 50, 50, 0.88);}

#bant2Pan{width:100%; height:250px; position:relative; margin:0 auto; z-index:4; }
#bant2Pan2{width:1100px; height:450px; position:relative; margin:0 auto; }



#haberPan{width:600px; height:277px; position:relative;  float:left;top:30px; max-height:300px; }

.haberListAna{width:1095px; height:auto; padding-bottom:5px;padding-top:5px; margin:0px; position:relative;  float:left;background-color: #fff;
              -webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 3px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 3px 0px rgba(50, 50, 50, 0.2);  }
.haberListAna:hover{width:1095px; height:auto; padding-bottom:5px;padding-top:5px; margin:0px; position:relative;  float:left;background-color: #ece7e4;
              -webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 3px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 3px 0px rgba(50, 50, 50, 0.2);  }
.haberListResim{width:270px; height:auto;float:left; }
.haberYazilar {width:700px; height:auto; float:left; top:0px; }
.haberListKisaBaslik{width:700px; height:auto;float:left;top:0px;}
.haberListIcerik{width:700px; height:auto;float:left;margin-top:20px; padding:10px;}

.haberDetayAna{width:1100px; height:auto; padding:5px; margin:0px; position:relative;  float:left;top:0px;}

.haberDetayResim {width:240px; height:160px; position:relative;float:left;margin-left:4px; }
.haberDetayResim:hover {-moz-opacity: 0.8;opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);background-color:#fff;color:#fff;}
.haberDetayYazilar {width:760px; height:auto; float:left; top:0px; max-width:300px; }
.haberDetayKisaBaslik{width:240px; height:auto;float:left;top:0px;background-color:#eee;}
.haberDetayIcerik{width:11500px; height:auto;float:left;top:0px;background-color:#fff;margin-top:20px; padding:10px;}

#ortabannerResim {width:150px; height:150px; position:relative;float:left; border: solid 3px #f6f6f6;margin:10px; }
#ortabannerResim:hover {border: solid 3px #39a3d4;
opacity: 0.60;
-moz-opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);}

#bant3Pan{width:100%; height:175px; position:relative; margin:0 auto; z-index:4;  background-color: #ffffff;}
#bant3Pan2{width:1110px; height:175px; position:relative; margin:0 auto; }



#divP {width:220px; height:309px; margin:0px 0 0 5px;list-style-type:none;   }

#back-top {position: fixed; bottom:5px; left:93%; z-index:99;}
#back-top a {width: 108px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;}
#back-top span {width: 60px;height: 60px;display: block;margin-bottom: 7px;background: #ddd url(../images/sayfabasi.png) no-repeat center center;}
#back-top a:hover span {background-color: #777;}

#face {position: fixed; bottom:40%; left:93%; z-index:99;}
#face a {width: 138px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;color: #f0efef;}
#face span {width:100px;height: 60px;display: block;margin-bottom: 7px;margin-right: 17px;background:url(../images/f.png) no-repeat center center;}


#t360 {position: fixed; bottom:48%; left:93%; z-index:99;}
#t360 a {width: 138px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;color: #f0efef;}
#t360 span {width:100px;height: 60px;display: block;margin-bottom: 7px;margin-right: 17px;background: url(../images/t360.png) no-repeat center center}


#FkutuYazi{width:1060px; height:auto; float:left; margin:230px 0 0 0px; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px;	text-decoration: none;	color:#a16c37;	font-weight: bold;cursor:pointer;cursor:hand;}
#FkutuBaslik{width:1060px; height:auto; float:left; margin:5px 0 10px 10px;cursor:pointer;cursor:hand;}
#FkutuBaslik:hover{width:1060px; height:auto; float:left; margin:5px 0 10px 10px;-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);cursor:pointer;cursor:hand;}
#FkutuResim{width:1060px; height:auto; float:left; margin:0px 10px 0 12px;cursor:pointer;cursor:hand;}
#FkutuResim:hover{width:1060px; height:auto; float:left; margin:0px 10px 0 12px;-moz-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);cursor:pointer;cursor:hand;}
#FkutuSlogan{width:1060px; height:auto; float:left; margin:5px 0 0 12px;}
.Ftext13 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;	text-decoration: none;	color:#A0681D;	font-weight: normal; text-align: center; }
.Fslogan{width:1060px; height:auto; float:left; margin:0px 0 0 20px; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px;	text-decoration: none;	color:#a16c37;	font-weight: bold; }

.textbaslik {font-family: Lucida Sans, Arial; font-size:16px;	text-decoration: none;	color:#000;	font-weight: normal;text-shadow:1px 1px 1px #d5d6d6;margin-bottom:10px;}
.textcopy { font-family:Lucida Sans, Arial; font-size:12px;	color:#000;	font-weight: normal;}
.textcopy:hover { font-family:Lucida Sans, Arial; font-size:12px;	color:#e40616;	font-weight: normal;}
.text1 { font-family:Lucida Sans, Arial; font-size:12px;	color:#432f28;	font-weight: normal;}
.text2 {font-family: Lucida Sans, Arial; font-size:12px;	text-decoration: none;	color:#777;	font-weight: normal;}
.text3 {font-family: Lucida Sans, Arial; font-size:16px;	text-decoration: none;	color:#777;	font-weight: normal;}
.text4 {font-family: Lucida Sans, Arial; font-size:13px;	text-decoration: none;	color:#fff;	font-weight: normal;text-shadow:2px 2px 2px #000}
.text5 {font-family: Lucida Sans, Arial; font-size:12px;	text-decoration: none;	color:#373e3b;	font-weight: normal;}
.text6 {font-family: Lucida Sans, Arial; font-size:12px;	text-decoration: none;	color:#373e3b;	font-weight: normal;}
.text7 {font-family: Lucida Sans, Arial; font-size:12px;	text-decoration: none;	color:#373e3b;	font-weight: normal;}
.text8 {font-family: Lucida Sans, Arial; font-size:13px;	text-decoration: none;	color:#000000;	font-weight: normal;}
.text9 {font-family: Lucida Sans, Arial; font-size:13px;	text-decoration: none;	color:#000000;	font-weight: normal;}
.text10 {font-family: Lucida Sans, Arial; font-size:11px;	text-decoration: none;	color:#00428c;	font-weight: normal;}

#kutuPan{width:362px; height:230px; float:left; margin:4px 4px 0 0;cursor:pointer;cursor:hand;list-style-type:none; background-color:#fcfefa;

-webkit-box-shadow: 4px 4px 3px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    4px 4px 3px 0px rgba(50, 50, 50, 0.2);
box-shadow:         4px 4px 3px 0px rgba(50, 50, 50, 0.2);   }


#kutuYazi{width:100px; height:60px; float:left; margin:230px 0 0 20px; font-family:Lucida Sans, Arial;font-size:16px;	text-decoration: none;	color:#a16c37;	font-weight: normal;cursor:pointer;cursor:hand; }
#kutuBaslik{width:200px; height:25px; float:left; margin:5px 0px 0px 5px;cursor:hand;font-size:13px;color:#2ea1d7;}
#kutuBaslik:hover{width:200px; height:25px; float:left; margin:5px 0px 0px 5px;-moz-opacity: 0.80;font-size:13px;color:#000;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);cursor:pointer;cursor:hand;}
#kutuResim{width:362px; height:auto; float:left;cursor:pointer;cursor:hand;border:thin 1px #ffffff;}
#kutuResim:hover{float:left;-moz-opacity: 0.75;opacity: 0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=75);cursor:pointer;cursor:hand;border:thin 1px #ffffff;}
#kutuSlogan{width:180px; height:40px; float:left; margin:5px 0 0 12px;}

.textkategorisayfa {font-family: Lucida Sans, Arial; font-size:24px;	text-decoration: none;	font-weight: normal; text-align:center; color:#f45e12;   }
.textkategorisayfaleft {font-family: Lucida Sans, Arial; font-size:24px;	text-decoration: none;	font-weight: normal; text-align:left; color:#f45e12;   }
#textkategorisayfaright {font-family: Lucida Sans, Arial; font-size:19px;	text-decoration: none;	font-weight: normal; text-align:right; color:#f45e12;   }
#textkategorisayfaright {font-family: Lucida Sans, Arial; font-size:19px;	text-decoration: none;	font-weight: normal; text-align:right; color:#f45e12;   }


#Resim{width:360px; height:205px; float:left; margin:6px 2px 0 0;cursor:pointer;cursor:hand;list-style-type:none; background-color:#fff;
 border:1px solid #fff;color:#41403e;text-decoration: none;	  }
#Resim:hover{-moz-opacity: 0.8;opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);background-color:#41403e;color:#fff;
            background:url(../images/h.jpg) 50% no-repeat;}
.Resim{width:360px; height:205px; float:left; margin:6px 4px 0 0;cursor:pointer;cursor:hand;list-style-type:none; background-color:#fff;
 border:1px solid #fff;color:#41403e;text-decoration: none;	  }
.Resim:hover{-moz-opacity: 0.8;opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);background-color:#41403e;color:#fff;
              background:url(../images/h.jpg) 50% no-repeat;}
.textResim {font-family: Lucida Sans, Arial; font-size:12px;	text-decoration: none;		font-weight: normal; text-align:center;
           padding:2px 2px 4px 2px;      }


.iletisimform{width:600px; position: relative;  height:auto;  padding:0 0 0 0; top:10px; left:250px; margin:10px;  }


/*---Alt ---*/
#altPan{width:1127px; height:auto; position:relative; margin:0 auto;top:0px;color:#000; float:left;
	left: 0px;}
#altPan #kutu11{width:320px; height:auto; position:relative; top:5px; margin-right:53px;color:#000;float:left; }
#altPan #kutu12{width:600px; height:auto; position:relative; top:-20px; margin-left:30px;color:#000;float:left; }

#altPan #kutu2{width:1115px; height:150px; position:relative;background-color: #2ea1d7;color:White;}


#AltkutuResim{width:110px; height:55px; float:left; margin:7px;cursor:pointer;cursor:hand;float:left;}
#AltkutuResim:hover{width:110px; height:55px; float:left; margin:7px;cursor:pointer;cursor:hand;float:left;}
#altPan .copy{width:600px; height:55px;  position: relative; top:120px; left:560px; text-align:center;color:#696865; font-size:12px;}
#altPan .slogann{width:600px; height:55px;position: relative; top:60px; left:260px; text-align:center;color:#fff; font-size:18px;font-family: 'Courgette', cursive;}



.altbut:link { font-family:Lucida Sans, Arial; font-size:16px; text-decoration: none; color:#39a3d4;}
.altbut:hover { font-family:Lucida Sans, Arial; font-size:16px; text-decoration: none; color:#fff; }
.text12 {font-family:Lucida Sans, Arial; font-size:16px;	text-decoration: none;	color:#39a3d4;	font-weight: normal;text-shadow:1px 1px 1px #000}
.text12b {font-family:Lucida Sans, Arial; font-size:16px;	text-decoration: none;	color:#fff;	font-weight: normal;text-shadow:1px 1px 1px #000;}

.kutuBaslikhaberlist{cursor:pointer;cursor:hand;color:#41403e;font-size:17px; text-decoration:none;}
.kutuBaslikhaberlist:hover{ cursor:pointer;cursor:hand;color:#000000;font-size:17px;}

#AltkutuSlogan{width:150px; height:auto; float:left; margin:5px 0 0 12px;}

.clear, .spacer {clear: both;}

.formtext {float:left; font-size: 17px; background:#fff; padding:10px;margin:0px 0px 0px 0px;border:1px solid #7c99ea;color:#39a3d4; font-weight:normal;
           font-family: Lucida Sans, Arial; }

.Buton {font-size: 16px;color:#fff;border:solid 1px #7c99ea; text-align: center; background-color:#39a3d4;height:30px;
	margin-top: 0px;width:200px;
}

.Buton:hover {font-size: 16px;color:#7c99ea;border:solid 1px #7c99ea; width:110px; height:30px;width:200px;
	text-align: center; background-color:#fff;}
.textformlar {font-family: Lucida Sans, Arial; font-size:20px;	text-decoration: none;	font-weight: normal; text-align:left; color:#f45e12;   }