@font-face {
  font-family: quattro;
  src: url(/fonts/woff/QuattrocentoSans-Regular.woff) format("woff"), url(/fonts/QuattrocentoSans-Regular.ttf) format("truetype"); }
@font-face {
  font-family: sansation;
  src: url(/fonts/woff/Sansation_Regular.woff) format("woff"), url(/fonts/Sansation_Regular.ttf) format("truetype"); }
@font-face {
  font-family: sansationBold;
  src: url(/fonts/woff/Sansation_Bold.woff) format("woff"), url(/fonts/Sansation_Bold.ttf) format("truetype"); }
* {
  font-family: quattro, sans-serif;
  -webkit-font-smoothing: antialiased; }

A {
  color: #eee;
  font-size: 18px; }
  A:hover {
    color: #eee;
    text-decoration: none; }

HTML {
  height: 100%; }

div.closeBtn {
  width: 32px;
  height: 32px;
  background-image: url(/img/ico/close_32.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: 0px;
  padding: 0px;
  cursor: pointer; }

div.step {
  width: 150px;
  height: 32px;
  float: left;
  font-family: sansationBold;
  font-size: 16pt;
  text-transform: uppercase;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
  text-align: left;
  margin-bottom: 15px; }

div.left_info {
  height: 32px;
  float: left;
  text-align: left;
  font-family: sansationBold;
  font-size: 16pt;
  margin-bottom: 20px; }

span.blue {
  color: #00ACD3; }

span.qatar_pink {
  color: #691A40;
  font-family: sansationBold;
  text-shadow: 0 0 5px #fcfcfc, 0 0 5px #fcfcfc, 0 0 5px #fcfcfc, 0 0 5px #fcfcfc; }

hidden {
  display: none; }

div.error {
  margin-top: 15px;
  padding: 5px;
  font-family: sansationBold;
  font-size: 11pt;
  text-transform: uppercase;
  color: #ff0000;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ff0000; }

#dialog {
  color: #eee; }

.ui-dialog-titlebar {
  background: rgba(0, 0, 0, 0.4) !important;
  color: #eee !important; }

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
  background: rgba(2, 2, 2, 0.5); }

BODY {
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  background: no-repeat center center fixed;
  background-color: black;
  background-image: url(/img/bg03.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #ddd; }
  BODY > * {
    flex: 1 100%; }
  BODY HEADER {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.2) 100%);
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #646464;
    text-align: center; }
    BODY HEADER #topBar > H2 {
      text-transform: uppercase;
      color: #ddd;
      font-size: 18px;
      display: inline-block;
      position: relative;
      top: 5px;
      margin: 0 300px; }
    BODY HEADER #topBar .logo {
      position: absolute;
      top: 10px;
      left: 15px;
      background: url(/img/logo02.png) -52px -20px;
      width: 85px;
      height: 65px; }
    BODY HEADER #topBar .siteTitle > H1 {
      font-family: sansation;
      color: #ddd;
      font-size: 45px; }
    BODY HEADER > NAV {
      display: inline-block;
      width: 100%;
      height: 20px;
      position: absolute;
      top: 50px;
      right: 0; }
      BODY HEADER > NAV UL {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0; }
        BODY HEADER > NAV UL LI {
          display: inline-block;
          -moz-border-radius-topleft: 5px;
          border-top-left-radius: 5px;
          -moz-border-radius-topright: 5px;
          border-top-right-radius: 5px;
          border: 1px solid #646464;
          border-bottom: 0;
          margin-top: 4px; }
          BODY HEADER > NAV UL LI:hover {
            /*background-color: #691A40;*/
            background-color: rgba(77, 123, 214, 0.9); }
          BODY HEADER > NAV UL LI A {
            padding: 0 15px; }
      BODY HEADER > NAV .leftMenu {
        position: absolute;
        left: 0; }
      BODY HEADER > NAV .rightMenu {
        position: absolute;
        right: 0; }
  BODY MAIN SECTION.nav {
    width: 100%;
    border-right: 1px solid #646464;
    float: left;
    background-color: rgba(0, 0, 0, 0.8);
    display: none; }
    BODY MAIN SECTION.nav div {
      width: 100%;
      margin-top: 10px;
      margin-left: 5px;
      padding: 5px 5px;
      background-color: rgba(48, 48, 48, 0.5);
      text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #646464; }
      BODY MAIN SECTION.nav div a {
        font-family: sansationBold;
        font-size: 16pt;
        color: #ffffff; }
      BODY MAIN SECTION.nav div:hover {
        background-color: rgba(0, 172, 211, 0.9); }
  BODY MAIN SECTION.content {
    width: 100%;
    float: left; }
  BODY MAIN nav {
    display: inline-block;
    #height: px; }
  BODY MAIN h2 {
    text-align: center;
    font-size: 50pt;
    font-family: sansationBold;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }
    BODY MAIN h2 .qatar_pink {
      color: #691A40;
      font-family: sansationBold;
      text-shadow: 0 0 5px #fcfcfc, 0 0 5px #fcfcfc, 0 0 5px #fcfcfc, 0 0 5px #fcfcfc; }
  BODY MAIN h3 {
    text-align: center;
    font-size: 20pt;
    text-transform: uppercase;
    font-family: sansation;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }
  BODY MAIN div.center {
    margin-top: 50px;
    width: 720px;
    margin-left: auto;
    margin-right: auto; }
  BODY MAIN button {
    font-family: sansationBold;
    font-size: 18pt;
    color: #ffffff;
    padding: 10px 20px;
    background-color: rgba(48, 48, 48, 0.5);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #646464; }
    BODY MAIN button:hover {
      background-color: rgba(0, 172, 211, 0.9); }
      BODY MAIN button:hover span.hover {
        display: block; }
    BODY MAIN button.find:hover {
      background-color: rgba(0, 172, 211, 0.9);
      text-shadow: 0px -1px 0px rgba(0, 129, 158, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
      BODY MAIN button.find:hover span.hover {
        background-color: rgba(0, 129, 158, 0.8); }
    BODY MAIN button.recomendation:hover {
      background-color: rgba(50, 205, 50, 0.9);
      text-shadow: 0px -1px 0px rgba(37, 154, 37, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
      BODY MAIN button.recomendation:hover span.hover {
        background-color: rgba(37, 154, 37, 0.8); }
    BODY MAIN button.caution:hover {
      background-color: rgba(255, 140, 0, 0.9);
      text-shadow: 0px -1px 0px rgba(191, 105, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
      /*
      color: #000;
      text-shadow:
        0px -1px 0px rgba(255,255,255,0.4),
        0px 1px 0px rgba(0,0,0,0.3);
      div {
        background-image: url(/img/ico/ico_warn_32_reverse.png);
      }
      */ }
      BODY MAIN button.caution:hover span.hover {
        background-color: rgba(191, 105, 0, 0.8); }
    BODY MAIN button.find div {
      width: 32px;
      height: 32px;
      float: left;
      background-image: url(/img/ico/ico_search_32.png);
      background-repeat: no-repeat;
      margin: 0px;
      padding: 0px;
      margin-right: 10px; }
    BODY MAIN button.recomendation div {
      width: 32px;
      height: 32px;
      float: left;
      background-image: url(/img/ico/ico_like_32.png);
      background-repeat: no-repeat;
      margin: 0px;
      padding: 0px;
      margin-right: 10px; }
    BODY MAIN button.caution div {
      width: 32px;
      height: 32px;
      float: left;
      background-image: url(/img/ico/ico_warn_32.png);
      background-repeat: no-repeat;
      margin: 0px;
      padding: 0px;
      margin-right: 10px; }
    BODY MAIN button.recomendation, BODY MAIN button.caution {
      margin-left: 20px; }
    BODY MAIN button span.hover {
      font-size: 15pt;
      font-family: quattro;
      margin-top: 20px;
      display: none;
      color: #fff;
      padding: 5px;
      min-width: 150px;
      max-width: 300px;
      position: absolute;
      background-color: rgba(143, 143, 143, 0.8);
      border-radius: 5px;
      border: 1px solid #646464; }
    BODY MAIN button img {
      margin-right: 15px; }
  BODY div.placeholder {
    height: 15px; }
  BODY FOOTER {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.2) 100%);
    border-top: 1px solid #646464;
    display: flex;
    width: 100%;
    height: 50px;
    padding: 10px 0;
    text-align: center;
    color: #ddd;
    font-size: 18px;
    align-self: flex-end; }
    BODY FOOTER > SECTION {
      flex-grow: 1; }

div.pgImprint {
  min-width: 520px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px;
  font-size: 12pt;
  text-shadow: 0px -2px 2px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  div.pgImprint table.contact td {
    vertical-align: text-top; }
  div.pgImprint table.contact td.space {
    column-span: 2;
    height: 20px; }

div.pgRegister {
  min-width: 520px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }
  div.pgRegister button {
    width: 350px;
    margin-top: 10px;
    border: 1px solid #00ACD3;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
    div.pgRegister button.consumer {
      border: 1px solid #691A40;
      background-color: rgba(184, 144, 93, 0.9); }
      div.pgRegister button.consumer:hover {
        background-color: rgba(184, 144, 93, 0.9); }
    div.pgRegister button:hover {
      border: 1px solid #646464; }
  div.pgRegister form {
    text-align: left; }
    div.pgRegister form fieldset {
      width: 100%; }
    div.pgRegister form label {
      margin-top: 10px;
      text-transform: uppercase;
      display: block;
      width: 100%; }
    div.pgRegister form input, div.pgRegister form select, div.pgRegister form textarea {
      padding: 5px;
      border: 1px solid #646464;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      width: 100%; }
      div.pgRegister form input:focus, div.pgRegister form select:focus, div.pgRegister form textarea:focus {
        border: 1px solid #00ACD3; }
      div.pgRegister form input.error, div.pgRegister form select.error, div.pgRegister form textarea.error {
        border: 1px solid #ff0000;
        background-color: #660000;
        color: #ffffff; }
    div.pgRegister form input[type="submit"] {
      margin-top: 20px;
      font-family: sansationBold;
      font-size: 14pt;
      text-transform: uppercase;
      color: #ffffff;
      padding: 10px 20px;
      background-color: rgba(0, 0, 0, 0.5);
      text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #646464; }
      div.pgRegister form input[type="submit"]:hover {
        background-color: rgba(0, 172, 211, 0.9); }
        div.pgRegister form input[type="submit"]:hover span.hover {
          display: block; }
  div.pgRegister hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -moz-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -ms-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -o-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0)); }
  div.pgRegister a {
    color: #00ACD3; }
    div.pgRegister a:hover {
      text-decoration: underline; }

div.pgLogin {
  min-width: 320px;
  max-width: 30%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }
  div.pgLogin form {
    text-align: left; }
    div.pgLogin form fieldset {
      width: 100%; }
    div.pgLogin form label {
      margin-top: 10px;
      text-transform: uppercase;
      display: block;
      width: 100%; }
    div.pgLogin form input, div.pgLogin form select, div.pgLogin form textarea {
      font-size: 14pt;
      padding: 10px 20px;
      border: 1px solid #646464;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
      width: 100%; }
      div.pgLogin form input:focus, div.pgLogin form select:focus, div.pgLogin form textarea:focus {
        border: 1px solid #00ACD3; }
    div.pgLogin form input[type="submit"] {
      margin-top: 20px;
      font-family: sansationBold;
      font-size: 14pt;
      color: #ffffff;
      padding: 10px 20px;
      background-color: rgba(0, 0, 0, 0.5);
      text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #646464; }
      div.pgLogin form input[type="submit"]:hover {
        background-color: rgba(0, 172, 211, 0.9); }
        div.pgLogin form input[type="submit"]:hover span.hover {
          display: block; }
  div.pgLogin div.pwdForget, div.pgLogin div.newCustomer {
    margin-top: 15px;
    font-family: sansation;
    font-size: 14pt;
    text-align: center; }
    div.pgLogin div.pwdForget a, div.pgLogin div.newCustomer a {
      color: #00ACD3; }
      div.pgLogin div.pwdForget a:hover, div.pgLogin div.newCustomer a:hover {
        text-decoration: underline; }
  div.pgLogin div.newCustomer a {
    margin-left: 20px; }
  div.pgLogin hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -moz-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -ms-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -o-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0)); }

div.pgAbout {
  min-width: 520px;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }

div.pgFind div.head {
  min-width: 150px;
  width: 150px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: sansationBold;
  font-size: 18pt;
  color: #ffffff;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 172, 211, 0.9);
  border: 1px solid #646464;
  text-shadow: 0px -1px 0px rgba(0, 129, 158, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  div.pgFind div.head div {
    width: 32px;
    height: 32px;
    float: left;
    background-image: url(/img/ico/ico_search_32.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
div.pgFind div.content {
  margin-top: 20px;
  min-width: 810px;
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }
  div.pgFind div.content div.categories {
    margin-top: 15px; }
    div.pgFind div.content div.categories div.entry {
      width: 150px;
      height: 95px;
      padding: 10px;
      float: left;
      cursor: pointer; }
      div.pgFind div.content div.categories div.entry div.ico {
        margin-left: auto;
        margin-right: auto;
        width: 32px;
        height: 32px; }
      div.pgFind div.content div.categories div.entry div.name {
        font-size: 12pt;
        font-family: quattro;
        text-align: center;
        margin-top: 5px; }
      div.pgFind div.content div.categories div.entry.architecture div.ico {
        background-image: url(/img/ico/ico_architecture_32.png); }
      div.pgFind div.content div.categories div.entry.construction div.ico {
        background-image: url(/img/ico/ico_construction_32.png); }
      div.pgFind div.content div.categories div.entry.office div.ico {
        background-image: url(/img/ico/ico_office_32.png); }
      div.pgFind div.content div.categories div.entry.interior div.ico {
        background-image: url(/img/ico/ico_interior_32.png); }
      div.pgFind div.content div.categories div.entry.environment div.ico {
        background-image: url(/img/ico/ico_environment_32.png); }
      div.pgFind div.content div.categories div.entry.science div.ico {
        background-image: url(/img/ico/ico_science_32.png); }
      div.pgFind div.content div.categories div.entry.biotechnology div.ico {
        background-image: url(/img/ico/ico_biotechnology_32.png); }
      div.pgFind div.content div.categories div.entry.agriculture div.ico {
        background-image: url(/img/ico/ico_agriculture_32.png); }
      div.pgFind div.content div.categories div.entry.technology div.ico {
        background-image: url(/img/ico/ico_technology_32.png); }
      div.pgFind div.content div.categories div.entry.machinery div.ico {
        background-image: url(/img/ico/ico_machinery_32.png); }
      div.pgFind div.content div.categories div.entry.consumer div.ico {
        background-image: url(/img/ico/ico_consumer_32.png); }
      div.pgFind div.content div.categories div.entry.energy div.ico {
        background-image: url(/img/ico/ico_energy_32.png); }
      div.pgFind div.content div.categories div.entry.transport div.ico {
        background-image: url(/img/ico/ico_transport_32.png); }
      div.pgFind div.content div.categories div.entry.automotive div.ico {
        background-image: url(/img/ico/ico_automotive_32.png); }
      div.pgFind div.content div.categories div.entry.consulting div.ico {
        background-image: url(/img/ico/ico_consulting_32.png); }
      div.pgFind div.content div.categories div.entry.education div.ico {
        background-image: url(/img/ico/ico_education_32.png); }
      div.pgFind div.content div.categories div.entry.public div.ico {
        background-image: url(/img/ico/ico_public_32.png); }
      div.pgFind div.content div.categories div.entry.it div.ico {
        background-image: url(/img/ico/ico_it_32.png); }
      div.pgFind div.content div.categories div.entry.communication div.ico {
        background-image: url(/img/ico/ico_communication_32.png); }
      div.pgFind div.content div.categories div.entry.event div.ico {
        background-image: url(/img/ico/ico_event_32.png); }
      div.pgFind div.content div.categories div.entry.gastronomy div.ico {
        background-image: url(/img/ico/ico_gastronomy_32.png); }
      div.pgFind div.content div.categories div.entry.servants div.ico {
        background-image: url(/img/ico/ico_servants_32.png); }
      div.pgFind div.content div.categories div.entry.organisation div.ico {
        background-image: url(/img/ico/ico_organisation_32.png); }
      div.pgFind div.content div.categories div.entry.medicine div.ico {
        background-image: url(/img/ico/ico_medicine_32.png); }
      div.pgFind div.content div.categories div.entry.veterinary div.ico {
        background-image: url(/img/ico/ico_veterinary_32.png); }
      div.pgFind div.content div.categories div.entry.sport div.ico {
        background-image: url(/img/ico/ico_sport_32.png); }
      div.pgFind div.content div.categories div.entry.lifestyle div.ico {
        background-image: url(/img/ico/ico_lifestyle_32.png); }
      div.pgFind div.content div.categories div.entry.arts div.ico {
        background-image: url(/img/ico/ico_arts_32.png); }
      div.pgFind div.content div.categories div.entry.tourism div.ico {
        background-image: url(/img/ico/ico_tourism_32.png); }
      div.pgFind div.content div.categories div.entry.hunting div.ico {
        background-image: url(/img/ico/ico_hunting_32.png); }
      div.pgFind div.content div.categories div.entry.selected {
        background-color: rgba(0, 172, 211, 0.5); }
      div.pgFind div.content div.categories div.entry:hover {
        background-color: rgba(0, 172, 211, 0.9); }
  div.pgFind div.content form {
    text-align: left; }
    div.pgFind div.content form fieldset {
      width: 100%; }
      div.pgFind div.content form fieldset label {
        margin-top: 10px;
        text-transform: uppercase;
        display: block;
        width: 100%;
        font-size: 14pt; }
        div.pgFind div.content form fieldset label span {
          margin-left: 20px; }
      div.pgFind div.content form fieldset input, div.pgFind div.content form fieldset select, div.pgFind div.content form fieldset textarea {
        font-size: 14pt;
        padding: 10px 20px;
        border: 1px solid #646464;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        width: 100%; }
        div.pgFind div.content form fieldset input:focus, div.pgFind div.content form fieldset select:focus, div.pgFind div.content form fieldset textarea:focus {
          border: 1px solid #00ACD3; }
        div.pgFind div.content form fieldset input[name=item], div.pgFind div.content form fieldset select[name=item], div.pgFind div.content form fieldset textarea[name=item] {
          width: 70%; }
      div.pgFind div.content form fieldset input[type="submit"] {
        width: 25%;
        margin-top: 20px;
        margin-left: 15px;
        font-family: sansationBold;
        font-size: 14pt;
        color: #ffffff;
        padding: 10px 20px;
        background-color: rgba(0, 0, 0, 0.5);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #646464; }
        div.pgFind div.content form fieldset input[type="submit"]:hover {
          background-color: rgba(0, 172, 211, 0.9); }
          div.pgFind div.content form fieldset input[type="submit"]:hover span.hover {
            display: block; }
      div.pgFind div.content form fieldset input[type="radio"] {
        padding: 0;
        border: 0;
        margin-top: 17px; }
      div.pgFind div.content form fieldset div {
        width: 100%; }
        div.pgFind div.content form fieldset div input {
          float: left;
          width: 10%; }
        div.pgFind div.content form fieldset div label {
          float: right;
          width: 90%; }

div.pgRecomendation div.head {
  min-width: 350px;
  width: 350px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: sansationBold;
  font-size: 18pt;
  color: #ffffff;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(50, 205, 50, 0.9);
  border: 1px solid #646464;
  text-shadow: 0px -1px 0px rgba(37, 154, 37, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  div.pgRecomendation div.head div {
    width: 32px;
    height: 32px;
    float: left;
    background-image: url(/img/ico/ico_like_32.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
div.pgRecomendation div.content {
  margin-top: 20px;
  min-width: 520px;
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }
  div.pgRecomendation div.content form {
    text-align: left; }
    div.pgRecomendation div.content form fieldset {
      width: 100%;
      margin-bottom: 15px; }
      div.pgRecomendation div.content form fieldset label {
        margin-top: 10px;
        text-transform: uppercase;
        display: block;
        width: 100%;
        font-size: 14pt; }
        div.pgRecomendation div.content form fieldset label span {
          margin-left: 20px; }
      div.pgRecomendation div.content form fieldset input, div.pgRecomendation div.content form fieldset select, div.pgRecomendation div.content form fieldset textarea {
        font-size: 14pt;
        padding: 10px 20px;
        border: 1px solid #646464;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        width: 100%; }
        div.pgRecomendation div.content form fieldset input:focus, div.pgRecomendation div.content form fieldset select:focus, div.pgRecomendation div.content form fieldset textarea:focus {
          border: 1px solid #00ACD3; }
      div.pgRecomendation div.content form fieldset input[type="submit"] {
        margin-top: 20px;
        font-family: sansationBold;
        font-size: 14pt;
        color: #ffffff;
        padding: 10px 20px;
        background-color: rgba(0, 0, 0, 0.5);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #646464; }
        div.pgRecomendation div.content form fieldset input[type="submit"]:hover {
          background-color: rgba(0, 172, 211, 0.9); }
          div.pgRecomendation div.content form fieldset input[type="submit"]:hover span.hover {
            display: block; }
      div.pgRecomendation div.content form fieldset div.range {
        width: 100%;
        height: 15px;
        background-image: -webkit-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -moz-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -ms-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: linear-gradient(to right, red, #ffc000, #00b04f);
        background-image: -o-linear-gradient(left, red, #ffc000, #00b04f);
        display: none; }
      div.pgRecomendation div.content form fieldset input[type="range"] {
        -webkit-appearance: none;
        -moz-apperance: none;
        height: 15px;
        padding: 0;
        border-left: 20px solid #ff0000;
        border-right: 20px solid #00b04f;
        border-radius: 2px;
        outline: none;
        margin-bottom: 10px;
        background-image: -webkit-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -moz-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -ms-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: linear-gradient(to right, red, #ffc000, #00b04f);
        background-image: -o-linear-gradient(left, red, #ffc000, #00b04f); }
        div.pgRecomendation div.content form fieldset input[type="range"]::-ms-fill-upper {
          background: transparent; }
        div.pgRecomendation div.content form fieldset input[type="range"]::-ms-fill-lower {
          background: transparent; }
      div.pgRecomendation div.content form fieldset input[type="radio"] {
        padding: 0;
        border: 0;
        margin-top: 17px; }
      div.pgRecomendation div.content form fieldset div {
        width: 100%; }
        div.pgRecomendation div.content form fieldset div input {
          float: left;
          width: 10%; }
        div.pgRecomendation div.content form fieldset div label {
          float: right;
          width: 90%; }
  div.pgRecomendation div.content h1 {
    text-align: center;
    font-size: 15pt;
    text-transform: uppercase;
    font-family: sansation;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }

div.pgRecommendationNotice div.head {
  min-width: 200px;
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: sansationBold;
  font-size: 18pt;
  color: #ffffff;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(50, 205, 50, 0.9);
  border: 1px solid #646464;
  text-shadow: 0px -1px 0px rgba(37, 154, 37, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  div.pgRecommendationNotice div.head div {
    width: 32px;
    height: 32px;
    float: left;
    background-image: url(/img/ico/ico_info_32.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
div.pgRecommendationNotice div.content {
  margin-top: 20px;
  min-width: 520px;
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px;
  font-size: 14pt; }
  div.pgRecommendationNotice div.content h1 {
    text-align: center;
    font-size: 16pt;
    text-transform: uppercase;
    font-family: sansation;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }
  div.pgRecommendationNotice div.content span.small {
    font-size: 10pt; }
  div.pgRecommendationNotice div.content div.owner {
    margin-top: 15px;
    font-size: 14pt;
    font-family: sansation; }
    div.pgRecommendationNotice div.content div.owner span {
      font-size: 10pt; }
  div.pgRecommendationNotice div.content hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -moz-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -ms-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -o-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0)); }
  div.pgRecommendationNotice div.content div.button {
    margin-left: auto;
    margin-right: auto;
    min-width: 220px;
    width: 220px;
    margin-top: 5px;
    text-transform: uppercase;
    font-family: sansationBold;
    font-size: 15pt;
    color: #ffffff;
    padding: 5px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(50, 205, 50, 0.9);
    border: 1px solid #646464;
    text-shadow: 0px -1px 0px rgba(37, 154, 37, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }

div.pgCaution div.head {
  min-width: 200px;
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: sansationBold;
  font-size: 18pt;
  color: #ffffff;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255, 140, 0, 0.9);
  border: 1px solid #646464;
  text-shadow: 0px -1px 0px rgba(191, 105, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  div.pgCaution div.head div {
    width: 32px;
    height: 32px;
    float: left;
    background-image: url(/img/ico/ico_warn_32.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
div.pgCaution div.content {
  margin-top: 20px;
  min-width: 520px;
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px; }
  div.pgCaution div.content form {
    text-align: left; }
    div.pgCaution div.content form fieldset {
      width: 100%;
      margin-bottom: 15px; }
      div.pgCaution div.content form fieldset label {
        margin-top: 10px;
        text-transform: uppercase;
        display: block;
        width: 100%;
        font-size: 14pt; }
        div.pgCaution div.content form fieldset label span {
          margin-left: 20px; }
      div.pgCaution div.content form fieldset input, div.pgCaution div.content form fieldset select, div.pgCaution div.content form fieldset textarea {
        font-size: 14pt;
        padding: 10px 20px;
        border: 1px solid #646464;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        width: 100%; }
        div.pgCaution div.content form fieldset input:focus, div.pgCaution div.content form fieldset select:focus, div.pgCaution div.content form fieldset textarea:focus {
          border: 1px solid #00ACD3; }
      div.pgCaution div.content form fieldset input[type="submit"] {
        margin-top: 20px;
        font-family: sansationBold;
        font-size: 14pt;
        color: #ffffff;
        padding: 10px 20px;
        background-color: rgba(0, 0, 0, 0.5);
        text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #646464; }
        div.pgCaution div.content form fieldset input[type="submit"]:hover {
          background-color: rgba(0, 172, 211, 0.9); }
          div.pgCaution div.content form fieldset input[type="submit"]:hover span.hover {
            display: block; }
      div.pgCaution div.content form fieldset div.range {
        width: 100%;
        height: 15px;
        background-image: -webkit-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -moz-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -ms-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: linear-gradient(to right, red, #ffc000, #00b04f);
        background-image: -o-linear-gradient(left, red, #ffc000, #00b04f);
        display: none; }
      div.pgCaution div.content form fieldset input[type="range"] {
        -webkit-appearance: none;
        -moz-apperance: none;
        height: 15px;
        padding: 0;
        border-left: 20px solid #ff0000;
        border-right: 20px solid #00b04f;
        border-radius: 2px;
        outline: none;
        margin-bottom: 10px;
        background-image: -webkit-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -moz-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: -ms-linear-gradient(left, red, #ffc000, #00b04f);
        background-image: linear-gradient(to right, red, #ffc000, #00b04f);
        background-image: -o-linear-gradient(left, red, #ffc000, #00b04f); }
        div.pgCaution div.content form fieldset input[type="range"]::-ms-fill-upper {
          background: transparent; }
        div.pgCaution div.content form fieldset input[type="range"]::-ms-fill-lower {
          background: transparent; }
      div.pgCaution div.content form fieldset input[type="radio"] {
        padding: 0;
        border: 0;
        margin-top: 17px; }
      div.pgCaution div.content form fieldset div {
        width: 100%; }
        div.pgCaution div.content form fieldset div input {
          float: left;
          width: 10%; }
        div.pgCaution div.content form fieldset div label {
          float: right;
          width: 90%; }
  div.pgCaution div.content h1 {
    text-align: center;
    font-size: 15pt;
    text-transform: uppercase;
    font-family: sansation;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }

.pgCautionNotice div.head {
  min-width: 200px;
  width: 200px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: sansationBold;
  font-size: 18pt;
  color: #ffffff;
  padding: 10px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255, 140, 0, 0.9);
  border: 1px solid #646464;
  text-shadow: 0px -1px 0px rgba(191, 105, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }
  .pgCautionNotice div.head div {
    width: 32px;
    height: 32px;
    float: left;
    background-image: url(/img/ico/ico_info_32.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    margin-right: 10px; }
.pgCautionNotice div.content {
  margin-top: 20px;
  min-width: 520px;
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #646464;
  padding: 25px;
  font-size: 14pt; }
  .pgCautionNotice div.content h1 {
    text-align: center;
    font-size: 16pt;
    text-transform: uppercase;
    font-family: sansation;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; }
  .pgCautionNotice div.content span.small {
    font-size: 10pt; }
  .pgCautionNotice div.content div.owner {
    margin-top: 15px;
    font-size: 14pt;
    font-family: sansation; }
    .pgCautionNotice div.content div.owner span {
      font-size: 10pt; }
  .pgCautionNotice div.content hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -moz-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -ms-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
    background-image: -o-linear-gradient(left, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0)); }
  .pgCautionNotice div.content div.button {
    margin-left: auto;
    margin-right: auto;
    min-width: 150px;
    width: 150px;
    margin-top: 5px;
    text-transform: uppercase;
    font-family: sansationBold;
    font-size: 15pt;
    color: #ffffff;
    padding: 5px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: rgba(255, 140, 0, 0.9);
    border: 1px solid #646464;
    text-shadow: 0px -1px 0px rgba(191, 105, 0, 0.4), 0px 1px 0px rgba(255, 255, 255, 0.3); }

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