div#istoreheader header {
  position: relative;
}
div#istoreheader header div.top {
  height: 120px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  align-items: stretch;
  align-content: stretch;
}
div#istoreheader header div.top div.headerimage {
  flex-shrink: 1;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
div#istoreheader header div.top div.headerimage.left {
  background-image: url('../res/v2/header/left.jpg');
}
div#istoreheader header div.top div.headerimage.right {
  background-image: url('../res/v2/header/right.jpg');
}
div#istoreheader header div.logo {
  position: absolute;
  top: 0;
  left: calc(50% - (250px / 2));
  height: 120px;
  overflow: visible;
}
div#istoreheader header div.logo a.logo {
  position: relative;
  display: block;
  width: 250px;
  height: 162px;
  background-image: url("../res/v2/img_logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
}
div#istoreheader header div.logo a.logo._navidad {
  background-image: url("../res/v2/img_logo_navidad.png");
}
div#istoreheader header div.logo a.logo._sanantoniu {
  background-image: url("../res/v2/img_logo_sanantoniu.png");
}
div#istoreheader header div.bottom {
  position: relative;
  background-color: #194c2d;
  height: 48px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
div#istoreheader header div.bottom nav {
  position: absolute;
  top: 0;
  width: 48%;
  height: 100%;
  display: flex;
}
div#istoreheader header div.bottom nav > div.nav-item {
  position: relative;
  align-self: center;
  margin: 0 1em 0 1em;
}
div#istoreheader header div.bottom nav > div.nav-item section {
  display: none;
  flex-direction: column;
  position: absolute;
  top: calc(48px - 24px);
  padding: 0 0.5em 0 0.5em;
  z-index: 9;
  background-color: #194c2d;
}
div#istoreheader header div.bottom nav > div.nav-item section > div.section-item {
  margin-bottom: 0.5em;
}
div#istoreheader header div.bottom nav > div.nav-item a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.3em;
}
div#istoreheader header div.bottom nav > div.nav-item a:hover {
  color: #559f72;
}
div#istoreheader header div.bottom nav > div.nav-item.item-with-icon > a {
  display: flex;
  height: 23px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left;
  text-align: right;
}
div#istoreheader header div.bottom nav > div.nav-item.item-with-icon > a span {
  align-self: center;
  margin-left: 2em;
}
div#istoreheader header div.bottom nav > div.nav-item.item-info:focus-within section {
  display: flex;
  width: 300px;
  left: -0.5em;
}
div#istoreheader header div.bottom nav > div.nav-item.item-cart > a {
  background-image: url("../res/v2/icons/cesta-de-la-compra-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-login > a {
  background-image: url("../res/v2/icons/usuario-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-user > a {
  text-transform: none;
  background-image: url("../res/v2/icons/usuario-white.png");
}
div#istoreheader header div.bottom nav > div.nav-item.item-user:focus-within section {
  display: flex;
  width: 200px;
  top: calc(48px - 16px);
  right: -1em;
  text-align: right;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form {
  display: flex;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"] {
  width: 7em;
  border: none;
  outline: none;
  font-family: "Josefin Sans", "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  background-color: #b9dfc6;
  color: #194c2d;
  margin-right: 3px;
  margin-left: -5px;
  border-radius: 2px;
  opacity: 0.5;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"]:hover,
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="text"]:focus {
  opacity: 1;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="submit"] {
  width: 23px;
  height: 23px;
  border: 0;
  background-color: #194c2d;
  background-image: url("../res/v2/icons/lupa-white.png");
  background-repeat: no-repeat;
  background-size: contain;
}
div#istoreheader header div.bottom nav > div.nav-item.item-search form input[type="submit"]:hover {
  opacity: 0.7;
}
div#istoreheader header div.bottom nav.right {
  right: 0;
  justify-content: flex-end;
}
div#istoreheader header div.message {
  position: absolute;
  right: 0;
  bottom: 48px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5em 1em 0.5em 1em;
  border-top-left-radius: 4px;
}
div#istoreheader header div.message blockquote {
  text-shadow: 3px 3px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}