a:link { color: #f26522; text-decoration: none }
a:visited { color: #f26522 }
article * a:hover, figure * a:hover { color: #ffffff; background-color: #f26522 }

section#brands a:link { color: #666666; text-decoration: none }
section#brands a:visited { color: #666666; text-decoration: none }
section#brands a:hover { color: #ffffff; background-color: #f26522 }


/* COLOURS */

.myyellow {
color: #febe23;
}

.myorange {
color: #f26522;
}

.mygreen {
color: #6ea03c;
}

.mygreenbg {
color: #8cc63f
}

.mygray {
color: #9d9fa2;
}

.myblue {
color: #0072bc;
}


/* UNIVERSAL */

* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, li, td, header, article, time, figure  {
font-size: 10px;
font-weight: normal;
color: #666666;
}

/* BODY & HEADER */

body {
background-color: #ffffff;
}

body > header > h1 {
background-color: #f26522;
width: 1000px;
height: 50px;
}

body > header > p {
width: 1000px;
height: 50px;
background: -moz-linear-gradient(0% 10% 90deg, white, #d2d1d2);
background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #d2d1d2), color-stop(0.9, white));
color: #9d9fa2;
padding: 10px 20px;
}

b {
font-weight: bold;
}

i {
font-style: italic;
}

u {
text-decoration: underline;
}

time {
font-style: italic;
}

/* NAV */

nav {
float: left;
width: 200px;
}

nav > ul {
list-style: none
}

nav > ul > li > a {
display: block;
width: 200px;
height: 25px;
background-color: #f0f0f0;
font-size: 12px;
margin-bottom: 2px;
padding: 6px 20px;
color: #febe23;
list-style: none
}

nav > ul#products > li > a {
color: #6ea03c;
}

nav > ul > ul {
background-color: #f0f0f0;
margin-bottom: 2px;
}

nav > ul > ul > li > a {
width: 200px;
display: block;
padding: 0px 20px;
list-style: none
border-top-right-radius: 0px;
}

nav > ul > li#first > a {
border-top-right-radius: 10px;
}


nav > ul#products > li#first > a {
margin-top: 15px;
background-color: #e1e1e1;
}

/* NAV SELECTORS */

nav > ul > ul > li a:link {
color: #666666;
text-decoration: none;
}

nav > ul > ul > li a:visited {
color: #666666;
}

nav > ul > ul > li a:hover {
background-color: #febe23;
color: #ffffff;
}

nav > ul > li a:link {
color: #febe23;
text-decoration: none;
}

nav > ul > li a:visited {
color: #febe23;
}

nav > ul > li a:hover {
background-color: #f26522;
color: #ffffff;
}

nav > ul#products > li a:link {
color: #6ea03c;
text-decoration: none;
}

nav > ul#products > li a:visited {
color: #6ea03c;
}

nav > ul#products > li a:hover {
background-color: #febe23;
color: #ffffff;
}

nav > ul#products > li#first a:link {
color: #6ea03c;
text-decoration: none;
}

nav > ul#products > li#first a:visited {
color: #6ea03c;
}

nav > ul#products > li#first a:hover {
background-color: #febe23;
color: #ffffff;
}

nav > ul#products > ul > li a:hover {
background-color: #8cc63f;
color: #ffffff;
}

/* MAIN */

div#main {
width: 790px;
float: left;
margin-left: 10px;
}

section {
float: left;
}

section > article, section#products > figure  {
float: left;
font-size: 10px;
margin: 0px 10px 15px 0px;
}

section#highlight {
width: 790px;
}

section#mostvisited {
width: 390px;
height: 330px;
}

section#mostvisited > article {
width: 380px;
margin-bottom: 15px;
}

section#veggies {
width: 390px;
height: 330px;
}

article#veggies > p {
padding-bottom: 10px;
}

article#veggies {
width: 380px;
background-color: #f0f0f0;
color: #febe23;
padding: 10px;
border-radius: 10px;
margin-bottom: 15px;
}

section#latest > article, section#mostvisitedproducts > article, section#products > figure, section#products_type > figure, section#articles > article {
float: left;
width: 180px;
}

section#related > header {
width: 180px;
}

article#brief {
width: 230px;
height: 250px;
background-color: #f0f0f0;
color: #febe23;
padding: 10px;
border-radius: 10px 10px 0px 10px;
margin-bottom: 20px;
}

h1, h2 {
color: #f26522;
font-weight: bold;
}

article#brief > h1 {
font-size: 12px;
}

h3 {
color: #febe23;
}

h4 {
color: #6ea03c;
}

article#veggies > h3 {
font-size: 14px;
font-weight: bold;
}

article#veggies > h4 {
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}

figure#main {
width: 550px;
height: 250px;
float: left;
border: 0px;
margin-bottom: 20px;
}

img#splash {
padding: 0px 15px 10px 0px;
float: left;
border: 0px;
}

section > figure > a > img {
border: 2px solid #ffffff;
}

section > figure > a > img:hover {
border: 2px solid #6ea03c;
}

aside {
float: left;
width: 180px;
}

/* HEADERS */

section > header {
width: 790px;
background-color: #f0f0f0;
color: #febe23;
padding: 10px;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
margin: 0px 0px 15px 0px;
}

section#article > header, section#opinions > header {
width: 590px;
}


section#product > header, section#legenda > header {
background-color: #8cc63f;
color: #ffffff;
}

section#brands > header {
margin-top: 15px;
}

section#opinions > header {
background-color: #febe23;
color: #ffffff;
}

section#products > header {
background-color: #e1e1e1;
color: #6ea03c;
}

section#article > header, section#articles > header {
background-color: #f26522;
color: #ffffff;
}

/* ARTICLES & OPINIONS */

section#article, section#opinions {
width: 590px;
}

section#article > article > p {
font-size: 11px;
margin-bottom: 20px;
}

section#article > article > h3 {
margin-top:  5px;
font-size: 13px;
}

section#article > article > h1 {
font-size: 18px;
margin-bottom: 20px;
}

section#related > article, section#opinions > article {
margin-bottom: 15px;
}

/* PRODUCTS */

section#product, section#product > header {
width: 590px;
}

section#product > figure {
float: left;
margin-right: 20px;
width: 200px;
height: 300px;
}

section#product > article:first-of-type {
vertical-align: middle;
margin-top: 0px;
width: 360px;
height: 300px;
}

section#product > article > h1 {
font-size: 18px;
}

section#mostvisitedproducts > article, section#products > figure {
height: 250px;
}

section#legenda > figure{
width: 100%;
background-color: #f0f0f0;
padding: 10px;
border-radius: 10px;
margin-bottom: 20px;
}

/* FOOTER */

footer {
width: 780px;
margin: 20px 0px;
float: left;
}

footer > p {
font-size: 9px;
}


/* IDs */

#logo {
border: 0px;
width: 200px;
height: 50px;
}


/* SCREEN */

@media screen { 
.onlyprint {
DISPLAY: none;
}
}