html {
	position: relative;
}

body {
	text-align: center;
	position: relative;
	background : #E7E2C3;
}

a:link, a:visited, a:active {
	color: #FF0000;
	text-decoration: none;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;	
	padding : 0px 2px 0px 2px;
} 
a:hover {
	color: #FFF;
	background : #FF0000;
	padding : 0px 2px 0px 2px;
}
/* --------- contenido -----------*/
#contenido {
	position: relative;
	background:url(fondo.jpg) no-repeat;
	text-align: left;
	width: 720px;
    height:1500px;
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 50px;

}

/*------- encabezado ----------*/
#encabezado {
    position:absolute;
	margin-top:40px;
	margin-left:60px;
	height : 90px;
	width : 300px;
	
	font-family : sans-serif;
	font-size : 5px;
	background:  url(logo.jpg) no-repeat;
}

#encabezado  h1{
	font-size:1px;
	color : #F8F6E8;
}
/*-------- explicación ---------*/
#explicacion {
	position: relative;
	top: 345px;
	margin-left: 10px;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;
	padding:10px 30px 0px 35px;
	color : #77735B;
}
#explicacion h2{
	padding-top:25px;
	font-size : 1px;
	color:#F8F6E8;
	background : url(contenido.jpg) no-repeat;
}
#explicacion blockquote{
	font-size : 12px;
   height: 89px;
	width: 547px;
	color:#000;
	background: url(blockquote.jpg) no-repeat;
	padding: 15px 10px 0px 25px;
	margin-bottom: 5px;
}

#explicacion cite{
	padding-left:420px;
	font-weight:bold;
}
#explicacion acronym{
	background : #6A675A;
	color : #FFFFFF;
	cursor : help;
	padding: 0px 2px 0px 2px;
}

/*------------ proyecto -------------*/
#proyecto {
	position: relative;
	float : left;
	width:27.5em;
	left:4em;
	top: 359px;
	color : #77735B;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;
	padding:0em 0em 0em 0em;
}
#proyecto acronym{
	background : #6A675A;
	color : #FFFFFF;
	cursor : help;
	padding: 0px 2px 0px 2px;
}
#proyecto h2{
	padding-top:0px;
	padding-bottom:0px;
	font-size : 1px;
	height: 22px;
	color:#F8F6E8;
	background : url(proyecto.jpg) no-repeat;
}
#proyecto h3{
   margin-top:0px;
	padding-top:0px;
	font-size : 18px;
}
#proyecto p{
	margin-top:5px;
}
/*---------- participa -----------*/
#participa {
	
	position: relative;
	/*float: right;*/
	color : #77735B;
	width: 29.8em;
	margin-left: 32em;
	border-left: 1px solid #C1B984;
	top: 359px;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;
	padding:0em 1em 0em 0.6em;
}

#participa h2{
	height: 22px;
   margin-top:0px;
	padding-top:0px;
	font-size : 1px;
	color:#F8F6E8;
	background : url(participa.jpg) no-repeat;
}
#participa h3{
   margin-top:0px;
	padding-top:0px;
	font-size : 18px;
}

#participa p{
	margin-top:5px;
}

/*----------- diseños ------------*/
#disenos {
	position: absolute;
	top: 49px;
	right:43px;
	width: 297px;
	height:301px;
	background:  url(hoja.jpg) no-repeat;
	font-family : "Courier New", Courier, monospace;
	font-size : 0.7em;
	padding-top : 35px;
	list-style:inside;
	list-style-image : url(bullet.jpg);
	color : #544B13;

}
#disenos a:link,#disenos  a:active {
	color: #FFF;
	text-decoration: none;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;	
	font-weight : bold;
	background : #BFA80D;
	padding : 0px 1px 0px 1px;
} 
#disenos a:hover {
	color: #FFF;
	background : #FF0000;
	padding : 0px 1px 0px 1px;
}
#disenos  a:visited{
	color: #FFF;
	text-decoration: line-through;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;	
	font-weight : bold;
	background : #BFA80D;
	padding : 0px 1px 0px 1px;
}
#paginas a:link,#paginas  a:active,#paginas a:visited {
	color: #FFF;
	text-decoration: none;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;	
	font-weight : bold;
	background : #BFA80D;
	padding : 0px 1px 0px 1px;
} 
#paginas a:hover {
	color: #FFF;
	background : #FF0000;
	padding : 0px 1px 0px 1px;
}
#disenos h2{
	margin-left:40px;
	padding-top:25px;
	font-size : 1px;
	color : #E4D151;
	background : url(disenos.jpg) no-repeat;
}
#disenos p{
	padding-left:40px;
	padding-right:35px;
}

#disenos ul{
   padding-top:0em;
	padding-right : 20px;
}
#disenos .actual{
	list-style-image : url(bullet2.jpg);
}

#paginas{
	padding-left:85px;
	padding-bottom:15px;
}
/*---------- autor -------------*/
#elautor {
	position: absolute;
	top: 9.5em;
	left: 45px;
	width: 340px;
	height : 188px;
	font-family:  "Courier New", Courier, monospace;
	background:  url(autor.jpg) no-repeat;
   padding-top :10px;
   padding-right:15px;
}
#elautor h2{
	font-size:1px;
	color : #F8F6E8;
}
#elautor .valor{
font-size: 0.7em;
color : #77735B;
}
#elautor .atributo{
font-size: 0.8em;
font-weight : bold;
	color : #77735B;
}
#elautor p{
	margin-left:0.7em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
/*----------- agradecimientos ----------*/
#agradecimientos {
	position: absolute;
	top:1245px;
	left: 10px;
   width:600px;
	font-family:  "Courier New", Courier, monospace;
	font-size: 14px;
	margin-left:3em;
	background : url(agradecimientos.jpg) no-repeat;
	height : 130px;
	padding:10px 0px 10px 5px;
	color:#726F56;
}
#agradecimientos  h2{
	font-size:1px;
	color : #F8F6E8;
}
#agradecimientos a:link,#agradecimientos  a:active,#agradecimientos a:visited {
	color: #FF0000;
	text-decoration: none;
	font-family:  "Courier New", Courier, monospace;
	font-size: 11px;	
	font-weight : bold;
	padding : 0px 3px 0px 3px;
} 
#agradecimientos a:hover {
	color: #FFF;
	background : #FF0000;
	padding : 0px 3px 0px 3px;
}
/*----------- legal -----------*/
#legal {
	position : absolute;
	text-align : right;
  	top: 1395px;
	right:200px;
	color: #CECCBB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;;
	width: 600px;
}

#legal a:link,#legal  a:active,#legal a:visited{
	color: #6E6C54;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : bold;
	padding : 0px 1px 0px 1px;
} 
#legal a:hover {
	color: #6E6C54;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : bold;
	background : #F8F6E8;
	padding : 0px 1px 0px 1px;
}