/** CORPO **/
html, body {
  padding: 0px;
  margin: 0px;
}

body {
  background-color: #ffffff;
  text-align: center;
}

body, small, div, p, td, .input, .button, .select, a, a:hover {
  font-size: 10px;
  font-family: Verdana, Geneva, Helvetica, Arial, Sans-serif;
  color: #333333;
}

body.printBody {
  text-align: left;
  padding: 20px 30px;
}

body.printBody, body.printBody small, body.printBody div, body.printBody p, body.printBody td {
  font-size: 11px;
  line-height: 16px;
}

/** CLASSI GENERICHE **/
a {
  color: #dd0000;
  text-decoration: underline;
}

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

hr {
  display: none;
}

img {
  border: none;
}

form {
  border: none;
  padding: 0px;
  margin: 0px;
}

.input, .select {
  background-color: #ffffff;
  color: #333333;
  padding: 0px;
  margin: 0px;
}

.input, .select, .button {
  font-size: 11px;
}

.hidden,
.altmessage {
  display: none;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.black {
  color: #333333;
}

ul.noList {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.noList li {
  margin: 0px;
  padding: 0px;
}

.pagination {
  text-align: center;
  color: #dddddd;
}

.givemerror {
  text-align: center;
  font-weight: bold;
  color: #dd0000;
  padding-bottom: 15px;
}

.field label {
  color: #339999;
  font-weight: bold;
}

table, tr, td {
  margin: 0px;
  padding: 0px;
  line-height: 16px;
}

/** FINE CLASSI GENERICHE **/



/** LIVELLO ESTERNO **/
#content {
  position: relative;
  top: 0px;
  left: 0px;
  width: 740px;
  margin: 8px auto 0px auto;
  text-align: left;
  background-repeat: repeat-y;
  background-position: top left;
}

.white #content { background-image: url(bgpage2.gif); }
.grey #content { background-image: url(bgpage4.gif); }
/** FINE LIVELLO ESTERNO **/



/** BANNER **/
#banner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 740px;
  height: 102px;
  padding: 12px 18px 0px 0px;
  text-align: right;
  background: #ffffff url(bgpage1.gif) no-repeat top left;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 722px;
  height: 90px;
}

html>body #banner {
  width: 722px;
  height: 90px;
}
/** FINE BANNER **/



/** MENU **/
#menu {
  position: absolute;
  top: 103px;
  left: 2px;
  width: 140px;
  text-align: center;
}

  #menu ul {
    margin: 10px 0px 0px 15px;
    line-height: 14px;
    text-align: left;
  }

  #menu ul li.margin {
    margin-bottom: 15px
  }

    #menu ul li a, #menu ul li a:hover {
      font-weight: bold;
      color: #ffffff;
      text-decoration: none;
    }

    #menu ul li a:hover {
      text-decoration: underline;
    }

  #menu .menuLogo {
    width: 79px;
    height: 29px;
    margin: 50px auto 0px auto;
    background: transparent url(menulogo.gif) no-repeat 0px 0px;
  }

/** FINE MENU **/



/** NAVIGATOR **/
#navigator {
  position: absolute;
  top: 77px;
  left: 160px;
  width: 68px;
  height: 325px;
  background-repeat:  no-repeat;
  background-position:  top left;
}

  .aboutIt         { background-image: url(menu_it/about.gif);         }
  .authorIt        { background-image: url(menu_it/author.gif);        }
  .booksIt         { background-image: url(menu_it/books.gif);         }
  .bookshopsIt     { background-image: url(menu_it/bookshops.gif);     }
  .buyIt           { background-image: url(menu_it/buy.gif);           }
  .cardsIt         { background-image: url(menu_it/cards.gif);         }
  .desktopIt       { background-image: url(menu_it/desktop.gif);       }
  .fucinaIt        { background-image: url(menu_it/fucina.gif);        }
  .imagesIt        { background-image: url(menu_it/images.gif);        }
  .indexIt         { background-image: url(menu_it/index.gif);         }
  .interviewIt     { background-image: url(menu_it/interview.gif);     }
  .jacketIt        { background-image: url(menu_it/jacket.gif);        }
  .mailIt          { background-image: url(menu_it/mail.gif);          }
  .mentionIt       { background-image: url(menu_it/mention.gif);       }
  .messagesIt      { background-image: url(menu_it/messages.gif);      }
  .newsIt          { background-image: url(menu_it/news.gif);          }
  .newsletterIt    { background-image: url(menu_it/newsletter.gif);    }
  .readIt          { background-image: url(menu_it/read.gif);          }
  .reviewsIt       { background-image: url(menu_it/reviews.gif);       }
  .seeIt           { background-image: url(menu_it/see.gif);           }

  .aboutEn         { background-image: url(menu_en/about.gif);         }
  .authorEn        { background-image: url(menu_en/author.gif);        }
  .booksEn         { background-image: url(menu_en/books.gif);         }
  .bookshopsEn     { background-image: url(menu_en/bookshops.gif);     }
  .buyEn           { background-image: url(menu_en/buy.gif);           }
  .cardsEn         { background-image: url(menu_en/cards.gif);         }
  .desktopEn       { background-image: url(menu_en/desktop.gif);       }
  .fucinaEn        { background-image: url(menu_en/fucina.gif);        }
  .imagesEn        { background-image: url(menu_en/images.gif);        }
  .indexEn         { background-image: url(menu_en/index.gif);         }
  .interviewEn     { background-image: url(menu_en/interview.gif);     }
  .jacketEn        { background-image: url(menu_en/jacket.gif);        }
  .mailEn          { background-image: url(menu_en/mail.gif);          }
  .mentionEn       { background-image: url(menu_en/mention.gif);       }
  .messagesEn      { background-image: url(menu_en/messages.gif);      }
  .newsEn          { background-image: url(menu_en/news.gif);          }
  .newsletterEn    { background-image: url(menu_en/newsletter.gif);    }
  .readEn          { background-image: url(menu_en/read.gif);          }
  .reviewsEn       { background-image: url(menu_en/reviews.gif);       }
  .seeEn           { background-image: url(menu_en/see.gif);           }

/** FINE NAVIGATOR **/



/** MAIN **/
#print {
  width: 580px;
}

  #print table {
    background-color: #dd0000;
    width: 580px;
  }

  #print .check {
    padding-top: 8px;
  }

  #print .printRow {
    position: relative;
    top: 0px;
    left: 0px;
    padding-top: 15px;
  }

    #print .printRow img {
      position: absolute;
      top: 32px;
      left: 0px;
      width: 580px;
      height: 1px;
    }

#main {
  padding: 102px 0px 20px 248px;
}

  /* \*/ #main .table {
    display: table;
  } /* */

  #main .table {
    width: 460px;
    padding: 0px;
    margin: 0px;
  }

    #main .table .cell {
      width: 460px;
      height: 325px;
      padding: 0px;
      margin: 0px;
      line-height: 15px;
    }

    /* \*/ #main .table .cell {
      display: table-cell;
    } /* */

    html>body #main .table .cell {
      display: block;
      min-height: 325px;
      height: auto;
    }

      #main .table .cell table {
        background-color: #dd0000;
        width: 460px;
      }

      #main .table .cell table.inactive {
        background-color: #888888;
      }

        #main .table .cell table tr td, #print table tr td {
          padding: 3px 5px;
          text-align: center;
          background-color: #ffffff;
        }

        #main .table .cell table tr .right, #print table tr .right {
          text-align: right;
        }

        #main .table .cell table tr .evidence, #print table tr .evidence {
          background-color: #dd0000;
          color: #ffffff;
        }

        #main .table .cell table.inactive tr .evidence {
          background-color: #888888;
        }

      #main .table .cell .title {
        padding: 2px 5px;
        margin-bottom: 8px;
        color: #ffffff;
        background-color: #dd0000;
      }

        #main .table .cell .title a,
        #main .table .cell .title a:hover {
          display: block;
          color: #ffffff;
          text-decoration: none;
        }

      #main .table .cell .newsForm {
        text-align: right;
        padding-top: 8px;
        border-top: 2px solid #888888;
      }

        #main .table .cell .absText a,
        #main .table .cell .absText a:hover {
          display: block;
          color: #333333;
          text-decoration: none;
        }

      #main .table .cell .newsImg {
        float: left;
        padding-right: 10px;
      }

      #main .table .cell .indexRow {
        position: relative;
        top: 0px;
        left: 0px;
        padding-left: 50px;
      }

        #main .table .cell .indexRow .indexNum {
          position: absolute;
          top: 0px;
          left: 0px;
        }

      #main .table .cell .homeRow,
      #main .table .cell .homeMono {
        clear: both;
        width: 460px;
        padding-bottom: 20px;
      }

        #main .table .cell .homeRow .item {
          float: left;
          width: 215px;
        }

        #main .table .cell .homeRow .divider {
          float: left;
          width: 30px;
        }

      #main .table .cell .revMenu {
        font-weight: bold;
        color: #dd0000;
        text-align: center;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #dd0000;
      }

        #main .table .cell .revMenu ul li {
          display: inline;
        }

        #main .table .cell .revMenu ul li a.sel,
        #main .table .cell .revMenu ul li a.sel:hover {
          color: #333333;
          text-decoration: none;
        }

      #main .table .cell .revData {
        font-weight: bold;
        color: #777777;
        text-align: right;
        padding-bottom: 15px;
      }

      #main .table .cell .leftCol {
        float: left;
        width: 242px;
        padding-right: 20px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 222px;
      }

      html>body #main .table .cell .leftCol {
        width: 222px;
      }

        #main .table .cell .leftCol .subtitle {
          color: #339999;
          padding: 3px 0px;
        }

        #main .table .cell .leftCol ul .booksList {
          padding-bottom: 14px;
          line-height: 14px;
        }

          #main .table .cell .leftCol ul .booksList a,
          #main .table .cell .leftCol ul .booksList a:hover {
            color: #777777;
            text-decoration: none;
          }

          #main .table .cell .leftCol ul .booksList li {
            padding: 3px 0px;
          }

            #main .table .cell .leftCol ul .booksList li a,
            #main .table .cell .leftCol ul .booksList li a:hover {
              font-weight: bold;
              color: #dd0000;
              text-decoration: none;
            }

      #main .table .cell .rightColBooks {
        float: left;
        width: 217px;
        padding: 13px 0px 0px 50px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 167px;
      }

      html>body #main .table .cell .rightColBooks {
        width: 167px;
      }

        #main .table .cell .rightColBooks ul {
          margin-top: 20px;
        }

          #main .table .cell .rightColBooks ul li a,
          #main .table .cell .rightColBooks ul li a:hover {
            font-weight: bold;
            color: #ffffff;
            text-decoration: none;
          }

          #main .table .cell .rightColBooks ul li a:hover {
            text-decoration: underline;
          }

      #main .table .cell .rightColBooksList {
        float: left;
        width: 217px;
        height: 280px;
        background: transparent url(books.gif) no-repeat 34px 13px;
      }

      #main .table .cell .rightColAbout {
        float: left;
        width: 217px;
        text-align: center;
        color: #ffffff;
        padding: 285px 0px 0px 23px;
        background: transparent url(car.gif) no-repeat 34px 13px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 194px;
      }

      html>body #main .table .cell .rightColAbout {
        width: 194px;
      }

        #main .table .cell .rightColAbout a, #main .table .cell .rightColAbout a:hover {
          color: #ffffff;
        }

      #main .table .cell li.bookshops {
        padding-bottom: 10px;
      }

        #main .table .cell li.bookshops cite {
          font-style: normal;
          color: #339999;
        }

      #main .table .cell .thumb {
        position: absolute;
        width: 130px;
        text-align: center;
      }

      #main .table .cell #image1 {
        top: 102px;
        left: 248px;
      }

      #main .table .cell #image2 {
        top: 102px;
        left: 413px;
      }

      #main .table .cell #image3 {
        top: 102px;
        left: 578px;
      }

      #main .table .cell #image4 {
        top: 267px;
        left: 248px;
      }

      #main .table .cell #image5 {
        top: 267px;
        left: 413px;
      }

      #main .table .cell #image6 {
        top: 267px;
        left: 578px;
      }

      #main .table .cell .gallText {
        padding: 20px 30px;
      }

      #main .table .cell .introForm {
        padding: 0px 30px 30px 30px;
      }

      #main .table .cell #paginationGallery {
        position: absolute;
        top: 420px;
        left: 298px;
        width: 360px;
        text-align: center;
      }

      #main .table .cell #booksGalleryBack {
        position: absolute;
        top: 420px;
        left: 658px;
        width: 50px;
        text-align: right;
      }

      #main .table .cell .field {
        width: 400px;
        text-align: left;
        padding-bottom: 15px;
        margin: 0px auto;
      }

      #main .table .cell .field .input {
        width: 400px;
      }

      #main .table .cell .submit {
        width: 400px;
        padding-bottom: 15px;
        text-align: right;
        margin: 0px auto;
      }

/** FINE MAIN **/



/** CHANGE LANGUAGE **/
#changeLangIt,
#changeLangEn {
  clear: left;
  padding-left: 570px;
  height: 22px;
}

  #changeLangIt a, #changeLangIt a:hover,
  #changeLangEn a, #changeLangEn a:hover {
    display: block;
    width: 156px;
    height: 22px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top left;
  }

  #changeLangIt a, #changeLangIt a:hover { background-image: url(it.gif); }
  #changeLangEn a, #changeLangEn a:hover { background-image: url(en.gif); }

/** FINE CHANGE LANGUAGE **/



/** FOOTER **/
#footer {
  clear: left;
  width: 740px;
  padding: 11px 0px 80px 0px;
  text-align: center;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: top left;
}

.white #footer { background-image: url(bgpage3.gif); }
.grey #footer { background-image: url(bgpage5.gif); }

/** FINE FOOTER **/