@font-face {
 font-family: AGOpus;
 src: url('../fonts/AGOpus.woff');
}
a {
 font-family:inherit;
 color:inherit;
 text-decoration:none;
}
body {
 background: #ecf0f1 url('../img/background.png') no-repeat center center fixed;
 background-size: cover;
 font-family: AGOpus;
 font-size: 11pt;
 color: #4e2301;
 width: 100%;
 min-width: 600px;
}
input, button {
  outline:none;
}
h1 {
	font-size: 24pt;
}
strong {
	font-size: inherit;
}
small {
	font-size: 10pt;
}
h2 {
 font-size: 22px;
}
h3 {
 width: 80%;
 font-size: 24px;
 display: inline-block;
}
.thumbnail {
 display: block;
 padding: 4px;
 margin-bottom: 6px;
 line-height: 1.42857143;
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 4px;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
width:291px;
height: auto;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-buy {
 color: #fff;
 background-color: #c0392b;
 border-color: #b22e20;
 -moz-transition: background 0.25s;
 -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
 transition: background 0.25s;
}
.btn-buy:hover {
 background: #cb4235;
}
article {
	border-left: 5px solid #c0392b;
	padding: 10px 20px;
	margin-top:28px;
}
article:first-of-type{
	margin:0;
}
time {
 width:19%;
 font-size: 11pt;
 text-align: right;
 display: inline-block;
}
header {
	margin-bottom: 18px;
	border-bottom: 1px solid #4e2301;
}
p {
	font-size: 11pt;
	text-align:justify;
}
div#header {
 border: 0px solid black;
 text-align: center;
}
div#header a#logo {
 display: block;
 background: url('../img/logo.png') no-repeat;
 margin: 12px auto;
 width: 369px;
 height: 190px;
 z-index: 1;
 position: relative;

 -moz-transition: background 0.25s;
 -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
 transition: background 0.25s;
}
div#header a#logo:after {
 /* preload fix */
 content: url('../img/logo_hover.png');
 display: none;
}
div#header a#logo:hover {
 background: url('../img/logo_hover.png') no-repeat;
}
div#nav {
 font-size: 11pt;
 background: #c0392b;
 padding: 0;
 margin: -32px auto;
 text-align: center;
 text-transform:uppercase;
 opacity: 0.95;
}
div#redstrip {
 background: #c0392b;
 width: 100%;
 height: 18px;
 -moz-transition: background 0.25s;
 -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
 transition: background 0.25s;
}
div#nav:hover #redstrip {
 background: #cb4235;
}
div#menu {
 background: #ecf0f1;
 width: 100%;
 -moz-transition: background 0.25s;
 -webkit-transition: background 0.25s;
  -o-transition: background 0.25s;
 transition: background 0.25s;
}
div#nav:hover #menu {
 background: #f6ecd4;
}
div#menu ul {
 font-size: 0;
}
div#menu li {
 font-family: AGOpus;
 font-size: 11pt;
 padding: 9px 12px 8px 12px;
 display:inline-block;
}
div#menu li#active, div#menu li:hover {
 text-decoration: underline;
}
div#flags {
 position: absolute;
 top:5px;
 right:10px;
 opacity: 0.8;
 -moz-transition: opacity 0.25s;
 -webkit-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
 transition: opacity 0.25s;
}
div#flags:hover {
 opacity: 1;
}
.shadow, p > img { /* ADDING SHADOW IN ARTICLE IMAGES */
 -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3);
 -moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.3);
 box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.3);
}
div#slides{
 width: 690px;
 margin: 56px auto -10px;
 opacity: 0.95;
}
.bx-viewport {
	border-radius: 8px;
}
.bx-wrapper .bx-viewport {

 -webkit-box-shadow: none !important;
 -moz-box-shadow:    none !important;
 box-shadow:         none !important;
}
div#content {
 background: #ecf0f1;
 font-size: 14pt;
 color: #4e2301;
 width: 664px;
 margin: 56px auto;
 padding: 18px;
 border-radius: 8px;
 opacity: 0.95;
}
header.page {
	border: 0;
	padding: 10px 20px;
	margin: 0 0 32px;
	font-size: 14pt;
	text-align: justify;
	border-left: 5px solid #c0392b;
}
header:first-of-type {
	margin-top:0;
}
div.category {
	border-bottom: 1px solid #4e2301;
	text-transform: uppercase;
	margin: 32px 6px 10px 6px;
}
div.category:first-of-type{
	margin: 0px 6px 10px 6px;
}
article > p > img {
	margin: 0 14px 14px 0;
}

    div.product {
      width:230px;
      float:left;
      margin: 8px;
      margin-bottom:12px;
      -moz-transition: box-shadow 0.25s;
      -webkit-transition: box-shadow 0.25s;
      -o-transition: box-shadow 0.25s;
      transition: box-shadow 0.25s;
      border-radius:8px;

    }
    div.product:hover > div.description {
      background: #fff; /*edd9b2*/
      box-shadow: none;
    }
    div.product:hover {
      box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);

    }
    a.product-image {
      float:left;
      width:230px;
      height:170px;
      display:inline-block;
      
      background-size: cover;
      border:none;
      border-radius:8px 8px 0 0;
    }
      div.description {
      float:left;
      width:214px;
      background: #f6ecd4;
      -moz-transition: background 0.25s, box-shadow 0.25s;
      -webkit-transition: background 0.25s, box-shadow 0.25s;
      -o-transition: background 0.25s, box-shadow 0.25s;
      transition: background 0.25s, box-shadow 0.25s;
      border-top:none;
      border-radius: 0 0 8px 8px;
      padding:8px;
      box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.15);
    }