diff --git a/index.html b/index.html index e00400e..1a53a52 100644 --- a/index.html +++ b/index.html @@ -58,6 +58,12 @@

pintura

+ diff --git a/lavacar.css b/lavacar.css index dbe0a85..eb3f32a 100644 --- a/lavacar.css +++ b/lavacar.css @@ -1,127 +1,86 @@ header{ - background: #888888; + background: #888888; padding: 20px 0; } - .caixa{ - - position: relative; + position:relative; width: 940px; margin: 0 auto; - -} -nav{ - - position: absolute; - top: 110px; - right: 0; } - nav{ position: absolute; top: 110px; right: 0; - } nav li{ - display: inline; - margin: 0 0 0 15px; - + display: inline; + margin: 0 0 0 15px; } - nav a{ - text-transform: uppercase; - color: #888888; + text-transform: uppercase; + color: #000000; font-weight: bold; font-size: 22px; text-decoration: none; +} - +nav a:hover{ + color: #c78c19; + text-decoration: underline; } .produtos{ width: 1200px; margin: 0 auto; - padding:55px 0; - + padding: 55px 0; } - .produtos li{ - display: inline-block; - text-align: center; - width:30%; - vertical-align: top; - margin: 0 1.5%; - padding: 30px 20px; - box-sizing: border-box; - border: 2px solid #000000; - border-radius: 10px; - +.produtos li{ + display: inline-block; + text-align: center; + width: 30%; + vertical-align: top; + margin: 0 1.5%; + padding: 30px 20px; + box-sizing: border-box; + border: 2px solid #000000; + border-radius: 10px; } - + .produtos li:hover{ border-color: #c78c19; font-size: 40px; - - } - .produtos li:hover h2{ +.produtos li:hover h2{ font-size: 34px; - } - .produtos li:active{ - border-color: #088c19; - font-size: 40px; - +.produtos li:active{ + border-color: #088c19; + font-size: 40px; } - - - - - - - - - - - - - - - - - - - - - - - +.produtos h2{ + font-size: 30px; + font-weight: bold; } +.produtos-descricao{ + font-size: 18px; +} - - - - - - - - - - - - - - - - - - - - - - - - - - +.produtos li:active{ + font-size: 40px; +} +.produtos-preco{ + font-size: 22px; + font-weight: bold; + margin-top: 10px; +} +footer{ + padding: 0px; + text-align: center; + background: black; +} +.copyright{ + color: white; + font-size: 13px; + margin: 20px 0 20px; +} \ No newline at end of file