@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,800,300,600);

/* ÜRÜNLER CSS */
.emo { display: none; }
.UrunSolBlok { margin-top: 40px; }
.Sirala { height: 30px; padding: 0px 5px; width: 200px; margin: 10px 0 0; }
.kategori-liste { width: 100%; }
    .kategori-liste .baslik > h5 {padding:10px; background: #333; color: #fff; }
    .kategori-liste li {  cursor: pointer; border-bottom: 1px solid rgb(235, 229, 220); }
        .kategori-liste li h5 { margin: 0px; }
        .kategori-liste li a {    font-size: 12px;
    font-weight: 100;
    color: #b2b2b2;
    padding: 5px;
    display: block; }
    .kategori-liste .caret { float: right; margin: 5px; }
    .kategori-liste .dropdown-menu { position: relative; width: 100%; -webkit-background-clip: none; background-clip: none; border: 0px; border: 0px; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; float: none; }
.dropdown-menu { min-width: 90px; }
.kategori-liste .dropdown-menu li { background-color: white; padding: 0px 0px; border: 0px; }
    .kategori-liste .dropdown-menu li :hover { background-color: #FBB9E0; color: white; }
.kategori-liste .dropdown-menu li a { padding: 2px 0px; font-size: 12px; font-weight: 100; color: #b2b2b2; }
.kategori { margin-top: 10px; padding: 0; }
.kategori-liste .baslik:hover { background: #333; }
/*  Kategori Liste  */
.item-1 { background: #000; color: #fff; padding: 10px; }
.recent-products li { width: 270px; float: left; margin: 10px; }
/* Başlık */
.dbaslik { width: 100%; display: table; text-align: center; margin: 10px 0; }
    .dbaslik h3 { padding: 0 20px; }
    .dbaslik span { display: table-cell; }
.bb { display: table-cell; height: 5px; position: relative; vertical-align: middle; width: 39%; }
.bbi { width: 100%; height: 6px; border-bottom: 1px solid #000; border-top-width: 0px; border-top: 2px solid #000; }
/* Başlık */
.ub { background: transparent; width: 270px; padding: 5px; cursor: pointer; border: 1px solid #ccc; }
    .ub .GrayLine { margin: 3px 0; background: #000; height: 1px; float: left; width: 100%; }
.ubi { width: 260px; height: 210px; overflow: hidden; position: relative; background: #000; }
    .ubi img { width: 100%; height: 100%; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.HGButon { display: inline-block; background: #01a6de; position: relative; margin: 0 auto; padding: 5px 20px; color: #fff; font-size: 12px; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    .HGButon:hover { color: #fff; }
    .HGButon i { padding: 0 5px; }
.ubi:hover .HGButon { opacity: 1; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.HGButon2 { display: inline-block; float: right; background: #01a6de; position: relative; margin: 0 auto; padding: 5px 20px; color: #fff; font-size: 12px; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
    .HGButon2:hover { color: #fff; }
    .HGButon2 i { padding: 0 5px; }
.ubi:hover .HGButon2 { opacity: 1; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.ubi:hover img { opacity: 0.8; transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; }
.ubf { padding: 5px 10px; float: left; width: 100%; }
    .ubf h3, .ubf h5 { width: 100%; float: left; }
    .ubf h5 { color: #ccc; text-decoration: line-through; line-height: 0px; }
        .ubf h5 i { font-size: 10px; }
    .ubf h3 { color: #dd1f26; font-size: 16px; }
        .ubf h3 i { font-size: 14px; }
.ubak { padding: 0px 10px; float: left; width: 100%; }
.uuadi { color: #000; margin-top: 8px; margin-bottom: 8px; font-family: 'Open Sans', sans-serif; font-size: 15px; height: 23px; }
    .uuadi > span { float: right; font-size: 12px; font-weight: 100; margin-top: 5px; }
.ukadi { color: #000; margin-top: 6px; margin-bottom: 3px; }

/*urundetay*/
.urundetay { padding-bottom: 15px; }
    .urundetay li:first-child { border-bottom: black 1px solid; }
.detaydiv { border-top: 1px solid #3e6da5; padding: 10px 0; }
.mini-resim img { width: 100%; padding: 10px; max-width: 95px; }
/*urundetay sag*/
.tablo { background: #cd1825; color: #fff; padding: 5px 15px; opacity: 0.8; width: 100%; text-align: center; }
.sag { float: right; }

/*kopyalanan kısım*/
.UrunAdi strong { font-weight: bold; color: #3e6da5; }
.UrunLogo { text-align: center; }
.BaslikUurnDetay { font-weight: bold; color: #3e6da5; }
.urunDetaylar { background: #3e6da5; padding: 10px; text-align: center; color: #fff; border: 1px solid #fff; transition: all 0.5s ease-in-out; }
    .urunDetaylar a { color: #fff; }
    .urunDetaylar:hover { background: #fff; border: 1px solid #3e6da5; transition: all 0.5s ease-in-out; }
        .urunDetaylar:hover a { color: #3e6da5; }
.urun-detay-sol { padding: 20px; }
.urun-detay-sag { padding: 20px; }
.tab-menu-detay li { display: inline-block; margin: 0px 15px 0px 15px; }
    .tab-menu-detay li a { padding: 4px 25px 4px; }
.urun-detay-tab { background-color: rgba(246,243,242,0.5); min-height: 500px; padding: 10px; background: url('../images/wtr.png')repeat repeat 0.2; }
.urun-detay-tab-ic { border: 3px solid #fff; text-align: center; min-height: 480px; }
    .urun-detay-tab-ic h2 { color: #333; padding: 20px; border-bottom: 1px solid #333; width: 130px; margin: 0px auto; }
#tabs-3 .urun-detay-tab-ic { text-align: left; }
#tabs-3 .urun-detay-tab-ic { padding: 10px; }
.detay-yazi { padding-top: 20px; font-style: italic; }
.tab-content { padding: 10px; }
.radio-buton { text-align: center; }
.yorum-tab { background: #fff; margin: 0 0 10px 0; }
.urun-detay-tab-ic input { border-radius: 0; width: 50%; }
.watermark { position: absolute; width: 100%; height: 100%; background: url('../images/wtr.png') repeat repeat; top: 0; left: 0; opacity: 0.6; z-index: 998; }
#tabs-1 { position: relative; }
.resim-detay { margin: 10px 0 10px 0; }
.tablo { background: #cd1825; color: #fff; padding: 5px 15px; opacity: 0.8; width: 100%; text-align: center; }
    .tablo:hover { color: #fff; opacity: 1; }
.ayak-no-blok { margin: 10px 0 10px 0; }
.ayak-no { padding: 6px 3px 5px 3px; border: 1px solid #fff; }
    .ayak-no:hover { border: 1px solid #333; }
    .ayak-no img { margin-top: -3px; }
.sepete-ekle-buton { border: 2px solid #cd1825; padding: 10px 30px 10px 19px;; color: #cd1825; font-weight: bold; }
    .sepete-ekle-buton:hover { color: #cd1825; border: 2px solid #cd1825; }
.detay-paylas { text-align: right; font-size: 11px; padding: 9px; float: right; }
    .detay-paylas a { color: #bfbfbf; }
.detay-resim img { width: 100%; }
.urun-detay-sag .panel { border-radius: 0; border: none; box-shadow: none; border-bottom: 1px dotted #000; }
.urun-detay-sag .panel-default > .panel-heading { color: #333; background-color: #fff; border-radius: 0px; border-top: 1px dotted #000; border-bottom: 0px; padding: 5px 15px; }
.urun-detay-sag .panel-default:last-child .panel-heading { border-top: 0px; }
.urun-detay-sag .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 0px; }
.tab-menu-detay .active a { border-bottom: 5px solid #b3a487; color: #b3a487; }
:target { display: block; }
#adetform .form-control { width: 60px; }
input.qtyplus { margin: 0; cursor: pointer; width: 19px; height: 27px; border: 2px #000 solid; border-left: none; background-color: white; color: #000; font-size: 13px; padding: 0; margin-left: -3px; }
input.qtyminus { cursor: pointer; width: 19px; height: 27px; border: 2px #000 solid; border-right: none; background-color: white; color: #000; font-size: 14px; padding: 0; }
.detay-buyuk-resim img { width: 100%; border: 1px solid #e3e3e3; }
.mini-resim img { width: 100%; max-width: 95px; }
.urun-detay-yazi { margin-top: 4%; }
.tab-menu-detay { border-bottom: dotted 1px #B3A487; padding: 9px; }
.detay { border-bottom: dotted 2px #B3A487; padding: 10px 0px 10px 0px; }
    .detay a { color: #B3A487; padding: 0px 15px 0px 0px; }
        .detay a:hover { color: #000; }
.stok { padding: 10px 0px 0px 0px; }
    .stok p { color: #B3A487; display: inline-block; font-weight: bold; }
.fiyat-yazi { margin-top: 15px; }
    .fiyat-yazi h3 { padding: 0px 0px 10px 0px; font-weight: bold; }
.beden-tablosu { margin-top: 25px; }
    .beden-tablosu a { display: inline-block; }
    .beden-tablosu li { display: inline-block; float: right; background: #b3a487; color: #fff; padding: 5px 15px; opacity: 0.8; }
        .beden-tablosu li > a { color: white; }
.resim { margin-top: 10px; }
.boyut { margin-top: 10px; }
#adetform { margin-top: 20px; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; }
.urun-detay-sag .panel { border-radius: 0; border: none; box-shadow: none; border-bottom: 1px dotted #000; }
.urun-detay-sag .panel-default > .panel-heading { color: #333; background-color: #fff; border-radius: 0px; border-top: 1px dotted #000; border-bottom: 0px; padding: 5px 15px; }
.panel-default > .panel-heading { background-color: white; padding: 0px 15px; }
.panel-title { border-top: dotted 1px #b3a487; border-bottom: dotted 1px #b3a487; padding: 7px 0px 7px 0px; }
.panel-title-2 { margin-top: 0px; border-bottom: dotted 1px #b3a487; padding: 7px 0px 7px 0px; }
.qty { width: 30px; height: 27px; text-align: center; border: 2px #333 solid; margin: 0; color: #000; margin-left: -3px; }
.panel-group .panel + .panel { margin-top: 0px; }
.panel { border: none; -webkit-box-shadow: none; box-shadow: none; }
}
.panel-heading { padding: 0px 15px; }
input:focus { border-color: #b3a487; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

.sayfalama { text-align: left; display: inline-block; }
.pagination { float: none; display: inline-block; width: auto; }
    .pagination > li > span { position: relative; float: left; padding: 0; margin-left: 0px; color: #fff; text-decoration: none; background-color: #fff; border: 0; }
.SayfalamaNo span .active { background: #428bca; color: #fff; }
.pagination > li > span > span > a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.kategori-liste .dropdown-menu { position: relative; background: #e3e3e3; width: 100%; }


@media(max-width:767px) {
    .tab-menu-detay li { margin: 0px; }
        .tab-menu-detay li a { padding: 0px; }
}