@charset "utf-8";
/*reset*/
body{font:11px/1.3em Arial, Helvetica, sans-serif;color:#434343;background:#fff url(../resimler/arkaplan.jpg) top repeat-x}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;display:block}
fieldset,img{border:0}
sup{line-height:5px;vertical-align:top}
li{list-style:none;display:block}
select{font-size:100%;font-family:inherit;font-weight:inherit}
a,a:visited{text-decoration:none;color:#434343;cursor:pointer}
a:focus{outline-style:none}
/*skeleton*/
div#galeri,div#galeri-bg,div#wrap,div#footer{width:100%;overflow:hidden}
div#header,div#banner,div#container,div#footer div.contents,div#footer div.telif_hakki{width:982px;margin:0 auto;overflow:hidden}
/*globals*/
.dn{display:none}
.clear{clear:both}
/*galeri*/
div#galeri{text-align:center;padding-top:4%;position:absolute;top:0px;left:0px;z-index:999}
div#galeri span{color:#fff;line-height:40px;display:block}
div#galeri div{width:100px;height:100px;background:#fff url(../resimler/yukleniyor.gif) center center no-repeat;padding:40px;margin:0 auto}
div#galeri-bg{background:#434343;padding-top:4%;position:absolute;z-index:333;opacity:.75}
/*header*/
div#header{height:120px}
div#header a#logo{width:300px;height:120px;background:url(../resimler/logo.png) no-repeat;display:block;float:left}
	/*navigation*/
	div#navigation{width:682px;height:120px;background:url(../resimler/header_tel.png) right 21px no-repeat;float:left}
	div#navigation ul{margin-top:64px;float:right}
	div#navigation li{width:147px;height:42px;margin-left:10px;float:left}
	div#navigation a{color:#006b92;width:141px;height:42px;background:url(../resimler/navigation_btn.jpg) right no-repeat;padding:8px 0 0 6px;overflow:hidden;display:block}
	div#navigation a span{font-size:1.5em;font-weight:bold;margin-bottom:3px;display:block}
	div#navigation a:hover{background-position:left}
/*banner*/
div#banner{height:385px}
/*container*/
div#container{margin-top:30px}
	/*sided*/
	div#container div.sided{width:987px;margin-left:-5px;overflow:hidden}
	div#container div.sided div.side{width:324px;height:557px;margin-left:5px;display:inline;float:left}
	div#container div.sided h2{color:#fff;font-size:1.3em;font-weight:bold;text-indent:20px;line-height:41px;width:324px;height:41px;background:url(../resimler/sided_h2.png) no-repeat;margin-bottom:1px;overflow:hidden}
		/*paketler*/
		div#container div.sided div.paket{background:#f5f5f5 url(../resimler/sided_paket_bottom.gif) bottom no-repeat}
		div#container div.sided div.paket div.img{color:#455a62;font-size:1.2em;width:184px;height:73px;padding:60px 0 0 140px;border-bottom:solid 1px #fff}
		div#container div.sided div.paket div.paket1{background:url(../resimler/sided_paket1.jpg) no-repeat}
		div#container div.sided div.paket div.paket2{background:url(../resimler/sided_paket2.jpg) no-repeat}
		div#container div.sided div.paket div.img span{line-height:1.1;font-size:2em;font-weight:bold;display:block}
		div#container div.sided div.paket div.text{height:326px;padding:5px 10px;overflow:hidden}
		div#container div.sided div.paket div.bttns{height:34px;background:url(../resimler/paket_bttns_bg.gif) top repeat-x;padding-top:11px}
		div#container div.sided div.paket div.bttns a{color:#fff;font-weight:bold;text-align:center;line-height:22px;height:23px;background:top no-repeat;display:inline;float:left}
		div#container div.sided div.paket div.bttns a.btn1{width:180px;background-image:url(../resimler/sided_bttn1.png);margin:0 10px}
		div#container div.sided div.paket div.bttns a.btn2{width:114px;background-image:url(../resimler/sided_bttn2.png)}
		div#container div.sided div.paket div.bttns a:hover{background-position:bottom}
		/*referans*/
		div#container div.sided div.referans{background:#c9e4ee url(../resimler/sided_ref_bottom.gif) bottom no-repeat}
		div#container div.sided div.referans div.list{height:448px;margin:13px 0 10px 0;overflow:hidden}
		div#container div.sided div.referans div.list li{width:304px;height:55px;margin:0 auto 1px auto}
		div#container div.sided div.referans div.list li a{width:294px;height:43px;background:#d7ebf2;padding:12px 0 0 10px;overflow:hidden;display:block}
		div#container div.sided div.referans div.list li a.even{background:#dfeff5}
		div#container div.sided div.referans div.list li span{font-size:1.2em;font-weight:bold;display:block}
		div#container div.sided div.referans div.list li a:hover{background:#ecf5f8}

		div#container div.sided div.referans div.bttns{height:34px;background:url(../resimler/referans_bttns_bg.gif) top repeat-x;padding-top:11px}
		div#container div.sided div.referans div.bttns a{color:#fff;font-weight:bold;text-align:center;line-height:22px;width:174px;height:23px;background:url(../resimler/referans_bttn.png) top no-repeat;margin-right:10px;display:block;float:right}
		div#container div.sided div.referans div.bttns a:hover{background-position:bottom}
	/*temalar*/
	div#temalar{background:#6aa8bf url(../resimler/temalar_bottom.png) bottom no-repeat;margin-top:5px;overflow:hidden}
	div#temalar h2{color:#fff;font-size:1.3em;font-weight:bold;text-indent:20px;line-height:41px;width:982px;height:41px;background:url(../resimler/temalar_top.png) no-repeat;margin-bottom:1px;overflow:hidden}
	div#temalar div.tema-galeri{width:981px;background:#ececec;padding:13px 0 0 1px;overflow:hidden;border-top:solid 1px #fff;border-bottom:solid 1px #fff}
	div#temalar div.tema-galeri li{width:170px;height:176px;margin:0 13px 13px 13px;overflow:hidden;display:inline;float:left}
	div#temalar div.tema-galeri li a{width:170px;height:176px;display:block}
	div#temalar div.tema-galeri li a img{width:170px;height:140px;background:#fff;margin-bottom:13px;display:block;opacity:.75}
	div#temalar div.tema-galeri li a span{text-align:center;line-height:22px;width:170px;height:23px;background:url(../resimler/temalar_kod_bg.png) top no-repeat;display:block}
	div#temalar div.tema-galeri li a:hover img{opacity:100}
	div#temalar div.tema-galeri li a:hover span{color:#fff;background-position:bottom}
	div#temalar div.text{color:#fff;font-size:1.4em;padding:20px}
	div#temalar div.bttns{width:982px;height:34px;background:url(../resimler/temalar_bttns_bg.gif) top repeat-x;padding-top:11px}
	div#temalar div.bttns a{color:#fff;font-weight:bold;text-align:center;line-height:23px;width:174px;height:23px;background:url(../resimler/temalar_btn.png) top no-repeat;margin-right:10px;display:block;float:right}
	div#temalar div.bttns a:hover{background-position:bottom}
	/*alt sayfalar*/
	div.altsayfa{background:#f5f5f5 url(../resimler/altsayfa_bottom.png) bottom no-repeat}
	div.altsayfa h1{color:#fff;font-size:1.3em;font-weight:bold;text-indent:20px;line-height:40px;width:982px;height:40px;background:url(../resimler/altsayfa_h1.png) no-repeat;display:block;border-bottom:solid 1px #fff}
	div.altsayfa div.icerik{padding:20px}
	div.altsayfa div.icerik{font-size:1.5em;line-height:21px}
	div.altsayfa div.icerik strong.baslik{color:#e067ae;font-size:1.6em}
	div.altsayfa div.icerik span{color:#007fae;font-size:1.6em}
	div.altsayfa div.icerik span a{color:#007fae;text-decoration:underline}
	div.tanitim-turu div.icerik span a:hover{text-decoration:none}
		/*tanitim turu*/
		div.tanitim-turu div.icerik img.resim1{margin:43px 26px 10px 0;float:left}
		div.tanitim-turu div.icerik img.resim2{margin:43px 66px 10px 60px;float:left}
		div.alt-paketler div.icerik img{margin:43px 26px 90px 0;float:left}
		div.alt-paketler div.icerik img.paket2{margin-bottom:120px}
		div.demolar div.linkler{margin-left:60px}
		div.demolar div.linkler a:hover{text-decoration:underline}
		/*liste tipleri*/
		div.liste-tip1 li{background:#fff url(../resimler/arrow1.png) left center no-repeat;padding:10px 10px 10px 60px;margin-bottom:5px}
		div.liste-tip1 li.even{background:#fafafa url(../resimler/arrow2.png) left center no-repeat}
		div.liste-tip1 li a{text-decoration:underline}
		div.liste-tip1 li a:hover{text-decoration:none}
		div.liste-tip1 li span,div.liste-tip2 li span{line-height:30px;display:block}
		div.liste-tip2 li{padding-bottom:15px;margin-bottom:15px;border-bottom:dashed 1px #ccc}
		/*paging*/
		div#pager{text-align:center;padding-top:10px}
		div#pager a,div#pager strong{background:#fff url(../resimler/pager_bg.gif) top repeat-x;padding:2px 6px;margin:0 1px;display:inline-block;border:solid 1px #fff}
		div#pager a:hover,div#pager strong{background-position:bottom;border-color:#e067ae}
		
/*footer*/
div#footer{background:url(../resimler/footer_bg.png) repeat-x;overflow:hidden}
div#footer div.contents{height:187px;padding-top:30px}
div#footer div.markalar{text-align:center;height:40px}
div#footer div.markalar a{height:40px;background:top no-repeat;margin:0 25px;display:inline-block}
div#footer div.markalar a.fa{width:122px;background-image:url(../resimler/silverstripe.jpg)}
div#footer div.markalar a.fb{width:78px;background-image:url(../resimler/php5.jpg)}
div#footer div.markalar a.fc{width:64px;background-image:url(../resimler/mysql.jpg)}
div#footer div.markalar a.fd{width:104px;background-image:url(../resimler/centos.jpg)}
div#footer div.markalar a:hover{background-position:bottom}
div#footer div.telif_hakki,div#footer div.bilgi{font-size:0.9em;text-align:center}
div#footer div.telif_hakki{color:#3b515c;height:60px;padding-top:28px}
div#footer div.bilgi{color:#b6b6b6;height:39px;padding-top:20px}
div#footer div.bilgi a{color:#b6b6b6;text-decoration:underline}
div#footer div.bilgi a:hover{color:#b6b6b6;text-decoration:none}