@charset "utf-8";
body{
	margin:0px;
	padding:0px;
	font-family: 'Dosis', sans-serif;
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
}
body a:hover{text-decoration:none; color:#333;}
#clear{clear:both;}
#mobil_menu{display:none;}
#ust{width:100%; background-image:url(../images/menu_bg.png); background-repeat:repeat-x; position:fixed; z-index:100; top:0px;}
#header{width:1100px; margin-left:auto; margin-right:auto; }
#h_ust{width:100%; float:left; height:40px; }

#h_iletisim{float:right; margin-top:10px; margin-right:10px; }
#h_iletisim spam{font-family: 'Dosis', sans-serif; font-weight:500; font-size:14px; }
#h_iletisim .fa{font-size:14px; color:#022a68;}
#h_iletisim .fa-phone-square{font-size:16px;}

#dil_kutusu{  float:left; margin-left:100px;}
#dil_kutusu ul{list-style-type:none; padding:0px; margin:0px;}
#dil_kutusu ul li{float:left; font-family: 'Dosis', sans-serif; font-weight:500; font-size:14px; margin-top:25px;}
#dil_kutusu ul a{color:#999; padding:12px;}
#dil_kutusu ul a:hover{color:#111; background-color:#fff;}

#h_sosyal{float:right; margin-right:245px; }
#h_sosyal a .fa{font-size:25px; color:#404041; padding:9px; }
#h_sosyal a:hover .fa{color:#022a68;}

#h_logo{width:200px; float:left; margin-top:-45px;}
#header_logo{width:200px;}

#h_menu{float:right;  margin-top:-2px;}
#menu li{float:left; list-style:none; padding-top:17px; font-size:25px; color:#999; font-weight:100; }
#menu a li{color:#fff; padding-top:27px; padding-bottom:28px; padding-left:10px; padding-right:10px; font-family: 'Dosis', sans-serif; font-weight:500; font-size:13px; }
#menu a:hover li{ background-color:#fff; color:#000;}

#slayt{width:1340px; height:550px !important; margin-top:110px; margin-left:auto; margin-right:auto; margin-bottom:-5px; }
#cizdirik{width:1100px; height:50px; position:absolute; top:580px; z-index:99; margin-left:-550px; left:50%;}
#cizgi_ic{width:400px; height:50px; float:left; background-image:url(../images/header_icon_bg.png);}

#cizgi_ic .fa{color:#fff; font-size:18px; padding:5px; float:left;}
#cizgi_ic b{color:#fff; font-size:16px; padding:5px; float:left;}
#cizgi_ic a:hover .fa {background-image:none; color:#222;}
#cizgi_ic input{ border:1px solid #000; background-color:#000; width:400px; float:left; font-size:12px; color:#fff; padding:7px;}


#ust_golge{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}
#alt_golge{
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -moz-transform: rotate(180deg);   /* Firefox */
    -ms-transform: rotate(180deg);   /* IE 9 */
    -o-transform: rotate(180deg);   /* Opera */
    transform: rotate(180deg);
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

#kategoriler{width:100%; min-height:300px; padding-top:30px; padding-bottom:25px; border-bottom:5px solid #000; border-top:5px solid #000; margin-top:5px;background-image:url(../images/header_icon_bg.png);}
#kategoriler_ic{width:1200px; margin-left:auto; margin-right:auto;}
#kategoriler_div img{width:180px;}
a #kategoriler_div h2{font-size:18px; font-family: 'Dosis', sans-serif; color:#fff; font-weight:500; }
#kategoriler_div{width:180px; text-align:center; float:left; background-color:#022a68; margin:10px; padding:5px; border:1px solid #fff; }
a:hover #kategoriler_div{background-color:#fff; }
a:hover #kategoriler_div h2{color:#333;}

#orta{
		
		width:100%;
		background-color:#eee;
		}
#index_icerik{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Roboto', sans-serif;
	margin-bottom:-20px;
	
	
}
.index_icerik_kutu h3{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:19px;
	color:#fff;
	text-align:center;
	background-color:#022a68;
	padding:7px;
	margin-top:10px;
}
.index_icerik_kutu img{border:1px solid #ccc;}
.index_icerik_kutu{
	float:left;
	width:290px;
	border:#ccc 1px solid;
	min-height:410px;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	margin-left:10px;
	font-size:12px;	
	color:#777;
	background-color:#fff;
}
.index_icerik_kutu a{
color:#777;
}
.index_icerik_kutu i{
color:#444;
}
.index_icerik_kutu #index_resim{
width:270px;
}
#sari_cizgi{width:100%; height:5px; background-color:#000;}

#alt {
	width: 100%;
	background-color:#111;
}
#footer{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	font-family: 'Roboto', sans-serif;
	color:#4F4F4F;
}
#footer_logo {
	float:left !important;
	width: 150px;
	

	}
#footer_logo img{width:170px; border:1px solid #000;}
#footer .logo_div{width:250px !important;}
#footer_ic_divler{
	float:left;
	width:290px;
	margin-top:20px;
	margin-left:10px;
	color:#4F4F4F;
	height:190px;
}
#footer_ic_divler a{
	
	color:#4F4F4F;
}
#footer_ic_divler h4{
	font-family: 'Nunito', sans-serif;
	color:#D2D2D2;
	font-size:16px;
	font-weight:200;
	margin-bottom:20px;
}
#footer_ic_divler .fa{
color:#Fdfdfd;
}
#f_sosyal td a .fa{
color:#4F4F4F;
font-size:25px; 
margin-right:10px;
}
#f_sosyal td a:hover .fa{color:#fff;}
#footer_adres{
	margin-top:7px;
	color:#000;
}
#f_menu {padding:0px;margin-left:20px;}
#ugr_logo{float:right;}
.footer_text{
padding:6px;
margin-bottom:10px;
border:1px solid #000;
width:250px;
font-weight:300;
font-size:10px;
color:#ffffff;
background-color:#111;
}
.footer_btn{
padding:10px;
margin-bottom:10px;
border:0px;
font-weight:500;
font-size:10px;
color:#ccc;
background-color:#000;
}
.footer_btn:hover{background-color:#000;color:#fff;}
#footer_mobil{display:none;}	
#taglar{display:none;}
#icerik{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Dosis', sans-serif;
	background-image:url(../images/icerik_dis_bg.png);
	background-repeat:repeat;
	border-bottom-left-radius:15px;
	border-top-right-radius:15px;
	padding:10px;
	padding-top:180px;
	margin-bottom:20px;
}
#ic_sol{
	width:950px;
	float:left;
	margin-top:20px;
	padding:10px;
}
#ic_sag{
	margin-top:-50px;
	width:220px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	background-image:url(../images/header_icon_bg.png);
	border:#ccc 1px solid;
}
#etiket{
background-color:#022a68;
margin-top:10px;
font-size:20px;
font-weight:200;
width:200px;
text-align:center;
margin-bottom:10px;
padding-top:5px;
padding-bottom:5px;
color:#000;
}
.sag_menu_ul li{
	font-weight:600;
	font-size:13px;
	padding:5px;
	margin-left:-20px;
}
.sag_menu_ul li a{
	color:#eee;
}
.sag_menu_ul li a:hover{
	color:#F79521;
}
#etiket2{
background-color:#022a68;
font-size:20px;
font-weight:200;
width:200px;
text-align:center;
margin-top:10px;
margin-bottom:20px;
padding-top:5px;
padding-bottom:5px;
color:#fff;
}
#ic_sag #marque{
	font-size:12px;
	color:#eee;
}
#urun_div{
	padding-top:3px;
	width:200px;
	height:200px;
	padding-bottom:10px;
	float:left;
	margin-top:20px;
	margin-left:7px; margin-right:7px;
	text-align:center;
	font-size:11px;
	border:#ccc 1px solid;
	}
	#urun_div_logo{
				   height:100px !important; 
				   margin-top:-30px !important;
				   }
#urun_div img{ margin-top:7px; width:190px; }
a #urun_div { color:#000; background-color:#fff; font-size:12px;}
a:hover #urun_div{ color:#fff;background-color:#022a68; }
#urun_detay{
float:left;
margin-left:20px !important;
}
#urun_detay h1{font-size:20px;}
#urun_aciklama{
width:100%;
padding:20px;
}
#siparis_btn{	
width:220px;
height:30px;
padding-top:5px;
padding-left:20px;
background-color:#022a68;
color:#fff;
font-weight:700px;}
#siparis_btn:hover{
background-color:#000; color:#fff;
}
#urun_etiket{
width:100%;
padding:20px;
}
#etiket_div a{
	padding:7px;
	margin:5px;
	background-color:#022a68;
	color:#fff;
	font-weight:600;
	float:left;
}
#text{
padding:10px;
margin-bottom:10px;
border:1px solid #4F4F4F;
width:200px;
font-weight:300;
font-size:10px;
color:#000;
font-family: 'Roboto', sans-serif;
background-color:#eee;

}
#btn{
padding:10px;
margin-bottom:10px;
border:0px;
width:50%;
font-weight:300;
font-size:12px;
color:#fff;
background-color:#022a68;
font-family: 'Roboto', sans-serif;
border:1px solid #4F4F4F;
}
#btn:hover{
	background-color:#000;
	color:#fff;
}
#iletisim_icerik{
 font-size:16px;
 float:left;	
}
#iletisim_icerik a{
color:#000;	
}

#iletisim_icerik a:hover{
color:#ff6e23;	
}
#iletisim_sosyal{float:left;}
#iletisim_sosyal .fa{font-size:30px; padding:10px; color:#111;}
#iletisim_sosyal:hover .fa{color:#022a68;}
@media screen and (max-width: 960px) {
#slayt{width:100%; height:auto !important; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; }
#cizdirik{width:100%; height:50px; position:inherit; top:0; z-index:99; margin-left:auto; margin-right:auto; left:0;}
#cizgi_ic{width:100%; height:50px; float:none; }


	#logo{display:none;}
	#header,ust{display:none;}
	#mobil_menu{display:block;}
	#nav_logo img{width:58px;padding:0px; margin:-15px;}
	#cizgi_ic{width:100%;padding:10px;}
	#cizdirik {top:650px; }
	#icerik{padding-top:10px;}
	#ust_golge{width:100%;}
	#alt_golge{width:100%;}
	#header_menu_iletisim{display:none;}
	#iconlar_header{display:none;}
	#iconlar_menu_nav td a {width:40px; color:#000; font-size:15px; padding:10px; margin-top:10px;}
	#iconlar_menu_nav{margin-left:42%; margin-top:17px;}
	#menu{display:none;}
	#kategoriler_ic{width:500px;}
	#orta_menu{display:none;}
	#index_icerik{width:600px;height:auto; margin-left:auto; margin-right:auto;}
	#alt{display:none;}
	#footer_bg{display:none;}
	#footer_icerik{display:none;}
	#footer_efekt{display:none;}
	#copyright{display:none;}
	#index_icerik_ayrac{display:none;}
	#footer_mobil{
	display:block;
	width:100%;
	background-image:url(../images/footer_icon/footer_bg.png);
	height:75px;
	float:left;
	position:absolute;
	margin-bottom:0px;
}
#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;
	
}
	#footer_mobil_iconlar{
	display:block;
	height:75px;
	margin-left:auto;
	margin-right:auto;
	
}
	#footer_mobil_iconlar img{
	margin-top:20px;
	margin-left:9px;
	
}
#iconlar_menu{margin-top:15px;}
.navbar-default {
        display: block;
        background-color: #78c8dd;
		text-align:center;
    }

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

        .navbar-default .navbar-toggle {
            color: #fff;
            border-color: #fff;
        }

            .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
                background-color: #022a68;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            background-color: #022a68;
            color: #f5f5f5;
        }
		.navbar-nav > li:hover {
            background-color: #022a68;
            color: #f5f5f5;
        }
		#ic_sol{width:65%; margin:0px; }
		#ic_sag{width:220px; margin-top:20px; }
}
@media screen and (max-width: 480px) {

#cizdirik{width:100%; height:auto; }
#cizgi_ic{width:100%; height:50px;  }

	#slayt{width:100%; height:auto !important;}
	#cizgi_ic input{width:200px;}
	#cizgi_ic b{font-size:12px;}
	#kategoriler_div img{display:none !important;}
	#duyuru{width:290px;padding:0px;margin:0px;}
	#duyuru_yazi{width:280px;margin:0px;}
	#kategoriler_ic{width:320px; margin-left:auto; margin-right:auto;}
	#kategoriler_div{width:120px; height:70px;  }
	#kategoriler{width:100%;}
	#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:300px}
	#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{ float:none; width:220px; margin-left:auto; margin-right:auto;}
	#slogan{display:none;}
	#logo{margin-top:-20px;}
	#urun_div{margin-left:auto; margin-right:auto; float:none;}
}