/* Utiliza esta hoja de estilos para realizar tu propuesta */
<STYLE TYPE="text/css"> 
<!--
BODY {	MARGIN: 10px; FONT-FAMILY: Trebuchet MS; background-image:url(fondo.png);
} 
#contenido {
	FONT-SIZE: 10pt;  FONT-FAMILY: Trebuchet MS; POSITION:relative}
#contenido H1 {
	FONT-SIZE: 0px; MARGIN-LEFT: 120px; margin-bottom:70px; BACKGROUND: url(titulo.png) no-repeat; text-align:center;  color:#000000; HEIGHT:108; width:500px;}
#explicacion {
	MARGIN-TOP: -250px; MARGIN-LEFT: 70px; color:#00CC00; WIDTH: 550px; BACKGROUND-REPEAT: no-repeat; text-align:justify;FONT-FAMILY: Garamond; font-size:16px;}
#explicacion H2 {
	FONT-SIZE: 0px; margin-top:220px; margin-left:0px; height:50; width:200px; font:"Times New Roman", Times, serif; TEXT-ALIGN:left ; color:#000000 ; BACKGROUND: url(otro.png) no-repeat; font-variant: small-caps;}
BLOCKQUOTE {
	BORDER-RIGHT: green 2px solid; BORDER-TOP: green 2px solid; MARGIN-LEFT: 100px; BORDER-LEFT: green 4px solid; BORDER-BOTTOM: green 2px solid}
DIV.quote {
	PADDING-RIGHT: 10px; MARGIN-LEFT: 50px; color:#00CC66; BACKGROUND: url(libertad.png) no-repeat; PADDING-LEFT: 12px; FONT-SIZE: 12pt; PADDING-BOTTOM: 12px; LINE-HEIGHT: 20px; PADDING-TOP: 20px; TEXT-ALIGN: center}
CITE {
	PADDING-LEFT: 5px; FONT-WEIGHT:100; RIGHT: 5px; color:#FFFF33;}	
#legal {
	CLEAR: both; PADDING-RIGHT: 80px; PADDING-LEFT: 80px; FONT-SIZE: 10pt; PADDING-BOTTOM: 80px; MARGIN: 30px 0px 0px; COLOR:#CCFFFF; PADDING-TOP: 80px; TOP: 20px; TEXT-ALIGN: center}
#legal A:link {
	COLOR:#CCCC33}
#legal A:visited {
	COLOR:#009900;}
#legal A:active {
	COLOR:#0099FF;}
#disenos {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; 
	BACKGROUND: url(cualquier.png) no-repeat; PADDING-BOTTOM: 10px; 
	MARGIN-LEFT: 0px; WIDTH: 311px; COLOR:#669900; PADDING-TOP: 10px;
	POSITION: absolute; TOP: 900px; HEIGHT: 320px}
#disenos H2 {
	FONT-SIZE: 0px; }
#disenos A:link {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; color:#66CC00;  }
#disenos A:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR:#00CC99; TEXT-DECORATION: none}
#disenos A:visited {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR:#00FFFF; TEXT-DECORATION: none}
#paginas A:link {
	BORDER-RIGHT: green 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #99FF99c; PADDING-BOTTOM: 0px; COLOR:#99FF99; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}
#paginas A:active {
	BORDER-RIGHT: black 2px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #99FF99c; PADDING-BOTTOM: 0px; COLOR: #99FF99; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}
#paginas A:visited {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #00FF00c; PADDING-BOTTOM: 0px; COLOR:#00FF00; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}	
#proyecto {
	MARGIN-TOP: 40px; MARGIN-LEFT: 320px; text-align:justify; WIDTH: 330px; BACKGROUND-REPEAT: no-repeat;
	color:#00CC00; text-align:justify;FONT-FAMILY: Garamond; font-size:16px;}
	}
#proyecto H2{
	FONT-SIZE: 0px; BACKGROUND: url(proyecto.png) no-repeat; WIDTH: 150px; HEIGHT: 50px; color:#000000;}
#proyecto H3 {	FONT-SIZE: 20px;  COLOR:#33FF99; text-align:center; }
#proyecto A:link {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#66CC00;  }
#proyecto A:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR:#00CC99; TEXT-DECORATION: none}
#proyecto A:visited {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #00FF00c; PADDING-BOTTOM: 0px; COLOR:#00FF00; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}	
	
#participa{
	MARGIN-TOP: 40px; MARGIN-LEFT: 20px; text-align:justify; WIDTH: 600px; BACKGROUND-REPEAT: no-repeat;
	color:#00CC00; text-align:justify;FONT-FAMILY: Garamond; font-size:16px;}		
#participa H2 {font-size:0; color:#000000;BACKGROUND: url(participa.png) no-repeat; WIDTH: 120px;HEIGHT: 50px;}
#participa H3 {	FONT-SIZE: 20px;  COLOR:#33FF99; text-align:center; }
#participa A:link {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#66CC00;  }
#participa A:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR:#00CC99; TEXT-DECORATION: none}
#participa A:visited {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #00FF00c; PADDING-BOTTOM: 0px; COLOR:#00FF00; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}	

#elautor {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: url(elautor.png) no-repeat; LEFT: 170px; PADDING-BOTTOM: 5px; WIDTH: 322px; PADDING-TOP: 28px; POSITION: relative; TOP: 10px; HEIGHT: 250px}
#elautor P {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 5px; PADDING-TOP: 5px}
#elautor H2 {
	FONT-SIZE: 0px; MARGIN-LEFT: 10px; color:#00CC00; PADDING-TOP: 10px}
#elautor A:link {
	BORDER-BOTTOM-WIDTH: 0px; COLOR:#339900; TEXT-DECORATION: none}
#elautor A:visited {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#00CC66;  }
#elautor A:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR:#006600; TEXT-DECORATION: none}
#elautor A:visited {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #00FF00c; PADDING-BOTTOM: 0px; COLOR:#00CC66; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}
	
.atributo {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 6px; COLOR:#003333; PADDING-TOP: 6px; FONT-STYLE: normal; TEXT-ALIGN: left}
.valor {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; COLOR: #333; PADDING-TOP: 2px; FONT-STYLE: normal; TEXT-ALIGN: left
}

#agradecimientos {
	MARGIN-TOP: 50px; MARGIN-LEFT: 85px; WIDTH: 450px; BACKGROUND-REPEAT: no-repeat; POSITION: relative;color:#00CC00; text-align:justify;FONT-FAMILY: Garamond; font-size:16px;}
	
#agradecimientos H2 {
	FONT-SIZE: 0px; BACKGROUND: url(agradecer.png) no-repeat; COLOR: #000000; HEIGHT: 50px; width:180px }
#agradecimientos A:link {
	BORDER-BOTTOM-WIDTH: 0px; COLOR:#339900; TEXT-DECORATION: none}
#agradecimientos A:visited {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 13px; color:#00CC66;  }
#agradecimientos A:active {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR:#006600; TEXT-DECORATION: none}
#agradecimientos A:visited {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: #00FF00c; PADDING-BOTTOM: 0px; COLOR:#00CC66; PADDING-TOP: 0px; BORDER-BOTTOM: green 1px solid; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none}

--> 
</STYLE>