/*	
	-- Css Dosyası --
	
	@Kodlama : Halil KILIÇARSLAN
	@E-mail : hkilicarslan93@hotmail.com
	@Başlangıç Tarihi : 19.03.2012
	@Telif Hakları Saklıdır. © 2012.
	
	-- Css Dosyası --	
*/

/* -- Sıfırlama -- */
body{background:#215e7b;font:14px Myriad Pro; color:#fff; margin:auto;}
html,body,ul,li,span,input,textarea,form,table,tr,td,h1, h2, h3, h4, h5, h6, p,select,button,div{ margin:0; padding:0; border:0; list-style-type:none;}
a{ text-decoration:none;}
img{border:0;}
:focus{ outline:0;}
.clear {	clear: both;}


/*Genel*/
#nav{height:42px; background:url("../images/nav.png") repeat-x; margin-bottom:10px}
#tasiyici{margin:0 auto; width:952px;  overflow:hidden;}
#logo{margin-bottom:10px}

/*Menu*/
.menu{background:transparent url("../images/menu.png") no-repeat; margin-top:20px; width:950px; height:50px; padding:10px;}
ul#menu{background:url(../images/menu-bg.png) repeat-x; width:910px; height:21px;  padding:10px;behavior:url(css/PIE.htc);border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px}
#menu li a{background:url(../images/cizgi.png) no-repeat right 8px; padding:15px 25px;color:#153e5c; text-shadow:1px 1px #fff; font:bold 14px Myriad Pro}
#menu li {float:left}
#menu li a:hover{color:#000}
	/*Arama*/
	.arama{float:right; margin-top:-5px}
	.arama input{background:url(../images/arama.png) no-repeat; width:230px; height:30px; padding-left:15px;color:#999;font-size:12px}
	.btn{float:right; margin-top:-3px; margin-left:-22px; width:38px; height:38px}
/*Slider*/
#slider{width:950px; height:280px; margin:10px auto;background:url(../images/slider-bg.png) no-repeat;padding:5px;position:relative}
.s_ic{width:929px; height:258px; position:absolute; top:10px;left:10px;overflow:hidden; background:#ccc;behavior:url(css/PIE.htc);border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px}
.s_ic img{width:929px; height:258px;behavior:url(css/PIE.htc);border-radius: 5px; -webkit-border-radius: ; -moz-border-radius: 5px}

.s_top{bottom:4px; left:80px; position:absolute; }
.s_top li{float:left;}
.s_top li a.aktif{background:url(../images/s_top_active.png) no-repeat;}
.s_top li a {background:url(../images/s_top.png) no-repeat; height:21px;width:21px;padding:10px 15px;}
#resim li a img {width: 929px; height: 258px}
#resim li{float:left}

#sonraki {background: url("../images/sonraki.png") no-repeat; width: 20px; height: 20px;position:absolute; right:13px; bottom:17px;cursor: pointer; }
#onceki {background: url("../images/onceki.png") no-repeat; width: 20px; height: 20px; cursor: pointer; position:absolute; left:17px; bottom:17px;}

/*Content*/
#content{width:950px; height:291px; margin:15px auto;background:url(../images/content.png) no-repeat;padding:10px;}
.c_ic{width:910px; height:261px; padding:10px;overflow:hidden; background:#fff;behavior:url(css/PIE.htc);border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px}
	.blok{width:280px; height:255px; border-right:1px solid #ddd; margin-right:6px;padding:8px;float:left}
	.resim {width:270px; height:110px; display:block; border:2px solid #ddd}
	.resim img{width:270px; height:110px;}
	.baslik{padding:5px; display:block;font:bold 15px Myriad Pro; color:#1e5c79;border-bottom:1px solid #ddd}
	.bilgi{padding:5px; display:block; font:13px Arial; color:#587785; line-height:20px}
	
	/*Haberler*/
	.haber{display:block;  padding:3px 20px; background:transparent url("../images/ikon.png") no-repeat left;}
	.haber a{font:12px Arial; color:#587785;}
	.diger{float:right; padding:7px; font:bold  13px Myriad Pro; color:#666;}
	.diger:hover{color:#333;}
	
		/*Haber Detay*/
		.h-detay{width:890px; padding:5px;overflow:hidden}
		.hresim img{ width:200px; height:100px; vertical-align:top;}
		.hresim {float:left;width:200px; height:100px; border:1px solid #ddd; border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px ;margin-right:10px; }
		.hd{padding:5px; font:13px Arial; color:#666;border-bottom:1px solid #ddd; float:left}
	
		
		
	/*Döviz Kurları*/
	.doviz{color:#1e5c79;}
	.doviz tr td{padding:3px 10px; border-bottom:1px dashed #ddd}
	
/*Genel*/
#genel{width:952px; margin:5px auto;}	
.top{width:952px; background:url(../images/top.png) no-repeat; height:22px;display:block;}
.middle{width:942px; overflow:hidden;padding-top:3px; padding-bottom:3px; padding-left:10px; background:url(../images/beyaz.png) repeat-y; }
.bottom{width:952px;background:url(../images/bottom.png) no-repeat; height:23px;}

.genel { width:922px; padding:5px; behavior:url(css/PIE.htc); border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px }
.genel h1{font:bold 24px Myriad Pro; padding:10px;  color:#1e5c79;border-bottom:1px dashed #ddd}
.genel p{padding:5px; font: 14px Myriad Pro;color:#444;}
	
	/*İletişim*/
	.sl{float:left; margin-left:10px;}
	.sg{float:right; margin-right:10px;border-right:1px dashed #ddd;}
	.iform{width:420px;  padding:10px; float:left; overflow:hidden;}
	.form{padding:3px;font:bold 14px Myriad Pro;color:#1e5c79;display:block}
	.form input{ border:1px solid #ddd; width:356px; padding:5px; color:#666; font:11px Arial}
	.form textarea{border:1px solid #ddd; width:350px; height:120px; resize:none; color:#666; font:11px Arial; padding:5px 10px;margin-bottom:5px;}
	.fbtn{cursor:pointer; padding:5px 10px;float:right; margin-right:43px; margin-top:32px; background:#1e5c79; color:#fff;font:bold 14px Myriad Pro; }
	.g {padding:3px;font:bold 14px Myriad Pro;color:#1e5c79;display:block}
	.g input {border:1px solid #ddd; width:150px; padding:7px 5px; color:#666; font:11px Arial;}
	.if{display:block; padding:5px; color:#1e5c79;font:bold 14px Myriad Pro;}
	.if img{width:40px; height:40px; margin-right:10px; vertical-align:middle}
	
	.hata {background-color: #ffeded; padding: 7px; border: 1px solid #ebd5d5; color: #840b0b; font-size: 13px; margin-bottom: 10px;float:left;width:390px}
	.basarili {background-color: #faffed; padding: 7px; border: 1px solid #e6ebd5; color: #66840b; font-size: 13px;width:390px;float:left;}
/*Ürünler*/
.urunBlok{width:270px;height:280px; padding:10px; margin-left:10px; float:left; margin-top:10px;display:block}
.uResim{border:1px solid #ddd; width:250px; display:block;height:130px; padding:10px;margin-bottom:5px;  box-shadow:0 0 3px #ddd;border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px ; display:block; }
.uResim img{ width:250px; height:130px; border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px ;}
.uBaslik{padding:5px; color:#1e5c79;margin-bottom:5px; display:block;font:bold 15px Myriad Pro; border-bottom:1px solid #ddd}
.uBilgi{padding:5px; color:#333; font:12px Arial;}
.uBaslik a{color:#1e5c79;}
	
	/*Ürün Detay*/
	

/*Footer*/
#footer{width:950px; height:174px; margin:15px auto;background:url(../images/footer.png) no-repeat;padding:10px;}	
.footer{width:907px; height:134px; padding:10px;overflow:hidden; background:#fff;behavior:url(css/PIE.htc);border-radius: 5px; -webkit-border-radius:5px ; -moz-border-radius: 5px}

.f_blok{ width:260px; height:120px; padding:10px;margin-top:-10px; float:left;margin-left:20px}
.f_b{ display:block;font:bold 16px Myriad Pro; padding:5px;color:#1e5c79;}
.i_b a{padding:4px; font:13px Myriad Pro;color:#1e5c79;display:block}
.i_b {padding:4px; font:13px Myriad Pro;color:#1e5c79;display:block}

.h_m{display:block;padding:1px;padding-left:5px;line-height:20px}
.h_m a{ color:#1e5c79; font:14px Myriad Pro}
.h_m a:hover{color:#000}
.s_m{display:block;padding:10px;padding-left:0; color:#1e5c79;font:bold 14px Myriad Pro; }
.s_m a{ color:#1e5c79;}