/* Utiliza esta hoja de estilos para realizar tu propuesta */
BODY {
	background-color:#eeeeee;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	width : 736px;
	margin : 0 auto;

	}
	
a:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#cc0000;	
text-decoration:none;}	

a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#cc0000;	
text-decoration:none;}	

a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#cc0000;	
text-decoration:none;}	

	
#contenido {
	text-align:center;
	height:100%;
	position:relative;
	width:736px;
}	

#encabezado {
	width:	100%;
	background-color:#666666;
	height:60px;
	background-image:url(img/camaleon.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}	

#encabezado h1 {
display:none;
	}	
	
#legal {
	width:	736px;
	background-color:#666666;
	height:80px;
	padding-top:10px;
	position:absolute;
	top:945px;
	}	
	
#legal p {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	}	
	
#elautor {
	width:319px;
	height:180px;
	background-image:url(img/autor.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top:60px;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	left:0px;
	}	
	
#elautor h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 5px;}	

#elautor p {
margin-top:0px;	
margin-bottom:0px;	
width:300px;}	

#elautor span {
margin:0 auto;
}	

.atributo {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000;
}	


.valor {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666;	
}	

#agradecimientos {
	width:417px;
	height:180px;
	background-image:url(img/agradecimiento.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	position:absolute;
	top:60px;
	left:319px;
}	

#agradecimientos h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 5px;}	

#agradecimientos p {
margin-top:30px;	
margin-bottom:3px;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:400px;}	


#explicacion {
	width:513px;
	height:267px;
	background-image:url(img/contenido.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	position:absolute;
	top:240px;
	left:0px;
}	

#explicacion h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 10px;}	

#explicacion p {
margin-top:3px;	
margin-bottom:3px;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:500px;}	

blockquote {
	font-style:italic;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	margin-bottom:10px;
	margin-top:10px;}	

#disenos {
	width:224px;
	height:267px;
	background-image:url(img/diseno.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	position:absolute;
	top:240px;
	left:512px;
}	

#disenos h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 5px;}	


#disenos p {
margin-top:3px;	
margin-bottom:3px;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
width:205px;}	

#disenos li {
list-style:  none;
list-style-type:none;}	

#estilos  {
margin-left:0px;
padding-left:0px;
 }	

.autor{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;}	

#paginas {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	font-weight:bold;}	

#proyecto {
	width:736px;
	height:221px;
	background-image:url(img/mas.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	position:absolute;
	top:507px;
	left:0px;
}	

#proyecto h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 5px;
margin-top:25px;}	

#proyecto h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;}		

#proyecto p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:8px;
margin-top:8px;
width:700px;
}	

#participa {
	width:736px;
	height:221px;
	background-image:url(img/mas2.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	position:absolute;
	top:728px;
	left:0px;
}	

#participa h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#cc0000;	
margin-bottom: 5px;
margin-top:0px;}	

#participa h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;}	

#participa p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
margin-bottom:5px;
margin-top:5px;
width:700px;
}