@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu|Ubuntu+Condensed|Ubuntu+Mono');
body{margin:0;padding:0;font-family:Ubuntu;background:#000;overflow-x:hidden;}
a{color:#fe272d;text-decoration:none;}
a:hover{color:#ccc;}
/* INDEX TOP */
.top{margin:0;padding:0;top:0;float:left;position:relative;width:100%;overflow:hidden;}
.top .logoZemin{float:left;position:relative;background:rgba(0,0,0,.7);width:235px;height:78px;text-align:center;z-index:999;}
.top .logoZemin .logo{float:none;position:relative;margin:0 auto;display: inline-block;
    height: 100%;
    vertical-align: middle;}
.top .logoZemin .logo img{width:100%;max-width:190px;height:auto;
position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.top .menu{background:rgba(0,0,0,.7);float:left;position:relative;width:auto;height:auto;width:100%;padding-left:195px;}

.top .ust-sag{float:right;position:relative;width:55%;height:auto;text-align:right;z-index:999;}
.top .ust-sag .dil{padding:7px;float:right;position:relative;right:4%;}
.top .ust-sag .tlf{padding:7px;float:right;position:relative;right:4%;}
.top .ust-sag .tlf img{width:100%;max-width:222px;height:auto;}


/* ARA SAYFALAR TOP */
.topic{margin:0;padding:0;top:0;float:left;position:relative;width:100%;overflow:hidden;background:url(../images/ust-banner.jpg) right top no-repeat;}
.topic .logoZemin{float:left;position:relative;background:rgba(0,0,0,.7);width:235px;height:78px;text-align:center;z-index:999;}
.topic .logoZemin .logo{float:none;position:relative;margin:0 auto;display: inline-block;
    height: 100%;
    vertical-align: middle;}
.topic .logoZemin .logo img{width:100%;max-width:190px;height:auto;
position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.topic .menu{background:rgba(0,0,0,.7);float:left;position:relative;height:auto;width:100%;padding-left:195px;}
.topic .ust-sag{float:right;position:relative;width:55%;height:auto;text-align:right;z-index:999;}
.topic .ust-sag .dil{padding:7px;float:right;position:relative;right:4%;}
.topic .ust-sag .tlf{padding:7px;float:right;position:relative;right:4%;}
.topic .ust-sag .tlf img{width:100%;max-width:222px;height:auto;}
.arabaslik{background:#000;width:100%;border-top:1px solid #FFF;float:left;position:relative;padding:5px auto;top:0;}
.arabaslik h1{font-size:17px;color:#FFF;text-align:left;text-indent:2%;line-height:21px;}

/*  ARA SAYFALAR ORTA KISIM   */
.bos{width:100%;height:25px;float:left;position:relative;margin:0 auto;background:#fff;}
.orta{width:100%;float:left;position:relative;padding:15px auto;background:#FFF;}
.orta .bannerres{width:100%;height:auto;float:left;position:relative;}
.orta .bannerres img{width:100%;height:auto;}
.yazidiv{width:96%;float:none;position:relative;margin:35px auto;}
.text{color:#333;font-size:14px;line-height:25px;}
.urundiv{width:96%;float:none;position:relative;margin:35px auto;}
.urundiv .sol{width:25%;float:left;position:relative;background:#f2f2f2;}
.urundiv .sol .btn{border-bottom:1px solid #666;}
.urundiv .sol .btn a{display:block;color:#000;text-align:left;text-decoration:none;font-size:13px;padding:7px;}
.urundiv .sol .btn a:hover{background:#666;color:#fff;}
.urundiv .sag{width:74%;float:right;position:relative;}
.urundiv .sag .baslik{width:100%;float:left;top:0;position:relative;}
.urundiv .sag .baslik h2{font-size:21px;color:#000;text-align:left;font-weight:lighter;font-stretch:condensed;line-height:1px;}

/*  ürün kutusu  */
.urundiv .sag .urunGenel{background:#f8f7f7;width:100%;height:auto;float:left;position:relative;margin:11px auto;}
.urundiv .sag .urunGenel .res{width:25%;float:left;margin:5px;}
.urundiv .sag .urunGenel .res img{width:100%;max-width:210px;height:auto;}
.urundiv .sag .urunGenel .aciklama{float:left;width:60%; margin:5px;}
.urundiv .sag .urunGenel .aciklama .satir{width:100%;float:left;position:relative;margin:3px;border-bottom:1px solid #CCC;}
.urundiv .sag .urunGenel .aciklama .baslik{width:100%;float:left;top:0;position:relative;}
.urundiv .sag .urunGenel .aciklama .baslik h3{font-size:15px;color:#000;text-align:left;font-weight:bold;font-stretch:condensed;line-height:auto;}
.urundiv .sag .urunGenel .aciklama .satir .bir{width:19%;float:left;position:relative;margin:3px;font-size:13px;}
.urundiv .sag .urunGenel .aciklama .satir .iki{width:77%;float:left;position:relative;margin:3px;font-size:13px;}
.urundiv .sag .urunGenel .aciklama .satir .uc{width:35%;float:left;position:relative;margin:15px;font-size:13px;text-align:left;}
.urundiv .sag .urunGenel .aciklama .satir .uc a{color:#ff6057;font-size:14px;font-weight:bold;text-decoration:none;}
.urundiv .sag .urunGenel .aciklama .satir .uc a:hover{color:#666;}

/*  dökümanlar  */
.urundiv .baslik{width:100%;float:left;top:0;position:relative;}
.urundiv .baslik h2{font-size:21px;color:#000;text-align:left;font-weight:lighter;font-stretch:condensed;}
.urundiv .liste{width:99%;float:left;position:relative;margin:5px auto;}
.urundiv .liste a{background:#f2f2f2;color:#333;text-decoration:none;display:block;padding:11px;}
.urundiv .liste a:hover{background:#F5F5F5;}

/*  iletişim sayfası  */
.map{width:100%;height:auto;float:left;position:relative;margin:0 auto;}
.urundiv .adres{width:47%;float:left;position:relative;border-right:1px solid #CCC;}
.urundiv .form{width:47%;float:right;position:relative;}
.urundiv .satir{width:100%;float:left;position:relative;margin:3px;border-bottom:0;}
.urundiv .satir .bir{width:15%;float:left;position:relative;margin:3px;font-size:13px;}
.urundiv .satir .iki{width:82%;float:left;position:relative;margin:3px;font-size:13px;}
input{border:0;background:#ece9e0;text-indent:11px;height:31px;width:100%;}
.satir .gonder{border:0;background:#ece9e0;text-indent:11px;line-height:35px;width:100%;display:block;font-size:17px;font-weight:bold;text-align:center;color:#333;text-decoration:none;display:block;}
.satir .gonder:hover{background:#999;color:fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


.indexorta{background:#000;width:100%;position:relative;float:left;height:auto;}
.indexorta .logolar{float:none;position:relative;width:55%;height:auto;margin:11px auto;text-align:center;}
.indexorta .logolar .logodiv{padding: 0 7px;margin:auto;display:inline-block;}
.footer{background:#000;width:100%;position:relative;float:left;height:auto;display:table;border-top:1px solid #FFF;text-align:center;}
.footer .copyright{position:relative;font-size:11px;color:#FFF;float:left;margin:25px auto;line-height:25px;left:3%;}
.footer .copyright .logoalt{vertical-align:middle;float:left;padding:0;}
.footer .adres{position:relative;display:inline-block;font-size:11px;color:#FFF;text-align:center;margin:25px 7em;line-height:17px;}
.footer .sosyaller{position:relative;margin:25px auto;float:right;text-align:right;right:3%;}
.footer .sosyaller .sosyalikon{padding:0;margin:2px;float:right;}



@media screen and (max-width: 1280px){
	}


	@media screen and (min-width: 940px){
	}


@media screen and (max-width: 767px){
	.top .menu{text-align:center;width:100%;padding-left:0;}
	.topic .menu{text-align:center;width:100%;padding-left:0;}
	.footer .copyright{margin:11px auto;text-align:center;width:99%;float:none;text-align:center;display:inline-block;}
	.footer .copyright .logoalt{float:none;display:inline-block;}
	.footer .adres{margin:11px auto;float:none;}
	.footer .sosyaller{margin:11px auto;text-align:center;width:99%}
	.footer .sosyaller .sosyalikon{padding:0;margin:2px;text-align:center;float:none;display:inline-block;}
	.urundiv .sol{width:100%;}
	.urundiv .sag{width:100%;}
	.urundiv .adres{width:100%;}
	.urundiv .form{width:100%;}
	.top .ust-sag{width:45%;}
	.top .ust-sag .dil{padding:1px;}
	.top .ust-sag .tlf{padding:1px;}
	.topic .ust-sag{width:45%;} 
	.topic .ust-sag .dil{padding:1px;}
	.topic .ust-sag .tlf{padding:1px;}
}
	
@media screen and (max-width: 500px){
	.footer .copyright{float:left;margin:11px auto;text-align:center;width:99%}
	.footer .adres{float:none;margin:11px auto;}
	.footer .sosyaller{float:right;margin:11px auto;text-align:center;width:99%}
	.top .ust-sag{width:35%;}
	.topic .ust-sag{width:35%;}
}
	
@media screen and (max-width: 420px){
	.top .ust-sag{width:33%;}
	.topic .ust-sag{width:33%;}

}

@media screen and (max-width: 320px){
	
	
}