﻿
    @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,800,300,600);

/* ÜRÜNLER CSS */
    /*  Kategori Liste  */
    .kategori-liste{margin-top:10px;background:#fff;}
    .kategori-liste li{font-size:14px;padding:10px 5px;}
    .kategori-liste li a{color: #000;font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 13px;}
    .item-1{background:#3e6da5;color:#fff;padding:10px;}
    .recent-products li{width:260px;height:275px;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:#fff;width:270px;height:270px;padding:5px;cursor:pointer;border:1px solid #ccc;}
    .ub .GrayLine{margin:3px 0;background:#3e6da5;height:1px;}
    .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{  position: absolute;left: 0;right: 0;margin: 0 auto;width: 130px;bottom: 70px;padding: 4px 8px;color: #fff;font-size: 12px;opacity: 0;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;}
    .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;}
    .ubf h3, .ubf h5{width:30%;float: left;}
    .ubf h5{color:#ccc;text-decoration:line-through;line-height: 0px;}
    .ubf h5 i{font-size:10px;}
    .ubf h3{color:#dd1f26;}
    .ubf h3 i{font-size:14px;}
    .ubak{padding:0px 10px;}
    .uuadi{color:#000;margin-top:8px;margin-bottom:3px;font-family: 'Open Sans', sans-serif;font-size: 15px;}
    .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;}
        .sag {margin-top:32px;}
	/*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: 5px solid #cd1825;padding: 10px 30px 10px 19px;;color:#cd1825;font-weight: bold;}
    .sepete-ekle-buton:hover{color:#cd1825;}
    .detay-paylas{text-align: right;font-size: 11px;}
    .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 #cd1825;color: #cd1825;}
    :target {display: block}
    #adetform{font-weight: bold;font-family: 'Helvatica';}
    .qty {width: 30px;height: 27px;text-align: center;border: 2px #333 solid;margin: 0;color: #000;margin-left: -3px;}
	input.qtyplus {margin: 0;cursor: pointer;width: 19px;height: 27px;border: 2px #000 solid;border-left: none;background-color: white;color: #000;font-size: 14px;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%;height:290px;  border: 1px solid #e3e3e3;}
	.mini-resim img{width:95px;height:75px;  margin: 10px 10px 10px 0px;border: 1px solid #e3e3e3;}