@charset "utf-8";
/*reset*/
body{font:12px/1.3em Verdana, Arial, Helvetica, sans-serif;color:#373f40;background:#7d7f7e}
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}
li{list-style:none;display:block}
select{font-size:100%;font-family:inherit;font-weight:inherit}
a,a:visited{text-decoration:none;color:#373f40;cursor:pointer}
a:hover{color:#06a1ab}
/*skeleton*/
div#wrap,div#header,div#banner,div#proje_baslik,div#sub_banner,div#altsayfa_baslik,div#container{width:100%;overflow:hidden}
div.header_contents,div#banner,div#proje_baslik div.contents,div#sub_banner div.contents,div#altsayfa_baslik div.contents,div.container_contents,div#footer{width:989px;overflow:hidden;margin:0 auto}
/*globals*/
.dn{display:none}
.clear{clear:both}
a.detay_btn{font-weight:bold;font-size:0.8em;text-indent:28px;line-height:22px;width:131px;height:23px;background:url(../images/detay_btn.png) top no-repeat;overflow:hidden;display:block}
a.detay_btn:hover{background-position:bottom}
	/*forms*/
	.form{font-size:1em;font-family:Arial, Helvetica, sans-serif;background:#fff url(../images/form_bg.gif) top repeat-x;border:solid 1px #afafaf;margin:1px 0}
	.button{background:url(../images/form_bttn.gif) repeat-x;border:solid 1px #81898c;margin:1px 0;overflow:hidden}
	input.form{line-height:16px;height:16px}
	textarea.form{height:70px}
	select.form{line-height:20px;height:20px}
/*header*/
div#header{height:187px;background:url(../images/header_bg.png) repeat-x}
div#header a#logo{color:#fff;font-size:0em;width:390px;height:75px;background:url(../images/cagbilisim_logo.png) bottom no-repeat;display:block;float:left}
	/*breadcrumbs*/
	div#header div#path{font-size:0.8em;line-height:20px}
	/*domain_sorgu*/
	div#sorgula_sonuc{width:100%;margin-top:207px;position:absolute;z-index:50}
	div#sorgula_sonuc div.contents{width:989px;height:470px;margin:0 auto}
	div#sorgula_sonuc div.contents div.kapat{text-align:right;line-height:20px;width:979px;padding-right:10px;position:absolute;z-index:10}
	div#sorgula_sonuc div.contents div.kapat a{color:#fff;font-size:0.9em}
	div#sorgula_sonuc div.contents div.kapat a:hover{text-decoration:underline}
	div#sorgula_sonuc div.contents div.sonuc{width:947px;height:458px;background:#d9d9d9 url(../images/sorgula_detay_bg_ic.png) top repeat-x;padding:10px;margin:20px 0 0 10px;overflow-x:hidden;overflow-y:auto;border:solid 1px #fff;position:absolute;z-index:10}
	div#sorgula_sonuc div.contents div.bg{width:989px;height:510px;background:#484848;position:absolute;z-index:0}
	div.sorgula{width:278px;height:43px;background:url(../images/sorgula_bg.png) no-repeat;float:right;padding-top:3px}
	div.sorgula input.form{color:#808080;width:176px;border-right:0;float:right}
	div.sorgula input.button{border:0;margin-right:9px;float:right}
	div.sorgula a.detay_btn{width:82px;height:14px;background:url(../images/sorgula_detay_btn.png) top no-repeat;margin:1px 9px 0 0;display:inline;float:right}
	div.sorgula a.detay_btn:hover{background-position:bottom}
	div.sorgula a.detay_btn_clicked,div.sorgula a.detay_btn_clicked:hover{background-position:left -14px}
	div.sorgula div.detay{width:278px;height:133px;position:absolute;z-index:50;top:62px;display:none}
	div.sorgula div.detay div.bg{width:278px;height:133px;background:url(../images/sorgula_detay_bg.png) no-repeat;position:absolute;z-index:0;opacity:.60}
	div.sorgula div.detay ul{width:244px;height:90px;background:url(../images/sorgula_detay_bg_ic.png) repeat-x;padding:6px;margin:19px 0 0 10px;border:solid 1px #fff;position:absolute;z-index:10}
	div.sorgula div.detay li{width:121px;height:24px;float:left}
	div.sorgula div.detay li.link{font-size:0.8em;font-weight:bold;width:242px;height:18px;text-align:center}
	/*navigation*/
	div#service-navigation{font-size:0.9em;text-align:right;line-height:20px;width:989px;float:left}
	div#navigation{width:990px;height:30px;margin-left:-1px}
	div#navigation li{width:164px;height:30px;margin-left:1px;display:inline;float:left}
	div#navigation li a{text-align:center;line-height:30px;width:164px;height:30px;background:url(../images/menu_btn.png) right no-repeat;display:block}
	div#navigation li a:hover,div#navigation li a.selected{color:#fff;font-weight:bold;background-position:left}
	div#sub-navigation{color:#fff;font-size:0.9em;width:989px;line-height:30px;overflow:hidden}
	div#sub-navigation li{display:none}
	div#sub-navigation a{text-decoration:underline;color:#fff}
	div#sub-navigation a:hover{text-decoration:none}
/*banner*/
div#banner{height:206px;padding:20px 0}
	/*hosgeldiniz*/
	div#welcome{width:469px;height:205px;float:left}
	div#welcome h2{color:#7d7f7e;font-size:0;width:272px;height:57px;background:url(../images/cag_bilisim_hosgeldiniz.png) left no-repeat}
	div#welcome span{color:#fff;font-size:0.8em;font-weight:bold;text-align:justify;line-height:1.3em;width:469px;margin-top:20px;display:block}
	/*son proje*/
	div#son_proje{width:500px;height:205px;float:right}
	div#son_proje div.site{width:500px;height:168px}
	div#son_proje div.panel{width:500px;height:37px;background:url(../images/son_proje_panel.gif) repeat-x}
	div#son_proje div.panel span{color:#fff;font-size:0.9em;line-height:37px;padding-left:10px;float:left}
	div#son_proje div.panel a.detay_btn{background-image:url(../images/son_proje_detay_btn.png);margin:7px 10px 0 0;float:right}
/*sub banner*/
div#sub_banner div.contents{color:#fff;font-size:1.4em;height:122px;background:#7d7f7e;padding:20px 0}
div#sub_banner div.contents h1{line-height:122px;float:left}
div#sub_banner div.contents img{float:right}
/*altsayfa baslik*/
div#altsayfa_baslik div.contents{color:#fff;font-size:1.4em;height:30px;background:#7d7f7e;padding:20px 0}
div#altsayfa_baslik div.contents h1{line-height:30px}
/*proje baslik*/
div#proje_baslik{background:#7d7f7e}
div#proje_baslik div.contents{color:#fff;line-height:18px;height:60px;padding:20px 0}
div#proje_baslik div.contents h2{font-size:1.1em}
div#proje_baslik div.contents h3{font-size:1.4em;margin-left:25px}
div#proje_baslik div.contents div{width:494px;height:60px;overflow:hidden;float:left}
div#proje_baslik div.contents a.button{font-size:0.9em;font-weight:bold;line-height:21px;width:411px;height:23px;background:url(../images/proje_ziyaret_btn.png) top no-repeat;margin-top:18px;display:block;float:right;border:0}
div#proje_baslik div.contents a.button span{color:#fff;text-align:center;width:250px;height:23px;display:block;float:left}
div#proje_baslik div.contents a.button:hover{background-position:bottom}
/*yardim merkezi altsayfa*/
div.yardim_merkezi div.contents{width:989px;height:460px;background:url(../images/yardim_merkezi_panel_bg.jpg) repeat-x;overflow:hidden}
div.yardim_merkezi div.panel{width:610px;height:381px;background:#fff;margin:40px 40px 0 40px;overflow:hidden;display:inline;float:left}
div.yardim_merkezi div.panel div.video{width:610px;height:350px;overflow-x:hidden;overflow-y:auto}
div.yardim_merkezi div.panel div.baslik{color:#fff;line-height:31px;width:600px;height:31px;background:#7d7f7e;padding-left:10px;overflow:hidden}
div.yardim_merkezi div.buttons{width:259px;height:411px;margin:10px 40px 0 0;overflow:hidden;float:left}
div.yardim_merkezi div.buttons ul{overflow:hidden;float:left}
div.yardim_merkezi div.buttons ul.tabs{margin-bottom:10px}
div.yardim_merkezi div.buttons ul.tabs li{width:126px;height:19px;float:left}
div.yardim_merkezi div.buttons ul.tabs li.first{margin-right:7px}
div.yardim_merkezi div.buttons ul.tabs li a{font-size:0.9em;font-weight:bold;text-align:center;line-height:18px;width:126px;height:19px;background:url(../images/yardim_merkezi_panel_tab.png) right no-repeat;display:block}
div.yardim_merkezi div.buttons ul.tabs li a:hover{color:#000;background-position:-126px}
div.yardim_merkezi div.buttons ul.tabs li a.selected,div.yardim_merkezi div.buttons ul.tabs li a.selected:hover{color:#fff;background-position:left}
div.yardim_merkezi div.buttons ul.menu{height:382px}
div.yardim_merkezi div.buttons ul.menu li{width:259px;height:51px;margin-bottom:4px}
div.yardim_merkezi div.buttons ul.menu li a{font-size:0.9em;font-weight:bold;width:259px;height:51px;background:url(../images/yardim_merkezi_panel_videobtn.png) bottom no-repeat;overflow:hidden;display:block}
div.yardim_merkezi div.buttons ul.metin li a{background-image:url(../images/yardim_merkezi_panel_metinbtn.png)}
div.yardim_merkezi div.buttons ul.menu li a span{width:170px;padding:9px 0 0 5px;display:block}
div.yardim_merkezi div.buttons ul.menu li a:hover{color:#000;background-position:left -51px}
div.yardim_merkezi div.buttons ul.menu li a.selected,div.yardim_merkezi div.buttons ul.menu li a.selected:hover{color:#fff;background-position:top}
div.yardim_merkezi div.paging{line-height:40px;width:909px;height:40px;margin-left:40px}
div.yardim_merkezi div.paging span.sides{font-size:0.8em;width:454px;display:block;float:left}
div.yardim_merkezi div.paging span.right{text-align:right}
div.yardim_merkezi div.irtibat{font-size:0.9em;width:949px;background:#f7f7f7;padding:20px;overflow:hidden}
/*container*/
div#container{background:#eaebe9;padding:20px 0;border-top:solid 1px #fff}
	/*referanslar*/
	div#referanslar{width:989px;overflow:hidden}
	div#referanslar h2{color:#eaebe9;font-size:0;text-align:center;width:989px;height:34px;background:url(../images/referanslar_baslik.png) no-repeat;display:block}
	div#referanslar div.sol{width:689px;height:580px;background:#f7f7f7;padding:20px 10px;overflow:hidden;float:left}
		/*projeler*/
		div#projeler{width:689px;height:580px;overflow:hidden}
		div#projeler div.slayt{width:689px;height:350px;overflow:hidden}
		div#projeler li{width:689px;height:165px;background:url(../images/projeler_list_bg.png) right no-repeat;margin-bottom:10px}
		div#projeler li img,div#projeler li span{display:block;float:left}
		div#projeler li img{width:359px;height:165px}
		div#projeler li span.content{width:290px;height:125px;padding:20px}
		div#projeler li span.title{font-size:1.3em;line-height:18px;margin-bottom:10px}
		div#projeler li span.info{font-size:0.9em;height:58px}
		div#projeler li span.content a.detay_btn{color:#373f40;margin-bottom:-125px;float:right}
		div#projeler span.links,div#projeler span.toplam{font-size:0.8em;float:right}
		div#projeler span.toplam{float:left}
		div#projeler span.links{float:right}
		div#projeler span.links{font-size:0.8em;font-weight:bold;float:right}
		div#projeler div.gelecek h2{color:#fff;font-size:0;text-align:center;width:689px;height:34px;background:url(../images/gelecek_projeler_bslk.png) no-repeat;margin-top:25px;display:block}
		div#projeler div.gelecek div.bg{width:667px;height:149px;background:#f1f1f1;border:solid 1px #e7e7e7;padding:10px;border-top:0px}
		div#projeler div.gelecek div.bg span{font-size:0.9em;width:380px;display:block;float:left}
		div#projeler div.gelecek div.bg img{display:block;float:right}
		/*kategoriler*/
		div#kategoriler{width:679px;height:580px;margin-left:10px}
		div#kategoriler ul{width:690px;height:580px;margin-left:-20px;overflow:hidden}
		div#kategoriler li,div#kategoriler li a,div#kategoriler li img{width:210px;height:130px;overflow:hidden;display:block}
		div#kategoriler li{margin:0 0 20px 20px;display:inline;float:left}
		div#kategoriler li a img{position:absolute;z-index:0}
		div#kategoriler li a span{color:#fff;text-align:center;line-height:30px;width:210px;background:#000;margin-top:100px;display:block;position:absolute;z-index:50;opacity:.70}
	div#referanslar div.sag{width:280px;height:600px;background:#d7d7d7;padding-top:20px;overflow:hidden;float:left}
	div#referanslar div.sag ul{width:280px;height:513px;overflow:hidden}
	div#referanslar div.sag li{width:280px;height:29px;margin-bottom:2px}
	div#referanslar div.sag li a{color:#fff;line-height:28px;text-indent:20px;width:280px;height:29px;background:url(../images/referanslar_kat_btn.png) bottom no-repeat;display:block}
	div#referanslar div.sag a:hover,div#referanslar div.sag a.selected{font-weight:bold;background-position:top}
	div#referanslar div.sag div.panel{font-size:0.8em;text-align:center;width:268px;height:60px;background:url(../images/referanslar_panel.png) no-repeat;padding-top:27px}
	/*paketler*/
	div#paketler{background:#f7f7f7;padding-bottom:20px;margin-top:10px;overflow:hidden}
	div#paketler h2{color:#f7f7f7;font-size:0;text-align:center;width:989px;height:34px;background:url(../images/paketler_baslik.png) no-repeat;margin-bottom:16px;display:block}
	div#paketler div.tabs{width:980px;margin-left:10px;overflow:hidden}
	div#paketler div.tabs ul{width:980px;height:47px;background:url(../images/paketler_tab_bg.gif) repeat-x;margin-left:-11px;overflow:hidden}
	div#paketler div.tabs ul li,div#paketler div.tabs ul a{color:#fff;width:185px;height:47px;display:block}
	div#paketler div.tabs ul li{margin-left:11px;display:inline;float:left}
	div#paketler div.tabs ul a{text-align:center;line-height:35px;background:url(../images/paketler_tab_btn.png) left -47px no-repeat}
	div#paketler div.tabs ul a:hover,div#paketler div.tabs ul a.selected{background-position:top}
	div#paketler div.tab_contents{width:949px;background:#d7d7d7;padding:2px 10px 10px 10px;margin:0 10px;overflow:hidden}
	div#paketler div.tab_contents div.icon{width:193px;height:135px;background:url(../images/paketler_icon_bg.png) no-repeat;overflow:hidden;float:left}
	div#paketler div.tab_contents div.icon img{width:53px;height:89px;margin:25px 0 0 16px;float:left}
	div#paketler div.tab_contents div.icon span{margin:54px 0 0 6px;float:left}
	div#paketler div.tab_contents div.icon span strong{display:block}
	div#paketler div.tab_contents div.icon span a.detay_btn{}
	div#paketler div.tab_contents div.ozellikler{width:722px;height:111px;background:#f1f1f1;border:solid 1px #bebebe;padding:10px;margin-left:10px;overflow:hidden;float:left}
	div#paketler div.tab_contents div.ozellikler div.left{width:590px;height:91px;overflow:hidden;float:left}
	div#paketler div.tab_contents div.ozellikler div.left div.bolme1,div#paketler div.tab_contents div.ozellikler div.left div.bolme2{font-size:0.9em;width:295px;height:111px;display:block}
	div#paketler div.tab_contents div.ozellikler div.left div.bolme1{float:left}
	div#paketler div.tab_contents div.ozellikler div.left div.bolme2{float:right}
	div#paketler div.tab_contents div.ozellikler div.left li{line-height:15px}
	div#paketler div.tab_contents div.ozellikler div.right{width:122px;height:89px;background:url(../images/paketler_scroll_bg.gif) left top no-repeat;padding-top:12px;float:left}
	div#paketler div.tab_contents div.ozellikler div.right div a{width:131px;height:23px;background:url(../images/paketler_scroll_bttns.png) no-repeat;display:block}
	div#paketler div.tab_contents div.ozellikler div.right a.ust_btn.press_ust,div#paketler div.tab_contents div.ozellikler div.right a.ust_btn.press_ust:visited{background-position:top right}
	div#paketler div.tab_contents div.ozellikler div.right a.alt_btn.press_alt,div#paketler div.tab_contents div.ozellikler div.right a.alt_btn.press_alt:visited{background-position:bottom right}
	div#paketler div.tab_contents div.ozellikler div.right a.ust_btn{background-position:left top}
	div#paketler div.tab_contents div.ozellikler div.right a.alt_btn{background-position:left bottom;margin:4px 0 22px 0}
	/*proje detay*/
	div.proje_detay div.resim{width:656px;float:left}
	div.proje_detay div.resim img{background:#fff url(../images/yukleniyor.gif) center center no-repeat;display:block}
	div.proje_detay div.aciklama{font-size:1em;line-height:12px;width:323px;margin-left:10px;float:left}
/*footer*/
div#footer{padding-bottom:20px}
div#copyright{color:#bbb;font-size:0.8em;float:left}
	/*contact info*/
	div#footer div.contact_info{color:#fff;width:567px;height:113px;background:url(../images/footer_contact_bg.png) no-repeat;padding:20px;margin:20px 0;float:left}
	div#footer div.contact_info span{font-size:1.3em;line-height:20px}
	div#footer div.contact_info a{color:#fff;text-decoration:underline}
	div#footer div.contact_info a:hover{text-decoration:none}
	/*yardim merkezi*/
	div#yardim_merkezi{color:#fff;width:332px;height:113px;background:url(../images/yardim_merkezi_bg.jpg) no-repeat;padding:20px;margin:20px 0;float:right}
	div#yardim_merkezi h2{font-size:1.3em;line-height:20px;margin-left:90px}
	div#yardim_merkezi span{font-size:0.9em;margin-top:12px;float:left}
	div#yardim_merkezi a.detay_btn{background-image:url(../images/yardim_merkezi_detay_btn.png);margin-top:52px;float:right}
	div#yardim_merkezi a.detay_btn:hover{color:#373f40}