/**** GENERALES ****/

body {background-color: #000; color: #fff; font: 0.8em/1.05em Trebuchet, Arial, Verdana, sans-serif; padding: 0px; text-align: center}
#contenido{ width: 700px; height: 1980px; margin: 30px auto; background: url(humo.png) top right no-repeat; position: relative }
a:link{ color: #B5D7E3 }
a:hover{ background-color: #fff; color: #333 }
a:visited{ color: #999 }
a:link, a:hover, a:visited{ text-decoration: none }
h1 { display:none }
h2{ font: 1.8em Times, serif; color: #E0C452; text-align: left }
h3{ font: 1.2em Verdana, Arial, sans serif; color: #E6DBB3; text-align:left }

/**** ENCABEZADO ****/

#encabezado{ width: 700px; height: 200px; background: url(cabecera.png) top center no-repeat }

/**** EXPLICACION ****/

#explicacion{ width: 495px; height: 600px; background: url(marco_humo.png) top left no-repeat; display: block; position: absolute; top: 150px; left: 0px }
#explicacion h2{ margin: 76px 120px auto 55px }
#explicacion p{ margin-top: 20px; margin-left: 55px; margin-right: 120px; text-align:left }
#explicacion blockquote{ margin: 20px 120px 30px 75px; text-align:left; font-style: italic }
blockquote cite{ float: right; margin: 5px 25px auto auto }

/**** PROYECTO ****/

#proyecto { width: 495px; height: 600px; background: url(marco_humo.png) top left no-repeat; display: block; position: absolute; top: 750px; left: 0px }
#proyecto h2 { margin: 76px 120px auto 55px }
#proyecto h3 { margin-left: 55px; }
#proyecto p{ margin-top: 25px; margin-left: 55px; text-align:left; margin-right: 120px; vertical-align: middle }
span.camaleon{ font-family: Georgia, Times, serif; color: red; font-size: 1.2em; font-variant: small-caps }

/**** PARTICIPA ****/

#participa{ width: 495px; height: 600px; background: url(marco_humo.png) top left no-repeat; display: block; position: absolute; top: 1350px; left: 0px }
#participa h2{ margin: 76px 120px auto 55px }
#participa h3{ margin-left: 55px }
#participa p{ margin-left: 55px; margin-right: 120px; margin-top: 15px; text-align:left }
p.resaltar, span.envia{ font-weight: bolder }

/**** DISENOS ****/

#disenos{ width: 195px; display: block; position: absolute; top: 240px; left: 500px; overflow: visible; } #disenos h2 { margin-top: 12px }
#disenos p{ text-align: left }
ul#estilos li{ text-align: left; margin-left: -15px; padding-bottom: 5px }
#paginas{ margin-left: -4.5em; padding-bottom: 2px; padding-left: 5px }
#paginas a.actual{ font-size: 1.3em; font-weight: bolder; color: #f00 }

/**** EL AUTOR ****/

#elautor{ width: 195px; display: block; position: absolute; top: 585px; left: 500px }
#elautor h2 { margin-top: 12px }
#elautor p{ text-align: left; padding-bottom: 2px }
span.atributo{ font-weight: bolder }

/**** AGRADECIMIENTOS ****/

#agradecimientos{ width: 195px; display: block; position: absolute; top: 880px; left: 500px }
#agradecimientos h2 { margin-top: 12px }
#agradecimientos p{ text-align: left }


/**** PIE ****/

#legal{ width: 690px; height: 40px; margin: 0px auto }
#legal p{ padding: 0px 15px 30px; text-align: center; color: #dcdcdc }