#main_robot {   width: 600px;
		 height: 150px; 
		top:0px; 
		left: 0px

		border: 2px solid #7CAA6C;

		position: relative;

		background-color: #B3C07E;

		border-radius: 15px;

		z-index: 100;

		}



#robot, #robot_looking {width: 50px;

	height:80px;

	position: absolute;

	left: 0px;

	top:70px;

	padding: 0px;

}



#face {	margin-top: 5px;

  	margin-left: 5px;

	margin-right: 5px;

	width: 40px;

	height: 25px;

	background-color: #D8D9E0;

}





#eyes {margin-top:5px;

	  margin-left:6px;

	  width: 28px;

	  height:3px;

	

}





#left_eye, #right_eye, #turned_eye{width: 3px;

			height:3px;

			background-color: black;

			

}



#left_eye {float: left;

	   

}



#right_eye {margin-left: 25px

}



.smile {width: 20px;

	height: 3px;

	position: absolute;

	top: 20px;

	left: 16px;



}



#smile_left, #smile_right {width: 3px;

		height: 3px;

		background-color: green;

		display: none;

}



#smile_left {float: left;

}



#smile_right {margin-left: 17px;

}



#mouth	{width: 16px;

	height: 3px;

	background-color: green;

	position: absolute;

	top: 23px;

	left: 18px;

}



#body {width: 30px;

	height: 40px;

	border-left: 1px solid black;

	border-right: 1px solid black;

	border-bottom: 1px solid black;

	margin-left: 10px;

	background-color: #D8D9E0;

}



#left_foot, #right_foot {width: 7px;

			height: 5px;

			border-left: 1px solid black;

			border-right: 1px solid black;

			border-bottom: 1px solid black;

			background-color: #D8D9E0;



}



div.feet	{width: 24px;

		height:5px;

		margin-left: 12px;



}



#right_foot {margin-left: 19px;

}



#left_foot {float: left;





}



#lamp {width: 3px;

	height: 6px;

	background-color: white;

}





#flower {position: absolute; 

	top: 22px; 

	left: 500px;

	width: 30px;

	height: 65px;

}



#middle {width: 11px; 

	height: 11px;

	background-color: yellow; 

	position: absolute; 

	left: 10px; 

	}



#krug {background-color: red; 

	width: 3px; 

	height: 3px; 

	margin-top: 3px; 

	margin-left: 3px



}



#stebl, #leave1, #leave2, #message, #krug, #middle, #face  {border: 1px solid black;

}



#stebl {width: 2px;

	height: 50px; 

	background-color: brown; 

	position: absolute; 

	top: 13px; 

	left: 14px; 

	

}



#leave1 {width: 6px; 

	height: 8px; 

	background-color: green; 

	position: absolute; 

	left: 18px; 

	top: 30px; 

	

}



#leave2 {width: 6px; 

	height: 8px; 

	background-color: green; 

	position: absolute; 

	left: 25px; 

	top: 21px; 

	

}



#message {position: absolute; 

	top: 100px; 

	padding: 5px;

	font-family: Verdana;

	font-size: 12px;

}



#rocket {width: 95px;

		height: 130px;

		border: none;

		position: absolute;

		bottom: 10px;

		right: 10px;

		

		}

		

#roof_left, #roof_right {width: 30px;

			height: 40px;

			position: absolute;

			

			

			}

			

#roof_left {top: 8px;

			left: 28px;

			border-left: 1px solid black;

			-moz-transform:rotate(35deg);

			-webkit-transform:rotate(35deg);

			}

			

#roof_right {top: 8px;

			left: 25px;

			border-right: 1px solid black;

			-moz-transform:rotate(-35deg);

			-webkit-transform:rotate(-35deg);

			}



#rocket-body {width: 45px;

			 height: 70px;

			 position: absolute;

			 top: 36px;

			 left: 18px;

			 border: 1px solid black;

			 }



#rocket_bottom {width:63px;

				height: 14px;

				border:1px solid black;

				position: absolute;

				left: 9px;

				top:107px;

				

				}

				

#rocket_bottom_left, 

#rocket_bottom_right 	{width: 15px;

						height: 9px;

						position: absolute;

						top:120px;

						border-left: 1px solid black;

						border-right: 1px solid black;

						border-bottom: 1px solid black;

						z-index: 10;

						background-color: #B3C07E;

						}



#rocket_bottom_left	{left: 9px;


}

						

#rocket_bottom_right	{left: 57px;

}



#window {width: 30px;

		height: 40px;

		border: 1px solid black;

		position: absolute;

		top: 15px;

		left: 7px;

		border-radius: 15px;

		}

		



.road {width: 90%;

		height: 10px;

		border: 1px solid black;

		position: absolute;

		top:80px;

		float: left;

		}

		

#robot_turned {position: absolute;

				top: 320px;

				width: 50px;

				height:80px;

				

	

				}

				

#head_turned {border: 1px solid black;

			  width: 20px;

			  height:25px;

			  position: absolute;

			  top: 5px;

			  left: 15px;

			  background-color: #D8D9E0;

			  }



#body_turned	{width: 30px;

				height: 40px;

				border: 1px solid black;

				position: absolute;

				top: 31px;

				left: 10px;

				background-color: #D8D9E0;

				}

				

#turned_eye	 {position: absolute;

			  left:17px;

			  top:5px;

			  }

#foot_turned	{

				width: 20px;

				height:5px;

				border: 1px solid black;

				position: absolute;

				top: 72px;

				left: 15px;

				background-color: #D8D9E0;



}



#hand 		{border: 1px solid black; 

			border-top: none; 

			width: 10px; 

			height: 20px; 

			position: absolute; 

			top: 8px; 

			left: 9px;

}





#pristupok {width: 110px;

			height: 9px;

			position: absolute;

			z-index: 1;

			bottom: 0px;

			right: 0px;

			border-top: 1px solid black;

			border-left: 1px solid black;

			border-top-left-radius: 10px;

			background-color: #B2DBC6;

}





#cloud	   {width: 150px;

			height: 70px;

			margin-left: 10px;

			margin-top: 3px;

			}

			

#talk 		{width: 80px;

			height: 20px;

			border: 1px solid black;

			border-radius: 30px;

			padding: 10px;

			font-size: 12px;

			background-color: white;
			z-index: 1000;

			}

			

			

#arrow		{width: 10px;

			 height: 30px;

			 border: none;

			 border-left: 1px solid black;

			 margin-top: -18px;

			 background-color: white;

			}

			

#arrowL		{width: 1px;

			height: 23px;
			width: 9px;

			border: none;

			border-left: 1px solid black;

			-moz-transform:rotate(30deg);

			-webkit-transform:rotate(30deg);

			margin-top: -18px;

			margin-left: 5px;
			background-color: #B3C07E;

			}