@charset "utf-8";

/*Reset*/
body{font: 12px/19px Arial;margin:auto; background:url(../img/bg.png)}
table,tr,td,h1,h2,h3,h4,h5,h6,ul,li,p,input,form,textarea,fieldset{padding: 0; margin: 0; border:none; list-style-type:none}
img{border:none}
a{ text-decoration:none;}
:focus{outline:none}

/*Body*/
body {
    background-image: url('<?= $config['url'] ?>theme/<?= $config['theme'] ?>/img/site_arkaplan.jpg');
    background-repeat: no-repeat;
    background-size: cover;   /* tüm ekranı kaplasın */
    background-position: center center;
}

/* Tam Ekran */
.background {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;}

@media screen and (max-width: 1024px){
.background {
left: 50%;
margin-left: -512px;}
}

#page-wrap {
position: relative;
width:1024px;
margin: 0 auto;
background: white; }

/* Tam Ekran */


/* En Ust */

div#ustTutucu{ width:1016px; height:145px; float:left;}
	div#ustSag{ width:1015px; height:30px; float:left;}
		div#linkTutucu{ width:317px; height:29px; float:right; padding-left:50px; padding-top:5px; color:#fff; font-size:11px; background-image:url(../img/ust_link_arkaplan.png); background-repeat:no-repeat; }
		div#linkTutucu a{ color:#fff; }
	div#banner{ width:979px; height:127px; float:left; }
		div#logo{ width:212px; height:129px; float:left; margin-top:-20px; }
		div#tel{ width:180px; height:35px; border:0px solid #000; float:right; margin-top:50px}
			div#tel div#png{ width:27px; height:27px; float:left; }
			div#tel div#numara{ float:left; font-family:Candara, Arial, Helvetica, sans-serif; font-size:20px; color:#495474; margin-top:3px;margin-left:5px}	
		
		
/* Menu Header */
div#menu{ width:964px; height:60px; float:left; margin-top:40px; font-family:Candara, Arial, Helvetica, sans-serif; }
	div#menuUst{ width:960px; height:40px; float:left; font-size:14px; }
		div#menuUst ul li{ float:left; margin-left:50px;list-style-image:url(../default/img/list_png.png); }
		div#menuUst ul li.secili{list-style-image:(../img/list_hover.png); }
			div#menuUst ul li a{ color:#656566;}
				div#menuUst ul li a:hover{ color:#f15727;}
				div.mAraCizgi{ width:7px; height:44px; float:right;margin-top:-15px;margin-left:30px; }
				
/* Slider Alani */

div#slider{ width:1041px; height:392px; float:left; background-image:url(../img/slider_arka.png); background-repeat:no-repeat; z-index:2px; margin-bottom:18px}
	div#sliderAlt{ width:1020px; margin-left:-3px; height:161px; float:left; background-image:url(../img/slider_arka_alt.png); background-repeat:no-repeat; margin-top:-160px; position:relative; z-index:20px}


/* Icerik Alani */
div#icerikTutucu{ width:1016px; float:left; overflow: hidden; }
	div.paketKalip{ width:287px; height:231px; float:left; margin-right:50px; }
		div.paketKalip div.baslik{ width:200px; height:25px; float:left; font-family:Candara; font-size:16px; color:#2d2e2e; }
		div.paketKalip div.baslik a{ color:#2d2e2e} 
			div.paketKalip div.resim{ width:283px; height:92px; float:left; }
				div.icerik{ width:286px; height:102px; float:left; font-family:Candara; font-size:11px; color:#2d2e2e; line-height:22px; }
					div.icerik a{ color:#f15727; }
					div.icerik a:hover{ color:#000; }
	div#ayiriciCizgi{ width:975px; height:11px; display: flex; justify-content:center;   margin: 40px auto 0 auto; }
					


/* Footer */
div#footerKalip{
    width: 955px;
    height: auto;
    padding: 20px 0;
    margin: 0 auto; /* Ortala */
    display: flex;
    flex-direction: column;
    align-items: center; /* Yatay ortala */
    justify-content: center; /* Dikey ortala */
}
	div#footerYazilar{ width:1000px; height:34px; float:left; font-style:italic; font-family:Candara; font-size:16px; color:#56575a; text-align: center; margin-top:10px; }
		span.kucukYazi{ font-size:12px; margin-left:300px; }
		span.tasarimci{ font-size:12px; margin-left:220px; }
			 span.tasarimci a{ color:#56575a; }
			 	span.tasarimci a:hover{ color:#f15727; }
	div#sosyalTutucu{ width:955px; height:34px; display: flex; justify-content: center; }
		div.sosyalPng{ width:20px; height:20px; }				
				
div.temizle{ clear:both; }

/* Hakkimizda */
div#hakTutucu{ width:1016px; float:left; margin-bottom:30px; }
div.siteBaslik{ width:300px; color:#f15727; font-family:Candara, Arial, Helvetica, sans-serif; font-size:16px; float:left; margin-top:10px; }
	div#hakYazi{ width:590px; font-family:Candara, Arial, Helvetica, sans-serif; font-size:12px; color:#2d2e2e; float:left; margin-top:20px; line-height:20px; }
		div#hakResim{ width:298px; height:163px; float:left; margin-left:70px; border:1px solid #CCC; }
		
/* Iletisim */

div#adresTutucu{ width:400px; float:left; margin-top:20px; }

	table#adresBilgileri{ line-height:22px;border:0px solid #000 }
	table#adresBilgileri tr td.a{border-bottom:1px dashed #ddd; vertical-align:top; font-weight:bold; width:100px}
	table#adresBilgileri tr td{border-bottom:1px dashed #ddd; vertical-align:top}
	
	div#googleMap{ width:350px; border:1px solid #eee; height:158px; float:right; clear:both; margin:0px 65px 70px 0; }
	div#iletisimFormu{ width:600px; float:left; margin-top:20px; }
	table#formTablo{ width:300px;}
		table#formTablo input{ border:1px solid #CCC; }
		input#textBox{ width:250px; height:20px; }
		input#mesajTextBox{ height:150px; width:250px; }
		input#gonderButon{ width:100px; height:30px; margin-top:10px; }
		
#contentForm {	color:#333;  display: block;  width: 420px; border:0px solid #000;}
label {  display: block;  float: left;  clear: left;  width: 150px;  line-height: 20px;  margin-bottom: 10px;  margin: 5px 0;}
input, textarea, select {  margin: 0;  padding: 2px;  font-size: 1em;  color: #333;  background: #F5F5F5;  border: 1px solid #ccc;  margin: 5px 0;}   
input:focus, textarea:focus, select:focus {  border: 1px solid #F90;  background-color: #FFFFFF;}
input.button {  cursor: pointer;  border: none;  font-weight: bold;  background-color:#ddd;  width: 70px;  height: 20px;  margin-left: 150px;}
span.required{  font-size: 13px !important;  color: red !important;}
.errormsg {  display: block;  width: 80%;  height: 22px;  line-height: 22px;  color: #FFFFFF;  font-weight: bold;  background:#F39898;  padding: 3px 10px 3px 40px;  margin:3px 0 10px 0;  border-top: 2px solid #FF0000;  border-bottom: 2px solid #FF0000;}
.msgSent {  font-size: 20px;  text-align: center;  color:#063;}
		

/* Referanslar */
div#referansTutucu{ width:700px; margin:0 auto; border:0px solid #f00}
div#referansTutucu .referansKalip{border-bottom:1px solid #CCC; display:block; width:800px; overflow:auto; padding:7px 10px;  margin:0 0 10px 0}
div#referansTutucu .referansResim{width:150px; float:left; padding:5px 5px; border:0px solid #f00}
div#referansTutucu .referansBaslik{ float:left; font-size:15px; padding:15px 10px; border:0px solid #f00;}


/* Hizmetler */	
div#hizAkordionTutucu{float:left;width:600px }

     ul.fakulteBilgileri{overflow: hidden; margin:25px 20px 0 0}
                ul.fakulteBilgileri li{width: 100%; overflow: hidden; background:none; border-top:0px solid #E3E3E3; cursor: pointer;}
				ul.fakulteBilgileri li:first-child{width: 100%; overflow: hidden; background:none; border-top:0px solid #E3E3E3; cursor: pointer;}
                ul.fakulteBilgileri li:hover{}
                    ul.fakulteBilgileri li h1{overflow: hidden;  color: #333; background: url(../resim/ok.gif) 5px 14px no-repeat; font-size: 11px; font-weight: bold; line-height: 12px; padding: 10px 5px 10px 15px; margin-left: 15px;}
                    ul.fakulteBilgileri li p{overflow: hidden; color: #333;margin-left: 31px; line-height: 14px; padding: 0px 5px 10px 0; display: none;}
                    ul.fakulteBilgileri li p.secili{display: block;}
                    ul.fakulteBilgileri li a{color: #00AAFF;}
					
p span{ display:block;padding:3px 0;margin-left:10px; font-style:italic; list-style-type:circle}
div#hizResim{ width:360px; height:544px; float:right; }

/*anasayfa referans*/
div.limiter {width:260px;height:80px;borde	r:1px solid #ddd;overflow:hidden}
ul#portfolio{margin-bottom:2em;float:left;}