/* CSS Document */
body{
	/*font-family:Roboto Thin;*/
	font-family:verdana;
	letter-spacing:-1px;
	font-size:12px;margin:0px;	padding:0px;
	background-color:#efefef;
}
#urunAdet{position:absolute; left:154px; top:0px; font-size:14px;}
.ayirac {position:absolute; left:133px; width:2px; height:30px; border-right:1px solid #444; top:3px;}
#resim_print {
    display: none;
}
.Yeni {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 60px 60px 0;
    border-color: transparent #ffd500 transparent transparent;
    position:absolute;
    top:0px; right:0px; z-index:2;
}
    .Yeni span {
        -ms-transform: rotate(45deg); /* IE 9 */
        -webkit-transform: rotate(45deg); /* Safari 3-8 */
        transform: rotate(45deg);
        position: absolute;
        top: 8px;
        left: 30px;
        font-size: 15px;
    }
.cerceve{margin:auto; width:1200px; position:relative; }
.logo{background:url(../images/logo.png) center center no-repeat; width:269px; height:57px; cursor:pointer; position:absolute; top:10px; left:0px;}
.sepet{background:url(../images/icon_sepet.png) left center no-repeat #a82700; padding:5px;  padding-left:40px; padding-right:20px; color:#fff; display:inline-block; position:absolute; right:0px; top:0px; cursor:pointer; z-index:3; display:none}
.sepetIslemleri{background-color:#a82700; width:100%; height:200px; position:absolute; top:-200px; left:0px; z-index:4; display:none}
.flag{position:absolute; top:0px; width:39px; height:36px; cursor:pointer; transition: 0.5s ease;}
.flag.tr{background:url(../images/flag_tr.png) center center no-repeat ; right:17px;}
.flag.en{background:url(../images/flag_en.png) center center no-repeat ; right:-10px; margin-top:1px}
.flag.ar{background:url(../images/flag_ar.png) center center no-repeat ; right:-10px;}
.flag:hover{height:35px;}
#ara{position:absolute; top:40px; width:194px; height:26px; border:1px solid #ccc; right:0px; padding:2px; padding-right:35px; background:url(../images/icon_search.png) right center no-repeat #fff;}
#ara_liste{
	position:absolute;
	top:70px;
	right:0px;
	width:25%;
	height:200px;
	overflow:auto;
	border:1px solid #CCC;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CCC), color-stop(50%, #efefef));
    background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #efefef 0%, #FFF 100%);
    background-image: -o-linear-gradient(bottom, #efefef 0%, #FFF 100%);
    background-image: -ms-linear-gradient(bottom, #efefef 0%, #FFF 100%);
    background-image: linear-gradient(bottom, #efefef 0%, #FFF 100%);
	z-index:4;
	margin:0;
	padding:0;
	display:none;
}
#ara_liste div{padding:5px; width:95%; float:left; border-bottom:1px dotted #ccc; cursor:pointer;}
#ara_liste div:hover{border-bottom:1px solid #0868b9; color:#0868b9}
a{cursor:pointer}
#menu1{display:none; position:absolute; width:100%; left:0px; top:95px; z-index:2; padding:9px; height:40px}
.menu_bg {
    position: absolute;
    left: 0px;
    top: 90px;
    height: 43px;
    background-color: #01a5b1;
    z-index: 2;
    width: 100%;
}
.menu2{margin:auto; padding:0px; list-style:none; position:absolute; top:90px; font-size:17px; width:100%; z-index:3; color:#FFF; }
.menu2 li{position:relative;float:left; transition: 0.5s ease; text-decoration:none; padding:12px; cursor:pointer; text-align:center; padding-left:37px; padding-right:38px}
.menu2 li:hover{background-color:#fff; color:#0868b9;}

.menu2 li .ucgen_alt{
	margin-top:12px;
	margin-left:10px;
	float:right;
	border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid #fff;
    width:0;
    height:0;
}
    .menu2 .menu_sub {
        margin: 0px;
        padding: 0px;
        z-index: 2;
        position: absolute;
        top: 41px;
        left: 0px;
        display: none;
        border-bottom: 1px solid #bfbebe;
        border-left: 1px solid #bfbebe;
        border-right: 1px solid #bfbebe;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CCC), color-stop(50%, #efefef));
        background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fff 100%);
        background-image: -moz-linear-gradient(bottom, #efefef 0%, #FFF 100%);
        background-image: -o-linear-gradient(bottom, #efefef 0%, #FFF 100%);
        background-image: -ms-linear-gradient(bottom, #efefef 0%, #FFF 100%);
        background-image: linear-gradient(bottom, #efefef 0%, #FFF 100%);
    }
.clear{clear:both;}
.menu2 .menu_sub ul{margin:5px; list-style:none; padding:0px; width:100%;}
.menu2 .menu_sub ul li{font-size:14px; float:left; color:#444; text-align:left; padding:10px; width:calc(100% - 30px); position:relative;}
.menu2 .menu_sub ul li .ucgen_sag{
	border-left:4px solid #FFF;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    width:0;
    height:0;
	margin-top:5px;
	float:left;
	margin-right:10px; 
	display:none;
}
.menuResim {
    position: absolute;
    top: 0px;
    right: -200px;
    background-color: #fff;
    width: 200px;
    height: 200px;
    display: none;
    border: 4px solid #01a5b1
}
.menuResim img{
    width: 180px;
    margin:10px;
}
.menu2 .menu_sub ul .Son1:hover {
    background-color: #01a5b1;
    color: #fff;
}
    .menu2 .menu_sub ul .Son1:hover .menuResim {
        display:block;
    }
    .menu2 .menu_sub ul li:hover .ucgen_sag{/*display:block*/}
.menu2 li:hover .menu_sub{display:block;}
	
.golge{float:left; width:13px; position:relative}
.menu2 .menu_sub .menu_sub_detay{
	/*width:570px;*/
	width:640px;
	overflow:hidden;
	margin:0px; 
	padding:0px;
	list-style:none;
	margin-top:5px;
	display:none;
	
}
.menu2 .menu_sub .menu_sub_detay .img{height:125px}
.menu2 .menu_sub .menu_sub_detay li{background-color:#FFF; float:left; width:125px; height:155px; border:1px solid #efefef; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:0px}
.menu2 .menu_sub .menu_sub_detay li:hover{background-color:#FFF; color:#444;border:1px solid #a82700;}

#orta{position:absolute; width:100%; top:150px; }
#orta .Orta_tool{height:71px; width:100%; color:#444;}
#orta .Orta_tool .tablar, #orta .Orta_tool .blok_list{margin:0px; padding:0px; list-style:none; float:right; font-size:14px;margin-left:10px}
#orta .Orta_tool .tablar li{padding:8px; float:left; border:1px solid #ebeaea; background-color:#fff; cursor:pointer; transition: 0.5s ease; }

    #orta .Orta_tool .blok_list li {
        padding: 5px;
        float: left;
        background-color: #444;
        cursor: pointer;
        transition: 0.5s ease;
        text-align: center;
        margin-left: 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#fff;
    }
    #orta .Orta_tool .blok_list li:hover {
        color:#fff; background-color:#E04B3A;
    }
    #orta .Orta_tool .blok_list li i {
        font-size: 24px; 
    }

    #orta .Orta_tool .baslik {
        font-size: 38px;
        float: left;
        margin-top: -10px;
        font-family: 'Anton', sans-serif;
    }
    #orta .Orta_tool .yol {
        font-size: 14px;
        top: 18px;
        position: absolute;
        left: 150px;
    }
    #orta .Orta_tool .yol a {
        color: #0868b9;
        text-decoration: underline
    }
#orta .Orta_tool .yol a:hover{color:#E04B3A}

#orta .Orta_tool .araclar{position:absolute; right:0px;margin:0px; padding:0px; list-style:none; margin-top:10px;}
#orta .Orta_tool .araclar li{margin:3px; float:left; width:42px; height:41px;transition: 0.5s ease; cursor:pointer}
#orta .Orta_tool .araclar li:hover{border-bottom:7px solid #0868b9; margin-top:-3px}

#orta .Grup_Blok4 #GrupList{width:250px; float:left; border-right:1px solid #ebeaea}
#orta .Grup_Blok4 #GrupList ul{margin:0px; padding:0px; list-style:none; font-size:14px}
#orta .Grup_Blok4 #GrupList ul li{padding:8px; border-bottom:1px dotted #ebeaea; padding-left:15px; cursor:pointer; transition: 0.5s ease;}
    #orta .Grup_Blok4 #GrupList ul li:hover {
        border-bottom: 1px solid #0868b9;
        padding-left: 25px;
        color: #fff;
        background-color: #E04B3A;
    }
    #orta .Grup_Blok4 #GrupList .secili {
        color: #fff;
        background-color: #E04B3A !important;
    }
#orta .Grup_Blok4 #GrupList .secili:hover{}

.geri{float:right; margin:3px; cursor:pointer;}

#orta .Grup_Blok4 #icerik{width:910px ;float:left; margin:15px; font-size:14px; letter-spacing:+1px; text-align:justify; color: rgb(68, 68, 68); font-family: tahoma;}
/*#orta .Grup_Blok4 #icerik img{border:3px solid #efefef; padding:0px}*/
.product_Blok{width:299px; height:330px; float:left; box-shadow:0px 0px 0px 1px #ededed inset; position:relative; cursor:pointer; font-family:Arial, Helvetica, sans-serif }
.product_Blok:hover{box-shadow:0px 0px 0px 1px #E04B3A inset;}
    .product_Blok:hover .kod {
        color: #FFF;
        background-color: #E04B3A;
    }
    .product_Blok:hover .detay {
        color: #FFF;
        background-color: #E04B3A;
    }
.product_Blok .Kresim_1{float:left; width:100%; text-align:center; margin-top:3px;} 
.product_Blok .Kresim_2{float:left; width:70px; text-align:center; margin-top:5px; margin-right:15px; margin-left:10px; margin-bottom:5px; background-color:#FFF}
.product_Blok .Kresim_1 img{width:auto; height:auto}
    .product_Blok .kod {
        display: inline-block;
        padding: 5px 8px;
        /*border: 1px solid #ebeaea;*/
        /*float: right;*/
        letter-spacing: 0px;
        -webkit-border-top-left-radius: 8px;
        -moz-border-radius-topleft: 8px;
        border-top-left-radius: 8px;
        color: #fff;
        background-color: #E04B3A;
        position: absolute;
        top: -24px;
        right: 0px;
    }
    .product_Blok .detay {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: calc(100% - 40px);
        letter-spacing: 0;
        padding: 20px;
        text-align: center;
        border-top: 1px solid #ededed;
    }
.product_Blok .list{float:left; border-right:1px solid #ebeaea; margin-right:10px; padding-right:10px; display:none; margin-top:17px; font-size:14px}
.product_Blok .agirlik{float:left; margin-left:5px; font-size:14px; padding:8px }
.product_Blok .kategori{ font-size:16px; padding:5px 8px; border:1px solid #ebeaea; width:80%; position:absolute; cursor:pointer; bottom:30px; margin:auto; left:20px; text-align:center}
.product_Blok .kategori:hover{background-color:#a82700; color:#FFF;}
.product_Blok:hover .kategori{background-color:#a82700; color:#FFF;}
.product_Blok .ucgen_S{
	position:absolute;
	right:0px;
	top:0px;
	border-right:80px solid #0868b9;
	border-left:0px solid #0868b9;
    border-top:0px solid transparent;
    border-bottom:80px solid transparent;
    width:0;
    height:0;
	color:#FFF;

}
.product_Blok .ucgen_S div{
	text-align:center;
	display:inline-block;
	margin-left:35px;
	margin-top:10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	writing-mode: lr-tb;
	letter-spacing:1px;
}
.product_Blok .ucgen_P{
	position:absolute;
	right:0px;
	top:0px;
	border-right:80px solid #a82700;
	border-left:0px solid #a82700;
    border-top:0px solid transparent;
    border-bottom:80px solid transparent;
    width:0;
    height:0;
	color:#FFF;

}
.product_Blok .ucgen_P div{
	text-align:center;
	display:inline-block;
	margin-left:35px;
	margin-top:8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	writing-mode: lr-tb;
	letter-spacing:1px;
}

.product_Blok .kategori .SP_S{float:left; display:none; margin-right:10px; padding-right:10px; border-right:1px solid #efefef; width:120px}
.product_Blok .kategori .SP_P{float:left; display:none; margin-right:10px; padding-right:10px; border-right:1px solid #efefef; width:120px}

#orta .Grup_Blok4 #icerik .product_Baslik{width:100%; border-bottom:1px solid #efefef; font-size:18px; padding-top:10px; padding-bottom:10px; padding-left:20px; letter-spacing:-1px}
#orta .Grup_Blok4 #icerik .product_Baslik .ucgen{
	border-left:6px solid #002060;
    border-top:6px solid transparent;
    border-bottom:6px solid transparent;
    width:0;
    height:0;
	float:left;
	margin-right:10px;
	margin-left:-19px;
	margin-top:5px;
}

#orta .Grup_Blok4 #icerik .resim{margin-right:15px; margin-bottom:10px; float:left; padding:0px;
	
}
#orta .Grup_Blok4 #icerik .resim:hover{

}

.Grup_Blok1{width:100%; position:relative; float:left; margin-bottom:5px;  }
.Grup_Blok2{width:100%; position:relative; float:left;margin-bottom:5px;}
.Grup_Blok3{width:100%; position:relative; float:left; height:420px; overflow:hidden; }
.Grup_Blok4{width:calc(100% - 2px); position:relative; float:left; border:1px solid #ebeaea; background-color:#fff; margin-top:-10px;}

#alt{width:calc(100% - 2px); position:relative; float:left; border:1px solid #ebeaea; background-color:#fff; margin-top:10px; }
#alt .adres{position:relative; float:left; margin:10px; padding-right:5px; }
#alt .tel{position:relative; float:right; margin:10px; margin-top:15px }
    #alt .katalog {
        margin-top: 0px;
        padding-top: 20px;
        float: left;
        width: 200px;
        text-align: center;
        font-size: 18px;
        color: #FFF;
        background: url(../images/PDF2.png) center left no-repeat #326775;
        height: 45px;
        cursor: pointer;
        padding-left: 10px;
    }

    #alt .sosyal {
        position: relative;
        float: left;
        margin: 10px;
        margin: 0px;
        padding: 0px;
        list-style: none;
        padding-top: 18px;
        margin-right: 15px;
        margin-left: 15px;
    }
#alt .sosyal li{padding:4px; float:left}

.Grup_Blok1 .Blok1{width:100%; height:380px; position:relative; float:left; overflow:hidden;  margin-right:7px}
.Grup_Blok1 .Blok2{width:290px; height:279px; position:relative; float:left; overflow:hidden; border:1px solid #ebeaea; background-color:#fff;}
.Grup_Blok1 .Blok2 .tumu{position:absolute; right:0px; top:10px; padding:2px 8px; background-color:#2ca8d2; color:#FFF; cursor:pointer;transition: 0.5s ease;}
.Grup_Blok1 .Blok2 .tumu:hover{background-color:#a82700;}
.Grup_Blok1 .Blok2 .yazi{margin:13px; font-size:14px; border-bottom:1px dotted #efefef; padding-bottom:13px}

#icerik .referanslar{margin:13px; padding:0; list-style:none}
#icerik .referanslar li{float:left; height:59px; border-bottom:1px solid #efefef; margin-bottom:13px; width:33%; letter-spacing:-1px}
#icerik .referanslar li .ref1{height:59px; width:59px; float:left; display:table-cell; vertical-align:center; text-align:center}
#icerik .referanslar li .ref2{height:59px; width:calc(100%-62px); float:left; padding-top:10px; padding-left:10px;}
    #icerik .referanslar li .ref2 a{
        color: #E04B3A;
        text-decoration: none;
    }

.Grup_Blok1 .Blok2 ul{margin:13px; padding:0; list-style:none; height:195px; overflow:hidden}
.Grup_Blok1 .Blok2 ul li{float:left; height:59px; border-bottom:1px solid #efefef; margin-bottom:13px}
.Grup_Blok1 .Blok2 ul li .ref1{height:59px; width:59px; float:left; display:table-cell; vertical-align:center; text-align:center}
.Grup_Blok1 .Blok2 ul li .ref2{height:59px; width:calc(100%-59px); float:left; padding-top:10px; padding-left:5px;}

#KimlerKullaniyor{margin:5px; padding:0; list-style:none; height:210px; float:left; overflow:auto}
#KimlerKullaniyor li{float:left; height:49px; border-bottom:1px solid #efefef; margin-bottom:5px}
#KimlerKullaniyor li .ref1{height:49px; width:69px; float:left; display:table-cell; vertical-align:center; text-align:center}
#KimlerKullaniyor li .ref2{height:49px; width:calc(100%-99px); float:left; padding-top:5px; padding-left:5px;}

.Grup_Blok2 .Blok{width:293px; height:210px; position:relative; float:left; overflow:hidden;; border:1px solid #ebeaea; background-color:#fff;font-size:14px;}

.Grup_Blok2 .Blok .baslik{color:#FFF; background-color:#0868b9; padding:8px; margin-right:45px}
.Grup_Blok2 .Blok .baslik .tumu{float:right; font-size:12px; font-weight:normal; text-decoration:none; cursor:pointer;}
.Grup_Blok2 .Blok .baslik .tumu:hover{text-decoration:underline;}
.Grup_Blok2 .Blok .baslik .ucgen{
	border-left:4px solid #002060;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    width:0;
    height:0;
	margin-top:5px;
	float:right;
	margin-right:5px; 
	}
.Grup_Blok2 .Blok ul{margin:5px; padding:0px; list-style:none; overflow:auto; height:166px;}
.Grup_Blok2 .Blok ul li{border-bottom:1px dotted #efefef; padding:5px; transition: 0.5s ease; background-color:#FFF; cursor:pointer;}
.Grup_Blok2 .Blok ul li:hover{border-bottom:1px solid #0868b9; color:#0868b9}

.Grup_Blok3 .Blok1{height:420px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; width:267px; float:left; position:relative}
.Grup_Blok3 .Blok2{height:420px; border-right:1px solid #e1e1e1; width:930px; float:left; position:relative; overflow:auto}
.Grup_Blok3 .Blok1 ul{list-style:none; margin-top:40px; margin-left:0px; padding:0}
.Grup_Blok3 .Blok1 ul li{padding-left:20px;float:left; padding-bottom:8px; padding-top:8px; width:247px; font-size:14px; cursor:pointer; border-bottom:1px solid #FFF;border-top:1px solid #FFF;}
.Grup_Blok3 .Blok1 ul li:hover{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0; background-color:#fcfcfc}
.Grup_Blok3 .Blok2 .baslik{margin:10px; font-size:18px; color:#002060; font-family:Verdana, Geneva, sans-serif}
.Grup_Blok3 .Blok2 .yazi{margin:10px; font-size:14px; color:#444;font-family:Verdana, Geneva, sans-serif}

.banner_kontrol{position:absolute; bottom:10px; right:10px; width:auto; z-index:2}
.banner_kontrol ul{margin:0px; padding:0px; width:100%; list-style:none;}
.banner_kontrol ul li{float:left; transition: 0.5s ease; cursor:pointer; border:2px solid #fff; width:17px; height:17px; border-radius:17px; margin:3px;background:#FFF}
.banner_kontrol ul li:hover{background:#0868b9;}
.banner{width:100%; height:380px; position:relative; float:left; overflow:hidden; z-index:1}
.banner0{width:100%; height:380px; position:relative; float:left; overflow:hidden; 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #CCC), color-stop(50%, #fff));
    background-image: -webkit-linear-gradient(bottom, #CCC 0%, #fff 100%);
    background-image: -moz-linear-gradient(bottom, #CCC 0%, #FFF 100%);
    background-image: -o-linear-gradient(bottom, #CCC 0%, #FFF 100%);
    background-image: -ms-linear-gradient(bottom, #CCC 0%, #FFF 100%);
    background-image: linear-gradient(bottom, #CCC 0%, #FFF 100%);
}
.banner .yazi1 {
    position: absolute;
    top: -68px;
    right: 60px;
    background: #01a5b1;
    padding: 8px 20px;
    color: #FFF;
    font-size: 28px;
    display: none;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0
}
.banner .yazi2 {
    position: absolute;
    top: 40%;
    right: -500px;
    background: #326775;
    padding: 10px 18px;
    color: #fff;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    letter-spacing: 0
}

.serit{position:absolute; width:100%; height:77px; background:url(../images/serit_bg.png) center top no-repeat #f6f6f6; top:150px;}
.seriici{margin:auto; width:1200px; position:relative;}
.serit .seriici .araclar{position:absolute; right:0px;margin:0px; padding:0px; list-style:none; margin-top:20px;}
.serit .seriici .araclar li{margin:3px; float:left; width:42px; height:41px;transition: 0.5s ease; cursor:pointer}
.serit .seriici .araclar li:hover{border-bottom:7px solid #a82700; margin-top:-5px}
.serit .seriici .yol{position:absolute; left:20px;margin:0px; padding:0px; list-style:none; margin-top:25px; font-size:16px;}
.serit .seriici .yol a{text-decoration:none}
.serit .seriici .yol a{text-decoration:underline}
.serit .seriici .home{position:absolute; left:0px; background:url(../images/icon_home.png) center center no-repeat; width:16px; height:15px; top:27px; cursor:pointer}

.iletisim{
	width:550px;
	height:300px;
	float:left;
	margin-right:15px;
}

.cerceve #orta .Grup_Blok4 #icerik .urun{width:609px; float:left; box-shadow:0px 0px 0px 1px #ededed inset; height:470px; position:relative}
.cerceve #orta .Grup_Blok4 #icerik .urun #resim{margin:15px; float:left; width:475px; text-align:center; height:430px; position:relative}
    .cerceve #orta .Grup_Blok4 #icerik .urun #resim #teknikresim {
        position: absolute;
        bottom: 5px;
        left: 5px;
        cursor: pointer;
        z-index: 3;
    }
    .cerceve #orta .Grup_Blok4 #icerik .urun #resim #teknikpdf {
        position: absolute;
        bottom: 5px;
        left: 55px;
        cursor: pointer;
        z-index: 3;
    }
.cerceve #orta .Grup_Blok4 #icerik .urun #resim #zoom{position:absolute; bottom:5px; right:5px; cursor:pointer; z-index:3;}
.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun{margin:0; padding:0; list-style:none; margin-left:10px; margin-top:15px}
.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun li{width:90px; height:90px; margin:2px; border:1px solid #ededed; float:left; cursor:pointer; background-color:#fff}
.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun li:hover{border:1px solid #0868b9;}
.cerceve #orta .Grup_Blok4 #icerik .OzAv {
    width: 589px;
    height: 470px;
    float: left;
    box-shadow: 0px 0px 0px 1px #ededed inset;
    position: relative;
    background-color: #E04B3A;
    color: #fff;
}

.cerceve #orta .Grup_Blok4 #icerik .OzAv .baslik{width:calc(100% - 20px); padding:10px; color:#fff; font-weight:bold; font-size:16px; letter-spacing:0px;}
.cerceve #orta .Grup_Blok4 #icerik .OzAv ul{width:99%; margin:0px; padding:0px; list-style:none}
.cerceve #orta .Grup_Blok4 #icerik .OzAv ul li{width:92%; padding:8px;}
.cerceve #orta .Grup_Blok4 #icerik .OzAv ul li img{margin-left:10px; border:1px solid #efefef; height:122px}

.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list{width:94%;margin:0px; padding:0px; list-style:none; float:left}
.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list li{border-bottom:1px dotted #ededed; width:95%; padding:8px;padding-left:30px; background:url(../images/arrow.png) center left no-repeat;}

.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2{width:calc(100% - 20px);margin:0px; padding:0px; list-style:none; float:left}
.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2 li{border-bottom:1px dotted #ededed; width:95%; padding:8px;padding-left:30px; background:url(../images/arrow.png) center left no-repeat; padding-left:20px}


.cerceve #orta .Grup_Blok4 #icerik .OzAv #kod{font-weight:bold; font-size:xx-large; color:#cb2f00; float:left; width:100%; font-family:Arial; letter-spacing:-1px}
.cerceve #orta .Grup_Blok4 #icerik .OzAv #kategori{font-size:18px; float:left; width:100%; letter-spacing:-1px; padding-bottom:10px; border-bottom:1px solid #cb2f00;}
.cerceve #orta .Grup_Blok4 #icerik .OzAv #kategori span{font-weight:bold;}
.cerceve #orta .Grup_Blok4 #icerik .OzAv .agirlik{float:left; padding:5px}
.cerceve #orta .Grup_Blok4 #icerik .OzAv #sepetEkle{background-color:#cb2f00; color:#fff; float:left; padding:8px 10px; cursor:pointer; display:none}
.cerceve #orta .Grup_Blok4 #icerik .OzAv #sepetEkle div{float:left; margin-right:5px}


@media only screen and (max-width:1230px) and (min-width:990px){ 

 }
@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	.menu_bg{display:none}
	.menu2{background-color:#0868b9;}
	
	.menu2{display:none}
	#menu1{display:block; top:90px}
	.cerceve{width: calc(100% - 25px);}
	.banner{width:100%;height:150px;}
	.banner img{width:100%;}
	.banner .yazi1{font-size:18px}
	.Grup_Blok2 .Blok{width:100%;}
	.Grup_Blok1 .Blok2{width:100%;}
	.Grup_Blok1 .Blok1{width:100%; height:150px}
	.menu_bg{display:none}
	#orta .Grup_Blok4 #GrupList{width:100%;}
	#orta .Grup_Blok4 #icerik{width:100%; text-align:left}
	#orta .Grup_Blok4 #icerik .resim{width:100%; height:auto}
	.iletisim{width:95%;}
	#icerik .referanslar li{width:100%}
	#ara_liste{width:100%}
	.product_Blok{width:100%}
	#orta .Orta_tool .tablar li{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun #resim{width:95%}
	.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun{position:absolute; border-bottom:5px;}
	.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun li{width:20px; height:20px;}
	.OZAV_list{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2 li{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .baslik{width:95%}
	.tel{width:100%; text-align:center; }
	
}
@media only screen and (max-width: 479px) {
	.ayirac, .yol{display:none;}
	.menu_bg{display:none}
	.menu2{background-color:#0868b9;}
	.menu2{display:none}
	.ara{display:none;}
	.aaa{width: 100% !important;}
	.bbb{width: 100% !important;}
	#menu1{display:block; margin-top: 0px;}
	.cerceve{width: calc(100% - 25px);}
	.banner{width:100%;height:150px;}
	.banner img{width:100%; height:auto}
	.banner .yazi1{font-size:16px}
	.Grup_Blok2 .Blok{width:100%;}
	.Grup_Blok1 .Blok2{width:100%;}
	.Grup_Blok1 .Blok1{width:100%; height:130px}
	.logo{top:20px; left: 50%; margin-left: -134px;}
	.menu_bg{display:none}
	#ara{top:80px; width:85%; left:0px}
	#orta .Grup_Blok4 #GrupList{width:100%;}
	#orta .Grup_Blok4 #icerik{width: calc(100% - 28px); text-align:left}
	#orta .Grup_Blok4 #icerik .resim{width:100%; height:auto}
	.iletisim{width:100%;}
	#icerik .referanslar li{width:100%}
	#ara_liste{width:100%; top:110px}
	.product_Blok{width:100% !important;}
	#orta .Orta_tool .tablar li{width:100%}
	.kriter{display:none}
	.cerceve #orta .Grup_Blok4 #icerik .urun{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .urun #resim{width:95%}
	.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun{position:absolute; border-bottom:5px;}
	.cerceve #orta .Grup_Blok4 #icerik .urun #mini_urun li{width:20px; height:20px;}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv ul li img{height:92px}
	.OZAV_list{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .OZAV_list2 li{width:100%}
	.cerceve #orta .Grup_Blok4 #icerik .OzAv .baslik{width:95%}
	.cerceve #orta {top: 178px;}
	#Anaimg{width:100% !important;}
	#orta .Orta_tool .baslik {
    font-size: 28px;
	}
	.tel{width:100%; text-align:center; }
	.pencere{width:calc(100% - 26px);}
	#siyah1 table{width:100%;}
	#urunAdet{display:none;}
	.pencere img{width:100% !important;height:auto !important;}
	.urunLogo{top:20px !important;}
	.pencere table tbody tr td{float:left;}
	.pencere div{width:100% !important;}
	iframe{width:calc(100% - 30px) !important}
}

div#saydam {
position: absolute; width: 100%; height: 100%; z-index: 10; background-color: #000000; display:none
}
body >div#saydam {
  position:fixed;
}
div#siyah1 {
position: absolute; 
width: 100%; 
height: 100%; 
z-index: 11; 
display:none
}
body >div#siyah1 {
  position:fixed;
}
.kapat{
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #498AF2), color-stop(100%, #5993F1));
    background-image: -webkit-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);
    background-image: -moz-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);
    background-image: -o-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);
    background-image: -ms-linear-gradient(bottom, #498AF2 0%, #5993F1 100%);
    background-image: linear-gradient(bottom, #498AF2 0%, #5993F1 100%);
	padding:5px 5px 5px 5px;
	margin:3px 3px;
	width:35px;
	color:#fff;
    font-size: 1.0em;
	transition: 0.8s ease;
	cursor:pointer;
	}
.kapat:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, #E04B3A)color-stop(0%, #BF362A));
    background-image: -webkit-linear-gradient(bottom, #E04B3A 100%, #BF362A 0%);
    background-image: -moz-linear-gradient(bottom, #E04B3A 100%, #BF362A 0%);
    background-image: -o-linear-gradient(bottom, #E04B3A 100%, #BF362A 0%);
    background-image: -ms-linear-gradient(bottom, #E04B3A 100%, #BF362A 0%);
    background-image: linear-gradient(bottom, #E04B3A 100%, #BF362A 0%);
	transition: 0.8s ease;
	}
.pencere{
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background:#FFF;
	padding: 8px 8px;
	border:5px #CCCCCC solid;
	}
.seffaf {
-moz-opacity:0.70;
opacity:0.7;
filter:alpha(opacity=70);
}
.Grup_Blok4 #icerik .kriter{
	float:right; padding:8px; font-size:14px; margin-right:3px; position:relative; border:1px solid #ccc; padding-right:25px; cursor:pointer; letter-spacing:0px; 
}
.kriter_iptal{float:right; padding:8px; font-size:14px; margin-right:3px; position:relative; border:1px solid #0868b9; cursor:pointer;background-color:#0868b9; color:#fff; padding-left:15px; padding-right:15px; display:none}
.kriter{z-index:1}
.kriter ul{
	display:none;
	border:1px solid #ccc;
	background-color:#efefef;
	margin:0px;
	padding:0px;
	list-style:none;
	width:150px
}
.kriter ul li{
	padding:5px;
}
.kriter ul li:hover{background-color:#ccc}
.kriter:hover{background-color:#ccc}
.kriter:hover ul{
	position:absolute;
	display:block;
	right:-1px;
	top:31px;
}
.Kresim0{width:240px; height:240px; background-color:#FFF; margin:auto; overflow:hidden}
.Kresim1{display:table-cell; vertical-align:middle; height:240px; position:relative;}
.urunLogo {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    z-index: 2;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.fuar {
    position: relative;
    float: left;
    width: 218px;
    height: 250px;
    border: 1px solid #efefef;
    margin: 3px
}
.fuar_img{float:left; width:200px; height:140px; margin:8px; border:1px solid #efefef;}
.fuar_yazi{text-align:center; margin:8px; width:200px; height:40px; font-size:14px; float:left}
.fuar_tarih{text-align:center; margin:8px; width:200px; text-align:center; font-size:10px; color:#666; float:left}

#ulkeler{
	margin:0; padding:0; list-style:none;
}
#ulkeler li{
	float:left; padding:8px; width:95px; font-size:11px
}
#ulkeler li img{flat:left; margin-right:5px; margin-left:-6px;}