/* Utiliza esta hoja de estilos para realizar tu propuesta */
body{
	font: 0.78em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#034288; 
	background: #364D64;
    margin:0;
	padding:0;
}

p {
margin: 10px 5px 10px 15px;
padding: 0 20px 0 0;
}

a 
{
color:#364D64;
font-size: 96%;
margin:0;
padding:0;
}

a:visited, a:active , a:hover {color:#7B6B49;}

acronym 
{
 border-bottom: 1px dotted #364d64;
 color:#364D64;
}

#contenido 
{
width: 790px;
background:#7B6B49 url(imagenes/cabecera.gif) no-repeat left top;
margin:0;
padding:0;
}

div#encabezado {
	top: 10px;
	left: 80px;
	width: 790px;
	height: 200px;
	overflow:hidden;
}
/*ENCABEZADO*/
div#encabezado h1 {
	width: 409px;
	height: 93px;
    margin:50px 0 0 100px; 
	background: transparent  url(imagenes/titulo_camaleon.gif) no-repeat;
	
}

div#encabezado h1 span {
	display: block;	
	display:none;
} 
/******************************************************************/
div#explicacion 
{
color:#034288;
background: transparent url(imagenes/fondo_explicacion.gif) no-repeat;
margin: 25px 0 20px 20px;
width: 461px;
height: 580px;
padding: 12px 0 0 10px;
}

div#explicacion h2 {
	background: transparent url(imagenes/titulo_explicacion.gif) no-repeat;
	width: 377px;
	height: 60px;
	margin: 10px 5px 30px 5px;
}

div#explicacion h2 span {
	display: block;	
	display:none;
}

div#explicacion blockquote 
{
 width: 205px;
 font-style:italic;
 color:#364d64;
 background:#D7CEC3;
 font-size: 95%;
 padding: 8px 5px 5px 8px;
}

div#explicacion cite 
{
display:block;
text-align:right;
margin: 7px 7px 0 0;
}

/******************************************************************/
div#proyecto 
{
color:#034288;
background:transparent url(imagenes/fondo_proyecto.gif) no-repeat;
margin: 0 0 21px 20px;
left: 100px;
width: 461px;
height: 490px;
padding: 12px 0 0 10px;
}

div#proyecto h2 {
	background: url(imagenes/titulo_proyecto.gif) 0 0;
	width: 136px;
	height: 59px;
	margin: 10px 5px 30px 5px;
}

div#proyecto h2 span {
	display: block;
	display:none
}

div#proyecto h3 {
	margin: 10px 5px 10px 15px;
}

div#proyecto h3 span {
	display: block;
}


/******************************************************************/
div#participa 
{
color:#034288;
background:transparent url(imagenes/fondo_participa.gif) no-repeat;
margin: 0 0 21px 20px;
left: 100px;
width: 461px;
height: 500px;
padding: 12px 0 0 10px;
clear:both;
}

div#participa h2 {
	background: url(imagenes/titulo_participa.gif) 0 0;
	width: 105px;
	height: 52px;
	z-index: 100;
	margin: 10px 5px 40px 5px;
}

div#participa h2 span {
	display: block;
	display:none
}

div#participa h3 {
	margin: 10px 5px 10px 15px;
}

div#participa h3 span {
	display: block;
}
/******************************************************************/
div#disenos 
{
color:#034288;
float:right;
background: transparent url(imagenes/fondo_disenios.gif) no-repeat 0% 0%;
top: 325px;
left: 500px;
width: 261px;
height: 480px;
padding: 10px 0 0 10px;
position:absolute;
}

html>body div#disenos {top: 326px;}

div#disenos h2 {
	background:transparent url(imagenes/titulo_disenios.gif) 0 0;
	width: 153px;
	height: 28px;
	margin: 14px 5px 67px 5px;
}

div#disenos h2 span {
	display: block;
	display:none
}

div#disenios p {margin: 10px 5px 10px 15px;}


ul#estilos 
{
width: 180px;
list-style-type: none;
margin:5px;
padding:0;
}
ul#estilos li 
{
background: transparent url(imagenes/flotador_peque.gif) no-repeat 0% 10%;
margin: 5px 5px 5px 15px;
padding: 0 0 0 12px; 
line-height: 17px;
}

ul#estilos li.actual 
{
background: transparent  url(imagenes/flotador_peque_actual.gif) no-repeat 0% 10%;
margin: 5px 5px 5px 15px;
padding: 0 0 0 12px; 
line-height: 17px;
}
ul#estilos li a {display:block; margin-left: 10px;}

.autor {margin-left: 10px;}

div#paginas 
{
 font-size: 95%;
 margin: 10px 5px 5px 15px;
 display:block;
}
div#paginas span {display: block;}

div#paginas a
{
margin: 2px 7px 0 0;
padding: 0 3px;
font-size: 95%;
}

div#paginas a:hover
{
background-color:#AC2C01;
color:#ebe8da;
}

div#paginas a.actual {
background-color:#AC2C01;
color:#ebe8da;
}
/******************************************************************/
div#elautor 
{
color:#034288;
position:absolute;
width: 261px;
height: 350px;
top: 825px;
left: 500px;
padding: 12px 0 0 10px;
position:absolute;
background: transparent  url(imagenes/fondo_elautor.gif) no-repeat;
}

html>body div#elautor  {top: 837px;}
div#elautor h2 {
	background: url(imagenes/titulo_autor.gif) no-repeat;
	width: 116px;
	height: 50px;
    margin: 10px 5px 50px 5px;
    /*padding: 10px 5px 60px 5px;*/
}

div#elautor h2 span {
	display: block;
	display:none
}
/**********************************************************/
div#agradecimientos 
{
color: #034288;
background: transparent url(imagenes/fondo_agradecimientos.gif) no-repeat;
width: 461px;
height: 260px;
margin: 0 0 0 20px;
padding: 12px 0 0 10px;
}

div#agradecimientos h2 {
	background: transparent  url(imagenes/titulo_agradec.gif) 0 0;
	width: 172px;
	height: 59px;
	z-index: 100;
	margin: 10px 5px 30px 5px;
}

div#agradecimientos h2 span {
	display: block;
	display: none
}


/**********************************************************/
div#legal 
{
color: #cac1b5;
background: transparent  url(imagenes/fondo_licencia.gif) no-repeat;
width: 790px;
height: 131px;
margin: -10px 0 0 0;
padding: 0;
}

div#legal p 
{
 padding: 40px 20px 10px 10px;
}

div#legal a 
{
 color:#cac1b5
}

div#legal a:hover 
{
 color:#cac1b5
}