body { font-family: Arial, Helvetica, sans-serif;
	  background-color: wheat;  }

	   h2    {text-align: center;
	   background-color: lightgreen; } 

	   h1     { text-align: right;
	   background-color: lightgreen;  }

	
	   #unodiv {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 96%;
	  border: 2px solid green;
	  }

	  #unodiv  {  background-color: brown;
		width: 1000px;
	  	 height: 150px;
  	  	 border: 2px solid green;
	  	 padding: 10px;
 	  	 margin: 20px; }
	#dosdiv {width: 220px;
	   	height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	   	margin: 20px;
		}
	#tresdiv {width: 220px;
	   	height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	   	margin: 20px; } 

	#cincodiv {width: 220px;
	   	height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	  	 margin: 20px; }
	#seisdiv {width: 220px;
	  	 height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	   	margin: 20px; }
	#relative {width: 220px;
	  	height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	   	margin: 20px; 
		position: relative;
 		top: 30px;
		left: 30px;}
	#ochodiv {width: 220px;
	   	height: 150px;
  	   	border: 2px solid green;
	   	padding: 10px;
 	   	margin: 20px;
		position: relative;
		position: absolute;
 		right: -500px;} 

	 #dosdiv  {
  	border-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
	}



	ul {list-style-type: none; margin: 0px; padding: 0px; border-top-width: 1px; border-right-width: 1px;
	border-left-width: 1px; border-top-style: solid;
	border-right-style: solid; border-left-style: solid; border-top-color: #CCC;
	border-right-color: #CCC; border-left-color: #CCC;}



	a {font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-size: 0,9em;
	display: block; padding: 6px; border-bottom-width: 1px;
	border-bottom-style: solid; border-bottom-color: #CCC; background-color: #EAEAEA;}



	a:hover {color: #FFF; background-color: #666; border-right-width: 5px;
	border-right-style: solid; border-right-color: #36F;}

	button {	
	background-color: GREEN;
	border: none;
	color: black;
	width: 300px;
	height: 50px;
	padding: 15px 35px;
	text-align: center;
	text-decoration: Arial;
	display: inline-block;
	font-size: 16px;
	margin: 5px 2px;
	border-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
  	border-bottom-left-radius: 20px;
	}
	 


      	button:hover {
       	transform: translateX(900px);
      	width: 300px;
      	height: 50px;
      	}
	

	#cuatrodiv {
	animation-name: example;
  	animation-duration: 2s;
  	animation-timing-function: linear;
  	animation-delay: 2s;
	animation-iteration-count: infinite;
  	animation-direction: alternate;
	}

	@keyframes example {
  	      0% 	{}
	      25%  	{}
  	      50%  	{transform: translatex(900px)}
	      75%     {}	    
  	     100% 	{}
	      0% 	{}
	  }

	  #moon{float: right;}