@charset "utf-8";
/* CSS Document */
body { padding:0px; margin:0px; font-size:12px;   font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;


    background: url('../resim/bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;

 }
a { text-decoration:none; color:#000000; }
.ortala { width:992px; margin:0 auto; overflow:hidden; }
.siteUst {  background:url(../resim/menuBg.png) no-repeat center bottom; width:992px; height:238px; margin-top:30px; position:absolute; z-index:2;}
.usyukseklik { width:100%; height:258px; }
.logo {  width:187px; margin:0 auto; }
.mask { position:absolute; background:url(../resim/mask.png) no-repeat center; height:71px; width:992px; margin-top:-71px; }
.clr { clear:both; }
.slider img{ -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }


.anaSayfaLi { float:left; margin-top:55px; margin-left:35px;  background:url(../resim/anasayfa.png) no-repeat; width:41px; height:36px; }
.anaSayfaLi:hover {  background:url(../resim/anasayfaHover.png) no-repeat; }

.menu { margin-top:65px; margin-left:60px; float:left; }
.menu a{ color:#FFFFFF; text-decoration:none;  font-size:16px; margin-right:60px; font-weight:bold; }
.menu a:hover{ color:#00BBFF; }
.orta { background:#FFFFFF; padding:15px; padding-bottom:40px; padding-top:30px; }



.orta .solBlok { float:left; width:460px; margin-right:30px; }
.orta .sagBlok { float:left; width:460px; }

.ortala .blok {  border:2px solid #ccc; margin-bottom:35px; padding:10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#f1f6fb; }
.ortala .blok .baslik{ background:url(../resim/solBlokBaslikBg.png) no-repeat; width:180px; height:44px; position:absolute; margin-top:-22px; margin-left:20px; color:#FFFFFF; padding:10px 20px 10px 0px ; font-size:18px; text-align:center; }
.ortala .blok .yazi{ padding-top:30px; font-size:14px; } 

.orta .sagBlok .baslik{ background:url(../resim/sagBlokBaslik.png) no-repeat; margin-left:215px;  padding:10px 0px 10px 20px ; }


.siteAlt { background:url(../resim/siteAlt.png) no-repeat; height:129px; width:992px; position:absolute; margin-top:-30px; margin-bottom:30px; color:#FFFFFF; padding:40px; }

.bulten { float:left; }
.bulten .a1 { margin-bottom:5px; font-size:16px; }
.bulten .a2 { margin-bottom:10px; }
.bulten .a3 { background:url(../resim/bulteninput.png) no-repeat; width:230px; height:28px; }
.bulten .a3 input { padding:5px; background:none; border:none; color:#FFFFFF; width:200px; float:left; }
.bulten .a3 .gonder { float:left; background:url(../resim/bultenButon.png) no-repeat; width:20px; height:28px; cursor:pointer; }

.blok2 { float:left; margin-left:20px; }
.blok2 a { color:#FFFFFF; }
.blok2 .tel{ background:url(../resim/tel.png) no-repeat left; padding-left:50px; font-size:18px; margin-bottom:10px; } 
.blok2 .kat{ background:url(../resim/katalog.png) no-repeat left; padding-left:50px; font-size:18px; height:35px; padding-top:10px; } 


.blok3 { float:left; margin-left:40px; color:#FFFFFF; padding-top:10px; }
.blok3 a{ color:#FFFFFF; font-size:14px; padding:10px; } 
.blok3 a:hover{ color:#00BBFF; }
.copy { padding:10px; padding-top:20px; }

.araBaslik { background:url(../resim/iletiisimBayiBg.png) no-repeat; width:199px;  margin-left:-23px;  padding:10px 0px 15px 20px ; color:#FFFFFF; font-size:18px; margin-top:23px; margin-bottom:15px; }

.iletisimYazi {  font-size:15px; color:#125299; font-weight:bold; line-height:35px; }

#iletisim .alan { padding-left:35px; margin-bottom:10px; padding-top:2px; }
#iletisim .alan input{ border:none; background:none; padding:5px; width:390px; }
#iletisim .alan textarea{ border:none; background:none; padding:5px; width:390px; height:85px; font-size:16px; }

#iletisim .mesaj { background:url(../resim/msj.png) no-repeat; width:440px; height:99px; }
#iletisim .adres { background:url(../resim/adrs.png) no-repeat; width:440px; height:99px; }
#iletisim .posta { background:url(../resim/pst.png) no-repeat; width:440px; height:30px; }
#iletisim .tel { background:url(../resim/tlbg.png) no-repeat; width:440px; height:30px; }
#iletisim .ad { background:url(../resim/adsyd.png) no-repeat; width:440px; height:30px; }
#iletisim .buton { background:url(../resim/gonder.png) no-repeat; width:115px; height:28px; border:none; margin:0 auto; cursor:pointer;  } 




.haber { margin-bottom:15px; color:#125299; }
.haber .tarih { background:url(../resim/Tbaslik.png) no-repeat; width:199px;  margin-left:-23px;  padding:10px 0px 15px 75px ; color:#FFFFFF; font-size:18px; margin-top:23px; margin-bottom:10px; }

.haber .haberBaslik { font-weight:bold; font-size:18px; margin-bottom:10px; }



.marka { float:left; width:43%; margin:1%; border:2px solid #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#fff; overflow:hidden; height:180px; padding:2%;  }
.marka img{ width:100% }




.urun { float:left; width:293px; margin:7px; border:2px solid #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background:#fff; overflow:hidden; height:200px;  }
.urun img{ width:100% }


.urunDetayBaslik{ background:url(../resim/urunlerBaslik.png) no-repeat; width:890px;  margin-left:-23px;  padding:10px 0px 15px 65px ; color:#FFFFFF; font-size:18px; margin-top:23px; margin-bottom:10px; }











.mobile { display:none; }
.menuMobile { background:#125299; padding:0px 5px 0px 5px; text-align:center; margin-bottom:10px; display:none; font-size:16px;}
.menuMobile ul {  list-style:none; list-style-type:none; padding:0px;  }
.menuMobile ul li { padding:10px 0px 10px 0px; 
border-top: 1px solid #175faf;
border-bottom: 1px solid #114988;

} 
.menuMobile ul li:hover { background-color: #175faf; }
.menuMobile ul li:hover  { color:#fff; }
.menuMobile ul li { color:#FFFFFF; font-weight:600; }
#toggleMenu { display:none; }
.menuBaslik { color:#FFFFFF; height:30px; font-weight:600; }
.menuBaslik #sayfaBaslik{ float:left; padding:5px; }
.menuBaslik .menuAc { float:right; padding:5px; cursor:pointer; }


.hresim { float:left; width:20%; margin-right:1%; }
.sag { float:left; width:79%;  }



@media only screen and (max-width: 960px) 
{
	
	.menuMobile, .mobile { display:block }
	
	.nav{ width:100%; margin-top:10%; left:0px; }
	body { background:#0092D9; }
	.ortala { width:95%; margin:0 auto; overflow:hidden; }
	.siteUst,.usyukseklik { display:none; }
	.orta,  .slider, .orta .solBlok,.orta .sagBlok { width:100%; float:none;  height:auto; padding:0px; margin:0; }
	.orta .blok {  float:none; padding:5px;  -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;  }
	.orta .solBlok .baslik,.orta .sagBlok .baslik { background:#125299; height:auto; margin:0; width:99%; position:static; padding:10px 0px 10px 0px; }
	.logo { margin-bottom:10px; }
	.mask { display:none; }
	
	
.ortala .blok .baslik { background:#125299; height:auto; margin:0; width:99%; position:static; padding:10px 0px 10px 0px; }	
	
	.jcarousel-skin-tango2 .jcarousel-item { width:100%; }
	.jcarousel-skin-tango0 {  height:auto; }
	.jcarousel-skin-tango0 .jcarousel-clip-horizontal { height:auto; width:100%; }
	.jcarousel-skin-tango0 .jcarousel-item { height:auto; width:100%; }
	#mycarousel-next0 { margin-right: 30px; }
	

	.ortala .blok .yazi { padding-top: 20px; }
	

	.siteAlt { width:92%; height:auto; background:#125299; padding:2px;  }
.bulten { text-align:center; }
	.bulten .a3 { margin:0 auto; }
	.blok2 .tel{ margin:0 auto; }

	.urunDetayBaslik { background:#125299; height:auto; margin:0; text-align:center; width:99%; position:static; padding:10px 0px 10px 0px;  }
}

@media only screen and (max-width: 800px) 
{
	
}
@media only screen and (max-width: 700px) 
{
	
}
@media only screen and (max-width: 600px) 
{
		.bulten, .blok2, .blok3 { float:none;  margin:0; padding:0;  margin-bottom:10px; }
}
@media only screen and (max-width: 500px) 
{
	
	.marka { float:none; width:93%; height:120px; }
			.hresim { float:none; width:100%; margin-right:0; }
			.sag { float:none; width:100%;  }
			.urun { width:90%; float:none; }
}
@media only screen and (max-width: 400px) 
{
	
}