html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: Trebuchet MS;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#kapsayici {
	height: auto;
	width: 1020px;
	margin-right: auto;
	margin-left: auto;

}
#menu {
	height: 120px;

	
}
#slider {
	height: 400px;
	background-color:#FF9;
	
}
#slider_iki {
	height: 197px;
	margin-top: 8px;
}



     #icerik {
	height: auto;
	width: 1020px;
	margin-top:10px;
}
.container { width: 1020px /*960px*/; margin: 0 auto; position: relative; }

#icerik a{
	text-decoration:none;
	color:#FFF;
	text-align:center;
	
	}

     #icerik-s1-r1 {
	float: left;
	height: 230px;
	width: 334px; }
     #icerik-s1-r2 {
	float: left;
	height: 230px;
	width: 334px;
	margin-left: 9px;}
     #icerik-s1-r3 {
	float: left;
	height: 230px;
	width: 334px;
	margin-left: 9px;}
	   #icerik-s2-r1 {
	margin-top:5px;
	float: left;
	height: 230px;
	width: 334px; }
     #icerik-s2-r2 {
	margin-top:5px;
	float: left;
	height: 230px;
	width: 334px;
	margin-left: 9px;}
     #icerik-s2-r3 {
	margin-top:5px;
	float: left;
	height: 230px;
	width: 334px;
	margin-left: 9px;}
.temizle{
	width:1020px;
	clear:both;
	height:auto;
		}


     #icerik-s1-b1 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	background-image:url(../images/bg-prod-cat-2.png );
	background-repeat:repeat-y; 
	text-align:center;
	line-height:60px;}
#icerik-s1-b1:hover{	background-image:url(../images/bg-prod-cat-3.png);	}
     #icerik-s1-b2 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	margin-left: 9px;
	background-image:url(../images/bg-prod-cat-2.png);
	background-repeat:repeat-y;
	text-align:center;
	line-height:60px;}
#icerik-s1-b2:hover{background-image:url(../images/bg-prod-cat-3.png);}
     #icerik-s1-b3 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	margin-left: 9px;
	background-image:url(../images/bg-prod-cat-2.png);
	background-repeat:repeat-y;
	text-align:center;
	line-height:60px;}
#icerik-s1-b3:hover{background-image:url(../images/bg-prod-cat-3.png);}

  #icerik-s2-b1 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	background-image:url(../images/bg-prod-cat-2.png );
	background-repeat:repeat-y; 
	text-align:center;
	line-height:60px;}
#icerik-s2-b1:hover{	background-image:url(../images/bg-prod-cat-3.png);	}
     #icerik-s2-b2 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	margin-left: 9px;
	background-image:url(../images/bg-prod-cat-2.png);
	background-repeat:repeat-y;
	text-align:center;
	line-height:60px;}
#icerik-s2-b2:hover{background-image:url(../images/bg-prod-cat-3.png);}
     #icerik-s2-b3 {
	margin-top:2px;
	float: left;
	height: 80px;
	width: 334px;
	margin-left: 9px;
	background-image:url(../images/bg-prod-cat-2.png);
	background-repeat:repeat-y;
	text-align:center;
	line-height:60px;}
#icerik-s2-b3:hover{background-image:url(../images/bg-prod-cat-3.png);}



 #menu-bar {
	height: 40px;
	width: 1020px;
	background-color:#FFFFFF;
}
 #menu-alan {
	height: 80px;
	width: 1020px;
	background-color:#FFFFFF;
}
 #logo {
	float: left;
	height: 80px;
	width: 200px;
 }
  #menuler {
	float: left;
	height: 80px;
	width: 820px;
	text-align:center;
	
 }
 #reklam{
	 height:160px;
	 
	 }
#r1{
	height:47px;
	background-image:url(../images/r1arka.png);
	background-repeat:repeat-x;
	}
#r2{
	height:118px;
	
	}
#r2s1{
	float:left;
	height:118px;
	width:180px;
	
	
	
	}
#r2s2{
	float:left;
	height:118px;
	width:210px;
	
	
	
	}
#r2s3{
	height:118px;
	width:230px;
	float:left;
	
	
	}
#r2s4{
	height:118px;
	width:150px;
	float:left;
	
	
	}
#r2s5{
	height:118px;
	width:210px;
	float:left;
	margin-left:40px;
	
	
	
	
	
	}
	
 .dene img:hover{

	 opacity:0.6;
	  
	 
	 }  
h4{
	font-family: "Open Sans",sans-serif;
	font-weight: 600;
font-size: 16px;
line-height: 20px;                     
}
h3{
	font-family: "Open Sans",sans-serif;
	font-size: 16px;
font-weight: bold;
color: #FFF;
text-shadow: none;
line-height: 48px;
	
	
	}
h5{
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
font-weight: bold;
color: #FFF;
text-shadow: none;
line-height: 80px;
	
	
	}
	
h2{
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
font-weight: bold;
color: #FFF;
text-shadow: none;
line-height: 80px;
	
	
	}	
h1{
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
font-weight: bold;
color: #FFF;
text-shadow: none;
line-height: 30px;
	
	
	}

#footer {
	height: 310px;
	width: 1020px;
	background-color:#EF7F2D;
	/*
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-y;*/
	
}


 #footer a{
	text-decoration:none;
	color:#FFF;
	text-align:right;
	font-size:9px;
	font-family: "Open Sans",sans-serif;
	
	}

	#footer a:hover{
	
	color:#444;
	
	}



#footeric{
	
	        overflow-x: hidden;
        overflow-y: hidden;
display: block;
margin: 0px;
padding: 0px;
border: 0px none;
font: inherit;
vertical-align: baseline;
width:1020px;
height:250px;
margin-top:50px;
margin-left:30px;
	
	
	
	}
#footiletisim {
	height: 80px;
	width: 250px;
	float:right;
	text-align:left;
}
#footurun {
	height: 80px;
	width: 250px;
	float:right;
	text-align:left;
}#foothizmet {
	height: 80px;
	width: 150px;
	float:right;
	text-align:left;
}#footkurum {
	height: 80px;
	width: 150px;
	float:right;
	text-align:left;
}

#footalan1 {
	height: auto;
	width: 200px;
	float:left;
	margin-left:20px;
	margin-top:60px;
}
#footalan2 {
	height:auto;
	width: 200px;
	float:left;
	margin-top:60px;
}
#footsosyalalan {
	height:auto;
	float:right;
	margin-right:20px;
	margin-left:50px;
}
#resimalan{
	width:1020px;
	height:485px;
	margin-bottom:5px;
}
#yazialan{
	
	width:1020px;
	height:auto;
	padding-bottom:30px;
}
#yazialan p{
	color:#777;
	text-align:left;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	padding-top:20px;
}

#back-top {
	position: fixed;
	bottom: 30px;
	right: 50px;
}

/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	border-radius:1px;
	background: #EF7F2D url(../images/up-arrow.png);
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #EF7F2D;
}

 #urun {
	height: auto;
	width: 1020px;
	margin-top:10px;
}
#urunresim
{
	height: 425;
	width: 1020px;
	
	}
#urunbilgi
{
	height: auto;
	width: 1020px;
	

	}
#urunbilgi h4
{
font-family:Trebuchet MS;
font-size:15px;
color:#EF7F2D;
	

	}
#urunbilgi p{
	color:#777;
	text-align:left;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	padding-top:20px;
}
#urunbilgi ul{
	color:#777;
	text-align:left;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, sans-serif;
	
}
/* ürün görünümü */
/* ----------------------------------------------------------------
    Clients - Distribütörler
-----------------------------------------------------------------*/

.our-clients { position: relative; margin: 0 -12px 0 0; }
    .our-clients li { margin: 0 20px 0 0; position: relative; float: left; border: 5px solid white; transition: border-color .2s linear; -moz-transition: border-color .2s linear; -webkit-transition: border-color .2s linear; -ms-transition: border-color .2s linear; -o-transition: border-color .2s linear; }
        .our-clients li:hover { _border-color: #F5F5F5; }
        .our-clients li,
        .our-clients li a,
        .our-clients li img { display: block; width: 170px !important; height: 81px; background: #F9F9F9; }
/* ----------------------------------------------------------------
    clearfix
-----------------------------------------------------------------*/   
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom: 1; }
* html .clearfix { height: 1%; }
/* Hides from IE-mac \*/
.clearfix { display: block; }