@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
background-color: #ffffff;
background-image: /* https://subtlepatterns.com/ */ url(/assets/subtlepatterns/blackmamba.png);
}

body, #cart {
color: #333333;
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 0.75em;
font-size: 0.75rem;
font-weight: 400;
}

.sliding_menu_close {
font-size: 0.75rem;
}

a, .dropdown_label, #cart_close {
color: #2786d9;
}

#topbar {
color: #ffffff;
background-color: #53565b;
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 1.25em;
font-weight: 400;
}

#banner a, #banner a:visited, #banner a:focus,
#store_title a, #store_title a:visited, #store_title a:focus {
color: #ffffff;
}

#cart_counter {
color: #53565b;
}

#cart a {
color: #2786d9;
}

#content {
   padding: 3.5357125em 1em 1em; /* 2.02857 = lineheight + 2*padding from topbar; +1 from usual padding */
}

.new_something a, .new_something_big a, .button, button,
form.tablelike input.button {
color: #ffffff;
background-color: #53565b;
}
.button:hover, button:hover, .button:active, button:active,
.new_something a:hover, .new_something_big a :hover,
.new_something a:active, .new_something_big a :active {
color: #ffffff;
background-color: rgba(83, 86, 91, 0.9);
border-color: #53565b;
}

.block,
input, textarea, select {
color: #333333;
}

input, textarea, select, button, .error, .ok, .warning, .block {
font-size: 1em;
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-weight: 400;
}

/* Porque o chrome é burro */
strong, b {font-weight: 400;}
strong, b {font-weight: bolder;}

.tabs_labels label, .tabs_contents {
border-color: rgba(51, 51, 51, 0.2);
}

.tabs_labels label {
background-color: rgba(51, 51, 51, 0.15);
border-bottom-color: transparent;
}

#product_title, .core_title{
font-family: Open Sans, Helvetica, Arial, sans-serif;
font-size: 1.16666em;
font-weight: 400;
}

#price-tabs .price {
color: #2786d9;
}

#controls>span {
background-color: #53565b;
border-color: #53565b;
}

#chat_window.chat_minimized {
background-color: #53565b;
}

@media (min-width: 1024px){
   body, #cart, .sliding_menu_close {
      font-size: 0.75em;
      font-size: 0.75rem;
   }

   #topbar {
      font-size: 4em;
   }

   #content {
      padding: 9.11428em 1em 1em; /* 2.02857 = lineheight + 2*padding from topbar; +1 from usual padding */
   }

   #product_title, .core_title{
      font-size: 1.6666666666667em;
   }
}