html {
	position: relative;
}

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

a:link, a:visited, a:active {
	color: #5C54CF;
	text-decoration: underline;	
	padding : 0px 2px 0px 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
} 
a:hover {
	color: #FF0000;	
	padding : 0px 2px 0px 2px;
}
/* --------- contenido -----------*/
#contenido {
	position: relative;
	background: url(fondo.gif) no-repeat;
	text-align: left;
	width: 689px; 
	height : 1500px; 
	overflow: hidden;
	margin: 0px auto;
	margin-bottom: 0px;
}


/*------- encabezado ----------*/
#encabezado {
	position:absolute;
	margin-top:27px;
	margin-left:15px;
	height : 105px;
	width : 291px;
	font-family : sans-serif;
	font-size : 5px;
	background:  url(logo.gif) no-repeat;
	left: -1px;
	top: 0px;
	
}
#encabezado  h1{
	font-size:1px;
	color : #F8F6E8;
}
/*-------- explicación ---------*/
#explicacion {
	position: absolute;	
	float : right;
	top: 157px;
	width:380px;
	margin-left:  230px ;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	background : url(separando.gif) no-repeat;
	padding:40px 25px 0px 25px;
	color : #666666;
	line-height: 17px;
}
#explicacion h2{	
	display:none;	
	
}
#explicacion blockquote{
	font-size : 10px;
   height: 89px;
	width: 350px;
	color:#5C54CF;	
	padding: 0px 5px 0px 5px;
	margin-bottom: 0px 5px 0px 5px;
}
#explicacion cite{
	padding-left:260px;
	font-weight:bold;
}
#explicacion acronym{
	background : #5C54CF;
	color : #FFFFFF;
	cursor : help;
	padding: 1px 1px 1px 1px;
}

/*------------ proyecto -------------*/
#proyecto {
	position: absolute;
	float : left;
	width:290px;
	left:15px;
	margin-left: 10px;
	top: 660px;
	color : #666666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background : url(proyecto.gif) no-repeat;
	padding:30px 20px 0px 20px;
	line-height: 16px;
}
#proyecto acronym{
	background : #5C54CF;
	color : #FFFFFF;
	cursor : help;
	padding: 1px 1px 1px 1px;
}
#proyecto h2{
	display:none;
}
#proyecto h3{
   margin-top:15px;
	padding-top:0px;
	font-size : 12px;
}
#proyecto p{
	margin-top:5px;
}
/*---------- participa -----------*/
#participa {	
	position: absolute;
	float: right;
	left:320px;
	color : #666666;
	width: 290px;
	margin-left: 10px;	
	top: 660px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background : url(participa.gif) no-repeat;
	font-size: 11px;
	padding:30px 20px 0px 20px;
	line-height: 16px;
}

#participa h2{	
   display:none;
}
#participa h3{
   margin-top:15px;
	padding-top:0px;
	font-size : 12px;
}

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

/*----------- diseños ------------*/
#disenos {
   position: absolute;
   float : left;
	top: 147px;
	left: 22px;
	width: 200px;
	height : 188px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size : 0.7em;			
	color : #666666;
	background : url(disenyos.gif) no-repeat;
	padding-top : 40px;
	line-height: 15px;
	
}
#disenos h2{
	display:none;
}
#disenos p{   
	padding: 0 15px 0 0;
	margin: 9px;
}
#estilos {	
	font: 10px Verdana,Helvetica,sans-serif;
	list-style: none;
	color: #999;
	padding: 0 15px 0 0;
	margin: 10px;	
	
}

#disenos a:link,#disenos  a:active {
	color: #5C54CF;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;	
	
} 
#disenos a:hover {
	color: #33CC00;	
	
}
#disenos  a:visited{
	color: #5C54CF;
	text-decoration: line-through;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;		
}

#paginas a:link,#paginas  a:active,#paginas a:visited {
	
	color: #5C54CF;
	text-decoration: yes;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;	
	padding : 0px 1px 0px 1px;
} 
#paginas a:hover {
	color: #33CC00;	
	padding : 0px 1px 0px 1px;
}

#paginas{
background : url(ines.gif) no-repeat;
height:212px;
	padding-left:30px;
	padding-bottom:25px;
}
/*---------- autor -------------*/
#elautor {
	position: absolute;
	top: 21px;
	right:43px;
	width: 297px;
	height:301px;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:  url(autor.gif) no-repeat;
   padding-top :41px;
   padding-right:10px;
	line-height: 19px;
}
#elautor h2{
	display:none;
}
#elautor .valor{
font-size: 0.7em;
color : #666666;

}
#elautor .atributo{
font-size: 0.7em;
font-weight : bold;
	color : #666666;
	
}
#elautor p{
	margin-left:0.7em;
	margin-top:0.02em;
	margin-bottom:0.02em;
}
/*----------- agradecimientos ----------*/
#agradecimientos {
	position: absolute;
	top:1200px;
	left: 10px;
   width:600px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 40px 0px 10px 10px;
	background : url(agradecimientos.gif) no-repeat;
	height : 80px;
	padding:30px 0px 10px 5px;
	color:#666666;
	line-height: 17px;
}
#agradecimientos  h2{
	display:none;
}
#agradecimientos a:link,#agradecimientos  a:active,#agradecimientos a:visited {
	color: #5C54CF;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	font-weight : normal;
	padding : 0px 3px 0px 3px;
} 
#agradecimientos a:hover {
	color: #FF0000;	
	padding : 0px 3px 0px 3px;
}
/*----------- legal -----------*/
#legal {
	position : absolute;
	text-align : right;
  	top: 1420px;
	right:340px;	
	margin-left:11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;;
	width: 600px;
	padding:5px 0px 10px 5px;
	color:#666666;
}

#legal a:link,#legal  a:active,#legal a:visited{
	color: #666666;
	text-decoration: yes;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight : normal;
	padding : 0px 1px 0px 1px;
} 
#legal a:hover {
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	font-weight :normal;	
	padding : 0px 1px 0px 1px;
}