@charset "iso-8859-9";
/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/
/*	



/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*/#comboNav {
  display: none;
}
body{
	margin:0px;
	text-align: left;
	background:url(../images/bg.png) repeat-x #FFF;
	margin:0;
	padding:0;
}
.wrapper {
  width: 1000px;
}
#sayfaust {
	width:981px;
	height:34px;
	background:url(../images/sayfaust.png) center no-repeat;
	margin:0 auto;
}
#sayfa {
	width:981px;
	height:auto;
	background:url(../images/sayfa.png) center repeat-y;
	margin:0 auto;
}
#sayfaalt {
	width:981px;
	height:33px;
	background:url(../images/sayfaalt.png) center repeat-y;
	margin:0 auto;
	margin-bottom:20px;
}
#banneric {
	width:958px;
	height:280px;
	margin:0 auto;
	margin-top:10px;
	background:url(../banner/hakkimizda.png)
}
#bannericiletisim {
	width:958px;
	height:280px;
	margin:0 auto;
	margin-top:10px;
	background:url(../banner/iletisim.png)
}
#bannericdevam {
	width:958px;
	height:280px;
	margin:0 auto;
	margin-top:10px;
	background:url(../banner/devam-eden.png)
}
#baslik {
	width:908px;
	height:52px;
	line-height:52px;
	padding-left:50px;
	margin:0 auto;
	background:url(../images/baslik.png) no-repeat;
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:16px; 
	color:#666; 
	text-decoration: none;
}
#yari{
	width:48%; 
	min-height:50px; 
	float:left;
	}
#yariayir{
	width:4%; 
	min-height:400px; 
	float:left;
	background:url(../images/ayir.jpg) center repeat-y;
	}
#solalan{
	width:200px;  
	padding-right:15px; 
	border-right:1px dashed #CCCCCC;  
	float:left;
	}
#sagalan{
	margin-left:15px; 
	float:left; 
	width:75%;
	}
.ic_hbr{
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:16px; 
	color:#666; 
	text-decoration: none;
	}
.ic_hbr_baslik{
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:16px; 
	color:#000; 
	text-decoration: none;
	}
.urnlink{
	line-height:30px; 
	width:170px; 
	height:30px; 
	padding-left:30px; 
	background:url(../images/urunlink.jpg) no-repeat;
	text-decoration:none;
	color:#999;
	display:block;
	}
.urnlink:hover{
	line-height:30px; 
	width:170px; 
	height:30px; 
	padding-left:30px; 
	background:url(../images/urunlinkhover.jpg) no-repeat;
	color:#333;
	}	
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* GENERAL TABLET ----------------------------------------------------*/.wrapper {
    width: 712px;
  }
  /* NAV TABLET ----------------------------------------------------*/#nav {
    display: block;
  }
  #comboNav {
    display: none;
  }
  /* FILTERED ITEMS TABLET ----------------------------------------------------*/#filter-container {
    width: 732px;
    /* 712 + 20 gap */
  
  }
  #filter-container figure {
    width: 320px;
    margin-right: 20px;
  }
  .sayfa {
    width: 1000px;
    margin-right: 20px;
	background-color:#FFF;
  }
}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
  .wrapper {
    width: 320px;
  }
  /* LOGO MOBILE ----------------------------------------------------*/#logo {
    margin-left: 0px;
  }
  
  #dil {
    display: block;
	visibility:hidden;
  }
  #logo a {
    display: block ;
    width: 252px;
  }
  #logo img {
    display: block;
    margin: 0 auto;
  }
  /* NAV MOBILE ----------------------------------------------------*/#nav {
    display: none;
  }
  #comboNav {
    display: block;
	margin-top:0px;
  }
  /* FILTERED ITEMS MOBILE ----------------------------------------------------*/#filter-container {
    width: 320px;
    /* 712 + 20 gap */
  
  }
  #filter-container figure {
    width: 320px;
    margin-right: 0px;
  }

  #filter-container figure figcaption .heading {
    font-size: 28px;
  }
  #sayfaust {
	width:90%;
	height:34px;
	background:url(../images/sayfaust.png) center no-repeat;
	margin:0 auto;
	margin-top:30px;
}
#sayfa {
	width:90%;
	height:auto;
	background:url(../images/sayfa.png) center repeat-y;
	margin:0 auto;
}
#sayfaalt {
	width:90%;
	height:33px;
	background:url(../images/sayfaalt.png) center repeat-y;
	margin:0 auto;
	margin-bottom:20px;
}
#baslik {
	width:87%;
	height:52px;
	line-height:52px;
	padding-left:50px;
	margin:0 auto;
	margin-top:-50px;
	background:url(../images/baslik.png) center no-repeat;
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:16px; 
	color:#666; 
	text-decoration: none;
}
#banneric {
	width:100%;
	height:280px;
	margin:0 auto;
	margin-top:0px;
	background:url(../banner/hakkimizda.png) center;
}
#bannericiletisim {
	width:100%;
	height:280px;
	margin:0 auto;

	background:url(../banner/iletisim.png) center;
}
#bannericdevam {
	width:100%;
	height:280px;
	margin:0 auto;
	background:url(../banner/devam-eden.png) center;
}
#yari{
	width:100%; 
	min-height:50px; 
	float:left;
	}
#yariayir{
	width:4%; 
	min-height:0px; 
	float:left;
	background:url(../images/ayir.jpg) center repeat-y;
	visibility:hidden;
	}
#solalan{
	visibility:hidden;
	width:0px;
	height:0px;
	padding-right:15px; 
	border-right:1px solid #CCCCCC;  
	float:left;
	}
#sagalan{
	margin-left:15px; 
	float:left; 
	width:90%;
	}

  }


}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .wrapper {
    width: 436px;
  }
  /* LOGO WIDE MOBILE ----------------------------------------------------*/#logo a {
    display: block ;
    width: 436px;
  }
  /* NAV WIDE MOBILE ----------------------------------------------------*/#nav {
    display: none;
  }
  #dil {
    display: block;
	visibility:hidden;
  }
  #comboNav {
    display: block;
  }
}