@import url(http://fonts.googleapis.com/css?family=Raleway);
@import url(http://fonts.googleapis.com/css?family=Bree+Serif&subset=latin,latin-ext);
#clear{
clear:both;
}
#genel{
width:100%;
height:100%;
top:0;
position:absolute;
}
#icerik{
height:100%;
width:80%;
margin:0 auto;
}
#icerik #logo{
width:25%;
margin-top:5%;
}
#icerik #logo img{
width:100%;
}
.menu{
margin-top:10%;width:80%;
}
.menu ul{margin:0;padding:0;list-style:none;}
.menu ul li{}
.menu ul li a{font-family:bree serif;width:150%;display:block;padding:2%;text-decoration:none;color:black;background:white;border-bottom:1px solid black;}
.menu ul li a:hover{display:block;padding:2%;text-decoration:none;color:white;background:black;border-bottom:1px solid white;}
/*hakkimizda sayfasi*/
#hakkimizda{
border-radius:1%;
width:100%;
margin:0 auto;
background:rgba(0,0,0,0.3);
}
#hakkimizda #yazi{
font-family:Raleway;
width:95%;
margin:0 auto;
height:99%;
color:white;
}
#hakkimizda #yazi h3{
padding:1%;
padding-top:4%;
}
#hakkimizda #yazi p{
padding:2%;
}
/* collection sayfasi - ürünler */
#urunler{
height:80%;
width:100%;
margin:2% auto;
background:rgba(0,0,0,0.2);
}
#urunler #urungenel{
width:95%;
margin:0 auto;
}
#urunler #urungenel #urun{
width:31%;
margin:1%;
height:100%;
float:left;
}
#urunler #urungenel #urun img{border:none;
width:100%;
height:100%;
}
#urunler #urungenel #urun img:hover{border:1px solid #ddd;opacity:0.5;}
#showroomyazi h4{
float:left;
padding:1%;
margin:0;
color:#999;
}
.link{float:right;padding:1%;margin-top:2%;}
.link a{text-decoration:none;color:#999;}
.link a:hover{color:black;}
/*iletisim sayfası*/

#map{
height:100%;
width:50%;
float:left;
}
#iletisim{
overflow:auto;
float:right;
width:50%;
background:white;
height:100%;
}
#iletisimlogo{
width:20%;
margin:1% auto;
}
#iletisimlogo img{
width:100%;
}
#iletisimformu{
margin:2%;
}
#iletisimformu h2{
font-family:bree serif;
margin:2%;
}
#iletisimformu input{background:#eee;border-radius:1%;border:1px solid #ddd;padding:1%;width:80%;margin:2%;}
#iletisimformu textarea{background:#eee;border-radius:1%;padding:1%;width:80%;margin:2%;}
#iletisimformu #gonder{background:#eee;width:20%;border-bottom:4px solid #ddd;border-bottom-left-radius:10%;border-bottom-right-radius:10%;padding-left:4%;padding-right:4%;padding:2%;color:#999;margin:2%;}
#iletisimformu #gonder:hover{background:#33ff00;color:white;border-bottom:4px solid #33cc00;}

.iletisimbilgileri{
margin-left:2%;
padding-left:2%;
color:#999;
font-family:bree serif;
}
.iletisimbilgileri p a{color:#999;}
/* scroll bar */
.urunler
{
	overflow-y: scroll;
		
	
}

#urunler::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#urunler::-webkit-scrollbar
{
	width: 1%;
}

#urunler::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.hakkimizda
{
	overflow-y: scroll;
}
#hakkimizda::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#hakkimizda::-webkit-scrollbar
{
	width: 1%;
}

#hakkimizda::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}