@charset "utf-8";

html,
body,
div,
span,
header,
footer,
nav,
ul,
li,
p,
a {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  min-height: 100%;
  background: #000;
}

body.delisense {
  min-height: 100%;
  background: #000 url("images/bg.png") repeat-x top left;
  color: #505156;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a,
a:link,
a:visited,
a:active {
  color: #999;
  text-decoration: none;
}

#deliContent {
  width: 100%;
  min-width: 874px;
  background: url("images/bg.png") repeat-x top left;
}

#site {
  width: 874px;
  margin: 0 auto;
}

#top {
  width: 874px;
  height: 32px;
}

#logoDs {
  position: relative;
  width: 874px;
  height: 127px;
}

#logoLeft,
#logoRight {
  display: block;
  float: left;
  height: 127px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#logoLeft {
  width: 177px;
  background-image: url("images/logoLeft.png");
}

#logoRight {
  width: 173px;
  background-image: url("images/logoRight.png");
}

#contactForm {
  float: right;
  padding-top: 30px;
  padding-right: 50px;
  color: #999;
  font-size: 10px;
}

a.copyright,
a:link.copyright,
a:visited.copyright {
  color: #7b9dcd;
  font-size: 10px;
}

a:hover.copyright {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#slogan {
  padding-top: 70px;
}

#slogan p {
  color: #7b9dcd;
  font-size: 15px;
  font-style: italic;
}

#menu {
  clear: both;
  width: 874px;
  height: 467px;
}

.product-menu {
  display: flex;
  width: 874px;
  height: 467px;
  list-style: none;
}

.product {
  position: relative;
  height: 467px;
}

.product .panel {
  display: block;
  height: 467px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.product-delicare,
.product-delicare .panel {
  width: 177px;
}

.product-deligrow,
.product-deligrow .panel {
  width: 173px;
}

.product-tomaat,
.product-tomaat .panel {
  width: 174px;
}

.product-paprika,
.product-paprika .panel {
  width: 172px;
}

.product-delisigns,
.product-delisigns .panel {
  width: 178px;
}

.product-delicare .panel {
  background-image: url("images/buttons/bn_1.png");
}

.product-delicare:hover .panel,
.product-delicare:focus-within .panel {
  background-image: url("images/buttons/bn_1_over.png");
}

.product-deligrow .panel {
  background-image: url("images/buttons/bn_2.png");
}

.product-deligrow:hover .panel,
.product-deligrow:focus-within .panel {
  background-image: url("images/buttons/bn_2_over.png");
}

.product-tomaat .panel {
  background-image: url("images/buttons/bn_3.png");
}

.product-tomaat:hover .panel,
.product-tomaat:focus-within .panel {
  background-image: url("images/buttons/bn_3_over.png");
}

.product-paprika .panel {
  background-image: url("images/buttons/bn_4.png");
}

.product-paprika:hover .panel,
.product-paprika:focus-within .panel {
  background-image: url("images/buttons/bn_4_over.png");
}

.product-delisigns .panel {
  background-image: url("images/buttons/bn_5.jpg");
}

.product-delisigns:hover .panel,
.product-delisigns:focus-within .panel {
  background-image: url("images/buttons/bn_5_over.jpg");
}

.submenu {
  position: absolute;
  top: 237px;
  left: 0;
  z-index: 5;
  display: none;
  width: 177px;
  padding: 4px 0;
  background: #2d2e26;
  list-style: none;
}

.product:hover .submenu,
.product:focus-within .submenu {
  display: block;
}

.product-deligrow .submenu {
  width: 173px;
}

.product-tomaat .submenu {
  width: 174px;
}

.product-paprika .submenu {
  width: 172px;
}

.product-delisigns .submenu {
  width: 178px;
}

.submenu a {
  display: block;
  min-height: 15px;
  padding: 3px 8px;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  line-height: 15px;
  background: #2d2e26;
}

.product-delicare .submenu a:hover,
.product-delicare .submenu a:focus {
  color: #ef1069;
}

.product-deligrow .submenu a:hover,
.product-deligrow .submenu a:focus {
  color: #f0f407;
}

.product-tomaat .submenu a:hover,
.product-tomaat .submenu a:focus {
  color: #ea0b0b;
}

.product-paprika .submenu a:hover,
.product-paprika .submenu a:focus {
  color: #99ff33;
}

.product-delisigns .submenu a:hover,
.product-delisigns .submenu a:focus {
  color: #799bcb;
}

#space {
  width: 874px;
  height: 30px;
}

#footer {
  width: 874px;
  height: 30px;
  color: #7da0d1;
  font-size: 10px;
}

#footer .footerL {
  float: left;
}

#footer .footerR {
  float: right;
}

#footer span {
  color: #7da0d1;
  font-size: 10px;
}

#footer a,
#footer a:link,
#footer a:visited {
  color: #7b9dcd;
  font-size: 10px;
  font-weight: bold;
}

#footer a:hover,
#footer a:focus {
  color: #fff;
  text-decoration: underline;
}