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

html,body,div,p {
  font                       : normal 12px Georgia, Palatino, Palatino Linotype, serif;
  color                      : #42526E;
}

body {
  margin                     : 0;
  padding                    : 0;
  text-align                 : center;
  background                 : #E9E9E9 url(bg.png) repeat-y 50% 0;
  background-attachment      : fixed;
}

a:link, a:visited {
  color                      : #42526E;
}

a:hover {
  text-decoration            : none;
}

p {
  text-align                 : justify;
  text-indent                : 12px;
  margin                     : 0px 4px 10px 2px;
  padding                    : 3px 10px 3px 15px;
  line-height                : 13pt;
}

h3 {
  font-family                : Georgia, "Times New Roman", serif;
  font-weight                : normal;
  font-size                  : 13pt;
  font-style                 : italic;
  color                      : #933;
  padding                    : 0px 10px 0px 30px;
}

#contenido {
  width                      : 780px;
  margin-left                : auto;
  margin-right               : auto;
  text-align                 : left;
  position                   : relative;
}

#encabezado {
  height                     : 190px;
  padding                    : 0;
  margin                     : 0;
}

#encabezado  span {display:none;}

#explicacion, #proyecto {
  position                   : relative;
  margin-top                 : 20px;
  margin-left                : 30px;
  width                      : 350px;
  padding-bottom             : 15px;
  background                 : url(inter.png) bottom center no-repeat;
}

#explicacion h2 {
  margin-left                : 10px;
  height                     : 70px;
  background                 : url(explicacion.png) no-repeat;
}

#proyecto h2 {
  margin-left                : 10px;
  height                     : 60px;
  background                 : url(elproyecto.png) no-repeat;
}

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

#disenos {
  width                      : 340px;
  height                     : 600px;
  position                   : absolute;
  left                       : 400px;
  top                        : 735px;
  font-family                : "Times New Roman", Times, serif;
  font-size                  : 9pt;
  background                 : url(cartel.jpg) no-repeat;
}

#estilos {
  margin                     : 0;
  padding                    : 0;
}

#disenos h2 {
  visibility                 : hidden;
}

#disenos p {
  display                    : none;
}

#disenos ul {
  margin                     : 40px 0px 5px 25px;
  text-align                 : left;
  color                      : #FAFBFC;
}

#disenos li {
  list-style-type            : none;
  background                 : url(star.png) left no-repeat;
  margin                     : 3px;
  padding-left               : 20px;
}

#disenos ul li a:link, #disenos ul li a:visited {
  text-decoration            : none;
  font-weight                : bold;
  margin-right               : 5px; 
  color                      : #FAFBFC;
}

#disenos ul li a:visited {
  color                      : #FFF;
  text-decoration            : line-through;
  font-weight                : normal;
}

#disenos #paginas {
  position                   : absolute;
  top                        : 195px;
  margin                     : 0px 15px 10px 70px;
  color                      : #FAFBFC;
}

#disenos #paginas a {
  padding                    : 3px;
  border-right               : 1px solid #933; 
  color                      : #FAFBFC;
}

#disenos #paginas a.actual, #disenos #paginas a:hover {
  background-color           : #FAFBFC;
  color                      : #933;
}

#elautor {
  width                      : 340px;
  margin-top                 : 40px;
  text-align                 : left;
  position                   : absolute;
  left                       : 390px;
  top                        : 950px;
}

#elautor p, #agradecimientos p {
  margin                     : 0px 0px 0px 12px;
  color                      : #FAFBFC;
}

#elautor a, #agradecimientos a {
  color                      : #FAFBFC;
}

#participa {
  position                   : absolute;
  left                       : 355px;
  top                        : 10px;
  margin-left                : 40px;
  width                      : 340px;
  padding-bottom             : 15px;
  background                 : url(inter.png) bottom center no-repeat;  
}

#participa h2 {
  margin-left                : 5px;
  height                     : 170px;
  margin-bottom              : 0px;
  background                 : url(participa.png) no-repeat;
}

#participa p, #participa a {
  color                      : #333;
}

#legal {
  text-align                 : center;
  position                   : relative;
  width                      : 780px;
  height                     : 80px;
  margin-left                : auto;
  margin-right               : auto;
  background                 : url(footer.png) no-repeat;
}

#legal p {
  padding                    : 16px;
  font-size                  : 8pt;
  margin                     : 0px 40px 0px 40px;
}

#agradecimientos {
  position                   : absolute;
  left                       : 390px;
  top                        : 1185px;
  width                      : 340px;
}

#agradecimientos p {
  font-size						  :7pt;
}

acronym, abbr {
  border-bottom              : 1px dashed #333;
  cursor                     : help;
  font-size                  : 90%;
  letter-spacing             : .08em;
}

blockquote {
  margin                     : 2em;
  color                      : #CCC;
  padding                    : 12px;
  margin-bottom              : 1em;
  text-align                 : justify;
  font-family                : "Times New Roman", Times, serif;
  font-size                  : 8pt;
  font-style                 : italic;
  width                      : 280px;
  height                     : 100px;
  background                 : url(quote.png) no-repeat top center;
}

.quote {
  margin                     : 1px 9px 1px 9px;
  quotes                     : '\00AB' '\00BB';
}
.quote:before { content : open-quote; }
.quote:after  { content : close-quote; }

blockquote cite {
  position                   : relative;
  float                      : right;
  margin                     : 2px 4px 2em 0px;
  color                      : #933;
  padding                    : 2px .5em;
}

#extra1 {
  position                   : absolute;
  top                        : 10px;
  left                       : -180px;
  height                     : 180px;
  width                      : 100%;
  overflow                   : hidden;
  background                 : url(title.jpg) no-repeat top center;
}

#extra2 {
  position                   : fixed;
  top                        : 0;
  left                       : 0;
  background                 : transparent url(droptop.png) repeat-x 0 0;
  margin                     : 0;
  padding                    : 0;
  height                     : 15px;
  width                      : 100%;
}

#extra3 { 
  margin                     : 0pt; 
  padding                    : 0pt; 
  background                 : transparent url(dropbottom.png) repeat-x scroll 0pt;
  position                   : fixed;
  bottom                     : 0pt;
  left                       : 0pt;
  height                     : 15px;
  width                      : 100%;
}

* html #extra2, * html #extra3 { display: none; }