body { font-size: 12px; background: #fff; color: #2d2d2d; font-family: Arial,Tahoma; }
p { line-height: 18px; }
a { outline: none; color: #2d2d2d; cursor: pointer; text-decoration: none; }
a:hover, a:active, a:focus { color: #111111; }
strong { font-weight: bold; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; }
/*ANA BASIKLARDA KULLANILAN*/
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
/*IÇERIK IÇINDEKI BASLIKLAR IÇIN KULLANILAN*/
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; }
/*SOL VE YAN MENU*/
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
/*KATEGORI ADINDA KULLANILACAK*/

.clear { clear: both; }



/*Header Default*/
.header-alan { width: 100%; height: 600px; background: url(../images/bg.png); }
.header { width: 980px; margin: 0px auto; height: 580px; background: #fff; }

.header-sol { float: left; width: 277px; height: 580px; }
.header-sag {float: left;width: 698px;height: 570px;background: url(../images/sliderbg.png);padding: 5px;padding-left: 0px;position: relative;}
.header-sag .tavilo {width:370px;height:22px;background:url(../images/head.png) no-repeat;float:left;position:absolute;left: 17px;top: 14px;}

/*header Master*/
.header-alan2 { width: 100%; height: 220px; background: url(../images/bg.png); }
.header2 { width: 980px; margin: 0px auto; height: 210px; background: #fff; }

.header-sol2 { float: left; width: 277px; height: 210px; }
.header-sag2 { float: left; width: 698px; height: 200px; background: url(../images/sliderbg.png); padding: 5px; padding-left: 0px; }

/*Kategori resmi*/
.kategori-resmi-alan { background: #fff; width: 698px; height: 200px; position: absolute; overflow: hidden; }
.kategori-resmi-alan img { width: 698px; height: 200px; }
.slider-golge2 { background: url(../images/slidergolge2.png) no-repeat; float: left; position: absolute; z-index: 999; width: 27px; height: 200px; }

/*Slider*/
.slider { background: #fff; width: 698px; height: 570px; }
.slider-golge { background: url(../images/slidergolge.png) no-repeat; float: left; position: absolute; z-index: 999; width: 27px; height: 570px; }

/*Logo*/
.logo-alan { width: 277px; height: 205px; }
.ust-cizgi { width: 277px; height: 5px; background: #ffca12; }
.ust-golge { width: 277px; background: url(../images/logogolge.png) no-repeat right; height: 22px; }

.logo { width: 262px; height: 86px; margin: 0px auto; }
.logo a { display: block; }

/*Arama*/
.arama { width: 251px; height: 38px; background: #d7d7d7; margin: 30px auto 0; border-right: 2px solid #c5c5c5; border-bottom: 2px solid #c5c5c5; }
.aramabuton { width: 38px; height: 38px; background: #2d2d2d url(../images/aramaicon.png) no-repeat center; border: none; float: left; cursor: pointer; }
.ara { width: 191px; height: 36px; border: none; padding: 2px 10px 0px 10px; background: none; font-family: 'Ptsansnarrow'; font-size: 15px; color: #555; }

/*Anamenü*/
.ana-menu { background: #fff; position: absolute; width: 660px; height: 60px; top: 50px; z-index: 888; }
.ana-menu ul { padding: 0px; float: right; }
.ana-menu ul li { float: left; }
.ana-menu ul li a { display: block; padding: 0px 12px; height: 50px; line-height: 50px; color: #6d6d6d; font-family: 'Ptsansnarrow'; font-size: 16px; border: 5px solid #fff; border-left: none; border-right: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ana-menu ul li a:hover { border: 5px solid #ffca12; border-left: none; border-right: none; color: #2d2d2d; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.ana-menu ul li:last-child a { padding-right: 0px; border: 5px solid #fff; }
.ana-menu ul li.aktif a { border: 5px solid #ffca12; border-left: none; border-right: none; color: #2d2d2d; }


/*Diller*/
.diller { float: right; background: #fff; padding: 5px; opacity: 0.7; position: relative; z-index: 999; margin-top: 10px; }
.diller ul { padding: 0px; }
.diller ul li { float: left; }
.diller ul li a { padding: 0px 8px; border-right: 1px solid #727272; font-family: 'Ptsansnarrow'; font-size: 13px; color: #4a4a4a; }
.diller ul li:last-child a { border-right: none; }

/*Bizden Haberler*/
.bizden-haberler { height: 370px; width: 277px; }
.bizden-haberler-baslik { width: 257px; height: 40px; background: #2b2b2b url(../images/ok.png) no-repeat center left 10px; padding-left: 20px; line-height: 40px; color: #fff; font-family: 'Ptsansnarrow'; font-size: 15px; }
.haberler { margin-top: 10px; }
ul.bxslider { }
ul.bxslider li { border-bottom: 1px dashed #dadada; padding-bottom: 10px; margin-bottom: 15px!important; }
ul.bxslider li:nth-child(2n) { border-bottom: none; }
ul.bxslider li h1 { font-size: 15px; font-family: 'Ptsansnarrow'; color: #308d95; }
ul.bxslider li p { text-align: justify; color: #999; line-height: 18px; margin: 5px 0px; height: 92px; overflow: hidden; }
ul.bxslider li a { background: #308d95 url(../images/butonok.png) no-repeat center left 5px; color: #fff; padding: 3px 10px 3px 15px; font-size: 11px; float: right; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
ul.bxslider li a:hover { background: #2b2b2b url(../images/butonok-hover.png) no-repeat center left 5px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

/*Anasayfa içerik*/
.anasayfa-icerik { width: 980px; margin: 0px auto; min-height: 400px; border-top: 3px solid #ffca12; }
.baslik-ok { width: 0; height: 0; border-style: solid; border-width: 13px 12.5px 0 12.5px; border-color: #ffca12 transparent transparent transparent; margin: 0px auto; }
.sayfa-baslik { color: #ffca12; font-family: 'Ptsansnarrow'; font-size: 40px; float: left; margin-bottom: 40px; }


/*Vitrin*/
.urun-kategorisi { width: 980px; margin: 20px auto; }
.kategori-baslik { width: 980px; }
.kategori-baslik h1 { background: #fff url(../images/baslik-ok.png) no-repeat right center; float: left; font-family: 'Ptsansnarrow'; font-size: 18px; padding: 0px 10px 0px 0px; position: relative; z-index: 99; }
.kategori-baslik h1 a { color: #fff; background: #707070; border-radius: 5px 5px 5px 0; padding: 5px; }
.kategori-baslik-cizgi { background: #ffca12; height: 1px; width: 980px; margin-top: -9px; float: left; }


.blok-alan { width: 310px; }
.blok { background: url(../images/blokbg.png) no-repeat bottom right; width: 320px; height: 170px; }
.urun-resmi { width: 220px; height: 160px; float: left; }
.urun-resmi img { margin: 0px auto; display: block; height: 160px; }
.detay-buton { float: right; width: 80px; height: 20px; background: #ffca12; margin-right: 10px; font-size: 11px; text-align: center; line-height: 20px; margin-top: 120px; font-family: Tahoma; color: #737373; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.detay-buton a{display:block;}

.detay-buton-list a { float: right; width: 90px; height: 22px; background: #ffca12; margin-right: 10px; font-size: 11px; text-align: center; line-height: 20px; margin-top: 15px; font-family: Tahoma; color: #737373; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.favorilerim-baslik { margin-top:25px;  padding: 5px; background: #404041; color: #fff; font-family: 'Ptsansnarrow'; font-size: 16px; border-right: 20px solid #ffca12; }
.favori-button { float:right; }
.favori-buton-list { float: right; width: 90px; border:none; height: 22px; background: #ffca12; margin-right: 10px; font-size: 11px; text-align: center; cursor:pointer; line-height: 20px; margin-top: 4px; font-family: Tahoma; color: #737373; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.blok-id { margin: 0px auto; font-size: 20px; font-family: 'Ptsansnarrow'; color: #636363; float: right; width: 80px; text-align: center; margin-right: 10px; height: 20px; margin-top: 80px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.blok-adi { font-family: 'Ptsansnarrow'; font-size: 15px; color: #636363; margin-top: 5px; }

.util-carousel .util-item:hover .detay-buton { background: #308d95; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.util-carousel .util-item:hover .detay-buton a { background: #308d95; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.util-carousel .util-item:hover .detay-buton-list a { background: #308d95; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.util-carousel .util-item:hover .blok-id { color: #308d95; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.blok-aciklama { line-height: 18px; height: 36px; overflow: hidden; color: #999; text-align: justify; font-size: 13px; font-family: 'Ptsansnarrow'; margin-top: 5px; }
.aracizgi { width: 980px; background: url(../images/aracizgi.png) no-repeat center; height: 11px; margin: 70px auto; }


/*Alt Banner*/
.alt-banner { width: 980px; margin: 60px auto 0; height: 101px; }
.alt-banner a { display: block; }
.alt-banner img { width: 980px; height: 101px; }
.alt-banner-golge { width: 980px; height: 29px; background: url(../images/bannergolge.png) no-repeat center; margin-bottom: 20px; }


/*Footer*/
.footer-alan { width: 100%; height: 160px; background: url(../images/bg.png); }
.footer { width: 980px; margin: 0px auto; height: 160px; }
.footer-sol { width: 180px; float: left; height: 160px; }
.footer-sol > ul { padding: 0px; margin-top: 10px; }
.footer-sol > ul > li { float: left; margin-right: 17px; width: 150px; height: 140px; }
.footer-sol > ul > li:last-child { float: right; margin-right: 0px; }
.footer-sol > ul > li .footer-menu { }
.footer-sol > ul > li .footer-menu ul { padding: 0px; margin-top: 10px; }
.footer-sol > ul > li .footer-menu ul li { margin-bottom: 10px; }
.footer-sol > ul > li .footer-menu ul li a { display: block; color: #9f9b98; font-family: 'Ptsansnarrow'; font-size: 13px; }
.footer-sol > ul > li .footer-menu ul li:last-child a { color: #ffca12; }
.footer-sol > ul > li .footer-menu ul li a:hover { color: #ffca12; }
.footer-sol > ul > li .footer-baslik { color: #ffca12; font-size: 16px; font-family: 'Ptsansnarrow'; border-bottom: 1px solid #ffca12; padding-bottom: 5px; }
.footer-sag { float: left; width: 160px; height: 160px; }

/*Footer Uzun Kategori Menü */
.footer-sol2 { width: 623px; float: left; height: 160px; margin-left:17px; }
.footer-sol2 > ul { padding: 0px; margin-top: 10px; }
.footer-sol2 > ul > li { float: left; margin-right: 17px; width: 600px; height: 140px; }
.footer-sol2 > ul > li:last-child { float: left; margin-right: 17px; }
.footer-sol2 > ul > li .footer-menu { }
.footer-sol2 > ul > li .footer-menu ul { float:left; padding: 0px; margin-top: 10px; width:600px; height:120px; }
.footer-sol2 > ul > li .footer-menu ul li { margin-bottom: 10px; float:left; width:200px; }
.footer-sol2 > ul > li .footer-menu ul li a { display: block; color: #9f9b98; font-family: 'Ptsansnarrow'; font-size: 13px; }
.footer-sol2 > ul > li .footer-menu ul li:last-child a { color: #ffca12; }
.footer-sol2 > ul > li .footer-menu ul li a:hover { color: #ffca12; }
.footer-sol2 > ul > li .footer-baslik { color: #ffca12; font-size: 16px; font-family: 'Ptsansnarrow'; border-bottom: 1px solid #ffca12; padding-bottom: 5px; }


.foot-alt { width: 100%; height: 30px; }
.foot-alt a { display: block; text-align: center; line-height: 30px; font-family: 'Ptsansnarrow'; font-size: 15px; }

/*Yukarı Ok*/
.alt-ok { width: 47px; height: 47px; position: relative; text-indent: -9999px; background: url('../images/yukariok.png') no-repeat; cursor: pointer; margin-left: 80px; margin-top: -14px; }

/*Sosyal*/
.sosyal { float: right; margin-top: 30px; }
.sosyal a { margin-left: 5px; }
.sosya-alt { background: url(../images/sosyalalt.png) no-repeat; width: 120px; height: 45px; float: right; margin-top: 10px; }



/*Listeleme Sayfası*/
.sayfa-icerik { width: 980px; margin: 0px auto 50px; min-height: 400px; border-top: 3px solid #ffca12; }

.kurumsal { width: 980px; margin: 0px auto 50px; min-height: 400px; }
.kurumsal h1 { font-family: 'Ptsansnarrow'; color: #fff; font-size: 16px; margin-bottom: 10px; background: #404041; padding: 5px 0px 5px 5px; border-right: 50px solid #ffca12; }
.kurumsal p { color: #999; line-height: 20px; text-align: justify; }
.kurumsal table tr td { padding:4px; border-bottom:1px solid #f1f1f1; border-left:3px solid #ffca12; }

.icerik { width: 730px; margin: 0px auto 50px; min-height: 400px; }
.icerik h1 { font-family: 'Ptsansnarrow'; color: #fff; font-size: 16px; margin-bottom: 10px; background: #404041; padding: 5px 0px 5px 5px; border-right: 50px solid #ffca12; }
.icerik p { color: #999; line-height: 20px; text-align: justify; }

.icerik .galeri-alan { width:100%; }
.icerik .galeri-alan ul { list-style-type:none; }
.icerik .galeri-alan ul li { float:left; margin: 10px 8px; width:165px; height:165px; }
.icerik .galeri-alan ul li img {width:165px;}

/*kategori-sayfasi*/
.kategori-sayfasi { width: 980px; margin: 0px auto; min-height: 400px; }
.kat-sol { float: left; margin-right: 15px; width: 230px; min-height: 300px; }
.yan-menu { width: 100%; }
.yan-menu ul { padding: 0px; margin-top: 10px; }
.yan-menu ul li { margin-bottom: 5px; }
.yan-menu ul li a { display: block; color: #636363; padding: 6px 0px; font-family: 'Ptsansnarrow'; font-size: 14px; border-bottom: 1px dashed #dadada; background: url(../images/ok.png) no-repeat left center; padding-left: 15px; }
.yan-menu ul li a:hover { color: #000; }
.yan-menu-baslik { padding: 5px; background: #404041; color: #fff; font-family: 'Ptsansnarrow'; font-size: 16px; border-right: 20px solid #ffca12; }
.kat-sag { float: left; width: 730px; min-height: 300px; }

.urunler { width: 730px; }
.urunler ul { padding: 0px; }
.urunler ul li { float: left; margin:0px 20px 40px 20px;}
.urunler ul li:nth-child(2n) { float: right; }
    .urunler ul li:hover .detay-buton-list a {
        background: #308d95;
        color: #fff;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }

.urunler ul li:hover .blok-id {color: #308d95; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  }

.demo-content > h4 { margin-top: 25px; }
.modal-demo { background-color: #FFF; width: 600px; box-shadow: 0 8px 6px -6px #000; text-align: left; display: none; }
.title { padding: 10px 20px 15px 20px; line-height: 18px; font-size: 16px; font-family:Ptserif; }
.text { padding: 0 20px 20px 20px; }
.close { position: absolute; top: 10px; right: 10px; background:#0f598a; border:none; color:#fff; }

.example-animation {display:none;}