<!DOCTYPE html><head><meta charset="utf-8" /><link rel="stylesheet" href="estilos/inicio.css" type="text/css" /><title>Catálogo virtual</title></head><body><header><div id="headBan"><h1>Hola</h1></div><div id="infoNav"><span class="supCabecera">Esta página está diseñada con tecnologías como CSS3 y HTML5, para una mejor visualización se recomienda tener la última versión de tu navegador web.</span></div></header><nav><ul id="menu"><li><a href="">Contenido 1</a></li><li><a href="">Contenido 2</a></li><li><a href="">Contenido 3</a></li><li><a href="">Contenido 4</a></li></ul></nav><section><div id="contenedor">asdasasdasdasdasdasdasdasdasdasdasdasd</div><aside><!--<span class="titAside">Catálogo de páginas</span>--></aside></section><footer><span class="derechos">Página creada por David Pérez. Todos los derechos reservados.</span></footer></body></html>
@charset "utf-8";body { background-color:#FFF; font:14px Tahoma; margin:0 auto; padding:0; width:1000px;}a { text-decoration:none; }header #headBan, #infoNav { border-style:solid; border-color:#111; padding:0.3em; text-align:center; }header #headBan { background-color:#EFEFEF; border-width:0 3px 0 3px;}header #infoNav { background-color:#FC0; font-weight:bold; border-width:0 3px 1px 3px; border-radius:0 0 12px 12px; animation:animaHead 5s;}@keyframes animaHead { 30%{background-color:#EFEFEF;} 100%{background-color:#FC0;}}nav { background-color:#000; border:3px solid #000; border-radius:10px 5px; height:50px; margin:10px 0 0 0; text-align:center; }nav a { color:#FFF; }nav ul { background-color:#09F; color:#FFF; margin-top:9px; }nav #menu li{ border:3px solid #000; display:inline-block; font-weight:bold; list-style:none; margin:0 80px 0 0; padding:5px; width:100px;}nav li:hover { border:3px solid #000; background-color:#000; transition-duration:1s; }section { min-height:700px; }#contenedor, aside { border-color:#111; border-style:solid; display:inline-block; margin-top:30px; min-height:600px;}#contenedor { /*border-width:0 3px 3px 0;*/ border-width:3px; border-radius:0 0 6px 0; padding:10px 0 10px 20px; width:700px; word-wrap:break-word; }aside { /*border-width:0 0 3px 3px;*/ border-width:3px; border-radius:0 0 0 6px; padding:10px 5px; text-align:center; width:250px; word-wrap:break-word; }aside .titAside { background-color:#09F; border:2px solid #000; border-radius:8px; box-shadow:0 0 100px #000; cursor:cell; font-weight:bold; padding:7px 30px; width:150px; }aside #catList li{ list-style:none; }footer { background-color:#EFEFEF; border-color:#111; border-style:solid; border-width:1px 3px 0 3px; border-radius:12px 12px 0 0; font-weight:bold; padding:0.3em; text-align:center; }