/* GENEL AYARLAR */
body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background:url('../Images/BackGround.jpg') top center;
}


/* GENEL AYARLAR */
#Yuvarla, .Yuvarla {
	border-radius: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#UstYuvarla, .UstYuvarla {
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
#Temizle, .Temizle {clear:both;}




/* HEADER */
div.HeaderGenel {width:100%; height:200px; background:url('../Images/Header.png') top center; position:absolute; z-index:2;}
div.HeaderBosluk {width:100%; height:100px;}
div.Header {width:960px; height:200px; margin:auto;}
div.Logo {float:left;}
div.Logo a {width:260px; height:150px; display:block;}

div.Menu {float:right; margin-top:20px;}
div.Menu ul li {list-style:none; float:left;}
div.Menu ul li a {color:#FFF; font-weight:bold; padding:10px; display:block;}
div.Menu ul li a:hover {color:#FFCC00;}

div.SosyalMedya {float:right; margin-top:12px;}
div.SosyalMedya ul li {list-style:none; float:left; padding:2px;}
div.SosyalMedya ul li a.Twitter {width:21px; height:21px; background:url('../Images/SosyalMedya.png'); display:block;}
div.SosyalMedya ul li a.Facebook {width:21px; height:21px; background:url('../Images/SosyalMedya.png')-25px; display:block;}
div.SosyalMedya ul li a.Linkdin {width:21px; height:21px; background:url('../Images/SosyalMedya.png')-49px; display:block;}
div.SosyalMedya ul li a.Youtube {width:21px; height:21px; background:url('../Images/SosyalMedya.png')21px; display:block;}




/* SLIDER */
div.Slider {width:100%; height:524px; background:url('../Images/Slider.jpg') no-repeat top center;}
div.Loader {width:100%; height:524px; background:url('../Images/ajax-loader.gif') no-repeat center; position:absolute; z-index:-1;}
div.SliderAyar {width:100%; height:524px; position:absolute; overflow:hidden; right:0; left:0; margin:0 auto; z-index:1;}
div.SliderMaske {width:960px; height:524px; background:url('../Images/Maske.png') no-repeat; position:absolute;}
.flexslider-1 { background: none; border: none; width: 960px; height: 494px;}
.slides li { float: left; display: inline; display: none; position:absolute; z-index:-1;}



/* HOME */
div.HomeGroup {width:960px; height:300px; background:url('../Images/Home.png') no-repeat top center; margin:auto; margin-top:15px;}
div.Home {width:310px; height:200px; float:left; margin-right:10px; margin-top:56px;}
div.Home p.Baslik {color:#ffba00; font-size:20px; word-spacing:3px; padding:10px 0px 0px 10px;}
	div.Home p.Baslik a {color:#ffba00;}
	div.Home p.Baslik a:hover {color:#FFF; text-decoration:underline;}
div.Home p.Icerik {color:#FFF; line-height:150%; font-size:11px; text-align:justify; padding:10px 0px 0px 10px;}
div.Home a.Devami {width:106px; height:29px; background:url('../Images/Devami.png') no-repeat; display:block; float:right;}
div.Home img {float:left; margin-right:10px; padding:10px; background:rgba(0,0,0,0.2); box-shadow:5px 5px 5px #210d00;}

/* SLİDER PROJELER */	
div.SliderProjeler {width:310px; height:200px; /*background:rgba(255,255,255,0.5);*/ position:absolute; overflow:hidden; right:0; left:0; margin:0 auto; z-index:1;}
.SliderProjeler .flexslider-1 { background: none; border: none; width: 310px; height: 200px;}
.SliderProjeler .flexslider-1 .slides li { float: left; display: inline; display: none; position:absolute; z-index:1;}

.SliderProjeler .flex-direction-nav li .prev,
.SliderProjeler .flex-direction-nav li .next {width:18px; height:22px; margin-top:-85px; left:50%; position:absolute; text-indent:-4000px; display:block; z-index:2;}
.SliderProjeler .flex-direction-nav li .prev {background:url('../Images/Oklar2.png') 0 0; margin-left:95px;}
.SliderProjeler .flex-direction-nav li .prev:hover {background:url('../Images/Oklar2.png') 0 22px;}
.SliderProjeler .flex-direction-nav li .next {background:url('../Images/Oklar2.png') -24px 0; margin-left:120px;}
.SliderProjeler .flex-direction-nav li .next:hover {background:url('../Images/Oklar2.png') -24px 22px;}	
	



/* SAYFA */
div.Cerceve {width:940px; min-height:750px; padding:10px; margin:auto; margin-top:30px; margin-bottom:10px; background:rgba(0,0,0,0.5);}
div.Sayfa {width:940px; min-height:750px; margin:auto; background:rgba(255,255,255,0.8);}
div.Banner {width:940px; height:250px; overflow:hidden;}
div.Banner img {width:940px;}

div.Sol {width:220px; margin:10px; float:left;}
div.Sol ul {background:#000 url('../Images/YanMenu.jpg') no-repeat top center;}
div.Sol ul.Listele {background:#000 url('../Images/YanMenu.jpg') no-repeat top center; background-position:0 -44px; max-height:500px; overflow:auto;}
	div.Sol ul li.Baslik {font-size:17px; color:#FFF; text-align:center; padding:11px;}
	div.Sol ul li.Link a {color:#FFF; padding:10px; display:block;}
	div.Sol ul li.Link a:hover {background:rgba(0,0,0,0.2); color:#FF0;}
div.Golge {width:220px; height:33px; background:url('../Images/Golge.png');}
div.Orta {width:690px; margin:10px; margin-left:0; float:left;}
	div.Orta p.Icerik {line-height:175%; text-align:justify; padding-bottom:10px; font-size:13px; color:#333;}
	div.Orta p.Baslik {color:#321301; font-size:30px; word-spacing:3px;}
	div#Foto {padding:5px; float:left;}

/* YAN MENÜ OLMAYAN SAYFALAR İÇİN */	
div.Orta3 {width:690px; margin:10px; float:left;}
	div.Orta3 p.Icerik {line-height:175%; text-align:justify; padding-bottom:10px; font-size:13px; color:#333;}
	div.Orta3 p.Baslik {color:#321301; font-size:30px; word-spacing:3px;}
	


/* REFERANSLAR */
div.Referans {width:213px; height:247px; float:left; padding:5px; margin:5px; border:solid 1px #E2E2E2; background:#FFF;}
div.Referans p.Icerik {line-height:175%; text-align:justify; padding-bottom:10px; font-size:11px; color:#333;}
div.Referans p.Baslik {color:#321301; font-size:15px; word-spacing:3px; margin-bottom:5px; background:#FC0; padding:5px; text-shadow:1px 1px #FFF;}
	div#Referanslar {width:213px; height:213px; overflow:hidden;}
	
	
	
	
/* ILETISIM BILGILERI - FORM */
div.IletisimBilgileri {width:100%; margin-bottom:30px;}
div.IletisimBilgileri ul li {width:680px; list-style:none; padding:10px; font-size:12px; color:#301d03; border-bottom:dotted 1px #CCC;}
div.IletisimBilgileri ul li span {width:75px; float:left; color:#473806;}
div.IletisimBilgileri ul li:hover {background-color:#f8f4df;}

ul.IletisimFormu {margin-left:10px;}
ul.IletisimFormu li {width:600px; list-style:none; float:none; padding:2px; color:#301d03;}
ul.IletisimFormu li input#TextBox {padding:5px; outline:none;}
ul.IletisimFormu li input#TextBox:focus {background-color:#f8f4df;}
ul.IletisimFormu li span {width:100px; margin-top:9px; float:left; color:#473806;}	




/* FOOTER */
div.FooterGenel {width:100%; height:251px; background:url('../Images/Footer.jpg') no-repeat top center;}
div.Footer {width:960px; height:251px; margin:auto;}
div.Metin {text-align:center; padding:20px; color:#FFF;}
	div.Metin a {color:#FFF; padding:10px; display:inline-block;}
	div.Metin a:hover {text-decoration:underline;}
div.FooterLine {width:765px; height:2px; background:url('../Images/FooterLine.png'); margin:20px;}
div.Reserved {color:#4e4033;}
div.Reserved a {color:#4e4033;}