*{margin:0; padding:0; border:0}

body{ font-size:62.5%;background:#E3EF77 }

@font-face {
	font-family: 'LMSHippyChickRegular';
	src: url('LMS_Hippy_Chick.eot');
	src: local('LMS Hippy Chick Regular'), local('LMSHippyChick'), url('LMS_Hippy_Chick.ttf') format('truetype'), url('LMS_Hippy_Chick.svg#LMSHippyChick') format('svg');
}

p,a {font-size:1.4em; font-family: verdana; padding-left:20px; }
h1 { font-family: LMSHippyChickRegular, verdana; color:#641F7F; padding-left:10px;}
a{ color:#641F7F }
h1{font-size:36px; padding-top:20px;}

#kapsayici{ 
	height:450px; 
	margin-top:100px; 
	position: relative; 
	width:754px;
	margin-left:10px
} /*Tüm elemanlari kapsar */

#araba-govdesi{ 
	width:730px;
	height:300px; 
	background:#899f23; 	
	border:1px solid #777;
} /*Arabanin dis gövdesi */

#pencereler{ 
	background:#fff; 
	height:100px; 
	padding:30px 0 0 40px;	
	border-bottom:2px solid #777
} /*Pencereler / Windows*/

#pencereler,#araba-govdesi{ 
	-webkit-border-top-right-radius:120px;
	-webkit-border-top-left-radius:40px;
	-moz-border-radius-topright:120px; 
	-moz-border-radius-topleft: 40px;
}
	
.kutu{
	height:86px; 
	float:left; 	
	border:1px solid #777;
} /*Pencereleri ve tekerlekleri belirleyen kutular*/

#pencereler .kutu{ margin-right:20px; } /*Pencereler arası boşluk bırakıyorum*/


.topright{
	-moz-border-radius-topright:20px;
	-webkit-border-top-right-radius:20px
} 
.topright-last{
	-moz-border-radius-topright:50px;
	-webkit-border-top-right-radius:50px
}
.topleft{ 
	-moz-border-radius-topleft:20px;
	-webkit-border-top-left-radius:20px
}
.bottomright{ 
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-right-radius:20px
}
.bottomleft{ 
	-moz-border-radius-bottomleft:20px;
	-webkit-border-bottom-left-radius:20px
}

.izgara {background:#e0e4e7 } /*Pencerelerin solundaki havalandırma / Grilled box */
.izgara ul li{border-bottom:3px solid #777; list-style-type:none; height:10px}

.cizgi{width:2px; height:300px; background:#e0e4e7;margin-left:358px;position:absolute; z-index:9999;}
.margin-left-560{ margin-left:560px; }
#tekerlekler{width:600px; height:90px; top:250px;left:90px; position:absolute; }
.teker{border:15px solid #777;-moz-border-radius:60px; -webkit-border-radius:60px}
.float-right{float:right}
.far{
	position:absolute; 
	top:250px; 
	right:0; 
	width:20px; 
	height:40px; 
	border:1px solid #777
}

 /*Ortak sınıflar*/ 
.beyaz{ background:#fff} /*kutuların içinde kullanılan arkaplan renkleri */
.gri{background:#e0e4e7}
.w35{ width:35px }
.w86{ width:86px }
img.jant { margin-top:20px; margin-left:20px; border:10px solid #fff; -moz-border-radius:24px; -webkit-border-radius:24px; }
.w130{ width:130px }
.w180{ width:180px }
.w250{ width:250px }

@-webkit-keyframes move { /*Arabayı soldan sağa hareket ettiriyor*/
   from { left: 0px; }
   to {	left: 800px; }
  }

  .move {
   -webkit-animation-name: move;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count:1;
   -webkit-animation-direction: alternate;
	width: 100%;
	position: relative;
	left: 0px;
  }
  
 @-webkit-keyframes spin { /*Tekerleri döndürüyor*/
   from { -webkit-transform:rotate(0deg) }
   to {	-webkit-transform:rotate(360deg) }
  }

.spin {
   -webkit-animation-name: spin;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count:1;
   -webkit-animation-direction: alternate;
   -webkit-transition: -webkit-transform 3s ease-in;
   
}