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

/* ÜRÜNLER CSS */

.UrunSolBlok{margin-top:40px;}
    .Sirala{    height: 30px;
    padding: 0px 5px;
    width: 200px;
    margin: 10px 0 0;}
.kategori-liste {
    width: 100%;
}
    .kategori-liste .baslik {
        background: rgba(242,23,151, 0.3);
        color: #fff;
    }
    .kategori-liste li {
        padding: 15px 10px;
        cursor: pointer;
        border-bottom: 1px solid rgb(235, 229, 220);
    }
    .UrunSagBlok h5{    text-align: center;
    background: #555555;
    color: #fff;
    padding: 5px;}
        .kategori-liste li h5 {
            margin: 0px;
        }
    .kategori-liste li {
        padding: 15px 10px;
        cursor: pointer;
        border-bottom: 1px solid rgb(235, 229, 220);
    }
        .kategori-liste li a {
            font-size: 14px;
            font-weight: 100;
            color: #b2b2b2;
        }
    .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;
    }
    .kategori-liste .dropdown-menu {
        height: 120px;
        overflow-y: scroll;
    }
.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 li {
    padding: 15px 10px;
    cursor: pointer;
    border-bottom: 1px solid rgb(235, 229, 220);
}
.kategori-liste .dropdown-menu li a {
    padding: 2px 0px;
    font-size: 12px;
    font-weight: 100;
    color: #b2b2b2;
}
.kategori {margin-top:5%;    padding: 0;}
.kategori-liste .baslik:hover {
    background: rgba(242,23,151, 1);
}
    /*  Kategori Liste  */
    .item-1{background:#000;color:#fff;padding:10px;}
    .recent-products li{width:270px;float:left;margin: 2px;}
    /* 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{overflow:hidden;position:relative;background:#000;border:1px solid #ccc;}
    .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;text-align:center;}
    .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;}
}