* {
  box-sizing: border-box; }

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local("Ubuntu"), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/c2KTkZ_oLp2UOMwi4GGs9A.woff) format("woff"); }
@font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local("Philosopher"), url(http://themes.googleusercontent.com/static/fonts/philosopher/v5/OttjxgcoEsufOGSINYBGLWOb2gHztoQeulij-1lvl-8.woff) format("woff"); }
body {
  font-family: Philosopher;
  margin: 0 auto;
  background-color: #fff; }
  body header {
    /*background-color: #faf3b0;*/ }
    body header img {
      min-height: 230px;
      position: relative; }
    body header span {
      position: absolute;
      top: 40%;
      left: 35%;
      font-size: 3em;
      font-style: italic;
      font-weight: bolder; }
    body header #mainMenu {
      background-color: #f6a61b; }
      body header #mainMenu ul {
        margin: 0 auto;
        width: 100%;
        padding-left: 5px; }
        body header #mainMenu ul li {
          vertical-align: top;
          display: inline-block;
          border: 1px solid white;
          text-align: center;
          width: 16%;
          background-color: #e4950a;
          box-shadow: white 0 0 5px;
          font-size: 1.1em;
          margin: 10px 1px; }
          body header #mainMenu ul li a {
            color: black;
            text-decoration: none;
            display: block;
            cursor: pointer;
            padding: 4px; }
            body header #mainMenu ul li a:hover {
              transition: 0.8s;
              color: black;
              background-color: #ff5819;
              box-shadow: black 0 0 30px; }
          body header #mainMenu ul li ul {
            display: none; }
          body header #mainMenu ul li:hover ul {
            display: block;
            position: absolute; }
            body header #mainMenu ul li:hover ul li {
              display: block;
              margin-left: -1px; }
  body main {
    background-color: #faf3b0;
    min-height: 400px;
    /*background-color: #326e00;*/ }
    body main section {
      vertical-align: top;
      width: 76%;
      margin: 0 auto;
      margin-left: 23%;
      padding: 10px;
      border-spacing: 10px; }
      body main section span div div img {
        width: 100%;
        display: inline-block; }
      body main section span div div:first-child {
        display: inline-block;
        width: 38%; }
      body main section span div div {
        width: 60%;
        vertical-align: top;
        display: inline-block; }
        body main section span div div ul {
          margin: 0;
          padding-left: 3px;
          font-size: 1.05em;
          font-weight: bold;
          color: black; }
          body main section span div div ul > li {
            margin-bottom: 15px;
            list-style-type: none; }
            body main section span div div ul > li:before {
              content: '*';
              margin-right: 5px;
              color: yellow;
              display: inline-block;
              vertical-align: middle;
              margin-top: 5px;
              font-size: 20px; }
        body main section span div div:last-child {
          width: 100%;
          padding: 3px;
          position: absolute;
          bottom: 0;
          left: 0; }
      body main section span > div {
        width: 31%;
        position: relative;
        display: table-cell;
        height: 250px;
        box-shadow: black 0 0 10px;
        margin: 10px;
        border: 2px solid #f4b100;
        border-radius: 15px;
        vertical-align: top;
        background-color: #e06c0c;
        color: white;
        padding: 7px;
        padding-bottom: 50px; }
    body main fieldset {
      background-color: #f6a61b;
      border-radius: 20px;
      display: inline-block;
      padding: 5px;
      position: fixed;
      bottom: 3px;
      font-size: 0.9em;
      text-align: center;
      box-shadow: 0 10px 30px black;
      margin-left: 10px;
      width: 20%; }
      body main fieldset h2 {
        margin: 2px; }
      body main fieldset legend {
        font-size: 2.3em;
        font-weight: bolder; }
      body main fieldset textarea {
        width: 80%;
        height: 90px;
        resize: vertical;
        margin: 10px auto;
        display: block;
        box-shadow: 0 0 10px #f4b100; }
        body main fieldset textarea:focus {
          box-shadow: 0 0 10px green; }
      body main fieldset form div {
        margin-left: 10%;
        text-align: left; }
        body main fieldset form div input {
          display: block;
          padding: 2px;
          margin-bottom: 3%;
          width: 89%; }

.lastProduct {
  width: 31%;
  position: relative;
  display: inline-block;
  margin: 10px 0 0 8px;
  border: 2px solid #f4b100;
  border-radius: 15px;
  vertical-align: top;
  background-color: #e06c0c;
  color: white;
  padding: 7px;
  padding-bottom: 50px; }
  .lastProduct img {
    cursor: pointer; }

#index div {
  color: black;
  margin: 0 auto;
  font-style: italic;
  font-weight: bolder;
  width: 85%;
  text-align: justify;
  padding: 15px;
  font-size: 1.7em;
  background-color: #fdd363; }
  #index div li:before {
    content: "*";
    vertical-align: middle;
    color: #91743a;
    margin-right: 10px; }
  #index div li {
    list-style-type: none;
    margin-bottom: 10px; }
  #index div div {
    font-size: 1.3em;
    color: red; }

#dialog {
  width: 500px; }

iframe {
  border-radius: 20px;
  border: 1px solid black;
  box-shadow: black 0 0 20px; }

#order {
  background-color: #e06c0c;
  padding: 3px 6px;
  border-radius: 10px;
  font-size: 1.2em; }

#paging {
  width: auto;
  height: auto;
  display: block;
  margin-top: 20px;
  padding: 5px;
  box-shadow: none;
  border: none;
  background-color: inherit; }
  #paging a {
    margin: 5px;
    display: inline-table;
    margin-top: 15px;
    font-size: 1.1em;
    border-spacing: 5px;
    vertical-align: middle;
    text-decoration: none;
    padding: 1px 5px;
    background-color: #e06c0c;
    color: white; }

.active {
  background-color: #faf3b0 !important;
  color: black !important;
  box-shadow: 0 0 30px black !important;
  font-weight: bolder !important;
  font-size: 1.4em !important; }

/*# sourceMappingURL=style.css.map */