*{margin:0px;padding:0px}
body{font:normal 13px Arial,Helvetica,sans-serif;background:url(../images/altarkaplan.jpg) center bottom repeat-x;overflow-x:hidden}
html{background:#FFFFFF url(../images/arkaplan.jpg) center top no-repeat}
a{color:#333333;text-decoration:none;outline:none}
a:hover{color:#333333;text-decoration:none;outline:none}
a:visited{color:#333333;text-decoration:none;outline:none}
a:active{outline:none;text-decoration:none}
img{outline:none;border:none}
.AnaCerceve{position:relative;width:1000px;margin:0px auto}
.UstCerceve{width:100%}
.IcCerceve{position:relative;width:100%;background:#FFFFFF}
.AltCerceve{position:relative;width:100%;height:108px}
.Bolum500{float:left;width:500px}
.Bolum700{float:left;width:700px;margin-left:4px;margin-right:10px}
.w770{width:770px !important;margin-right:0px !important}
.w720{width:720px !important;margin-right:0px !important}
.Bolum280{float:left;width:280px}
.w200{width:200px !important}
.w250{width:250px !important}
.satir{clear:both;width:100%}
.Logo{margin-left:5px;margin-top:25px}
.UstMenu{text-align:right;color:#FFFFFF;margin-top:10px;text-shadow:1px 1px 1px #20395f;margin-right:30px}
.UstMenu a{color:#FFFFFF;text-decoration:none;text-shadow:1px 1px 1px #20395f}
.Dil{width:155px;text-align:center;float:right;margin-right:30px;margin-top:45px}
.Dil a{margin-right:8px}
.Arama{width:330px;margin-top:12px;margin-right:30px;height:40px;background:url(../images/arabg.png) center center no-repeat;float:right}
.Arama input[type="text"]{margin-left:30px;margin-top:10px;outline:none;width:260px;height:25px;border:none;background:none}
.Arama input[type="submit"]{width:27px;height:21px;background:url(../images/ara.png) center center no-repeat;border:none;cursor:pointer}
.Menu{background:url(../images/menu.png) top center repeat-x;border-radius:10px 10px 0px 0px;width:100%;height:64px;overflow:hidden}
.Menu ul{list-style:none;width:100%}
.Menu ul li{float:left;text-align:center}
.Menu ul li a{color:#FFFFFF;display:block;text-decoration:none;font-size:15px;text-shadow:1px 1px 1px #0c2650;text-decoration:none;height:64px;line-height:64px;padding:0px 52px 0px 52px}
.Menu ul li:hover,.Menu ul li.aktif{background:url(../images/menubg.jpg) center center repeat-x}
.Menu ul li a:hover{}
.Menu ul li a div.Balon{display:inline-block; margin-left:8px; margin-top:0px;width:35px;height:27px;line-height:22px !important;background:url(../images/balon.png) center center no-repeat;font-size:13px}
.Menu li .acilir{position:absolute;display:none;z-index:999;background:none !important;width:200px;height:auto;z-index:999;float:left;text-align:left !important}
.Menu li .acilir li{font-size:12px;text-shadow:none;width:100%;background:url(../images/acilirarkaplan.jpg) left bottom repeat-x;float:none !important;height:30px;line-height:30px}
.Menu li .acilir li:last-child{border-radius:0px 0px 5px 5px}
.Menu li .acilir li a{color:#000000;text-shadow:none;line-height:30px !important;text-align:left !important;height:auto !important;padding:0px !important;padding-left:10px !important;font-size:13px}
.Menu li .acilir ul{list-style:none;position:absolute;display:none;z-index:999;margin-left:200px;width:210px;margin-top:-30px}
.Menu li .acilir li.Anamenu:hover ul{display:block}
.Menu li .acilir li a:hover{background:none !important;color:#06F}
.Menu li:hover .acilir,li.over .acilir{display:block}
.Slayt{border:1px solid #a9a9a9;margin:0px auto;width:989px;height:278px;overflow:hidden !important}
.MaviKutu{width:280px;border-radius:10px;background:#5a769d url(../images/mavikutu.jpg) center top repeat-x;margin-top:10px}
.MaviKutu a.Link{float:right;margin-right:10px;color:#043983;text-shadow:1px 1px 1px #FFFFFF;margin-top:5px}
.MaviKutu h3{padding-top:30px;color:#FFFFFF;font-size:22px;font-weight:normal;margin-left:10px}
.Blok{margin-left:10px;margin-top:10px}
.Blok .Foto{border-radius:10px;width:64px;height:64px;margin-right:10px;float:left;box-shadow:0px 0px 5px rgba(0,0,0,0.5)}
.Blok a{color:#FFFFFF;text-align:left}
.Blok .Yazi{width:263px}
.Gri{color:#d2d2d2}
.f27{font-size:27px}
.lh60{line-height:60px}
h4.AkinPres{float:left;width:200px;background:url(../images/golge.png) right top no-repeat;color:#567199;font-size:30px;line-height:60px}
.Bolum700 .Yazi{color:#000;font-size:12px;line-height:16px;text-align:justify}
.UrunSlaytArkaplan{width:100%;height:145px;background:#dee0e1 url(../images/slaytbg.jpg) center top repeat-x;border-radius:10px}
.UrunSlaytArkaplan span.GeriButon{position:relative;width:36px;height:28px;display:block;float:left;margin-left:600px;margin-top:-28px;background:url(../images/solbuton.png) center center no-repeat;cursor:pointer;z-index:999}
.UrunSlaytArkaplan span.IleriButon{position:relative;width:36px;height:28px;display:block;float:left;margin-left:642px;margin-top:-28px;background:url(../images/sagbuton.png) center center no-repeat;cursor:pointer;z-index:999}
.UrunSlaytArkaplan .bx-wrapper{margin:0px auto}
.UrunSlayt{list-style:none;margin:10px auto;margin-left:3px}
.UrunSlayt li{width:173px;height:145px;text-align:center}
.UrunSlayt li img{border-radius:10px;margin:0px auto}
.SosyalAglar{width:100%;text-align:right}
.SosyalAglar h5{color:#58749a;font-weight:500;float:left;font-size:16px;line-height:24px;margin-top:10px;margin-left:50px}
.SosyalAglar img{margin-top:10px}
.UfakKutu{width:234px;height:94px;color:#334970;padding:8px;float:left;background:url(../images/kutucuk.png) center center no-repeat;text-shadow:1px 1px 1px #FFFFFF}
.UfakKutu a{text-shadow:1px 1px 1px #FFFFFF;color:#334970}
.UfakKutu h3{font-size:22px;font-weight:normal}
.BultenForm{margin-top:5px}
.BultenForm input[type="text"]{padding:3px;height:19px;float:left;width:150px;background:#FFFFFF url(../images/arainput.jpg) center top repeat-x;border:none;outline:none}
.BultenForm input[type="submit"]{width:48px;height:25px;float:left;margin-left:5px;line-height:25px;background-color:#135779;cursor:pointer;color:#FFFFFF;border:none;outline:none}
label.error{color:#F00;position:absolute;text-shadow:1px 1px 1px #FFFFFF;display:none}
.AltCerceve{margin:10px auto;margin-bottom:0px !important}
.AltCerceve .UfakLogo{float:left;width:160px;height:70px;text-align:center}
.AltCerceve .Orta{float:left;width:680px;text-align:center}
.left{margin-left:4px;margin-right:10px}
.right{margin:0px}
hr{border:1px dotted #567199;margin:5px 0px 5px 0px}
.Bolum100{width:990px;margin:0px auto;min-height:300px}
.Bolum100 h2{color:#567199;font-size:18px}
.Iletisim{}
.Iletisim input{outline:none}
.Iletisim input[type="text"]{padding:3px;background:url(../images/arainput.jpg) top left repeat-x;border:1px solid #567199;border-radius:4px}
.Iletisim textarea{padding:3px;width:260px;background:url(../images/arainput.jpg) top left repeat-x;height:60px;outline:none;border:1px solid #567199;border-radius:4px;resize:vertical}
.Iletisim tr{line-height:30px}
.BaslikGolge{background:url(../images/baslikgolge.jpg) top left no-repeat;margin-top:4px;width:272px;height:18px}
.Iletisim input[type="submit"],.Iletisim input[type="reset"]{padding:4px;border:1px dotted #567199;border-radius:5px;color:#567199;text-shadow:1px 1px 1px #CCCCCC;cursor:pointer;background-color:#FFFFFF}
.Kroki{width:100%;height:300px;border-radius:6px}
.Kroki iframe{position:relative;border-radius:6px;box-shadow:0px 0px 8px #CCCCCC}
.BelirginKutu{width:430px;margin:28px auto;color:#FFFFFF;text-shadow:1px 1px 1px #364d73}
.BelirginKutu a{color:#FFFFFF}
span.Adres{color:#FFFFFF;text-shadow:1px 1px 1px #567199}
span.Adres a{color:#FFFFFF;text-shadow:1px 1px 1px #567199}
.Fotograflar ul{list-style:none}
.Fotograflar li{float:left}
.Fotograflar .Baslik{}
.Fotograflar .Foto{position:relative;float:left;margin-right:5px;width:235px;margin-bottom:5px;height:160px;padding:2px;border:1px solid #065e90;border-radius:4px}
.Fotograflar .Kategori{font:normal 12px Arial,Helvetica,sans-serif;text-align:center;display:block;padding:3px;background:url(../images/siyah.png) repeat;margin-top:135px;color:#FFFFFF;border-radius:4px}
.Urunler{list-style:none;width:100%}
.Urunler li{float:left}
.Urunler .Baslik{display:block;margin-bottom:5px}
.Urunler .Kategori{font:normal 12px Arial,Helvetica,sans-serif;line-height:18px;width:242px;border-radius:5px;padding:3px;background:url(../images/siyah.png) repeat;color:#FFFFFF}
.Urunler .Resim{position:relative;float:left;margin-right:8px;width:240px;height:180px;padding:3px;border:1px solid #065e90;border-radius:4px;text-align:center}
.Urunler .Resim a{}
.Urunler .Resim div{border-radius:4px}
.Haberler{list-style:none}
.Haberler li{float:left;margin-right:19px}
.Haberler .Baslik{}
.Haberler .Kategori{font:normal 12px Arial,Helvetica,sans-serif;display:block;padding:3px;background:url(../images/siyah.png) repeat;margin-top:110px;color:#FFFFFF}
.Haberler .Resim{position:relative;float:left;width:225px;margin-bottom:5px;height:140px;padding:3px;border:1px solid #065e90;border-radius:4px;text-align:center}
.Haberler .Resim a{}
.Haberler .Resim div{border-radius:4px}
.YanMenu{list-style:none;margin-left:0px}
.YanMenu li{font-weight:bold;width:100%}
.YanMenu li a{line-height:20px;color:#FFFFFF;display:block;padding:5px;border-radius:3px;margin:3px 0px;width:97%;background-color:#8197b6;text-shadow:1px 1px 1px #122b55}
.YanMenu li a.aktif{background:#072856}
.YanMenu ul{list-style:none;position:absolute;display:none;z-index:999;margin-left:206px;width:210px;margin-top:-36px}
.YanMenu li:hover ul{display:block}
.YanMenu ul li{font-weight:normal}
.YanMenu ul li a{white-space:nowrap;background:#bac7d9;border-radius:3px;margin:3px 0px}
.YanMenu ul li a.aktif{font-weight:bold}
.Bolum700 .Fotolar{width:255px;float:left}
.Bolum700 .Fotolar .AnaFotograf{border-radius:4px;box-shadow:0px 0px 3px #CCCCCC}
.UfakFoto{float:left;width:116px;height:auto;cursor:pointer;margin-right:5px;border-radius:4px;box-shadow:0px 0px 3px #CCCCCC}
.Bolum700 .Yazilar{float:left;width:465px;text-align:justify}
.SepetListesi{margin:0px auto}
.SepetListesi th{color:#FFFFFF !important;text-shadow:1px 1px 1px #567199;padding:8px;background-color:#8197b6;padding-left:0px}
.SepetListesi th:first-child{border-radius:5px 0px 0px 0px}
.SepetListesi th:last-child{border-radius:0px 5px 0px 0px}
.SepetListesi td{padding:5px;border-bottom:1px dashed #CCCCCC}
.SepetListesi tr:hover td{background-color:#EEE}
.SepetListesi input.Adet{padding:5px;width:28px;border-radius:4px;border:1px solid #567199;outline:none;text-align:center}
a.Buton{padding:5px;border-radius:4px;border:1px dashed #CCCCCC;text-shadow:1px 1px 1px #FFFFFF}
a.BAktif{background:#EEEEEE}
a.Buton span{color:#FF0000}
ul.Sayfala{float:right;list-style:none}
ul.Sayfala li{float:left;margin-right:5px}
ul.Sayfala li a{padding:5px;padding-left:8px;padding-right:8px;border-radius:4px;background-color:#567199;color:#FFF}
ul.Sayfala li a.aktif,ul.Sayfala li a:hover{background-color:#333}
.whatsapp-button{
    position: fixed;
    display: block;
    bottom: 20px;
    right: 20px;
    top:auto;
    left:auto;
    width: 60px;
    height: 60px;
    z-index: 9999999;
}

.whatsapp-button img{
    width: 100%;
    height: auto;
    transition: all .2s ease-in-out;
}

.whatsapp-button:hover img{
    transform: scale(1.5);
}