body {
      padding: 0;
      margin: 0;
      font-family: Verdana;
      font-size: 12px;
      text-align: center;
      background: url('../images/bg.png') top center repeat-x #867263;
  }
  
  #bg {
      background: url('../images/bg_top.png') top center no-repeat;
  }
  
  img { border: 0; }
  
  a { color: #F18E00; }
  
  #main {
      background: #FFF;
      padding: 6px;
      margin: 0 auto;
      width: 908px !important;
      width: 920px;
  }
  #header {
      clear: both;
  }
  #logo {
      margin-bottom: 3px;
  }
  #breadcrumb {
      float: left;
      color: #919191;
      padding: 20px 0 3px 0;
  }
  #share {
      float: right;
      color: #919191;
      padding: 3px 0;
  }
  
  #breadcrumb a, #share a {
      color: #919191; 
      text-decoration: none;
      font-weight: bold;
  }
  #breadcrumb a:hover, #share a:hover {
      color: #7C6C5F;
      text-decoration: underline;
  }
  #breadcrumb a.bselected {
      color: #F18E00;
  }
  #submenu {
      width: 600px !important;
      width: 630px;
      height: 14px !important;
      height: 34px;
      margin-bottom: 10px;
      background: url('../images/submenu.png') top center no-repeat;
      padding: 10px 15px 10px 15px;
      text-align: left;
  }
  #submenu a {
      color: #797979;
      text-decoration: none;
      font-size: 12px;
      font-weight: bold;
  }
  #submenu a:hover {
      color: #AAA;
  }
  #submenu a.sel {
      color: #F18E00;    
  }
  #content {
      clear: both;
      margin: 5px auto;
      background: url('../images/chocolate.png') bottom right no-repeat;
  }
  #sx {
      float: left;
      text-align: center;
      width: 631px;
      padding-bottom: 50px;
  }
  #sx #c {
      margin: 0 auto;
      margin-bottom: 10px;
      text-align: left;
      width: 621px;
  }
  #sx #c #ctop {
      /*background: url('../images/bg_content_top.png') top center no-repeat;*/
      height: 12px;
      display: none;            
  }
  #sx #c #ccenter {
      /*background: #E6E6E6;*/
      text-align: left;
      padding: 1px 10px;
  }
  #sx #c #cbottom {
      /*background: url('../images/bg_content_bottom.png') top center no-repeat;*/
      display: none;
      height: 12px;            
  }
  #c h1 {
      color: #F18E00;
      font-weight: normal;
      font-size: 18px;
      margin: 5px 0;
      padding: 0;    
  }
  
  #c h2 {
      color: #F18E00;
      font-weight: normal;
      font-size: 14px;
      margin: 5px 0;
      padding: 0;    
  }
  #c ul {
      padding-left: 20px;  
            
  }
  #c li {
      padding-left: 10px;
      margin: 15px 0;
      font-size: 12px;
      list-style-image: url('../images/arrow.png');
  }
  
  #link {
      /* background: url('../images/link.png') center center; */
      text-align: center;
      width: 274px;
      display: none;
  }
  #link a {
      display: block;
      margin-left: 26px;
      margin-bottom: 20px;
      float: left;
  }
  
  #dx {
      float: right;
  }
  #dx .box {
      margin-bottom: 15px;
      width: 124px !important;
      width: 274px;
      height: 147px !important;
      height: 150px;
      padding: 3px 140px 0 10px;
  }
  #dx .box h1 {
      font-size: 12px;
      color: #F18E00;
      font-weight: bold;
      padding: 0;
      margin: 5px 0;
      text-align: right;
  }
  #dx .box p {
      color: #707070;
      text-align: justify;
      padding: 0;
      margin: 5px 0;
  } 
  #box1 { background: url('../images/box/box1.png') center center no-repeat; }
  #box2 { background: url('../images/box/box2.png') center center no-repeat; }
  
  #media {
      width: 274px;
      height: 246px;
      margin-bottom: 15px;
      background: url('../images/media.png') center center no-repeat;
  }
  #media #mtop {
      padding: 3px;
  }
  #mtop a {
      display: block;
      float: right;
  }
  #media #mcontent {
      clear: both;    
  }
  #mtitle {
      background: url('../images/media/media_gallery.png') center center no-repeat;
      height: 22px;
      width: 158px;
  }
  #mphoto {
      background: url('../images/media/media_foto.png') center center no-repeat;
      height: 22px;
      width: 77px;
      cursor: pointer;
  }
  #mvideo {
      background: url('../images/media/media_video.png') center center no-repeat;
      height: 22px;
      width: 77px;
      cursor: pointer;
  }
  #mcvideo {
      display: none;
  }
  #mphoto:hover { background-image: url('../images/media/media_foto_h.png'); }
  #mvideo:hover { background-image: url('../images/media/media_video_h.png'); }
  #mphoto.msel { background-image: url('../images/media/media_foto_sel.png'); }
  #mvideo.msel { background-image: url('../images/media/media_video_sel.png'); }
  
  .media {
      text-align: center;
      margin: 20px 12px;
      float: left;
  }

  .media_foto {
      text-align: center;
      margin: 8px 22px;
      float: left;
      border: 1px solid #555;
      padding: 6px;
      background: #FFF;
      -moz-box-shadow: 3px 3px 5px black;
  }
  
  #bmenu {
      clear: both;
      text-align: right;
      margin-bottom: 10px;
      position: relative;
  }
  #bmenu a {
      text-decoration: none;
      color: #7C6C5F;
      font-weight: bold;
  }
  #bmenu a:hover {
      color: #919191;
      text-decoration: underline;
  }
  #slogan {
      position: absolute; 
      z-index: 100; 
      left: 0 !important; 
      left: -650px;
      bottom: 0 !important;
      bottom: auto;
      top: auto !important;
      top: -55px;
      color: #F18E00; 
      font-weight: bold;
  }
  #slogan h1, #slogan h2 {
      float: left;
      padding: 0;
      margin: 0;
  }
  #slogan h2 {
      margin-top: 6px;
      margin-right: 6px;
  }
  #footer {
      clear: both;
      color: #FFF;
      padding-bottom: 100px;
      background: url('../images/bg_bottom.png') top left repeat-x;
  }
  #footer .wrap {
      padding: 10px;
      width: 900px !important;
      width: 920px;
      margin: 0 auto;
  }
  #footer a {
      color: #FFF;
      font-weight: bold;
      text-decoration: none;
  }
  #footer a:hover {
      color: #AAA;
      text-decoration: underline;
  }
  #footer p {
      margin: 3px 0;
      padding: 0;
  }
  
  .clear { clear: both; }
  .left { float: left; text-align: left; }
  .right { float: right; text-align: right; }
  
  #menu a {
      display: block;
      height: 111px;
      width: 111px;
      overflow: hidden;
      margin-left: 2.8px;
      float: left;
  }               
  #menu a.bfirst { margin-left: 0; }
  #b1 { background: url('../images/menu/b1.png') no-repeat center center; }
  #b2 { background: url('../images/menu/b2.png') no-repeat center center; }
  #b3 { background: url('../images/menu/b3.png') no-repeat center center; }
  #b4 { background: url('../images/menu/b4.png') no-repeat center center; }
  #b5 { background: url('../images/menu/b5.png') no-repeat center center; }
  #b6 { background: url('../images/menu/b6.png') no-repeat center center; }
  #b7 { background: url('../images/menu/b7.png') no-repeat center center; }
  #b8 { background: url('../images/menu/b8.png') no-repeat center center; }  
  
  #b1:hover, #b1.bsel { background-image: url('../images/menu/bh1.png'); }
  #b2:hover, #b2.bsel { background-image: url('../images/menu/bh2.png'); }
  #b3:hover, #b3.bsel { background-image: url('../images/menu/bh3.png'); }
  #b4:hover, #b4.bsel { background-image: url('../images/menu/bh4.png'); }
  #b5:hover, #b5.bsel { background-image: url('../images/menu/bh5.png'); }
  #b6:hover, #b6.bsel { background-image: url('../images/menu/bh6.png'); }
  #b7:hover, #b7.bsel { background-image: url('../images/menu/bh7.png'); }
  #b8:hover, #b8.bsel { background-image: url('../images/menu/bh8.png'); }
  
  #home_sx {
      float: left;
      width: 160px;
      text-align: right;
  }
  #home_dx {
      float: right;
      width: 430px;
      text-align: left;
  }
  
  #home h1 {
      font-size: 45px;
      color: #311805;
      font-weight: bold;
      padding: 0;
      margin: 3px;
      margin-bottom: 15px;
  }
  #home h2 {
      font-size: 25px;
      color: #F18E00;
      padding: 0;
      margin: 3px;
      margin-bottom: 15px;
      font-weight: normal;
  }
  #home h3 {
      font-size: 13px;
      color: #737A7E;
      padding: 0 0 0 25px;
      margin: 15px 3px;
      background: url('../images/arrow.png') top left no-repeat;
      font-weight: normal;
  }
  #home h4 {
      font-size: 14px;
      color: #80868A;
      padding: 0;
      margin: 3px 3px 20px 3px;
      clear: both;
  }
  #home h5 {
      font-size: 20px;
      font-weight: bold;
      background: #311805;
      color: #FFF;
      padding: 1px 3px;
      margin: 16px 3px 3px 3px;
      float: right; 
  }
  
  /* ------- FORM -------- */
  .c { clear: both; }
  .cl { float: left; width: 145px; margin: 5px 0; }
  .cb { float: left; width: 345px; margin: 5px 0; }
  .cp { margin: 5px 0; }
  .cp.controllo { 
      background: #FAECD6; 
      margin: 10px 0; 
      padding: 3px;
      float: left;
  }
  input, select { font-size: 12px; }
  .error { 
      color: #F00; 
      font-weight: bold; 
  }
  .error input {
      border: 1px dotted #FFC2C1;
  }
  
  /* ---------- LISTE ----------- */
  .riga {
      clear: both;
      margin: 5px 0;
      border-bottom: 1px dashed #E9E9E9;
      padding: 5px 10px;  
  }
  .riga.rmain {
      background: #FFE8C9 none repeat scroll 0 0;
      padding: 5px 10px;
      color: #fff;
      -moz-border-radius: 7px 0;  
      border-radius: 7px 0;
      font-weight: bold;
      border-bottom: 0;
      height: auto !important;
      height: 14px;
  }
  .riga.rnob { border: 0; }
  
  .wshort { width: 40px; }
  .wshort0 { width: 25px; }
  .wshort1 { width: 60px; }
  .wshort2 { width: 80px; }
  
  .wavg { width: 110px; }
  .wavg1 { width: 140px; }
  .wavg2 { width: 160px; }
  
  .wbig { width: 170px; }
  .wbig1 { width: 250px; }
  .wbig2 { width: 300px; }
  .wbig3 { width: 450px; }
  
  .wshort, .wshort0, .wavg, .wavg1, .wavg2, .wbig, .wbig1, .wbig2, .wbig3, .wshort1, .wshort2 { 
      padding: 2px; 
      float: left; 
  }
  
  /* -------- NEWS ---------- */
  .news {
      margin-bottom: 20px;
  }
  
  .news h6 {
      color: #F18E00;
      font-size: 14px;
      font-weight: normal;
      padding: 0;
      margin: 5px 0;
  }
  .news p {
      font-size: 12px;
      margin: 5px;
      padding: 0;
  }
  
  /* ------------ RAPPORTO -------------- */
  .rapporto {
      margin: 5px;
      padding: 5px;
      border: 1px solid #AAA;
      color: #555;
      background: url('../images/icone/icon_alert.gif') 10px center no-repeat #FFFFD6;
      padding-left: 40px;
  }
  .rapporto.ok {
      border: 1px solid #0A0;
      color: #00AA00;
      background: url('../images/icone/icon_confirm.gif') 10px center no-repeat #F9FFF9;
  }
  .rapporto.no {
      border: 1px solid #F00;
      color: #FF0000;
      background: url('../images/icone/icon_warning.gif') 10px center no-repeat #FFF9F9;
  }
  
  /* ---------- MAPPE ------------------ */
  #map_avg {
      float: left; 
      width: 600px; 
      height: 350px; 
      border: 1px #888 solid;
      margin: 20px 0;
  }
  #map {
      float: left; 
      width: 600px; 
      height: 450px; 
      border: 1px #888 solid;
      margin: 20px 0;
  }
  
  /* ----------- SITEMAP -------------- */
  
  #sitemap {
      padding-left: 0;
  }
  
  #sitemap li ul {
      padding-left: 0px;
      margin-left: 10px;
  }
  
  #sitemap li {
      list-style-image: url('../images/icone/icon_folder.gif');
      padding-left: 0px;
  }
  
  #sitemap li ul li {
      list-style-image: url('../images/icone/icon_subfolder.gif');
      padding-left: 5px;
  }
