@import url("tipo.css");


/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#009D98 url(img/fondo2.png) no-repeat fixed center;
}

acronym {
	border-bottom:none;
}

/* LINKS */

a:link, a:hover, a:visited {
	text-decoration:none;
	text-transform:uppercase;
	font:600 12px 'Dosis', sans-serif;
	text-align:left;
}

a:link {
	color:#088;
}

a:hover {
	color:#055;
}

a:visited {
	color:#55bfbe;
}

#footer a:link, #quickSummary a:link, #footer a:hover, #quickSummary a:hover,  {
	font-weight:600;
}

#footer a:link, #quickSummary a:link {
	color:#FFF;
}

#footer a:hover, #quickSummary a:hover {
	color:#055;
}

	
#container {
	width:100%;
	height:430px;
	margin-top:-200px;
	padding:0 100px 0 0;
	position:absolute;
	top:50%;
}

/* MARCO BLANCO */

/* TOP */

#extraDiv1, #extraDiv2 {
	width:100%;
	height:8%;
	top:0;
	left:4%;
	position:fixed;
	background-color:#FFFFFF;
}

#extraDiv1 {
	z-index:6;
}

#extraDiv2 {
	z-index:1;
	box-shadow: 0px 5px 10px #376;
}

/* RIGHT */

#extraDiv3 {
	width:4%;
	height:100%;
	right:0;
	position:fixed;
	background-color:#FFFFFF;
	z-index:3;
	box-shadow: -10px 5px 10px #376;
}

/* BOTTOM */

#extraDiv4, #extraDiv5 {
	width:100%;
	height:8%;
	bottom:0;
	left:4%;
	position:fixed;
	background:#FFFFFF;
}

#extraDiv4 {
	z-index:5;
}

#extraDiv5 {
	z-index:2;
	box-shadow: 0px -5px 10px #376;
}

/* LEFT */

#extraDiv6 {
	width:4%;
	height:100%;
	left:0;
	position:fixed;
	background-color:#FFFFFF;
	z-index:4;
	box-shadow: 10px 5px 10px #376;
}


/* FORMATO TEXTOS */

.p1, .p2, .p3, .p4, .p5, #linkList2 {
	font:500 12px/14px 'Dosis', sans-serif;
	text-align:left;
	color:#009D98;
}

/* PORTADA */

#pageHeader {
	width:582px;
	height:157px;
	margin-left:189px;
	position:absolute;
	background:url(img/css_zen_garden.png) no-repeat;
}

h1, h2, h3 {
	text-indent:-1000000px;
}

#quickSummary {
	width:304px;
	margin-left:330px;
	margin-top:170px;
	position:absolute;
	background:url(img/asteriscos.gif) no-repeat center 120px;
}

#quickSummary .p1 {
	font:normal 600 16px 'Dosis', sans-serif;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
}

#quickSummary .p2 {
	font:normal 500 12px 'Dosis', sans-serif;
	text-align:center;
	color:#FFF;
	margin-top:50px;
}

/* 1. THE ROAD TO ENLIGHTMENT */

#preamble {
	width:582px;
	height:325px;
	margin-left:1148px;
	padding:0;
	position:absolute;
	background:url(img/the_road.png) no-repeat;
}

#preamble .p1, #preamble .p2, #preamble .p3 {
	width:290px;
	margin-left:150px;
}

#preamble .p1 {
	margin-top:50px;
}

/* 2. SO WHAT IS THIS ABOUT? */

#explanation {
	width:642px;
	height:325px;
	margin-left:2079px;
	padding:0;
	position:absolute;
	background:url(img/about.png) no-repeat;
}

#explanation .p1, #explanation .p2, #explanation .p3 {
	width:340px;
	margin-left:150px;
}

#explanation .p1 {
	margin-top:50px;
}
	
/* 3. PARTICIPATION */

#participation {
	width:742px;
	height:325px;
	margin-left:2989px;
	padding:0;
	position:absolute;
	background:url(img/participation.png) no-repeat;
}

#participation .p1, #participation .p2, #participation .p3 {
	width:440px;
	margin-left:150px;
}

#participation .p1 {
	margin-top:50px;
}

/* 4. BENEFITS */

#benefits {
	width:422px;
	height:325px;
	margin-left:4109px;
	padding:0;
	position:absolute;
	background:url(img/benefits.png) no-repeat;
}

#benefits .p1 {
	width:130px;
	margin-left:150px;
	margin-top:50px;
}

/* 5-6. REQUIREMENTS */

#requirements {
	width:1629px;
	height:325px;
	margin-left:4909px;
	padding:0;
	position:absolute;
	background:url(img/requirements.png) no-repeat;
}

/* PÁRRAFOS 1 Y 2 */

#requirements .p1, #requirements .p2 {
	width:440px;
	margin-left:150px;
}

#requirements .p1 {
	margin-top:50px;
}

#requirements .p2 {
	margin-top:0px;
	float:left;
}

/* PÁRRAFOS 3, 4 Y 5 */

#requirements .p3 {
	float:left;
	margin-top:-180px;
}

#requirements .p3, #requirements .p4, #requirements .p5 {
	width:320px;
	margin-left:1180px;
}

#requirements .p4 {
	margin-top:-12px;
}


/* 7. LISTAS */


#linkList2 li {
	list-style:none;
	line-height:15px;
}

#lselect {
	width:309px;
	height:230px;
	margin-left:6840px;
	padding:50px 0 0 0;
	position:absolute;
	background:url(img/select.png) no-repeat;
}

#larchives {
	width:309px;
	height:190px;
	margin-left:7251px;
	padding:22px 0 0 0;
	position:absolute;
	background:url(img/archives.png) no-repeat;
}

#lresources {
	width:309px;
	height:133px;
	margin-left:7251px;
	margin-top:-90px;
	padding:22px 180px 0 0;
	position:absolute;
	top:50%;
	background:url(img/resources.png) no-repeat;
}

#lselect li {
	width:200px;
	margin-left:20px;
}

#larchives li, #lresources li {
	margin-left:6px;
}

/* XHTML CSS CC 508 AAA */

#footer {
	width:160px;
	height:30px;
	margin-left:7120px;
	margin-top:80px;
	padding:20px 0 0 0;
	position:absolute;
	top:50%;
	background:url(img/asteriscos.gif) no-repeat top;
}