@charset "utf-8";
.container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #CCC;
	height: 978px;
	width:  1248px;
	margin-right: auto;
	margin-left: auto;
	webkit-box-shadow: 0 0 10px 8px #F30;
    moz-box-shadow: 0 0 10px 8px #F30;
    box-shadow: 0 0 10px 8px #666;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #09F;
	background-color: #fff;
	float: left;
	height: 50px;
	width: 1248px;
}
.menubar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
	height: 130px;
	width: 1248px;
	background-color: #FFF;
	position:relative;
	z-index:1;
	
	
	
}
.icerik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #036;
	background-color: #FFF;
	float: left;
	height: 760px;
	width: 1248px;
	
}

.vitrin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #FFF;
	float: left;
	height: 550px;
	width: 1240px;
	margin:5px 0px 0px 0px;
	
}
.vitrin1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 30px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 0px 0px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 0px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 0px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 0px 0px 10px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}

.vitrin5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 30px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 0px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 70px 0px 0px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.vitrin8{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #;
	float: left;
	height: 240px;
	width: 240px;
	margin:20px 0px 0px 10px;
	webkit-box-shadow: 0 0 8px 6px #666;
    moz-box-shadow: 0 0 8px 6px #666;
    box-shadow: 0 0 8px 6px #666;
}
.altbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #00C ;
	float: left;
	height: 40px;
	width: 1249px;
	
	margin: 0px 0px 0px -1px
}
.logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:
	float: left;
	height: 130px;
	width: 260px;
	margin:-130px 0px 0px 0px;
}

.instagram {
	font-family: Arial, Helvetica, sans-serif;
	height: 50px;
	width: 44px;
	margin:0px 0px 0px 900px;
}
.facebook {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #;
	height: 50px;
	width: 44px;
	margin:-50px 0px 0px 960px;
}
.tel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #;
	height: 50px;
	width: 500px;
	margin:-50px 0px 0px 500px;
}
.watsapp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #C39;
	background-color: #;
	height: 50px;
	width: 500px;
	margin:-50px 0px 0px 50px;
}
.menuresim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #069;
	height: 130px;
	width: 990px;
	margin:-130px 0px 0px 260px;
	background-color: #;
}
.pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #309;
	background-color: #;
	height: 50px;
	width: 100px;
	margin:-50px 0px 0px 90px;
}

.menu {
	width:800px;
	margin: -30px 0px 0px 300px;	 /*sayfada menunun sabit kalması için */
	z-index:2;
	position:absolute;
	
	}
	
.menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	
	
	}
.menu li {
	position:relative;
	float:left;
	width:150px;
	border-right:2px solid #000;
	border-right:#000 ;
	
		
		
		}
.menu ul li ul {
	display:none;
	t
	
	
}
.menu ul li:hover ul {
	display:block;	
	
	 	 
	 }
	/*linklerin özellikler */
.menu li a {
	text-decoration:none; /*alt çizgilerden kurtarır*/
	background-color:hsla(170, 43%, 51%, 0.3); 
    display:block;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	text-align:left;
	text-shadow:#FFF 1px 1px 1px; color:#006	
		
	}
.menu li a:hover{
	background-color:#F90; /*menunun üzerine geldiğindekirenk değişikliği*/
	transition:.5s ease-in-out;
	
	
 /*menu seçildiğindeki renklenme 5 saniye geckmeli olur*/
     
}	

.slayt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	
	height: 170px;
	width: 920px;
	margin: 10px 0px 0px  0px;
    width:1240px;
    height:200px;
    transition: transform .2s;
	
}


.slayt:hover{ 
	transform: scale(1)
	
}