@charset "utf-8";
/* CSS Document */
body,html{height:100%;}
body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	height:100%;
	padding:0;
	background-image: url(../images/enaltbg.png);
}
.ust { background-image:url(../images/ustbg.png); z-index:10; bottom:0px;	position: relative; height:100px;
}

.logo {
	width: 253px;
	height: 108px;
	background-image: url(../images/bg-logo.png);
	position: absolute;
	z-index: 11;
	padding-left: 15px;
	padding-top: 30px;
	margin: 0px;
	left: 0px;
	top: 0px;
    
}
.sliderr {
	width:102%;
	height:102%;
	margin-left:-1%;
	margin-top:-1%;
	
}
.slideralt {
	height:20px;
	width:100%;
	background-image:url(../images/golge.png);
	
}
.menudis {
	margin-left:40%;
	
}
.orta {
	width: 100%;
	margin:auto;
	padding:10px;
	background-color:#FFF;
	min-height:500px;
}



#dis_bolme { 
width: auto;
color:#FFF;
}
.ic_bolme{
float:left;
margin-top:25px;
padding-left:100px;
}
.ic_bolmesag{
float: right;
margin-top:25px;
padding-right:100px;
}
#sosyal { 
width: auto;
height:35px;
background-image:url(../images/enust.png);
}
.icbolmesol{
float:left;
padding-left:100px;
}
.icbolmesag{
float: right;
padding-right:5%;
margin-top:2px;
}
#menud { 
width: auto;
}
.menud1{
float: left;
width:250px;
margin-top:-2%;
}
.menud2{
	margin-left:30%;
	margin-right:50%;
margin-top:1%;
width:550px;


}
.anasayfaurunlerimiz{
	margin-left:40%;
	margin-right:50%;
margin-top:1%;
font-weight:bold;
}

.anasayfaaciklama{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-style:italic;
	margin-left:25px;
	margin-right:5px;
}

<!-----v5kodlar----->



#icsayfa{
	width:980px;
	padding:15px 0;
	
}
#icsayfa h1{
	height:44px;
	padding:0 25px 0 45px;
	font:24px/55px arial;
	color:#000;
	background:url(../images/title.png) left center no-repeat;
	float:right;
	position:absolute;
	top:-80px;
	right:0;
}
#icsayfa h5{
	font:24px/55px arial;
	color:#000;
	margin-left:40%;
	
}
#urunbas h8{
	margin:auto;
	font:18px arial;
	color:#000;
}
#urundetay{
	width:100%;
}

.sayfalama{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	float:left;
}
.sayfalama a{
	padding:8px 8px;
	color:#000;
	font:14px/16px tahoma;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	margin:1px;
}
.sayfalama a:hover{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
}
span.aktif{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
}
.sayfalama b{
	padding:8px 8px;
	color:#fff;
	background:#000;
	font:14px/16px tahoma;
	text-decoration:none;
	border:0;
	margin:1px;
}
.resimler{
	width:380px;
	float:left;

}
#urunler{
	width:100%;
	float:left;
}
.urun{
	width:203px;
	height:201px;
	float:left;
	border:1px solid #e1e1e1;
	padding:7px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	margin:13px;
}
.urunresim{
	width:203px;
	height:145px;
	float:left;
	overflow:hidden;
}
.urunresim img{
	width:203px;
}
.urun h2{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:15px arial;
	color:#000;
	margin-top:5px;
}
.urun h4{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:18px arial;
	color:#000;
}
.urun:hover{
	border:1px solid #999;
}
.urunozellik{
	font-size:100%;
	margin-top:12%;
	float: left;
}

#anasayfaalturun{
	width:100%;
	float:left;
	background-color:#FFF;
	margin-left:1%;
}

.anasayfaalturun h2{
	width:100%;
	float:left;
	padding:0 20px;
	text-align:center;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:15px arial;
	color:#000;
	margin-top:5px;
}


/* Detay Tab */


#benzer{
	width:101%;
	float:left;
	background-color:#FFF;
}
#benzer h6{
	width:100%;
	float:left;
	background:url(../images/nokta.png) center left repeat-x;
	text-align:center;
	padding:20px 0;
}
#benzer h6 b{
	padding:5px 10px;
	font:14px arial;
	color:#000;
	display:inline-block;
	background:#fff;
}
.benzeric{
	width:100%;
	float:left;
}

.alt{ 
background-color:#333333;
bottom:0; 
width:100%;
height:60px;
position: relative;
margin-top:0px; /* altAlan yuksekliginin eksi degeri */
clear:both;
}
.alt a:link { color:#000;text-decoration:none}
.alt a:visited {color:#39F;text-decoration:none}
.alt a:hover {color:#f06c14;text-decoration:none}
.footeric{
	background-color:#333333;
	float:left;
	background: url('../images/FooterBg1.png') !important;
}
.solalt{
	position: relative;

}
.solalt p{
	position: absolute;
	top: 15px;
	left: 24px;
	font:12px Arial ;
	color: #FFF;
}
.solalt p img{
	vertical-align: middle;
	margin-right: 5px;
}
.solalt p:last-child{
	position: absolute;
	top: 15px;
	left: 200px;
}
.copy{
	float:right;
	margin-right:15px;
	margin-top:15px;
	font-size:12px;
	right: 20px;
	color:#FFF;
}

.galeri{
	width:203px;
	height:136px;
	float:left;
	border:1px solid #e1e1e1;
	padding:7px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
	margin:13px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.galeri:hover{
	background:#ffc784;
}
.galeriresim{
	width:203px;
	height:145px;
	float:left;
	overflow:hidden;
}
.galeriresim img{
	width:203px;
}

#iletisim{
	width:100%;
	float:left;
}
.adres{
	padding-top:90px;
	width:400px;
	height:200px;
	float:left;
	font-family:Arial, Geneva, sans-serif;
	font-size:14px;
	background:url(../images/iletisimayrac.png) center right no-repeat;
}
.adres h2{
	float:right;
	width:280px;
	padding:3px 5px 3px 20px;
	font-weight:normal;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#525352;
}
.home{
	background:url(../images/home1.png) left center no-repeat;
}
.home span{
	position:relative;
	top:15px;
	right:20px;
}
.tel1{
	background:url(../images/tel1.png) left center no-repeat;
}
.fax{
	background:url(../images/fax.png) left center no-repeat;
}
.mail{
	background:url(../images/mail1.png) left center no-repeat;
}
.iletisimform{
	margin-top:0px;
	width:290px;
	padding:15px;
	float:left;
	padding-left:30px;
}
.konu{
	width:150px;
	padding:8px 10px;
	float:left;
	background:#000;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.mesaj{
	width:280px;
	height:80px;
	padding:5px 10px;
	float:left;
	background:#000;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.gonder{
	float:left;
	width:100px;
	padding:5px;
	text-align:center;
	background:#b92626;
	color:#fff;
	border:0px;
	margin:5px;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
}
.gonder:hover{
	color:#fff;
	background:#000;
}
.harita{
	width:980px;
	position:relative;
	float:left;
	margin-bottom:30px;
}
.mapgolge{
	position:absolute;
	width:980px;
	height:11px;
	background:url(../images/mapgolge.png) center top no-repeat;
}

@media only screen and (max-width:768px) {

	
#menud { 
width: auto;
}
.menud1{

float: left;
width:250px;
}
.menud2{

margin-top:10px;
width:120px;
margin-left:65%;
margin-right:35%;
}

.orta {
	width: 100%;
	margin:auto;
	padding:10px;
	
	
}

.alt{ background-color:#333333;
min-height:100px;
font-size:10px; 
bottom:0; 
width:100%;
}
.copy{
	float:right;
	margin-right:15px;
	margin-top:35px;
	font-size:12px;
	right: 20px;
	color:#FFF;
}
.resimler{
	width:80%;
	float:left;
	margin-left:15px;
}

.urunozellik{
	font-size:90%;
	margin-top:10%;
	margin-left:15%;
	margin-right:5%;
	float: left;
}
.urunacikla{
	background-color:#FFF;
	font-size:80%;
	margin-top:10%;
	margin-left:5%;
	margin-right:0%;
	float: left;
}
#urunbas h8{
	visibility: hidden;
}

}