@charset "utf-8";
#header-bg {
	height: 490px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/header-bg.jpg);
	padding-top: 30px;
}

#header-bg-icerik {
	height: 240px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/header-bg.jpg);
	padding-top: 30px;
}

#header-bg-icerik2 {
	height: 240px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/header-bg2-icerik.jpg);
	padding-top: 30px;
}
#icerik-banner {
	height: 100px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#sayfa-map {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;

}


	

.sayfa-map-text{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #333;
	text-decoration: none;
		-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

}

.sayfa-map-text:hover{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #CC3535;
	text-decoration: none;
		-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

}


.icerik-banner-text{
	font-family: 'Oswald', sans-serif;
	font-size: 25px;
	color: #333;
	margin-top: 20px;
	width: auto;
	
}

.icerik-banner-text-kucuk{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	color: #333;
	margin-top: 5px;
	width: auto;
	
}

#wrapper {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#icerik-sol {
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
	height: auto;
	width: 700px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	color: #666;
	line-height: 25px;
	text-align: justify;
}

.icerik-text{
		font-family: 'Roboto Condensed', sans-serif;
			font-size: 14px;
				line-height: 25px;
	text-align: justify;
		color: #666;




}

.ic-img-stil{
	padding: 5px;
	margin: 10px;
	box-shadow: 0px 2px 5px #666;
	
}


#icerik-sag {
	float: right;
	height: auto;
	width: 220px;
	padding-bottom: 10px;
}

#clear {
	clear: both;
}




#header {
	height: 470px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#header-icerik {
	height: 70px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#ust-menu{
	width: 950px;
	height: 45px;
	background-color: #333;
	z-index: 9998;
	position: absolute;
}

#banner{
	width: 950px;
	height: 390px;
	margin-top: 30px;
	z-index: 2;
	position: absolute;
}

#logo {
	float: left;
	height: 90px;
	width: 162px;
	margin-top: -25px;
	margin-left: 20px;
	background-image: url(../images/logo.png);
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

}

#logo:hover {
	float: left;
	height: 90px;
	width: 162px;
	margin-top: -25px;
	margin-left: 20px;
	background-image: url(../images/logo2.png);
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

}

#buton {
	float: right;
	height: 60px;
	width: 700px;
}


.bayi-buton{
	font-family: 'Oswald', sans-serif;
	background-image: url(../images/bayii-bg.png);
	height: 67px;
	width: 200px;
	padding-left: 20px;
	line-height: 30px;
	font-size: 18px;
	color: #5b749e;
	text-shadow: none;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	padding-top: 5px;
	box-shadow: 0px 0px 1px #999;


	
}

.bayi-buton:hover{
	font-family: 'Oswald', sans-serif;
	background-image: url(../images/bayii-bg2.png);
	height: 67px;
	width: 200px;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 30px;
	color: #FFFFFF;
	text-shadow: 0px 0px 2px #333;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	box-shadow: 1px 1px 20px #666;
	background-color: #CC3535;


	
}


.teknik-buton{
	font-family: 'Oswald', sans-serif;
	background-image: url(../images/teknik-form1.png);
	height: 67px;
	width: 200px;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 30px;
	font-size: 18px;
	color: #5b749e;
	text-shadow: none;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	box-shadow: 0px 0px 1px #999;


	
}

.teknik-buton:hover{
	font-family: 'Oswald', sans-serif;
	background-image: url(../images/teknik-form2.png);
	height: 67px;
	width: 200px;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 30px;
	color: #FFFFFF;
	text-shadow: 0px 0px 2px #333;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	background-color: #CC3535;
	box-shadow: 1px 1px 20px #666;


	
}


.iletisim-buton{
	font-family: 'Oswald', sans-serif;
	height: 67px;
	width: 200px;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 30px;
	font-size: 18px;
	color: #5b749e;
	text-shadow: none;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	box-shadow: 0px 0px 1px #999;
	background-image: url(../images/iletisim-form1.png);


	
}

.iletisim-buton:hover{
	font-family: 'Oswald', sans-serif;
	background-image: url(../images/iletisim-form2.png);
	height: 67px;
	width: 200px;
	padding-top: 5px;
	padding-left: 20px;
	line-height: 30px;
	color: #FFFFFF;
	text-shadow: 0px 0px 2px #333;
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
	background-color: #CC3535;
	box-shadow: 1px 1px 20px #666;


	
}

.resim-img{
	padding: 5px;
	
	
	
}

.resim2-img{
	padding: 5px;
	box-shadow: 0px 0px 3px 0px #999;
	background-color: #FFF;
}



.kutu-resim{
	float:left;
	width: 340px;
	height: 334px;
	box-shadow: 0px 0px 2px #999;
	background-color:#fff;

}

.kutu-resim2{
	float:right;
	width: 340px;
	height: 334px;
	box-shadow: 0px 0px 2px #999;
	background-color:#fff;

}

.kutu-resim-ust{
	width: 340px;
	height: 184px;
	margin-right: auto;
	margin-left: auto;
}


.kutu-resim-link{
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/arrow1.png);
	background-repeat: no-repeat;
	background-position: left center;
		-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

	
}

.kutu-resim-link:hover{
	height: auto;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-image: url(../images/arrow2.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #CC3535;
		-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;

	
}


.kutu-cerceve{
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
#footer {
	height: 270px;
	width: 100%;
	margin-top: 20px;
	background-image: url(../images/footer-bg.png);
	padding-top: 10px;
}
#footer-ic {
	height: 260px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
}


.footer-1{
	float: left;
	height: auto;
	width: auto;
	padding: 10px;
	margin-right: 50px;
	
}

.footer-2{
	float: right;
	height: auto;
	width: 150px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 25px;
	text-align: center;

	
}


.footer-baslik{
	width: auto;
	height: auto;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-size: 20px;
	padding: 5px;
}


.footer-link{
	width: auto;
	height: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #CCC;
	margin-top: 10px;
	padding: 5px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	font-weight: normal;

	
}

.footer-link:hover{
	width: auto;
	height: auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #09F;
	margin-top: 10px;
	padding: 5px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	font-weight: normal;
	
}


.fb-buton{
	width: 105px;
	height: 28px;
	background-image: url(../images/fb1.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	margin-left: 5px;

}


.fb-buton:hover{
	width: 105px;
	height: 28px;
	background-image: url(../images/fb2.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;

}

.tw-buton{
	width: 105px;
	height: 28px;
	background-image: url(../images/tw1.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	margin-left: 5px;

}


.tw-buton:hover{
	width: 105px;
	height: 28px;
	background-image: url(../images/tw2.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;

}

.g-buton{
	width: 105px;
	height: 28px;
	background-image: url(../images/g1.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	margin-left: 5px;

}


.g-buton:hover{
	width: 105px;
	height: 28px;
	background-image: url(../images/g2.png);
	margin-top: 10px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;

}


.galeri-baslik{
	font-family: 'Oswald', sans-serif;
	width: auto;
	height: auto;
	font-size: 20px;
	color: #5B749E;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}


.sag-kategori-baslik{
	width: auto;
	height: auto;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #5B749E;
	padding: 5px;
	margin-bottom: 5px;
	
}

.sag-kategori-icerik{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #333;
	padding: 4px;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	border: 1px solid #CCC;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	margin-bottom: 5px;
	background-image: url(../images/sag-arrow2.png);

}

.sag-kategori-icerik:hover{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #FFF;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	background-color: #CC3535;
	background-image: url(../images/sag-arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	border: 1px solid #FFF;
	line-height: 20px;
	margin-bottom: 5px;

}

#sag-kategori-cerceve{

}



.urun-cerceve{
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	width: 150px;
	height: 150px;
	margin: 5px;
	float: left;
	padding: 5px;
	opacity: 0.7;
	
}

.urun-cerceve:hover{
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	transition: all 0.20s ease-in-out;
	width: 150px;
	height: 150px;
	margin: 5px;
	float: left;
	padding: 5px;
	border-radius: 5px;
	opacity: 1;
	box-shadow: 0px 0px 6px #999;
	background-color: #ececec;
	
}



.donanim-cerceve{
	width: auto;
	height: auto;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	
}


.donanim-img{
	width: 130px;
	height: 130px;
	float: left;
	margin: 5px;
	padding: 5px;
	
}


.donanim-text{
	width: 530px;
	height: auto;
	float: right;
	margin: 5px;
	padding: 5px;
}

.donanim-baslik{
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	color: #5B749E;
}
.referans-banner {
	height: 300px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}