body {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	line-height:25px;
	word-spacing:2px;
	background-color:white;
	color:#5e5e5e;
}

.imalatkategori {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
	transition-duration:0.4s;
}

.imalatkategori:hover {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);;
}

/* HEADER */

header nav a:visited {
  color: #595959;
}
header nav a:link {
  color: #595959;
}
header nav a:hover {
  color: #227695;	
}

header {
	min-width:1200px;
	background:#e2e2e2;
}

header nav ul {
	float:right;
	font-size:11px;
}

header nav ul li {
	padding:11px 14px 11px 14px;
	float:left;
	border:1px #e2e2e2 solid;
	transition-duration:0.3s;
}

header nav ul li:hover {
	border:1px #227695 solid;
	color:#227695;
}

.clear {
	clear:both;
}

ul, li {
	padding:0px;
}

li {
	list-style: none;
}

a {
	text-decoration:none;
	transition-duration: 0.3s;
}

.containeredit {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding-top:25px;
	padding-bottom:25px;
}

/* iletişim gönder buton stili */

.buttongonder {
  background-color: #227695; 
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.buttongonder:hover {opacity: 1}

/* CONTENT BAŞLIK */


.title {
	font-size:27px;
	font-weight:bold;
	width:100%;
	min-width:1200px;
	box-sizing:border-box;
	box-shadow: 3px 3px 12px #A9A9A9;
	letter-spacing: 3px;
	text-align:center;
	padding: 25px;
	color:white;
	background-color:#227695;
	 text-transform: uppercase;
}

.title h1 {
	font-size:27px;

}

.sliderresim {
	width:200px;
	height:100px;
	border: 1px solid #227695; 
	margin-bottom:10px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 35px 0px #227695;
    -moz-box-shadow: 0px 0px 35px 0px #227695;
    box-shadow: 0px 0px 35px 0px #227695;
}

/* ESKİ KODLAR */

.input {padding: 5px;width: 300px;font-family: Helvetica, sans-serif;border: 1px solid #ccc;margin-top:7px}
.hr {border-color: #227695;}
.textarea {padding: 5px;width: 300px;font-family: Helvetica, sans-serif;border: 1px solid #ccc;margin-top:7px}
.select {padding: 5px;width: 312px;font-family: Helvetica, sans-serif;border: 1px solid #ccc;margin-top:7px}

#footerresim {
	margin-top:80px;
	height:400px;
	background: url('../img/arkaplan.jpg') no-repeat center 62%;
	border-top:5px #4c4c4c solid ;
	width:100%;
	min-width:1200px;
}



 
#footer_contact {
	padding-top: 3em;
	padding-bottom: 3em;
    background:#4c4c4c;
	color:white;
	width:100%;
	min-width:1200px;
	height:auto;
}

.footerbolme {
	width:50%;
	float:left;
	font-size:12px;
}


#imalatlar {
	float: left;
	margin-left: -3px;
	text-align: center;
	font-size: 17px;
	color: #444444;
	margin-top: 0.5em;
	margin-bottom: 3em;
}
#index {
	width: 900px;
	margin-left: auto; 
	margin-right: auto;
    text-align: center;	
	color: #818181;
}

#proje {
	float: left;
	font-size: 13px;
	color: #146a97;
	padding-top:1em;
	padding-bottom:1em;
	height:auto;
	width:1200px;
}

#product {
	background-color: #f0f0f0;
	height: 316px;
	width:250;
	border: 1px solid #B9B9B9;
	font-size: 13px;
	color: #6a6a6a;
	float: left;
	margin:1.46em;
	margin-bottom:4em;
	text-align: center;

}

#project {
	height: 450px;
	width:350px;
	border: 1px solid #B9B9B9;
	font-size: 13px;
	color: #6a6a6a;
	float: left;
	margin:1.84em;
	margin-bottom: 3em;
	text-align: center;

}

footer {
	background: url('../img/arkaplan.jpg') no-repeat center 62%;
}

/* ana sayfa slider "incele" mavi renkli buton */

.buttonincele {
    background-color: white;
    color: black;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
	border: 2px solid #227695;
}

.buttonincele:hover {
    background-color: #227695;
    color: white;
}