/** CORPO **/
* {
  padding: 0px;
  margin: 0px;
  border: none;
  list-style: none;
}

body, td, div, p, input, textarea, select, li {
  color: #333333;
  font-size: 10px;
  font-family: Verdana, Geneva, Helvetica, Arial, Sans-serif;
}

body {
  background: #ffffff url(bodybg.gif) repeat-x top left;
  text-align: center;
}

a {
  color: #0000ff;
  text-decoration: underline;
}

a:hover {
  color: #0000ff;
  text-decoration: none;
}

.hidden, hr, h2, h3, h4 {
  display: none;
}

li {
  display: inline;
}

/** FINE CLASSI GENERICHE **/
#header {
  position: relative;
  top: 0px;
  left: 0px;
  width: 760px;
  height: 179px;
  margin: 0px auto;
  text-align: left;
  background: transparent url(header.gif) no-repeat top left;
}

  #header h1 a, #header h1 a:hover {
    position: absolute;
    top: 26px;
    left: 242px;
    width: 225px;
    height: 83px;
  }

  #header ul {
    position: absolute;
    top: 23px;
    left: 604px;
  }

  #header a, #header a:hover {
    display: block;
    width: 140px;
    height: 15px;
    margin-bottom: 3px;
    text-decoration: none;
  }

  #header a.double, #header a.double:hover {
    margin-bottom: 21px;
  }

  #header span {
    display: none;
  }

.lastrec, .relrec {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 250px;
  padding-top: 34px;
  background: transparent url(lastrec.gif) no-repeat top left;
}

.relrec {
  top: 228px;
  background: transparent url(relrec.gif) no-repeat top left;
}

  .lastrec a, .lastrec a:hover,
  .relrec a, .relrec a:hover {
    display: block;
    width: 250px;
    height: 19px;
    margin-bottom: 8px;
    padding: 3px 10px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    background-color: #ffcccc;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 230px;
    height: 13px;
  }

  html>body .lastrec a, html>body .lastrec a:hover,
  html>body .relrec a, html>body .relrec a:hover {
    width: 230px;
    height: 13px;
  }

.reclist, .newreclist {
  position: absolute;
  top: 10px;
  left: 0px;
  padding-bottom: 50px;
}

  .reclist span, .reclist a, .reclist a:hover,
  .newreclist a, .newreclist a:hover {
    display: block;
    width: 250px;
    height: 17px;
    margin-bottom: 6px;
    padding: 2px 10px;
    font-weight: bold;
    color: #666666;
    background-color: #ffcccc;
    text-decoration: none;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 230px;
    height: 13px;
  }

  html>body .reclist span, html>body .reclist a, html>body .reclist a:hover,
  html>body .newreclist a, html>body .newreclist a:hover {
    width: 230px;
    height: 13px;
  }

  .reclist a.selected, .reclist a.selected:hover {
    color: #ffffff;
    background-color: #666666;
  }

  .newreclist a, .newreclist a:hover {
    color: #ffffff;
    background-color: #598184;
  }

  .newreclist a.selected, .newreclist a.selected:hover {
    color: #ffff00;
  }

.catlist span, .catlist a, .catlist a:hover {
  position: absolute;
  width: 153px;
  height: 17px;
  padding: 2px 6px 3px 6px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 141px;
  height: 12px;
}

html>body .catlist span, html>body .catlist a, html>body .catlist a:hover {
  width: 141px;
  height: 12px;
}

.catlist span.cat1,  .catlist a.cat1, .catlist a.cat1:hover { top: 10px; left: 280px; }
.catlist span.cat2,  .catlist a.cat2, .catlist a.cat2:hover { top: 35px; left: 280px; }
.catlist span.cat3,  .catlist a.cat3, .catlist a.cat3:hover { top: 60px; left: 280px; }
.catlist span.cat4,  .catlist a.cat4, .catlist a.cat4:hover { top: 85px; left: 280px; }
.catlist span.cat5,  .catlist a.cat5, .catlist a.cat5:hover { top: 10px; left: 443px; }
.catlist span.cat6,  .catlist a.cat6, .catlist a.cat6:hover { top: 35px; left: 443px; }
.catlist span.cat7,  .catlist a.cat7, .catlist a.cat7:hover { top: 60px; left: 443px; }
.catlist span.cat8,  .catlist a.cat8, .catlist a.cat8:hover { top: 85px; left: 443px; }
.catlist span.cat9,  .catlist a.cat9, .catlist a.cat9:hover { top: 10px; left: 605px; }
.catlist span.cat10, .catlist a.cat10, .catlist a.cat10:hover { top: 35px; left: 605px; }
.catlist span.cat11, .catlist a.cat11, .catlist a.cat11:hover { top: 60px; left: 605px; }
.catlist span.cat12, .catlist a.cat12, .catlist a.cat12:hover { top: 85px; left: 605px; }

.catlist strong {
  color: #ffff00;
}

.letters a, .letters a:hover {
  position: absolute;
  width: 112px;
  height: 17px;
  padding: 2px 6px 3px 6px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 100px;
  height: 12px;
}

html>body .letters a, html>body .letters a:hover {
  width: 100px;
  height: 12px;
}

.letters a.pos1, .letters a.pos1:hover { top: 10px; left: 280px; }
.letters a.pos2, .letters a.pos2:hover { top: 35px; left: 280px; }
.letters a.pos3, .letters a.pos3:hover { top: 60px; left: 280px; }
.letters a.pos4, .letters a.pos4:hover { top: 85px; left: 280px; }

.letters a.pos5, .letters a.pos5:hover { top: 10px; left: 402px; }
.letters a.pos6, .letters a.pos6:hover { top: 35px; left: 402px; }
.letters a.pos7, .letters a.pos7:hover { top: 60px; left: 402px; }
.letters a.pos8, .letters a.pos8:hover { top: 85px; left: 402px; }

.letters a.pos9, .letters a.pos9:hover { top: 10px; left: 524px; }
.letters a.pos10, .letters a.pos10:hover { top: 35px; left: 524px; }
.letters a.pos11, .letters a.pos11:hover { top: 60px; left: 524px; }
.letters a.pos12, .letters a.pos12:hover { top: 85px; left: 524px; }

.letters a.pos13, .letters a.pos13:hover { top: 10px; left: 646px; }
.letters a.pos14, .letters a.pos14:hover { top: 35px; left: 646px; }
.letters a.pos15, .letters a.pos15:hover { top: 60px; left: 646px; }
.letters a.pos16, .letters a.pos16:hover { top: 85px; left: 646px; }

.letters strong {
  color: #ffff00;
}

#home {
  position: relative;
  top: 0px;
  left: 0px;
  width: 758px;
  height: 630px;
  margin: 0px auto;
  text-align: left;
  background: transparent url(home.gif) no-repeat 280px 10px;
}

  #home .categories li {
    position: absolute;
    width: 140px;
    height: 105px;
    background-repeat: no-repeat;
    border-top: 1px solid #598184;
    border-right: 1px solid #598184;
    border-left: 1px solid #598184;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 138px;
    height: 104px;
  }

  html>body .categories li {
    width: 138px;
    height: 104px;
  }

  #home .categories a, #home .categories a:hover {
    display: block;
    width: 138px;
    height: 104px;
  }

  #home .cat1 { top: 10px; left: 280px; background-image: url(dynamic/categories/1.jpg); }
  #home .cat2 { top: 10px; left: 449px; background-image: url(dynamic/categories/2.jpg); }
  #home .cat3 { top: 10px; left: 618px; background-image: url(dynamic/categories/3.jpg); }
  #home .cat4 { top: 152px; left: 280px; background-image: url(dynamic/categories/4.jpg); }
  #home .cat5 { top: 152px; left: 449px; background-image: url(dynamic/categories/5.jpg); }
  #home .cat6 { top: 152px; left: 618px; background-image: url(dynamic/categories/6.jpg); }
  #home .cat7 { top: 294px; left: 280px; background-image: url(dynamic/categories/7.jpg); }
  #home .cat8 { top: 294px; left: 449px; background-image: url(dynamic/categories/8.jpg); }
  #home .cat9 { top: 294px; left: 618px; background-image: url(dynamic/categories/9.jpg); }
  #home .cat10 { top: 436px; left: 280px; background-image: url(dynamic/categories/10.jpg); }
  #home .cat11 { top: 436px; left: 449px; background-image: url(dynamic/categories/11.jpg); }
  #home .cat12 { top: 436px; left: 618px; background-image: url(dynamic/categories/12.jpg); }

  #home .categories span {
    display: none;
  }

#search {
  position: relative;
  top: 0px;
  left: 0px;
  width: 758px;
  height: 648px;
  margin: 0px auto;
  text-align: left;
  background: transparent url(search.gif) no-repeat 280px 10px;
}

  #search .label1 {
    position: absolute;
    top: 60px;
    left: 280px;
    color: #666666;
  }

    #search .label1 a, #search .label1 a:hover {
      color: #666666;
      text-decoration: none;
      cursor: pointer;
    }

  #search .error {
    position: absolute;
    top: 61px;
    left: 480px;
    width: 270px;
    color: #dd0000;
    text-decoration: none;
    text-align: right;
  }

  #search #text {
    position: absolute;
    top: 75px;
    left: 280px;
    width: 478px;
    height: 19px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #666666;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 476px;
    height: 17px;
  }

  html>body #search #text {
    width: 476px;
    height: 17px;
  }

  #search .label2 {
    position: absolute;
    top: 110px;
    left: 441px;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
  }

  #search #title {
    position: absolute;
    top: 110px;
    left: 420px;
    width: 14px;
    height: 14px;
    background-color: transparent;
  }

  #search .label3 {
    position: absolute;
    top: 110px;
    left: 597px;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
  }

  #search #all {
    position: absolute;
    top: 110px;
    left: 575px;
    width: 14px;
    height: 14px;
    background-color: transparent;
  }

  #search .label4 {
    position: absolute;
    top: 148px;
    left: 280px;
    color: #666666;
  }

  #search #categories {
    position: absolute;
    top: 163px;
    left: 280px;
    width: 478px;
    height: 165px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #666666;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 476px;
    height: 163px;
  }

  html>body #search #categories {
    width: 476px;
    height: 163px;
  }

    #search #categories option {
      font-size: 11px;
    }

  #search .label5 {
    position: absolute;
    top: 373px;
    left: 280px;
    color: #666666;
  }

  #search #elements {
    position: absolute;
    top: 388px;
    left: 280px;
    width: 478px;
    height: 165px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #666666;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 476px;
    height: 163px;
  }

  html>body #search #elements {
    width: 476px;
    height: 163px;
  }

    #search #elements option {
      font-size: 11px;
    }

  #search .submit input {
    position: absolute;
    top: 583px;
    left: 596px;
    width: 162px;
    height: 19px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #666666;
  }

#mail {
  position: relative;
  top: 0px;
  left: 0px;
  width: 758px;
  height: 660px;
  margin: 0px auto;
  text-align: left;
  background: transparent url(mail.gif) no-repeat 280px 10px;
}

  #mail .error {
    position: absolute;
    top: 37px;
    left: 489px;
    width: 270px;
    color: #dd0000;
    line-height: 58px;
    text-decoration: none;
    text-align: right;
  }

  #mail .field1 strong {
    position: absolute;
    top: 60px;
    left: 280px;
    color: #666666;
  }

  #mail .field1 input {
    position: absolute;
    top: 75px;
    left: 280px;
    width: 478px;
    height: 19px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #666666;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 476px;
    height: 17px;
  }

  html>body #mail .field1 input {
    width: 476px;
    height: 17px;
  }

  #mail .field2 strong {
    position: absolute;
    top: 118px;
    left: 280px;
    color: #666666;
  }

  #mail .field2 textarea {
    position: absolute;
    top: 133px;
    left: 280px;
    width: 478px;
    height: 311px;
    font-size: 11px;
    background-color: #ffffff;
    border: 1px solid #666666;
    scrollbar-face-color: #666666;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #666666;
    scrollbar-3dlight-color: #666666;
    scrollbar-arrow-color: #666666;
    scrollbar-track-color: #999999;
    scrollbar-darkshadow-color: #666666;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 476px;
    height: 309px;
  }

  html>body #mail .field2 textarea {
    width: 476px;
    height: 309px;
  }

  #mail .field3 {
      position: absolute;
      top: 470px;
      left: 280px;
      overflow: hidden;
  }

    #mail .field3 #captcha {
      float: left;
      margin-right: 11px;
    }

    #mail .field3 label span {
      display: block;
      font-weight: bold;
      color: #d00;
    }

    #mail .field3 strong {
      display: block;
      color: #666666;
    }

      #mail .field3 strong * {
        color: #666666;
      }

    #mail .field3 input {
      width: 252px;
      height: 19px;
      font-size: 11px;
      background-color: #ffffff;
      border: 1px solid #666666;
      voice-family: "\"}\"";
      voice-family:inherit;
      width: 250px;
      height: 17px;
    }

    html>body #mail .field3 input {
      width: 250px;
      height: 17px;
    }

  #mail .submit input {
    position: absolute;
    top: 580px;
    left: 596px;
    width: 162px;
    height: 19px;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    background-color: #666666;
  }

#legal {
  position: relative;
  top: 0px;
  left: 0px;
  width: 758px;
  margin: 0px auto;
  padding: 56px 0px 50px 280px;
  text-align: left;
  background: transparent url(legal.gif) no-repeat 280px 10px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 478px;
}

html>body #legal {
  width: 478px;
}

  #legal .text {
    line-height: 16px;
  }

#recipe,
#searchres,
#map {
  position: relative;
  top: 0px;
  left: 0px;
  width: 758px;
  margin: 0px auto;
  padding: 140px 0px 50px 280px;
  background: transparent url(recipe.gif) no-repeat 280px 10px;
  text-align: left;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 478px;
}

html>body #recipe,
html>body #searchres,
html>body #map {
  width: 478px;
}

  #recipe .reclist {
    top: 79px;
  }

  #searchres .help {
    position: absolute;
    top: 13px;
    left: 286px;
    width: 466px;
    font-weight: bold;
    color: #ffffff;
  }

    #searchres .help strong {
      color: #ffff00;
    }

    #searchres .help a, #searchres .help a:hover {
      color: #ffffff;
    }

  #recipe .title,
  #searchres .title,
  #map .title {
    position: absolute;
    top: 112px;
    left: 286px;
    display: block;
    font-size: 10px;
    color: #ffffff;
    width: 458px;
  }

  #recipe p,
  #searchres p,
  #map p {
    line-height: 16px;
  }

  #recipe img,
  #searchres img,
  #map img {
    vertical-align: top;
  }

#searchres,
#map {
  background: transparent url(searchres.gif) no-repeat 0px 10px;
}

  #searchres .reclist,
  #map .reclist {
    top: 42px;
  }

#map {
  background-image: url(map.gif);
}

/* THUMBNAIL VIEWER */
#thumbBox {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: left;
  visibility: hidden;
  z-index: 10;
  cursor: move;
}

  #thumbBox img {
    border: 2px solid #333333;
  }

  #thumbBox a, #thumbBox a:hover {
    display: block;
    width: 482px;
    height: 28px;
    cursor: pointer;
    background-color: #333333;
  }

    #thumbBox a img, #thumbBox a:hover img {
      border: none;
    }

#thumbLoading {
  position: absolute;
  visibility: hidden;
  font-weight: bold;
  border: 1px solid #333333;
  background-color: #efefef;
  padding: 7px;
  z-index: 5;
}
/* THUMBNAIL VIEWER */