Aquí el CSS:
Código:
Si puedieran decirme que hago mal se lo agradecería. Gracias. * { border: 0; margin: 0; padding: 0; } article, figcaption, figure, footer, header, hgroup, nav, section { display: block; } @font-face { font-family: "Pecita"; src: url("../fonts/Pecita.eot"); src: url("../fonts/Pecita.eot?#iefix") format("embedded-opentype"), url("../fonts/Pecita.woff") format("woff"), url("../fonts/Pecita.ttf") format("truetype"), url("../fonts/Pecita.svg#Pecita") format("svg"); font-weight: normal; font-style: normal; } body { background: url("../img/bg2.PNG"); color: #fff; padding-top: 25px; font-family: "Pecita"; font-size: 1em; } a { color: #3399cc; font-weight: bold; text-decoration: none; } figcaption { font-size: 0.85em; padding: 0.25em; text-align: center; } img { max-width: 100%; } header, section#content { background-color: rgba(0,0,0,0.32); margin: 0 auto; padding-bottom: 15px; width: 1040px; text-align: center; } h1 { padding-top: 5px; } /*nav ul { font-family: "Pecita"; list-style: none; background-color: rgba(0,0,0,0.32); } nav li { display: inline-block; padding-top: 10px; padding-bottom: 10px; } nav a { color: #fff; padding: 25px; } nav a:hover { color: #ff0058; }*/ div#notices { background-color: rgba(0,0,0,0.32); padding-top: 9px; padding-left: 45px; padding-bottom: 5px; margin: 0 auto; text-align: left; } section#main, aside { display: inline-block; margin: 0 auto; max-width: 100%; vertical-align: top; width: 65%; } aside { width: 30%; height: 426px; } p { width: 95%; margin: 0 auto; } h2 { color: #594f00; padding-top: 25px; } footer { padding-top: 10px; padding-bottom: 10px; text-align: center; margin: 0 auto; width: 1040px; color: #444444; } div#repro, div#xd { background-color: rgba(0,0,0,0.32); } div#repro { padding: 25px; } div#xd { height: 335px; overflow: auto; } /* Slider */ .slider { width: 676px; height: 426px; overflow: hidden; } .slider ul li { width: 676px; height: 426px; float: left; }