@font-face {
	font-family: 'ScalaSansMedium';
	src: url('scalasans-webfont.eot');
	src: local('☺'), url('scalasans-webfont.woff') format('woff'), url('scalasans-webfont.ttf') format('truetype'), url('scalasans-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


  .span1,
  .span2,
  .span3,
  .span4 {
    position: relative;
  }
  
  .span1 { width: 125px; }
  .span2 { width: 320px; }
  .span3 { width: 460px; }
  .span4 { width: 590px; }
  
  .pad1 { padding-right: 30px; }
  
  .float_sx {
    float: left;
    display: inline;
  }
  
  .float_dx {
    float: right;
    display: inline;
  }
  
  .clear { clear: both; }
  
  .no_m { margin: 0; }


  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  html, body {
    margin: 0;
    border: 0;
    padding: 0;
    font-family: Verdana,Helvetica, sans-serif;
    font-size: 11px;
  }
  
  body {
    text-align: center; /* fix IE centering page*/
    background: #FFF;
    width: 100%;
    height: 100%;
  }
  
  #centrato {
    width: 940px;
    margin: 0 auto;
    text-align: left; /* fix IE centering page*/
    position:relative;
    background: #FFF;
  }
  
  a:link, a:visited {
    text-decoration: none;
    color: #EE1111;
  }
  
  a { outline: none; }
  
  a img { border: none; }
    
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  #intestazione {
    position: relative;
    width: 100%;
    height: 150px;
  }
  
    #intestazione img {
      position: absolute;
      top: 0;
      z-index: 0;
    }
    
    #intestazione .grad1 { left: 570px; }
    #intestazione .grad2 { left: 634px; }
    #intestazione .grad3 { left: 706px; }
    #intestazione .grad4 { left: 794px; }
  
  #logo {
    position: absolute;
    top: 15px;
    left: -10px;
    width: 209px;
    height: 17px;
    overflow: hidden;
    
    font-size: 11px;
    text-indent: -1000px;
    background: url('logo.png') top left no-repeat;
  }
  
  #nav1 {
    position: absolute;
    right: -25px;
    top: 0;
    margin: 0;
    padding: 10px 0 16px 0;
    width: 345px;
    list-style: none;
    z-index: 2;
  }
  
    #nav1 li {
      position: relative;
      float: left;
      display: inline;
      margin-right: 35px;
    }
    
      #nav1 li.selected a:link, #nav1 li.selected a:visited, #nav1 li.selected a:hover { color: #FFF; }
    
    #nav1 a:link, #nav1 a:visited {
      position: relative;
      color: #000;
      z-index: 5;
    }
      #nav1 a:hover { color: #EE1111; }
  
  #nav1_bis {
    float: left;
    display: inline;
    margin: 12px 0 0 250px;
    width: 340px;
    padding: 0;
    list-style: none;
  }
  
    #nav1_bis li {
      float: left;
      display: inline;
      margin-right: 15px;
      background: #333;
      padding: 1px 15px 2px 5px;
    }
    
      #nav1_bis a {
        color: #FFF;
        display: block;
      }
    
  #nav2 {
    position: absolute;
    top: 45px;
    right: 10px;
    width: 180px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 11px;
    line-height: 12px;
  }
    #nav2 a:link, #nav2 a:visited {
      color: #000;
    }
      #nav2 a:hover { color: #EE1111; }
      
    #nav2 .selected a:link, #nav2 .selected a:visited { color: #EE1111; }
    
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  #corpo {
    width: 100%;
    height: auto !important;
    height: 430px; /* Box model IE Fix */
    min-height: 430px;
    position: relative;
  }
  
  #colonna1 {
    float: left;
    display: inline;
    width: 150px;
    height: 400px;
    margin-right: 10px;
  }
  
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  #footer {
    clear: both;
    position: relative;
    width: 100%;
    height: 30px;
    padding-top: 5px;
    font-size: 10px;
    color: #333;
    border-top: 1px solid #AAA;
  }
  
  #cambiolingua {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #EE1111;
  }
    
    #cambiolingua a {
      color: #555;
    }
    
    #cambiolingua li {
      float: left;
      display: inline;
      border-left: 1px solid #AAA;
      margin-left: 5px;
      padding-left: 5px;
    }
    
      #cambiolingua li:first-child {
        border-left: none;
      }
  
    #modulo_dati {
      position: relative;
      float: left;
    }
    
      #modulo_dati a:link, #modulo_dati a:visited {
        color: #333;
      }
      
      #modulo_dati .link_contatti {
        position: absolute;
        left: 150px;
        top: 0;
      }
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  .testo h1,
  .testo h2,
  .testo h3,
  .testo h4,
  .testo h5,
  .testo h6,
  .testo strong {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0;
    display: inline;
  }
  
  .testo p { margin-top: 0; }
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  #news_box {
    border-top: 1px solid #AAA;
  }
  
    #news_box .news {
      float: left;
      width: 100%;
      border-bottom: 1px solid #AAA;
      padding: 2px 0 3px;
      position: relative;
    }
    
      #news_box .news .date {
        float: left;
        width: 160px;
      }
      
      #news_box .news h3 {
        font-weight: normal;
        font-size: 11px;
        cursor: pointer;
        margin: 0;
      }
      
      #news_box .active .testo { display: block; }
      #news_box .active .spot { display: block; }
      
      .news .testo {
        position: relative;
        margin: 5px 0 30px;
        padding-left: 160px;
        display: none;
      }
        .news .spot {
          display: none;
          position: absolute;
          left: 630px;
          top: -2px;
        }
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  .famiglie {
    float: left;
    display: inline;
    width: 125px;
    height: auto;
    margin: 0 0 10px 10px;
    background: url('../../media/formato4/img1.png') top left no-repeat;
    overflow: hidden;
  }
  
    div.fam1 { margin: 0; }
    
    div.fam1 { background-position: 0px 0px; }
    div.fam2 { background-position: -134px 0px; }
    div.fam3 { background-position: -267px 0px; }
    div.fam4 { background-position: -401px 0px; }
    div.fam5 { background-position: -535px 0px; }
    div.fam6 { background-position: -669px 0px; }
    div.fam7 { background-position: -800px 0px; }
  
    .famiglie h3 {
      height: 255px;
      width: 100%;
      overflow: hidden;
      text-indent: -1000px;
      margin: 0;
    }
    
    .famiglie h3 a {
      display: block;
      height: 125px;
      width: 100%;
    }
    
    .famiglie ul {
      margin: 0;
      padding: 0;
      list-style: none;
      font-size: 11px;
    }
    
    .famiglie a:link, .famiglie a:visited {
      color: #555;
    }
      .famiglie a:hover { color: #EE1111; }
    
    
  #catalogo {
    float: right;
    display: inline;
    height: 16px;
    margin-right: 80px;
    padding-right: 23px;
    background: url('ico_acrob.gif') right top no-repeat;
  }
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/
  #bici .title {
    margin-top: -70px;
  }
  
    #bici .code {
      font-family: 'ScalaSansMedium', Verdana,Helvetica, sans-serif;
      color: #555;
      font-size: 16px;
    }
    
    #bici h1 {
      font-family: 'ScalaSansMedium', Verdana,Helvetica, sans-serif;
      font-size: 26px;
      color: #CC3333;
      font-weight: normal;
      margin: 0;
    }
  
  #bici #nav3 {
    position: absolute;
    top: -70px;
    right: 0;
    width: 240px;
    padding: 0 10px 20px;
    margin: 0;
    list-style: none;
    background: #FFF;
    line-height: 18px;
    z-index: 500;
  }
    
    #bici #nav3 li {
      display: none;
    }
    
    #bici #nav3 .hand {
      padding-bottom: 8px;
      display: list-item;
    }
    
      #bici #nav3 .hand strong {
        float: left;
        font-weight: normal;
        color: #333;
        cursor: pointer;
        padding-right: 20px;
        background: url('arrows.png') 100% -135px no-repeat;
      }
      
    #bici #nav3 .selected a:link,
    #bici #nav3 .selected a:visited {
      color: #EE1111;
    }
    
    #bici #nav3 a:link, #bici #nav3 a:visited {
      color: #333;
    }
      #bici #nav3 a:hover { color: #EE1111; }
    
    
  #scorri_recordset {
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 600;
    line-height: 18px;
  }
    
    #scorri_recordset span { float: left; }
  
    #scorri_recordset a,
    #scorri_recordset b {
      float: left;
      display: inline;
      width: 15px;
      height: 20px;
      background: url('arrows.png') 0 0 no-repeat;
      margin: 0 0 0 5px;
      overflow: hidden;
      text-indent: -1000px;
    }
    
    #scorri_recordset a.avanti { background-position: 2px -30px; }
    #scorri_recordset b.avanti { background-position: 2px 4px; }
    #scorri_recordset a.indietro { background-position: 3px -102px; }
    #scorri_recordset b.indietro { background-position: 3px -66px; }
  
  #modulo_immagine {
    height: auto !important;
    min-height: 360px;
    height: 360px; /* fix IE */
    margin: 30px 0 1em;
  }
  
    #modulo_immagine a { display: block; }
  
  
  #modulo_dettagli {
    border-top: 1px solid #AAA;
  }
  
    #scheda_tecnica {
      width: 450px;
      float: left;
      padding: 1em 0 2em 120px;
      color: #EE1111;
      margin: 0;
      line-height: 24px;
    }
    
      #scheda_tecnica dt {
        float: left;
        clear: both;
        width: 120px;
        font-size: 14px;
        font-family: Georgia, sans-serif;
        padding-top: 8px;
        line-height: 14px;
      }
      
      #scheda_tecnica dd {
        float: left;
        width: 320px;
        margin:  4px 0 0 0;
        font-size: 18px;
        font-family: 'ScalaSansMedium', Verdana,Helvetica, sans-serif;
        line-height: 18px;
      }
  
  #links_bottom {
    position: relative;
    padding-bottom: 1em;
    height: 15px;
  }
  
  #mostra_scheda { float: left; }
  
    #fullscreen {
      position: absolute;
      top: 0;
      left: 620px !important;
      left: 550px; /* fix IE */
    }
  
  .close {
    position: absolute;
    top: 1em;
    right: 0;
    width: 16px;
    height: 16px;
    background: url('arrows.png') 0px -164px no-repeat;
    cursor: pointer;
  }
  
  .trafiletto {
    font-size: 10px;
    color: #AAA;
    margin: 0 0 20px 240px;
  }
    
  #oscura {
    display: none;
    position: fixed !important;
    position: absolute; /* fix IE */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #FFF;
    z-index: 1000;
  }
  
    #oscura .img_big {
      margin-top: 2%;
      vertical-align: top;
      width: auto !important;
      max-height: 90%;
      max-width: 90%;
      width: 90%;  /* fix IE */
    }
    
    #oscura .img_logo {
      position: absolute;
      top: 1em;
      left: 0;
    }
    
    #oscura span {
      position: relative;
    }
  
  /*--------------------------------------------------------------------------*/
  /*--------------------------------------------------------------------------*/  
  #rivenditori div {
    display: none;
    background: #DDD;
    padding: 5px 8px;
    margin-bottom: 5px;
  }
  
  #rivenditori h4 {
    margin: 0;
    text-transform: uppercase;
    color: #EE1111;
    font-weight: normal;
  }
  
  #rivenditori p { margin: 0; }
  
  #rivenditori .active {
    display: block;
  }
  
  #selettore {
    position: relative;
    padding-left: 80px;
  }
  
    #selettore label {
      position: absolute;
      top: 76px;
      left: 0px;
    }
    
    #selettore select {
      margin-bottom: 1em;
      width: 160px;
    }
    
    #selettore .submit {
      position: absolute;
      top: 110px;
      left: 80px;
      background: #333;
      color: #FFF;
      padding: 2px 5px; 
    }
    
    a#ri_contact:link, a#ri_contact:visited {
      position: absolute;
      top: 9px;
      right: 16px;
      width: 85px;
      color: #FFF;
    }