body {
   background-color: #CCC;
   font-family: Verdana;
   font-size: 10px;
   color: #7e7651;
	background-color: #FFF;
}

#pagina {
   width: 500px;
	height: 350px;
   margin: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -175px;
}

#header {
   width: 500px;
   height: 93px;
   background-image: url(images/header.jpg);
   background-repeat: no-repeat;
}

#header2 {
   width: 500px;
   height: 164px;
   background-image: url(images/header2.jpg);
   background-repeat: no-repeat;
}

#footer {
   width:500px;
	height: 18px;
	background: url(images/footer.jpg);
}



/* --------------- Nav --------------- */

#navigation {
   margin: 0;
	padding: 0;
	height: 75px;
	background-image: url(images/navigator.jpg);
	background-repeat: no-repeat;
}
ul.nav { 
	margin: 0; 
	padding: 0;
}
ul.nav li {
	list-style: none;	
	display: inline;
	padding: 0;
	height: 75px;
	text-align: center;
}
ul.nav li span {
   display: none;
} 

.nav1 a {
   background: transparent;
	width: 117px; height: 75px; margin: 0; float: left;}
.nav1 a:hover {
   background: url(images/navigator2.jpg);
	width: 117px; height: 75px; background-position: 0;
}
.nav2 a {
   background: transparent; 
	width: 120px; height: 75px; margin: 0; float: left;}
.nav2 a:hover {
   background: url(images/navigator2.jpg); 
   width: 120px; height: 75px; background-position: -117px 0;
}
.nav3 a {
   background: transparent; 
	width: 151px; height: 75px; margin: 0; float: left;}
.nav3 a:hover {
   background: url(images/navigator2.jpg); 
   width: 151px; height: 75px; background-position: -237px 0;
}
.nav4 a {
   background: transparent; 
	width: 112px; height: 75px; margin: 0; float: left;}
.nav4 a:hover {
   background: url(images/navigator2.jpg); 
   width: 112px; height: 75px; background-position: -388px 0;
}