@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	font-family: 'Nunito', sans-serif;
	background-color:#f8f8f8 !important;
}
body a:hover{text-decoration:none; color:#333;}
.btn {
   transform: skew(-25deg);
   border-radius: 5px;
   background-color: #D71920;
   color: #ffffff;
   padding: 6px 12px;
   border: 2px #ffffff solid !important;
   text-decoration: none;
   text-align: center;
   font-family: 'Dosis', sans-serif;}
.btn:hover{background-color: #b61d22;}
.btn a{
	text-decoration: none;	
}
.btn a p{transform: skew(25deg); text-decoration: none; font-size: 13px; color: #ffffff; padding:0px; margin:0px;   font-weight: 600;}
#clear{clear:both;}
#mobil_menu{display:none;}
#header{width:100%; background-color:#f0f0f0;}
#header_ust{width:100%; background-color:#d71a20; height:30px;}
#header_alt{width:1130px; margin-left:auto; margin-right:auto; }
#logo{background-color:#fff; transform: skew(-25deg); float:left;}
#logo img{transform: skew(25deg); margin-top:20px; margin-left:30px; margin-right:50px; width:250px; margin-bottom:15px;}
#menu_1{float:right; margin-top:-20px; z-index:90; position:relative;}
#menu_2{float:right;}
#menu{list-style-type:none;list-style-image:none;}
#menu li{float:left; padding-top:35px; padding-bottom:27px; margin-top:-18px; padding-left:12px; padding-right:12px;}
#menu li a p{ font-family: 'Nunito', sans-serif; font-size: 13px; font-weight:700; color:#4d4d4d; padding:0px; margin:0px;}
#menu li:hover{ background-color:#4f4e4f; transform: skew(-25deg);  z-index:10; position:relative;}
#menu li:hover p{transform: skew(25deg); color:#fff;}

#alt_menu{display:none;background-color:#4f4e4f; width:600px; height:auto;}
#menu li:hover #alt_menu {position:absolute !important;z-index:99999 !important; list-style:none; display:block; margin-top:25px; margin-left:-7px; transform: skew(25deg) !important; padding-top:0px; padding-left:-15px;}
#alt_menu li{float:none;  margin:5px; padding:0px; margin-top:15px; margin-left:-30px;}
#alt_menu li a{color:#fff; font-weight:600;font-size:15px;  font-family: 'Dosis', sans-serif;}
#alt_menu li:hover{color:#d7191f; transform: skew(0deg); background:none;}
#alt_menu li a:hover{color:#d7191f;}
#alt_menu_resim{float:right; position:relative; margin-top:12px; margin-right:10px; width:150px;}

#slider{width:1190px; margin-left:auto; margin-right:auto; margin-top:15px;}
#slayt{ width:885px; height:400px; float:left; margin-left:9px;}
#slayt_yan_menu{width:280px; float:right;}
#slayt_yan_menu_1{width:280px; margin-left:auto; margin-right:auto;height:225px; border:1px solid #f0f0ef; padding:10px;}
#slayt_yan_menu_1 h3{font-family: 'Nunito', sans-serif; font-size: 16px; font-weight:800; color:#d7191f; padding:0px;}
#piyasalar_tbl{ width:260px; font-family: 'Nunito', sans-serif; font-size: 16px;  color:#777; height:100px;}
#piyasalar_tbl td{border-bottom:1px solid #f0f0ef;}
#slayt_yan_menu_2{width:280px; background-color:#d7191f; height:175px; text-align:right; }
a #slayt_yan_menu_2_1{font-family: 'Dosis', sans-serif; font-size: 25px;  color:#fff; font-weight:800; padding-top:7px; padding-right:10px;}
a #slayt_yan_menu_2_1 p{font-family: 'Nunito', sans-serif; font-size: 18px;  color:#eee; font-weight:400;padding:0px; margin:0px;}
a:hover #slayt_yan_menu_2_1 {color:#e45e62;}
#slayt_yan_menu_2 hr{width:100%; float:right; color:#e45e62; }
a #slayt_yan_menu_2_2{font-family: 'Dosis', sans-serif; font-size: 25px;  color:#fff; font-weight:800; padding-top:2px; padding-right:10px;}
a #slayt_yan_menu_2_2 p{font-family: 'Nunito', sans-serif; font-size: 18px;  color:#eee; font-weight:400; padding:0px;margin:0px;}
a:hover #slayt_yan_menu_2_2 {color:#e45e62;}
#orta{
		width:100%;
			background-color:#f8f8f8;
}
#index_icerik{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Nunito', sans-serif;
}
#index_icerik_ayrac{float:left;margin-top:20px;margin-left:10px; margin-right:10px;}
.index_icerik_kutu h3{
	font-family: 'Nunito', sans-serif; font-size: 16px; font-weight:800; color:#d7191f; padding:0px;
}
.index_icerik_kutu{
	font-family: 'Nunito', sans-serif;
	float:left;
	width:290px;
	background-color:#fff;	
	min-height:400px;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	margin-left:10px;
	font-size:12px;	
	color:#222;
	font-weight:400;
	border:1px solid #f0f0ef;
}
.index_icerik_kutu a{
color:#222;
}
.index_icerik_kutu i{
color:#4f4e4f;
}
.index_icerik_kutu img{
margin-top:-7px;
margin-left:-7px;
border:1px solid #f0f0ef;
}
#index_sosyal i{
font-size:30px;
margin-left:15px;
margin-right:15px;
color:#4f4e4f;
}
#index_sosyal i:hover{color:#C31612;}

#subeler{width:100%; height:263px; background-image:url(../images/subeler_bg.jpg);}
#subeler_ic{width:1200px; margin-left:auto; margin-right:auto;}
.subeler{width:275px; float:left; margin-left:15px; padding-top:50px;}
.subeler h3{font-family: 'Nunito', sans-serif; font-size: 16px; font-weight:800; color:#d7191f; padding:0px;}
#marka_yazi{font-family: 'Nunito', sans-serif; font-size:18px; font-weight:800; color:#d7191f; padding-top:20px; margin-bottom:-30px; margin-left:auto; margin-right:auto;  }
.subeler i{color:#d7191f; font-size: 15px;}
.subeler #marka{height:50px;}
.subeler #marka2{width:150px;}

#e_bulten{width:100%; height:85px; background-color:#383737; text-align:center; }
#e_bulten h3{font-family: 'Nunito', sans-serif; font-size: 20px; font-weight:800; color:#fff; padding:7px; margin:0px;}
.textbox{
   color: #fff;
   padding: 6px 10px;
   border: 1px #000 solid !important;
   font-family: 'Dosis', sans-serif;
   font-size:12px;
   background-color:#383737;
   width:150px;
	}
.button{
	  color: #fff;
   padding: 6px 6px;
   border: 1px #000 solid !important;
   font-family: 'Dosis', sans-serif;
   font-size:12px;
   background-color:#000;
   font-weight:600;
	}
	.button:hover{background-color:#C31612;}
#alt {
	width: 100%;
	background-color:#f8f8f8;
}
#footer{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Roboto', sans-serif;
	height:50px;
	padding-top:10px;
}
#footer a img{width:65px; float:right;}
#copyright{color:#333; float:left; margin-left:300px; font-weight:800; font-family: 'Nunito', sans-serif; margin-top:7px;}
#footer_telefon{float:left;  color:#333; text-align:right; font-family: 'Nunito', sans-serif; font-size: 18px; font-weight:800;}
#footer_telefon h4{ font-size: 16px; color:#d7191f; padding:0px; margin:0px; font-weight:800;}
#taglar{display:none;}
#icerik{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Nunito', sans-serif;
	background-image:url(../images/icerik_dis_bg.png);
	background-repeat:repeat;
	border:1px solid #f0f0ef;
	padding:9px;
	margin-top:10px;
	margin-bottom:10px;
}
#ic_sol{
	width:950px;
	float:left;
	padding:10px;
}
#ic_sag{
	margin-top:10px;
	width:220px;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-bottom:20px;
	background-color:#f0f0f0;
	border:1px solid #f0f0ef;
}
#etiket{
 transform: skew(-25deg);
   border-radius: 5px;
   background-color: #D71920;
   color: #ffffff;
   padding: 6px 12px;
   border: 2px #ffffff solid !important;
   text-decoration: none;
   text-align: center;
   font-family: 'Dosis', sans-serif;
}
#etiket h3{ transform: skew(25deg); padding:0px; margin:0px; font-size:16px;}
.sag_menu_ul li{
	font-weight:600;
	list-style-image:url(../images/li_image.png);
	font-size:12px;
	padding:5px;
	margin-left:-20px;
}
.sag_menu_ul li a{
	color:#111;
}
.sag_menu_ul li a:hover{
	color:#D71920;
}
#etiket2{
transform: skew(-25deg);
   border-radius: 5px;
   background-color: #D71920;
   color: #ffffff;
   padding: 6px 12px;
   border: 2px #ffffff solid !important;
   text-decoration: none;
   text-align: center;
   font-family: 'Dosis', sans-serif;
}
#etiket2 h3{ transform: skew(25deg); padding:0px; margin:0px; font-size:16px;}
#ic_sag #marque{
	font-size:12px;
}
#urun_div{
	 font-family: 'Dosis', sans-serif;
	padding-top:3px;
	float:left;
	width:280px;
	height:270px;
	padding-bottom:19px;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	font-size:16px; font-weight:600;
	background-color:#fff;
	border:1px solid #f0f0ef;
	}
	#urun_div_logo{
				   height:40px !important; 
				   margin-top:0px !important;
				   }
#urun_div img{ width:280px;
	border:1px solid #f0f0ef;}
#urun_div a{ color:#000;}
#urun_div:hover{ color:#000;background-image:url(../images/header_bg.fw.png); }
#urun_detay{
float:left;
margin-left:20px !important;
}
#urun_detay h1{font-size:20px;}
#urun_aciklama{
width:100%;
padding:20px;
}
#siparis_btn{	
width:150px;
height:30px;
padding-top:5px;
padding-left:20px;
background-color:#F00;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
color:#FFF;
font-weight:700px;}
#siparis_btn:hover{
background-color:#000;
}
#urun_etiket{
width:100%;
padding:20px;
}
#etiket_div a{
	padding:7px;
	margin:5px;
	background-color:#ddd;
	color:#fff;
	font-weight:600;
	float:left;
}
#text{
padding:10px;
margin-bottom:10px;
border:1px solid #f0f0ef;
width:200px;
font-weight:300;
font-size:10px;
color:#000;

font-family: 'Roboto', sans-serif;

}
#tarih{
padding:10px;
margin-bottom:10px;
border:1px solid #4F4F4F;
border-radius:15px;
width:200px;
font-weight:300;
font-size:10px;
color:#4F4F4F;
background-color:#111;
}
#btn{
padding:10px;
margin-bottom:10px;
border:1px #f0f0ef solid;
width:50%;
font-weight:300;
font-size:12px;
color:#fff;
background-color:#CA0E19;
font-family: 'Roboto', sans-serif;
}
#btn:hover{
	background-color:#000;
	color:#fff;
}
#iletisim_icerik{
 font-size:14px;	
}
#iletisim_icerik a{
color:#000;	
}
#iletisim_icerik a:hover{
color:#CA0E19;	
}
@media screen and (max-width: 960px) {
	#slider{width:100%;}
	#slayt{width:100%;}
	#slayt_yan_menu{display:none;}
	#header{display:none;}
	#menu{display:none;}
	#kategoriler{margin:0px !important; width:60%; }
	#kategoriler_div{width:100%;}
	#kategoriler_yazi h2{width:110px; margin-top:15px;}
	.kategoriler_urunler{display:none;}
	#orta_menu{display:none;}
	#index_icerik{width:600px;height:auto; margin-left:auto; margin-right:auto;}
	#subeler_ic{width:100%; margin-left:10%;}
	#subeler{height:400px;}
	#footer{width:100%; height:60px;}
#copyright{ margin-left:60px;}
	
#icerik{width:100%;margin-top:-30px;}
#duyuru{
	width:250px;
	float:left !important;
	margin:0px;
}

#kurumsal{
	width:225px;
	float:left !important;
	margin:10px;
}
#iletisim{
	width:225px;
	float:left !important;
	margin:0px;
}
#iletisim img{
display:none;
	
}
#mobil_menu {display: block;}
.navbar-default {
        display: block;
        background-color: #78c8dd;
		text-align:center;
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
        }
	

        .navbar-default .navbar-toggle {
           
            color: #222 !important;
        }

            .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
               background-color: #D71920 !important;
            color: #222 !important;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            background-color: #D71920 !important;
            color: #222 !important;
        }
		#ic_sol{width:60%;}
		#ic_sag{float:right;margin-right:10px;}
}
@media screen and (max-width: 480px) {
	#slayt{height:auto; width:100%; margin:0px;}
	#header{display:none;}
	#subeler{height:800px; width:100%;}
	.subeler #marka{height:40px;}
	#e_bulten{display:none;}
	#duyuru{width:290px;padding:0px;margin:0px;}
	#duyuru_yazi{width:280px;margin:0px;}
	#marque{height:200px !important;}
	#kurumsal{width:290px;margin:0px;padding:10px; margin-top:50px !important;}
	#iletisim{width:290px;margin:0px;padding:10px;background-image:url(../images/icerik_bg.png);}
	#index_icerik{width:100%;}
	#iconlar_menu{display:none;}
	#icerik{width:100%;}
	#ic_sol{width:90% !important; float:none !important; margin-left:auto !important; margin-right:auto !important;}
	#ic_sag{display:none; }
	#slogan{display:none;}
	#logo{margin-top:-20px;}
	#urun_div{margin-left:auto; margin-right:auto; float:none;}
	#footer{text-align:center;}
	#footer a img{width:50px; float:right; margin-right:10px; margin-top:10px;}
#copyright{color:#333; float:left; margin-top:5px; font-size:10px; margin-left-20px; width:100px;}
#footer_telefon, #footer_telefon h4{ display:none;}
}