/*     
  Caner ÖNCEL 
  Egoservis Web Techs.
	http://www.egoservis.com	
*/
                        
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label,img {
	margin:0;
	padding:0;
	border:0;
	text-align: left;
} 

body { 
 
  font-size: 12px; 
  color: #515151;
  font-family:Calibri;
  }
  
a, a:visited { text-decoration: none; color::#F90; }  
a:hover {
	color: #ED1C24;
	text-align: left;
}
.clear { clear:both; }

/* General */
#content { width: 980px; position:relative; margin: 0 auto; background: url('../images/bg-gradyan.png') top center no-repeat; }
#outer {
	width: 980px !important;
	height: 500px;
	position:relative;
	overflow: hidden;
}
#arrow-l { display:none; width:39px; height:72px; position: absolute; left: -52px; top: 287px; background: url('../images/arrow-l.png') top center no-repeat; }
#arrow-r { display:none; width:39px; height:72px; position: absolute; left: -52px; top: 287px; background: url('../images/arrow-r.png') top center no-repeat; }
.outer-inner { width: 7840px; position:relative; }
.top-menu { position: absolute; top:-5px; left: 0; /* left: 255px; */ background: url('../images/bg-menu.png') bottom center no-repeat; height: 75px; width: 475px; }
.top-menu ul { list-style: none; }
.top-menu ul, .top-menu ul li { margin:0; padding:0; }
.top-menu ul li { float:left; }
.container {
	float:left;
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 500px; /* background: url('../images/content.jpg') no-repeat; */
}
.page { padding: 5px 4px;  }
.page h1 { margin: 14px 0; color: #FC9612; font-size: 32px; font-weight:bold; font-style: italic; text-shadow: 1px 1px #D57B13; }
.page h2 { text-shadow: 1px 1px #FBFBF9; margin-bottom: 4px; }
.page p {
	font-size: 15px;
	text-shadow: 1px 1px #FBFBF9;
	text-align: left;
}
.pageleft { margin: 5px 10px 0 50px; float:left; }
.pageright {position: absolute;  }
.page .sub {
	position: absolute;
	left: 7px;
	top: 150px;
	background-color: #00FFFF;
	color:#F90;
	text-align: left;
}
.page .sub h1 { color:#F90; font-size: 27px; font-weight:bold; font-style: italic; text-shadow: 1px 1px #D57B13; }
.page .sub p { color: #000000; font-size: 15px; text-shadow: 1px 1px #D57B13; text-align:left; }
.page .sub strong { color: #000000; }

.page .sub ol { margin-left: 5px; color:#F90; font-size: 15px; text-shadow: 1px 1px #D57B13; }

.data { margin-bottom: 35px; }
.data table td { padding: 2px 10px; background: #E47903; } 


/* Home page */
#home .logo {
	position: absolute;
	left: 14px;
	top: 1px;
	height: 90px;
	padding: 4px 0 0 82px;
	font-size: 12px;
	font-style:italic;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	background: url('../images/logo.png') 0 0 no-repeat;
	width: 276px;
	text-align: left;
}
#home .logo span {
	font-family:Calibri;
	color: #515151;
	font-size: 35px;
	font-weight:normal;
	font-style: italic;
	text-shadow: 1px 1px #C9C9C9;
	text-align: left;
}
#home .logo span strong {
	color: #363636;
	font-family:Calibri;
	text-align: left;
}
#home .logo .slogan {font-family:Calibri;  color: #828282; margin-top: -5px }
#home { background: url("../images/bg-home.png") no-repeat scroll 0 0 transparent;  }
#home strong {
	font-style: italic;
	font-family:Calibri;
	text-align: left;
}
#home .desc1 {
	position: absolute;
	text-align:left;
	left: 269px;
	top: 347px;
	width: 428px;
	color: #000;
	font-size: 13px;
	text-align: left;
	height: 135px;
}
#home .desc1 h1 { color: #FC9612; font-size: 27px; font-weight:bold; font-style: italic; text-shadow: 2px 2px #000; font-family:Calibri; }
#home .desc1 p { padding: 10px; font-size: 14px; text-shadow: 2px 2px  #000; font-family:Calibri; }

#home .desc2 {
	position: absolute;
	left: 8px;
	top: 321px;
	width: 255px;
}
#home .desc2 h1 { color: #FFFFFF; font-size: 27px; font-weight:bold; font-style: italic; text-shadow: 1px 1px #D57B13; }
#home .desc2 p { color: #FFFFFF; padding: 10px; font-size: 14px; text-shadow: 1px 1px #D57B13; }

#home .oztek {
	position: absolute;
	text-align: center;
	top: 398px;
	left: 582px;
	width: 108px;
	padding: 14px 0 0;
	height: 79px;
}
#home .oztek1 {
	position: absolute;
	text-align: center;
	top: 120px;
	left: 301px;
	width: 108px;
	padding: 14px 0 0;
	height: 70px;
}

#home .livedesk {
	position: absolute;
	text-align: center;
	top: 335px;
	left: 815px;
	width: 110px;
	line-height: 1.2em;
	text-shadow: 1px 1px #D57B13;
}
#home .livedesk h1 { color: #FFFFFF; font-size: 13px; font-weight: normal; font-style: italic; margin: 0 0 5px; } 

#home .login {
	position: absolute;
	top: 134px;
	left: 18px;
	width: 210px;
	background-color: #00CCFF;
}

#home .login h1 {
	font-size: 22px;
	margin: 0 0 8px;
	text-align: center;
}         

.pda { position:absolute; left: -18px; top: 116px; width: 368px; height: 475px; background: url('../images/pda.png') no-repeat; }
.pda-glass { position: absolute; left: 63px; top: 177px; width: 206px; height: 224px; background: url('../images/pda-glass.png') no-repeat; z-index: 9999; }
.pda-musteri { color: #FFFFFF; margin: 3px 0 0 83px; width: 200px; text-align:center; text-shadow: 1px 1px #0F0F0F; line-height: 1.1em; }
.pda-musteri a { font-size: 10px; color: #F5CA1B; }
.pda-musteri a:hover { color: #FD9512; }
.wave { position:absolute; left: 282px; top: 89px; width: 62px; height: 115px; background: url('../images/wave/bg.png') no-repeat; }
.signal { display:none; position: absolute; top:0; left: 0; }
.cagri {
	position:absolute;
	left: 678px;
	top: -2px;
	width: 261px;
	font-size: 24px;
	font-style:italic;
	font-weight: normal;
	text-shadow: 0 1px #FFF;
	padding: 0 0 0;
	text-align: left;
	color:#FFF;
}
.fiyat {
	position:absolute;
	left: 261px;
	top: 131px;
	width: 434px;
	font-size: 14px;
	font-family:Calibri;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	padding: 0 0 0;
	text-align: center;
	color: #000;
	height: 214px;
}
.adres1 {
	position:absolute;
	left: 712px;
	top: 244px;
	width: 230px;
	font-size: 14px;
	font-family:Calibri;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	padding: 0 0 0;
	text-align: center;
	color: #000;
	height: 137px;
	background-color: #00FFFF;
}
.adres3 {
	position:absolute;
	left: 711px;
	top: 242px;
	width: 230px;
	font-size: 14px;
	font-family:Calibri;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	padding: 0 0 0;
	text-align: center;
	color: #000;
	height: 258px;
	background-color:#00CCFF;
}
.adres2 {
	position:absolute;
	left: 711px;
	top: 85px;
	width: 230px;
	font-size: 14px;
	font-family:Calibri;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	padding: 0 0 0;
	text-align: center;
	color: #000;
	height: 153px;
	background-color: #FF9900;
}
.az {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 659px;
	font-size: 14px;
	font-family:Calibri;
	font-weight: normal;
	text-shadow: 0 1px #F0F1ED;
	padding: 0 0 0;
	text-align: center;
	color: #000;
	height: 83px;
	background-color:#FFF;
}
.sms { z-index: 0; position: absolute; bottom: 192px; left: 5px; width:222px; height: 207px; background: url('../images/sms/sms.png'); }
.sms-inner { position: absolute; left:0; top: 0; display:none; }
.sms-hands {
	position: absolute;
	bottom: 347px;
	left: 5px;
	width:350px;
	height:147px;
	background: url('../images/sms/9.png') no-repeat;
}

.referanslar { margin-top: 20px; }   
.referanslar img { float: left; width: 129px; height: 50px; margin-left: 6px; margin-bottom: 6px; border: 2px solid #E47903; }
.referanslar img:hover { border: 2px solid #515151; }

.sorular {
	margin-top: 20px;
	text-shadow: 1px 1px :#F90;
	color:#F90;
}
.sorular ul { margin-left: 20px; list-style-image: url('../images/dot.png'); }
.sorular ul li { padding-bottom: 6px; font-size: 16px; }
.sorular ul li div { font-size: 15px; color:#000; margin-top: 10px; display:none; }
.sorular ul li a, #sback a { color:#F90; font-weight: normal; }
.sorular ul li a:hover, #sback a:hover {
	color:#000;
	text-align: left;
}
#sback { padding: 11px 0 0 12px; display:none; }

/* Form elements */

.loginput { color: #5F5F5F; font-size: 12px; font-family: "Myriad Pro","Droid Sans","Trebuchet MS", Helvetica, Arial, sans-serif; background: url('../images/bg-input.png') repeat-x; border: 1px solid #EBEBEB; padding: 6px 7px; margin: 0 0 5px; -moz-box-shadow:0px 0px 2px #ACACAC; -webkit-box-shadow:0px 0px 2px #ACACAC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #DDDDDD; }
.logbutton { color: #5F5F5F; font-size: 12px; font-family: "Myriad Pro","Droid Sans","Trebuchet MS", Helvetica, Arial, sans-serif; background: url('../images/bg-button.gif') repeat-x; border: 1px solid #EBEBEB; padding: 4px 10px; margin: 0 0 5px; -moz-box-shadow:0px 0px 2px #ACACAC; -webkit-box-shadow:0px 0px 2px #ACACAC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-shadow: 1px 1px #FBFBF9; cursor: pointer; }
.logbutton:hover { background: #DDDDDD; }
.logbutton:active { background: #FC9411; color: #FFFFFF; text-shadow: 1px 1px #D57B13; }
.logcaptcha { position: absolute; left: 39px; top: 3px;  }
.user-input {
	background: url("../images/input-user.png") no-repeat scroll 0 -1px transparent !important;
	text-align: left;
}
.pass-input {
	background: url("../images/input-pass.png") no-repeat scroll 0 -1px transparent !important;
	text-align: left;
} 
.user-captcha { padding-left: 49px; max-width: 84px; } 


/* linkler */
a.sss { font-size: 14px; color:#F90; text-shadow: 1px 1px  #FC0; display:block; margin-bottom: 6px; background-color:#F90; }
a.sss:link { background: url('../images/soru.png') no-repeat; padding: 6px 0 4px 36px;background-color:#FFF;  }
 a.sss:hover { color:#999;}
a.uyeol:hover, a.parola:hover, a.nocikar:hover{ color: #FFFFFF; background-position: 0 -30px; }


/* Footer */
#footer {
	width: 980px;
	margin: 0 auto;
	padding: 13px 0;
	background: url('../images/bg-footer.png') center top no-repeat;
	text-align: left;
}
#footer .footer-bottom a { font-size: 11px; margin-left: 6px; }
#footer a, #footer a:visited { color: #201F23; }
#footer a:hover { color: #414141; }


/* Frames */
.frame { width: 200px; max-height: 500px; padding: 10px;}

.userframe { width: 200px; max-height: 600px; padding: 10px; 
font-size: 14px; color: #FBE69B; text-shadow: 1px 1px #D57B13; display:block; margin-bottom: 6px; 
background: url('../images/user.png') no-repeat; padding: 6px 0 4px 36px;background-color:#0cF; }
.sifreframe { width: 200px; max-height: 500px; padding: 10px; 
font-size: 14px; color: #FBE69B; text-shadow: 1px 1px #D57B13; display:block; margin-bottom: 6px; 
background: url('../images/password.png') no-repeat; padding: 6px 0 6px 36px;background-color:#0cF; }
.testframe { width: 200px; max-height: 500px; padding: 10px; background-color:#000; 
font-size: 14px; color: #FBE69B; text-shadow: 1px 1px #D57B13; display:block; margin-bottom: 6px; 
background: url('../images/nocikar.png') no-repeat; padding: 6px 0 4px 36px;background-color:#0cF;  }
.sssframe { width: 200px; max-height: 500px; padding: 10px; background-color:#000; 
font-size: 14px; color: #FBE69B; text-shadow: 1px 1px #D57B13; display:block; margin-bottom: 6px; 
background: url('../images/soru.png') no-repeat; padding: 6px 0 4px 36px;background-color:#0cF;  }




}
.frame h2  { margin-bottom: 30px; color: #515151; font-size: 25px; font-weight:bold; font-style: italic; text-shadow: 1px 1px #C9C9C9; }


/* Final touch :) */
.designby { float:left; font-size: 10px; }
#content #outer .outer-inner #home .cagri {
	color: #000;
	text-align: left;
}
#content #outer .outer-inner #home .fiyat table {
	text-align: center;
}
.tur {
	color: #F90;
	font-weight: bold;
	font-size: 16px;
}
.tur1 {
	color:#0CF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#content #outer .outer-inner #home .login span {
	text-align: center;
	margin-left:50px;
}