@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

.container {
	width: 100%;
	/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 900px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	Fernan
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

#apDiv1 {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	min-width:900px;
	min-height:500px;
	z-index:0;
	background-color: #ABAB9E;
}
#apDiv2 {
	position:absolute;
	top:7%;
	z-index:1;
	left: 0px;
	background-color: #B0B1A3;
	width: 100%;
	height: 100%;
}
#apDiv4 {
	position:absolute;
	width:260px
	z-index:1;
	left: 330px;
	top: 200px;
}
#apDiv3 {
	position:absolute;
	left:3%;
	top:3%;
	z-index:4;
	width: 242px;
}

.menu-div1 {
	position:absolute;
	right: 1%;
	top: 3%;
	width: 330px;
	height:21px;
	z-index:4;
}

#apDiv5 {
	position:absolute;
	width:305px;
	height:115px;
	z-index:1;
	background-color: #B0B1A3;
}
body {
	background-color: #AEAFA2;
}

#apDiv7 {
	position:absolute;
	top:2%;
	z-index:1;
	height: 88%;
	left: 5%;
}