/*
    Foglio di stile per:
    LAYOUT DEL SITO
*/

/* Impostazioni di base dei tag */
body, html {
    margin:0; padding:0;
    background: #b6b6b6;
}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
a { text-decoration:none; color:#000000; }
a:hover { text-decoration:underline; }
img { border:0; }
p { padding:0; margin:0; }

/* Definizione classi */
.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }
.separator { border-bottom:1px dotted #cccccc; margin:5px 0;}
ul ul { list-style:circle; padding:5px 0; padding-left:20px; margin:0; }

/* Definizione layout della pagina con ridefinisione tag di base */
body {
    margin:0; padding:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    
    background: url("/App_Themes/Luna/Images/background.png") repeat-x;
}

ul.menu { list-style:none; padding:0; margin:0; }
ul.menu li {  }
ul.menu li .content { padding-top:8px; color:#000000; padding-left:8px; }
ul.menu li .content a { color:#000000; }

/*ul.menu li.item-1 { background: url("/App_Themes/Luna/Images/home-button.png") repeat-x; }
ul.menu li.item-2 { background: url("/App_Themes/Luna/Images/scrivici-button.png") repeat-x; }
ul.menu li.item-3 { background: url("/App_Themes/Luna/Images/mappa-button.png") repeat-x; }*/

/* Definizione layout della pagina per box */


/* toolbar header dipendente dalla zona */
#zona-header {
    height:42px;
    background: url("/App_Themes/Luna/Images/zona_header-background.png") repeat-x;
    text-align:left;
}
#zona-header #image-link { padding-right:150px; }
#zona-header img { padding-right:5px; }
#zona-header .loghi_istituzionali { float:right; padding-top:1px; }
#zona-header .loghi_rete { }



#wrap {
    width: 850px;
    padding: 0 13px;
    margin:0 auto;
    text-align:left;
    background: url("/App_Themes/Luna/Images/wrap-background.png") repeat-y;
}

#header { height:280px; width:850px;  }
#header #support-menu { width:300px; height:65px; margin-left:640px; position:absolute; z-index:99;  }
#support-menu ul.menu li { display:block; float:left; padding-right:10px; height:28px; margin:0 1px; color:#000000; border-left:1px solid #cccccc;  }
#support-menu ul.menu li a { color:#000000; }


#titolo { position:absolute; height:140px; background:#ffffff;}
#titolo #titolo-logo { width:110px; height: 110px; float:left; margin-left:5px; }
#titolo #titolo-logo img { padding:5px; }
#titolo #titolo-nome { margin-left:125px; padding-bottom:5px; padding-top:15px; width:710px;/*420px*/ font-size:16px; line-height:16px; }
#titolo #titolo-nome h1 { color:#cc4800; font-size:40px; line-height:35px; }

#loghi_importanti { height:35px; /* border:1px dotted gray; */ position:absolute; margin-top:75px; margin-left:125px; width:720px; }

/*
#slideshow_panorami { clear:both; height:130px; width:960px; position:absolute; margin-top:120px; }
#slideshow_panorami ul { padding:0; margin:0; list-style-type:none; }
*/

#slideshow_panorami { clear:both; position:absolute; margin-top:120px; z-index:80; }

#toolbar {
    width:850px; height:28px;
    /*background: url("/App_Themes/Luna/Images/toolbar-background.png") repeat-x;*/
    background: #000000;
    position:absolute;
    margin-top:250px;

    color:#ffffff;
    font-size: 12px;
}
#toolbar .content { padding:0 6px; padding-top:6px; }
#toolbar a { color: #FFFFFF; }

#content { width:850px; min-height:490px;}

#content #global-nav { width:245px; float:left; }
#content #main-content { margin-left:245px; }
#content #local-nav { width:0; float:right; padding-left:5px; }

#content.due_colonne #local-nav { width:205px; float:right; padding-left:5px; }
#content.due_colonne #global-nav { width:245px; position:absolute; }

/* una_colonna */  /* VERIFICARE per altri THEMES */

#content.una_colonna #global-nav { width:245px; float:left; }
#content.una_colonna #main-content { margin-left:255px; }
#content.una_colonna #local-nav { width:245px; float:left; clear:left; }



#content #footer { /* clear:both;*/ }

#breadcrumb { padding: 5px 130px 5px 10px; }
#breadcrumb .item  { color:#000000; }
#breadcrumb .item a { color:#cc3300; }

/* Definizione Mappa del Sito */

#sitemap { margin-top:285px; margin-left:725px; padding-left:25px; position:absolute; background:url("/App_Themes/Luna/Images/icona-sitemap.png") no-repeat;}
#sitemap a { color:#cc3300; }

/* reset dei float */

.reset { clear: both; }

/* definizione del footer */

#footer {
    width:876px;
    min-height: 45px;
    background:none;
    margin:0 auto;
    clear:both;

    text-align:left;
    
    background: url("/App_Themes/Luna/Images/footer-background.png") no-repeat;
    padding-bottom:10px;
}

#footer div.content { padding:0 15px; padding-top:17px; }
#footer #csc-box { text-align:right;  float:right;  }
#footer #csc-box .info { float:left; padding-top:12px; margin-right:5px; color:#333333; font-size:10px; text-align:right;  }
#footer #w3c-box { margin-top:5px; }
#footer #w3c-box img { height:25px; }
#footer #comune-info-box { text-align:center; padding:5px 0; font-size:10px; clear:both; margin-bottom:10px;}

/*EXTRAS - ltemponi - breadcrumb*/
#main-content ol.breadcrumb{
  padding: 0px 0px;
  margin: -5px 0px 5px 0px;
}

ol.breadcrumb {
  list-style: none;
  padding: 0px 10px;
  margin: 5px 0px;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}

  .breadcrumb li.active a {
    text-decoration:none;
    pointer-events: none;
    cursor: default;
  }

.breadcrumb > li > span {
  display: none;
}