/* Utiliza esta hoja de estilos para realizar tu propuesta */

body{
background-color : #000000;
background-image : url(img.gif);
background-repeat : repeat-y;
background-position : top;
color: #BDB76B;
}

#contenido{
position : relative;
background-color :#000000;
margin: 0px auto;
width : 500px;
border : 2px solid Maroon;
border-bottom :0px;
}

h1{
position : absolute;
visibility : hidden;
}

h2 span,#elautor h2{
font-family : Arial, Helvetica, sans-serif;
font-size :15pt;
width : 300px;
height : 69px;
}

#explicacion h2{
margin-top : 40px;
background-image : url(papel.gif);
width : 500px;
height : 69px;
background-repeat : no-repeat;
}

#proyecto h2{
margin-top : 40px;
background-image : url(proyecto.gif);
width : 300px;
height : 69px;
background-repeat : no-repeat;
}

#participa h2{
margin-top : 40px;
background-image : url(participa.gif);
width : 300px;
height : 69px;
background-repeat : no-repeat;
}

#disenos h2{
margin-top : 40px;
background-image : url(disenos.gif);
width : 300px;
height : 69px;
background-repeat : no-repeat;
}

#elautor{
width : 400px;
height : 268px;
margin-left : 50px;
text-indent : 55px;
background-image : url(tela.jpg);
background-repeat : no-repeat;
font-family : Arial, Helvetica, sans-serif;
font-size :10pt;
color:#000000;
line-height : 2px;
}

#agradecimientos h2{
margin-top : 40px;
color: #325C81;
font-family : Arial, Helvetica, sans-serif;
font-size :15pt;
background-image : url(agradecimientos.gif);
width : 500px;
height : 69px;
background-repeat : no-repeat;
}

#proyecto h2 span,#explicacion h2 span,#participa h2 span,#disenos h2 span,#elautor h2 span,#agradecimientos h2 span{
display:none;
}

h3{
color: #B7B15D;
font-family : arial;
font-size :14pt;
text-align : left;
margin-left : 20px;
width  : 260px;
letter-spacing:-1px;
}

.resaltar, .camaleon{
color: #B22222;
}

blockquote{
background-image : url(sectario.jpg);
background-repeat : no-repeat;
width : 300px;
height : 195px;
padding-left : 120px;
width : 300px;
height : 195px;
color: #B22222;
font-size :12pt;
font-family : helvetica,verdana;
font-style : italic;
text-align : center;
}

.quote{
padding-top : 40px;
}

.autor{
color : #B7B15D;
}

cite{
font-weight : bold;
}

p{
font-family : lucida sans unicode;
font-size :10pt;
padding-left : 20px;
padding-right : 20px;
}

p a{
color: #666600;
font-weight : bold;
text-align : left;
text-decoration : none;
}

p a:hover{
color: #908A40;
}

ul{
color: #B22222;
list-style-type : none;
font-family : lucida sans unicode;
font-size :10pt;
}

ul a{
color: #B22222;
text-decoration : none;
}

ul a:hover{
color: #BDB76B;
}

#encabezado{
position : relative;
background-image : url(cabecera.jpg);
background-repeat : no-repeat;
width : 500px;
height : 400px;
background-color : #000000;
}

#explicacion{
margin-top : 40px;
}

#paginas span{
color: #B7B15D;
margin-left : 40px;
font-family : lucida sans;
}

#paginas a{
color: #B7B15D;
font-family : lucida sans;
text-decoration : none;
border : 1px solid Maroon;
}

#paginas a:hover{
background-color : #B22222;
}

#legal{
width :500px;
height : 350px;
max-height : 350px;
margin : 0px auto;
color:#ffffff ;
margin-top : -15px;
border-top :0px;
border-bottom: 2px solid Maroon;
border-right : 2px solid Maroon;
border-left :2px solid Maroon;
background-color : Maroon;
background-image : url(pie.gif);
background-repeat : no-repeat;
}

#legal p{
font-size : 8pt;
padding-top : 100px;
padding-left : 20px;
width :140px;
color: #FF0404;
}

#legal a{
color: #FF0404;
text-decoration : underline;
}