@import "sifir.css";


@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(ince.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(normal.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(kalin.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(bold.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'), url(cokalin.woff) format('woff');
}


body{margin:0;padding:0;font-family: 'Roboto',  sans-serif;font-size: 12px;line-height:17px;background: #dcdedf url(../res/site_bg.jpg) no-repeat top center; }
/* YAPI */
.clr {clear:both; }
.clrSol {clear:left; }
.clrSag {clear:right; }


a {text-decoration: none; }

.Genel {width: 980px;margin: 0 auto;	 } 



.Tepe {background: url(../res/tepe_bg.jpg) repeat-y top center;padding-top: 5px;box-shadow: 0 0 10px #ccc; }
	.TepeLogo {float: left; }
	.TepeMenu {float: right;margin-top: 5px; }
		.TepeMenu ul { }
		.TepeMenu ul li {float: left;position: relative; }
		.TepeMenu ul li a {display: block;padding: 10px;color: #0a6cbc;font-weight: 700;font-size: 13px;border-radius: 3px; }
		.TepeMenu ul li a:hover {background: #0a6cbc;color: #fff; }

		ul.TepeMenuAltMenu {position: absolute;background: #0f64b7;width: 200px;padding: 10px;display: none;z-index: 999999999999; }
			ul.TepeMenuAltMenu li {display: block;clear: both; }
			ul.TepeMenuAltMenu li a {display: block;color: #fff;width: 180px; }
			ul.TepeMenuAltMenu li a:hover {background: #fff;color: #0f64b7; }

.SliderKapsul {background: url(../res/slider_bg.png) top center;padding: 20px 0; }
	.Slider {width: 980px;height: 350px;overflow: hidden; }

.IcerikAlani {background: url(../res/icerik_alani_bg.jpg) top center;height: 440px;margin-top: 5px; }
	.YapilanIsler {padding-top: 20px;float: left; }
		.YapilanIsler ul { }
		.YapilanIsler ul li {float: left;margin-right: 50px; }
		.YapilanIsler ul li img {height: 30px;float: left;vertical-align: middle;margin-right: 10px; }
		.YapilanIsler ul li h3 {font-weight: 500;font-size: 20px;line-height: 20px;color: #555;float: left; }
		.YapilanIsler ul li h3:hover {cursor: pointer;color: #c10707; }
	.IletisimBilgi {float: right;margin-top: 20px; }
		.IletisimBilgi h2 {font-size: 20px;line-height: 20px;font-weight: 300;color: #333; }


	.Icerikler {width: 910px; }
	.IcerikSol {float: left;width: 550px;margin-top: 10px; } 
		.IcerikSolSlider {background: #fff;height: 230px;width: 545px; }
		.IcerikSolKutucuklar {margin-top: 10px; }
			.IcerikSolKutucuklar ul { }
			.IcerikSolKutucuklar ul li {float: left;width: 175px;height: 180px;margin-right: 10px;background: url(../res/pencere_bg.png) no-repeat; }
			.IcerikSolKutucuklar ul li:last-child {margin-right: 0; }

			.KutuPos {margin-top: 5px;margin-left: 15px;width: 145px;text-align: center; }
				.KutuPos img {height: 90px;margin-bottom: 10px; }
				.KutuPos h3 {font-weight: 900;font-size: 22px;line-height: 25px;color: #005f99; }
				.KutuPos h3 b {font-weight: 900;color: #444; }

			.KutuTelefon {margin-top: 5px;margin-left: 15px;width: 145px;text-align: center; }
				.KutuTelefon img {height: 80px;margin-bottom: 10px; }
				.KutuTelefon h3 {font-size: 25px;line-height: 35px;font-weight: 900;color: #005f99; }
				.KutuTelefon h3 b {font-weight: 300;color: #555; }


	.IcerikSag {float: right;width: 355px; } 
		.DovizKuru { }
			.DovizKuru table {margin-left: 10px;width: 200px; }
			.DovizKuru table tr {border-bottom: 1px solid #ddd; }
			.DovizKuru table tr td {padding: 10px;font-size: 16px; }
			.DovizKuru table tr td:first-child {font-weight: 900;color: #555; }
		.BizeUlasin {margin-top: 20px; }
			.BizeUlasintext {display: block;border: 1px solid #bbb;border-radius: 3px;padding: 10px;width: 300px;margin-left: 10px;box-shadow: 0 -2px 10px #eee inset;margin-bottom: 3px;color: #555; }
				textarea.BizeUlasintext {resize: none;height: 80px; }
			.BizeUlasinButton {background: #005f99;border: 0;box-shadow: 0 -2px 10px #0490be inset;padding: 8px 15px;margin-left: 10px;font-weight: 900;color: #fff;border-radius: 3px; }
			.BizeUlasinButton:hover {box-shadow: 0 2px 10px #0490be inset;cursor: pointer; }

		.DovizKuru h3, .BizeUlasin h3 {border-bottom: 1px solid #ccc;color: #fff;font-weight: 900;font-size: 18px;padding: 10px;margin-bottom: 10px;background: #005f99; } 



.Footer {background: url(../res/footer_bg.jpg);padding: 10px;border-top: 1px solid #ddd; }
	.FooterSol {float: left; }
	.FooterSag {float: right; }
		.FooterSag a img {height: 10px; }




		.SayfaIletisim { }
		.SIHarita {width: 980px;overflow: hidden; }
		.SIBilgiler {padding: 20px; }
			.SIBSol h1, .SIBSag h1 {font-weight: normal;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 20px; }
			.SIBSol {float: left;width: 600px; }
				.SIBSol table {width: 100%; }
				.SIBSol table tr { }
				.SIBSol table tr td {padding: 5px; }
			.SIBSag {float: right;width: 320px; }
				.SIBSag h2 {margin-bottom: 1px;font-size: 14px;color: #760C0C; }
				.SIBSag p {color: #333;padding: 3px 0; }
				.SIBSagBosluk {height: 10px; }

		.IletisimText {background: #f5f5f5;border: 1px solid #ddd;resize:none;padding: 10px;width: 260px; }
		textarea.IletisimText {width: 560px;font-family: Tahoma; }
		.IletisimButon {background: #b10606;color: #fff;padding: 10px 20px;border: 1px solid transparent }

	.SayfaStandart {padding: 10px;width: 980px;margin: 0 auto; }
		.SayfaStandart h1 {color: #FF8000;padding: 10px;border-bottom: 1px solid #f5f5f5;text-align: center;margin-bottom: 10px; }
		.SayfaStandart h3 {padding: 5px;border-bottom: 1px dashed #eee;color: #086A87; }
		.SayfaStandart p {padding: 5px;color: #444;margin-bottom: 20px; }

	.Piralu {text-align: center; }
		.Piralu img {width: 120px;margin-top: 50px; }


	.Referanslar {width: 980px;margin: 0 auto;	}
		.RefSecenek {float:left;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:10px 20px;margin-left:10px;background:#0f64b7;color:#fff; }
			.RefSecenek:hover {background:#4697e7;cursor:pointer;			}
			.RefSecenekAktifTab {background:#4697e7;cursor:pointer;			}
		.Referanslar ul {margin-top:10px; }
		.Referanslar li {padding:5px;float:left;width:270px;margin-left:20px;border-left:1px solid #ccc;margin-bottom:5px; }
			.Referanslar li:hover {background:#f5f5f5;cursor:pointer;}
		.Referanslar table {width:100%; }
		.Referanslar td {padding:10px;font-weight:bold;				}
		.Referanslar tr {border-bottom:1px solid #ddd; }
		.Referanslar tr td img {vertical-align: middle;width: 100px; }
		.Referanslar tr:nth-child(even) {background:#fafafa; }
			.Referanslar tr:hover {color:#245986;cursor:pointer; }
		.Referanslar h4 {font-size:18px;color:#da251c }


	.Urunler {width: 980px;margin: 10px auto; } 
		.UrunKategori {float: left;background: #0f64b7;border-radius: 3px;width: 250px;padding: 5px; }
			.UrunKategori ul { }
			.UrunKategori ul li { }
			.UrunKategori ul li a {display: block;color: #fff;font-size: 16px;padding: 10px 5px;border-radius: 3px;line-height: 20px; }
			.UrunKategori ul li a img {vertical-align: top;height: 20px; }
			.UrunKategori ul li a:hover {background: #4697e7; }
			.UrunKategori ul.ALtKategori {margin-left: 20px; }
			.UrunKategori ul.ALtKategori li a {font-weight: 300;font-size: 14px; }
			.UrunKategori ul.ALtKategori li a img {height: 16px; }
		.UrunIcerik {float: right;width: 700px; }
			h3.UrunIcerikBaslik {background: #4697e7;font-weight: 300;font-size: 18px;padding: 10px;border-radius: 3px;color: #fff; }
			.UrunIcerik ul { }
			.UrunIcerik ul li {float: left;border: 1px solid #ddd;margin: 5px;border-radius: 3px;padding: 5px;width: 153px;height: 150px; }
			.UrunIcerik ul li .UrunResim {padding: 3px;border-radius: 3px;background: #fff;text-align: center;overflow: hidden; }
			.UrunIcerik ul li .UrunResim img {height: 100px;border-radius: 3px; }
			.UrunIcerik ul li h3 {color: #444; }
			.UrunIcerik ul li:hover {background: #fff;cursor: pointer; }
			.UrunIcerik ul li:hover h3 {color: #0f64b7; }


	.UrunKategoriListele { }
		.UrunKategoriListele a {padding: 10px;border-radius: 3px;float: left;color: #333;margin: 5px;width: 290px;background: url(../res/orta_bg.jpg);border: 1px solid #ddd;font-size: 15px; }
		.UrunKategoriListele a {box-shadow: 0 2px 2px #aaa; }
		.UrunKategoriListele a:hover {background: url(../res/orta_bg_hover.jpg); }
		.UrunKategoriListele a img {width: 35px;vertical-align: middle;margin-right: 5px; }



	.UrunTuru {margin-top: 20px; }
		.UTResim {float: left;width: 180px;background: #fff;border-radius: 3px;box-shadow: 0 2px 3px #ccc; }
			.UTResim img {width: 180px; }
		.UTBilgi {float: left;width: 520px; }
			.UTB {float: left;font-size: 12px;color:  #444;padding: 5px;border: 1px solid #ddd;border-radius: 3px;margin: 10px;background: #fff;width: 141px;height: 35px;margin-top: 0; }


	.GofrajBolumu { }
		.GBTab {margin-bottom: 5px; }
			.GBTab a {display: block;float: left;background: #4697e7;color: #444;padding: 10px 20px;margin-right: 5px;color: #fff;font-size: 15px; }
		.GBIcerik {margin-top: 10px; }
			.GBI {display: none; }
			.GBI:first-child {display: block; }


	.GofrajFotoGaleri { }
	.GofrajFotoGaleri ul li {overflow: hidden;padding: 0; }
	.GofrajFotoGaleri ul li img {width: 170px;height: 160px; }