@import url(/css/base.css);
@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: '00850Regular';
    src: url('/fonts/00850-webfont.eot');
    src: url('/fonts/00850-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/00850-webfont.woff') format('woff'),
         url('/fonts/00850-webfont.ttf') format('truetype'),
         url('/fonts/00850-webfont.svg#00850Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RaspoutineMediumRegular';
    src: url('/fonts/raspoutinemedium_tb-webfont.eot');
    src: url('/fonts/raspoutinemedium_tb-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/raspoutinemedium_tb-webfont.woff') format('woff'),
         url('/fonts/raspoutinemedium_tb-webfont.ttf') format('truetype'),
         url('/fonts/raspoutinemedium_tb-webfont.svg#RaspoutineMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{background: #fff;}
#wrapper{width:100%; height:100%; height:auto !important; min-height:100%; margin:0 auto; position:relative;}
* html #wrapper{height:100% !important;}

/*****  HEADER  *****/
#header{width:100%; height:66px; border-top:4px solid #ddd; border-bottom:1px solid #bfbfc0; background-color:#FFF; position:relative;
}
#mainNav{width:100%; height:66px; position:relative; background-color:#fff;}
.logo{position:absolute; left:50%; top:30px; margin-left:-226px; z-index:100;}

	/*****  LINKS  *****/
	ul.mainlinks{width:100%; padding-bottom:7px; text-align:center; display:inline-block; position:absolute; top:-4px; border-bottom:1px dotted #ddd;}
	ul.mainlinks > li{margin:0 20px; display:inline-block;}
	ul.mainlinks > li > a{float:left; text-decoration:none; border-top:4px solid transparent; padding-top:7px; outline:0; color:#bbb; font:12px '00850Regular', sans-serif; letter-spacing:1px;}
	ul.mainlinks > li > a:hover{color:#b0b0b0; border-color:#cf253c;}

/*****  SLIDER  *****/
#slider{width:100%; height:385px; background:url(/images/slider_bg.gif) left top repeat;}
#top{width:100%; height:151px; background:url(/images/slider_bg.gif) left top repeat;}
#project{width:100%; height:550px; padding-top:100px; background:url(/images/slider_bg.gif) left top repeat;}
#slides{width:1000px; height:345px; margin:0 auto; position:relative; z-index:90;}
#project_slides{width:666px; height:550px; margin:0 auto; position:relative; z-index:90; background:url(/images/projectbg.png) left top no-repeat;}
.pics{width:700px; height:345px; margin:0 150px; float:left; overflow:hidden; background:url(/images/slider_img_bg.png) left top no-repeat;}
.pics img{ width:700px; height:345px;}
img#ks_724{ position:absolute; width:128px; height:330px; right:1px; top:-7px; z-index:100;}
img#ks_tel{ position:absolute; width:102px; height:234px; left:5px; bottom:27px; z-index:100;}
.projects{width:542px; height:406px; margin:54px 62px 0; float:left; overflow:hidden;}
.projects img{ width:542px; height:406px; border-radius:2px;}
.golge{position:absolute; right:62px; top:54px; width:202px; height:406px; background:url(/images/golge.png) left top no-repeat; z-index:111;}
.badge{ width:130px; height:130px; position:absolute; bottom:-45px; left:50%; margin-left:-65px;}

	/*****  SLIDE NAV  *****/
	#slide_nav{width:100%; height:40px; background:url(/images/slide_nav_bg.gif) left top repeat-x; position:relative;}
	#nav{width:1000px; height:30px; margin:0 auto; text-align:center; padding-top:10px;}
	#nav a{width:20px; height:20px; display:inline-block; margin:0 2px; text-indent:-9999px; overflow:hidden; background:url(/images/nav_buttons.png) 0 0 no-repeat;}
	#nav a:hover{ background-position:0 -40px; text-decoration:none;}
	#nav a.activeSlide{ background-position:0 -20px; text-decoration:none;}

/*****  CONTENT  *****/
#mainCapsule{width:100%;}
#content{ width:100%; margin:0 auto; padding-bottom:455px;}
	.p_wrapper{ width:100%; background-color:#ddd;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
		background: -moz-linear-gradient(top,  #fff,  #ddd);
		border-bottom-left-radius:50% 30%;
		border-bottom-right-radius:50% 30%; box-shadow:0 -5px 20px #eee inset;}
	.paket_container{width:840px; height:390px; padding:50px 80px 80px; margin:0 auto;}
	.paket{width:196px; height:376px; float:left; margin:30px 5px 0; border:2px solid #3459a4; background-color:#0f1b32; border-radius:5px; background-clip:padding-box;
		border-bottom-left-radius:50% 40px;
		border-bottom-right-radius:50% 40px;}
	.favorite{height:406px !important; margin-top:0 !important;}
	.p_title{ width:196px; height:100px; float:left; background:url(/images/paket_title.png) left top no-repeat;}
	.p_title.fav{ background-image:url(/images/paket_title_fav.png) !important; height:130px !important;}
	.p_subtitle{ width:176px; height:24px; margin:10px 10px 0; float:left; background:url(/images/p_subtitle_bg.gif) left bottom repeat-x; color:#FFF; text-align:center;}
	span.online724{ background:url(/images/724_online.png) left 1px no-repeat; display:inline-block; padding:0 19px;}
	img.store{width:196px; height:40px; display:block; background:url(/images/paket_captions.png) 0 0 no-repeat;}
	img.store.small{background-position:0 0;}
	img.store.medium{background-position:0 -40px;}
	img.store.large{background-position:0 -80px;}
	img.store.xlarge{background-position:0 -120px;}
	ul.features{float:left; padding-top:12px;}
	ul.features li{float:left; width:196px; padding:4px 0; height:16px; text-align:center; color:#FFF;}
	ul.features li span{color:#999;}
	.detay_butonlari{width:196px; height:33px; margin-top:26px; float:left; text-align:center;}
	span.paket_fiyat{margin-top:15px; font:30px 'RaspoutineMediumRegular', sans-serif; color:#febf01; display:inline-block; width:196px; text-align:center; text-shadow:1px 1px 2px #111;-webkit-text-stroke: 1px #febf01;}
	span.paket_fiyat.fav{ margin-top:45px !important; color:#a21629;-webkit-text-stroke: 1px #a21629;}
	em.currency{ font-size:14px; display:inline-block; vertical-align:text-top; padding-top:5px;}

#general_features{width:960px; margin:0 auto;}
	.block_title{width:940px; height:50px; padding:30px 10px 0; margin-bottom:10px; float:left;}
	h4{font:18px '00850Regular', sans-serif; color:#0f1b32; float:left;}
	h5{font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#3a57a0; margin:0 0 5px 0; float:left;}
	h6{font:16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#0f1b32; float:left; padding-left:10px;}
	.block_text{color:#0f1b32; float:left; clear:left;}
	.block_text span.contact{ display:inline-block; width:70px; padding-bottom:5px; color:#0f1b32; font:14px 'RaspoutineMediumRegular', Tahoma, Geneva, sans-serif;}
	.address_block{ background-color:#eee; padding:10px; margin:5px 0 10px; width:420px; border-radius:5px; box-shadow:1px 1px 2px #ccc; float:left;}
	.features_blocks{width:300px; float:left; margin:10px;}
	.f_block{width:300px; float:left; margin-bottom:30px;}
	
	.features_text{ width:230px; padding:10px 0 0 10px; float:left; color:#0f1b32;}
	#adv_block{width:265px; height:250px; float:left; margin-top:10px; background-color:#eee;}
	#right_block{width:265px; float:left; margin:10px 0 0 20px;}
	blockquote{font:18px '00850Regular', sans-serif; color:#bbb; letter-spacing:2px; float:left; clear:left; margin:0 0 20px 30px;}
	
		/*****  FEATURE ICONS  *****/
		img.icon{width:60px; height:60px; float:left; background:url(/images/icons.png) 0 0 no-repeat;}
		img.icon.kategori_ve_urun{background-position:0 0;}
		img.icon.siparisler{background-position:-60px 0;}
		img.icon.odemeler{background-position:-120px 0;}
		img.icon.icerik_yonetimi{background-position:-180px 0;}
		img.icon.musteriler{background-position:0 -60px;}
		img.icon.destek_sistemi{background-position:-60px -60px;}
		img.icon.entegrasyon{background-position:-120px -60px;}
		
	

	.paket_container_comp{width:960px; padding:80px 0 30px; margin:0 auto;
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#eee));
		background: -moz-linear-gradient(top,  #eee,  #eee);
		border-bottom-left-radius:50% 50px;
		border-bottom-right-radius:50% 50px;}
	.plan_block_title{width:960px; float:left; margin-bottom:25px;}
	ul.plan_features{float:left;}
	ul.plan_features li{float:left; clear:left; width:220px; padding:6px 10px; height:16px; color:#0f1b32;}
	.plan_container{ width:720px; float:left;}
	.paket_karsilastir{width:180px; float:left; border-radius:5px; background-clip:padding-box; position:relative;}
	ul.features_table{float:left; padding-bottom:80px;}
	ul.features_table li{float:left; width:160px; padding:6px 10px; height:16px; text-align:center; color:#0f1b32;}
	ul.features_table li:nth-child(even) {background: #e0dfdf}
	ul.features_table li span{color:#eee;}
	ul.features_table.fav {box-shadow:0 0 10px #999; padding:90px 0; margin:-90px 0 0; background-color:#FFC; position:relative; z-index:110; border-radius:5px;}
	ul.features_table.fav li{ background-color:#FFC; }
	ul.features_table.fav li:nth-child(even) {background: #f0ecc4}

	.plan_captions{width:170px; height:55px; float:left; border-radius:3px; border-bottom-left-radius:85px 20px; border-bottom-right-radius:85px 20px; box-shadow:0 1px 2px #888; margin:5px; text-align:center; background: #0f1b32; position:relative; z-index:111;
	background: -webkit-gradient(linear, left top, left bottom, from(#3459a4), to(#0f1b32));
	background: -moz-linear-gradient(top,  #3459a4,  #0f1b32);}
	.plan_captions p{font:18px '00850Regular', sans-serif; color:#FFF; text-shadow:1px 1px 3px #111; margin-top:14px; position:relative;}
	.plan_captions p span{font:12px '00850Regular', sans-serif; text-shadow:1px 1px 3px #111; color:#febf01; position:absolute; right:inherit; top:1px; padding-left:4px;}
	.plan_price{ width:170px; height:40px; padding-top:10px; float:left; background-color:#ddd; margin:25px 5px 5px;
	border-radius:3px; border-top-left-radius:85px 20px; border-top-right-radius:85px 20px; position:absolute; z-index:111; bottom:0;}
	.plan_price.fav{ background-color:#cf253c; height:60px; margin-top:5px;}
	.var, .yok{width:16px; height:16px; background:url(/images/table_icons.png) 0 0 no-repeat;}
	.yok{background-position:0 -16px !important;}
	.siparisver{width:940px; float:left; background-color:#0f1b32; height:66px; margin:30px 10px 10px; text-align:center; padding-top:24px; border-radius:45px;}
	a.siparisver_btn{width:182px; height:47px; display:inline-block; background:url(/images/siparisver_buton.png) 0 0 no-repeat; overflow:hidden; text-indent:-9999px;}
	a.siparisver_btn:hover{ background-position:0 -47px;}

/*****  FAQ  *****/
.faq{float:left; background-color:#f2f2f2; border-radius:2px; padding:30px 10px 10px 30px; position:relative; margin-bottom:20px; border-radius:5px; box-shadow:1px 1px 2px #ccc;}
.faq_number{position:absolute; display:inline-block; left:-10px; top:-10px; border:5px solid #FFF; text-align:center; padding:5px 10px; border-radius:50px; color:#FFF; background-color:#cf253c; background-clip:padding-box; box-shadow:0 0 5px #ccc; font:14px '00850Regular', sans-serif;}
.faq_number.right{ right:-10px !important; left:auto;}

/*****  FOOTER  *****/
#footer{width:100%; height:360px; background-color:#ddd; border-top:10px solid #3459a4; position:absolute; left:0; bottom:0;
	border-top-left-radius:50% 20px;
	border-top-right-radius:50% 20px;}
#f_content{width:960px; padding:20px; height:240px; margin:0 auto; background:url(/images/footer_bg.png) 20px bottom no-repeat; position:relative;}
.gototop{ width:30px; height:30px; position:absolute; left:50%; top:-20px; margin-left:-15px;}
.f_content_blocks{height:240px; float:left; padding:0 10px; margin-right:50px;}
.sm_container{float:left; background-color:#eee; border-radius:5px; padding:5px; margin-top:10px;}
.sosyal_medya_text{color:#0f1b32; float:left; clear:left; margin-top:5px;}
p.tweet{ float:left; margin-bottom:5px;}
span.tweet{color:#019ad2;}
ul.f_links{float:left; clear:left; padding-top:10px;}
ul.f_links li{float:left; clear:left; padding:4px 0; height:16px; color:#0f1b32;}
ul.f_links li a{ color:#0f1b32;}
#f_copyright{width:100%; height:80px; background:#fff;}
p.copy{width:980px; height:40px; margin:0 auto; font-size:10px; padding:5px 10px;}
span.copy_text{ float:left;font-size:10px;}
span.narweb{float:right; padding-top:15px;}
span.narweb img{ margin-left:20px;}