/*********************************
 *  rosa: FD116D
 *  arancione: FF7500
 *  arancione chiaro: F9B139
 *  
 ********************************/


/******************************
 *  ELEMENTI GENRICI
 *****************************/
  html, body {
    margin: 0;
    border: 0;
    padding: 0;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
  }
  
  body {
    text-align: center; /* fix IE centering page*/
  }
  
  a:link, a:visited {
    text-decoration: none;
    color: #777;
  }
  
  a { outline: none; }
  
  img {
    border: none;
  }


/******************************
 *  CLASSI GENRICHE e GRIGLIA
 *****************************/
  .span_1,
  .span_2,
  .span_3,
  .span_4,
  .span_5 {
    float: left;
    display: inline;
    position: relative;
  }
  
  .span_1 { width: 150px; }
  .span_2 { width: 330px; }
  .span_3 { width: 510px; }
  .span_4 { width: 690px; }
  .span_5 { width: 870px; }
  
  .prefix_1 { margin-left: 30px; }
  .prefix_2 { margin-left: 210px; }
  .prefix_3 { margin-left: 360px; }

  .height_1 { height: 30px; }
  .height_2 { height: 330px; }

/******************************
 *  MAIN
 *****************************/
  #centrato {
    width: 900px;
    margin: 0 auto;
    text-align: left; /* fix IE centering page*/
    position:relative;
    padding: 30px 0px 10px 30px;
  }
  
/*----------------------------*/
  #intestazione {
    position: relative;
    width: 100%;
    height: 180px;
  }
  
  #logo {
    position: absolute;
    right: 30px;
    top: 0px;
    width: 213px;
    height: 18px;
    background: url('logo.png') top left no-repeat;
    overflow: hidden;
    text-indent: -1000px;
  }
  
  #nav1 {
    float: left;
    width: 150px;
    margin: 0;
    padding: 0;
    background: #FF7500;
    line-height: 18px;
    list-style: none;
  }
    
    #nav1 li {
      margin: 0;
      height: 20px;
    }
    
    #nav1 a {
      display: block;
      padding: 0px 5px 2px;
    }
  
    #nav1 a:link, #nav1 a:visited {
      color: #FFF;
    }
      #nav1 a:hover,
      #nav1 .selected a { background: #FD116D; }
  
/*----------------------------*/
  #corpo {
    position: relative;
    width: 100%;
    height: auto !important;
    height: 370px; /* Box model IE Fix */
    min-height: 370px;
    float: left;
    padding-bottom: 20px;
  }
  
/*----------------------------*/
  #footer {
    clear: both;
    position: relative;
    width: 100%;
    height: 25px;
    background: url('umbrella.png') top left no-repeat;
    font-size: 10px;
    color: #777;
  }
  
  #modulo_dati {
    float: right;
    display: inline;
    margin: 0 390px 0 0;
  }
  
  #cambiolingua {
    position: absolute;
    right: 30px;
    top: 0;
    margin: 0;
    list-style: none;
    padding: 0;
  }
    
    #cambiolingua .selected {
      display: none;
    }
  
  
  
  
  
/******************************
 *  HOMEPAGE
 *****************************/
  #modulo_news {}

    #modulo_news .album {
      position: relative;
      width: 690px;
      height: 280px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    
      #modulo_news .album li {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
      }
      
        #modulo_news .album li.active {
          display: block;
          z-index: 5;
        }
        
        #modulo_news .album li span,
        #modulo_news .album li strong {
          display: none;
        }
    
    #modulo_news .text {
      margin-top: 1em;
      color: #999;
    }
    
    #modulo_news b.spot {
      position: absolute;
      top: 0;
      left: -60px;
      width: 40px;
      height: 40px;
      background: url('arrows_big.png') center center no-repeat;
      cursor: pointer; /* fix IE */
    }


/******************************
 *  PROGETTI ELENCO
 *****************************/
  h3.titolo, h1.titolo {
    margin: 0 0 2px;
    padding: 7px 15px;
    font-size: 16px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: #FFF;
  }
    
    h3.titolo a:link, h3.titolo a:visited {
      display: block;
      color: #FFF;
      background: url('arrows.png') right center no-repeat;
    }
    
  #modulo_news a.news:link, #modulo_news a.news:visited {
    display: block;
    background: #DDD;
    color: #777;
    margin: 0 0 15px;
    padding: 5px 8px;
  }
    
    #modulo_news .news strong {
      color: #000;
      font-weight: normal;
    }


/******************************
 *  PROGETTO DETTAGLIO
 *****************************/
  #breadcrumb {
    position: absolute;
    top: -25px;
    left: 0;
  }
  
    #breadcrumb,
    #breadcrumb a:link, #breadcrumb a:visited {
      color: #FF006D;
    }
      #breadcrumb a:hover { text-decoration: underline; }



  ul#modulo_immagini {
    padding: 0;
    margin-top: 32px;
    margin-bottom: 0;
    list-style: none;
    width: 350px;
  }
    
    ul#modulo_immagini li {
      float: left;
      display: inline;
      margin: 0 15px 15px 0;
      width: 100px;
      height: 100px;
    }
      ul#modulo_immagini li.hidden { display: none; }
      
    ul#modulo_immagini a {
      display: block;
      position: relative;
    }
    
    ul#modulo_immagini .dida {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 90px;
      height: 18px;
      color: #FFF;
      padding: 0 5px;
      line-height: 16px;
      background: url('pix_trasp.png') top left repeat;
      font-size: 10px;
    }
    
    ul#modulo_immagini .avanti,
    ul#modulo_immagini .indietro {
      cursor: pointer;
    }
    
    ul#modulo_immagini .lnk {
      display: block;
      padding: 5px 8px;
      color: #FFF;
    }
  
  #modulo_testo p {
    margin: 0;
  }
    
    #modulo_testo .testo a {
      color: #FFF;
      text-decoration: underline;
    }
  
    #modulo_testo .testo {
      color: #FFF;
      padding: 10px 15px;
      font-size: 12px;
    }
    
      #modulo_testo .testo p {
        margin: 0;
      }
  
    #modulo_testo h2 {
      margin-bottom: 0;
      padding-left: 15px;
      font-size: 12px;
      text-transform: uppercase;
      color: #FFF;
      font-weight: bold;
    }
    
    #modulo_testo div.no_pad {
      padding-top: 0;
    }
  
  
  #progetti_correlati {}
  #edizioni_precedenti {}
  
    #progetti_correlati h4,
    #edizioni_precedenti h4,
    h4.title_box {
      color: #777;
      font-size: 11px;
      font-weight: normal;
      margin: 0;
      height: 30px;
      margin-bottom: 2px;
      line-height: 30px;
    }
    
    #progetti_correlati p,
    #edizioni_precedenti p,
    #staff p,
    #link_contatti p {
      height: 30px;
      margin: 0 0 2px;
      padding: 0 15px;
      line-height: 30px;
      font-weight: normal;
    }
      #progetti_correlati a:link, #progetti_correlati a:visited,
      #edizioni_precedenti a:link, #edizioni_precedenti a:visited,
      #staff a:link, #staff a:visited,
      #link_contatti a:link, #link_contatti a:visited {
        display: block;
        height: 100%;
        color: #FFF;
        background: url('arrows.png') right center no-repeat;
      }
    
    div.ed_prec { margin-top: 0; }
      div.ed_prec h4 { display: none; }
    
  a.down_press {
    position: absolute;
    bottom: 10px;
    left: 15px;
    height: 20px;
    line-height: 20px;
    padding-left: 28px;
    background: url('press_download.png') left -1px no-repeat;
    color: #FFF;
  }
  
  
  div.bottom {
    position: absolute;
    bottom: 26px;
    right: 30px;
    float: none;
  }
  
  div.mtop_1 { margin-top: 20px; }
  div.mtop_2 { margin-top: 30px; }


/******************************
 *  UMBRELLA e STAFF
 *****************************/
  #modulo_umbrella {}
  
    #modulo_umbrella h1 {
      background: #FF7500;
    }
    
    #modulo_umbrella #modulo_testo {
      background: #F9B139;
    }
    
      #modulo_umbrella #modulo_testo .testo {
        color: #000;
        font-size: 11px;
      }
      
    #modulo_umbrella a.down_press {
      color: #000;
      background: url('press_download.png') left -40px no-repeat;
    }
  
  #staff p {
    background: #DDD;
  }
  
    #staff p a:link, #staff p a:visited {
      background-image: url('arrow_s.png');
      color: #000;
    }
  
  #link_contatti p {
    background: #777;
  }
    #link_contatti p a:link, #link_contatti p a:visited {
      background-position: 295px center;
    }
  
  .persona_dettaglio {
    margin-bottom: 2px;
    background: #F9B139;
  }
  
    .persona_dettaglio h1 {
      color: #000;
      margin: 0;
      cursor: pointer;
    }
      .persona_dettaglio h1 span {
        color: #FFF;
        margin-left: 10px;
      }
    
    .persona_dettaglio .modulo_testo {
      display: none;
      font-size: 11px;
      height: 220px;
      position: relative;
    }
      
      .persona_dettaglio .modulo_testo .testo {
        padding: 0px 15px 10px;
        color: #FFF;
      }
        .persona_dettaglio .modulo_testo div.altro { color: #000; }
      
      .persona_dettaglio img {
        position: absolute;
        right: -270px;
        top: -30px;
      }
      
    .persona_dettaglio p { margin: 0; }
    
  div.p_selected { background: #FF7500; }
  
    div.p_selected h1 { cursor: default; }
  
    div.p_selected .modulo_testo { display: block; }
  

/******************************
 *  CONTATTI
 *****************************/
  #modulo_mappa a.link {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px 20px 3px 10px;
    background: #FFF url('arrow_s.png') 95% center no-repeat;
  }
  
  #contatti {
    background: #DDD;
    height: 170px;
  }
  
    #contatti h4 {
      background: #FFF;
      margin: 0;
      height: 20px;
      line-height: 16px;
    }
    
    #contatti .testo {
      float: left;
      padding: 7px 10px;
      width: 140px;
    }
    
    #contatti a.link {
      color: #000;
      position: absolute;
      bottom: 7px;
      left: 10px;
    }


/******************************
 *  NEWS
 *****************************/  
  .news_dettaglio {
    margin-bottom: 2px;
    background: #F38AC3;
  }
  
    .news_dettaglio h1 {
      margin: 0;
      cursor: pointer;
    }
      .news_dettaglio h1 a:link,.news_dettaglio h1 a:visited {
        color: #000;
      }
    
    .news_dettaglio .data {
      font-size: 11px;
      color: #FFF;
      margin-right: 5px;
    }
    
    .news_dettaglio .modulo_testo {
      display: none;
      font-size: 12px;
      position: relative;
      margin-bottom: 50px;
    }
      
      .news_dettaglio .modulo_testo .testo {
        padding: 0px 15px 10px;
        color: #FFF;
      }
      
      .news_dettaglio a.to_scheda:link, .news_dettaglio a.to_scheda:visited {
        position: absolute;
        bottom: -30px;
        left: 15px;
        color: #FFF;
        padding: 2px 20px 3px 0;
        background: url('arrows.png') right center no-repeat;
      }
      
    .news_dettaglio p { margin: 0; }
    
  div.n_selected { background: #FD116D; }
  
    div.n_selected h1 { cursor: default; }
  
    div.n_selected .modulo_testo { display: block; }


/******************************
 *  PORTFOLIO
 *****************************/
#portfolio_elenco {}

  #portfolio_elenco h1 {
    background: #FF7500;
    text-indent: 25px;
  }
  
  #portfolio_elenco ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  #portfolio_elenco li {
    position: relative;
    padding: 7px 15px 7px 0px;
    margin-top: 2px;
  }
  
    #portfolio_elenco li .titolo {
      color: #999;
      font-size: 16px;
      margin: 0 0 0 40px;
    }
    
    #portfolio_elenco li.active .titolo {
      color: #FF7500;
    }
    
    #portfolio_elenco li.active a {
      position: absolute;
      top: 0;
      left: 0;
      height: 30px;
      width: 30px;
      background: #FF7500 url('arrows.png') center center no-repeat;
    }
  

/******************************
 *  GALLERY
 *****************************/
  #modulo_gallery {
    float: left;
    position: relative;
    left: -14px;
    width: 928px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
    
    #modulo_gallery li {
      float: left;
      position: relative;
      width: 128px;
      height: 108px;
      border-top: 10px solid #FFF;
      border-bottom: 10px solid #FFF;
      overflow: hidden;
    }
    
      #modulo_gallery a:link, #modulo_gallery a:visited {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -50px 0 0 -50px;
        height: 100px;
        width: 100px;
      }
        #modulo_gallery a:hover strong { display: block; }
    
      
      #modulo_gallery .hidden {
        /* width: 0; */
        display: none;
      }
      
      #modulo_gallery .anno,
      #modulo_gallery strong {
        position: absolute;
        left: 0;
        background: url('pix_trasp.png') top left repeat;
        font-size: 11px;
        padding: 0 5px;
        color: #FFF;
        width: 90px;
        cursor: pointer;
      }
      
      #modulo_gallery .anno {
        bottom: 0;
        height: 18px;
        line-height: 16px;
      }
      
      #modulo_gallery strong {
        display: none;
        top: 0;
        height: 78px;
        padding-top: 4px;
        line-height: 100%;
      }
        
        #modulo_gallery strong span { font-weight: normal; }
        
  #modulo_gallery .img,
  #modulo_gallery .active {
    background: #AAA;
  }
    
    #modulo_gallery .active img { display: none; }
    
    #modulo_gallery .active .anno {
      background: url('close.png') right center no-repeat ;
    }
    
    #modulo_gallery .active strong {
      background: none;
      display: block;
      cursor: pointer;
    }