/* stili per elementi principali layout */
body {
    padding: 1cm;
}
#container-1 {
    width: 17cm;
}
#header {
    width: 17cm;
    height: 2cm;
}
#content {
    width: 17cm;
    float: none;
}
div.action {
    float: none;
    width: 16cm;
    padding: 0;
}
div.tools {
    display: none;
}
#nav {
    display: none;
}

#container-2 {
    width: 16cm;
}


#footer {
display: none;
}

#container-2 #content {
    padding: 12px 2%;
    width: 96%;
}

#container-3 {
    width: 400px;
    margin: 32px  auto;
}

div.left {
    float: left;
    width: 50%;
 
}
div.right {
    margin-left: 50%;
}
/* fine stili per elementi principali layout */
/* colori e immagini di sfondo */
body {
    background-color: #fff;
}
#container-1, #container-2, #container-3 {
    background-color: #fff ;
       background: none;
       color: #000;
}
#header {
    display: none;
}
ul.path {
    display: none;
}
#content {
    background: none;
}

#nav .box {
    background-color: #DBE2E5;
    margin: 0 0 18px 0;
}
div.action {
    background: none;
}
#footer {
    background: none;
}
#footer p.footer-l {
    margin: 0;
    padding: 0;
    height: 40px;
   background: none;
    text-align:center;
}

.top-form { margin: 0; padding: 0;}


/* fine colori e immagini di sfondo */
/* stili tipografici */
body {
    font-family: 'Trebuchet MS', Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
}
h1 {
    font-size: 1.2em;
}
h2 {
    font-size: 1em;
}
h3 {
    font-size: 0.9em;
}
h4 {
    font-size: 0.813em;
	
}
h5 {
    font-size: 0.75em;
}
h6 {
    font-size: 0.688em;
}
p {
    font-size: 0.75em;
}
a {
    color:blue;
}

h1.title1 {
    color: #000;
    font-size: 14pt;
    line-height: 150%;
    font-weight: normal;
    margin: 0;
}

#container-1 h2 {
    color: #666;
}

/* fine stili tipografici */
ul.path {
   display: none;
}

ul#return {
    display: none;
}

/*-----------------------------SUPERCUT path, return, tools----*/

form.base {
    padding: 0 8px;
     
}
form.base fieldset {
    padding: 8px 0 16px 0;
    margin: 0;
    border: none;
}
form.base label, form.base input, form.base select {
    font-size: 0.75em;
}

form #login .base label{
    display: block;}
    
form.base legend {
    font-size: 0.9em;
    font-weight: bold;
}


.base h4 a {
    color: blue;
    width: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    border-bottom: 1px solid blue;
    text-decoration: none;
    display: block;
    margin: 0;
}
.base h4.open a {
    background-image: url('../images/arrow-down.jpg');
}
.base h4.closed a {
    background-image: url('../images/arrow-right.jpg');
}
.base table {
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.2em;
    text-align: center;
    border: none;
    border-collapse: collapse;
}

div.left .base table {}

div.left .base h4 {width: 94%; margin: 16px 0 0 0; line-height: 100%;}

p.description {margin: 0;}

td, th {
    padding: 4px;
}
.base table thead {
    background-color: #E6E6E6;
}
.base table tbody {
    background-color: #F4F4F4;
}

.base table tr {
    border-bottom: 1px solid #ccc;
}

.base table input {
    text-align: center;
}
p.preventivo {
    color: red;
    font-weight: bold;
}
input.centered {
    display: block;
    margin: 12px auto;
    padding: 0.3em;
    text-align: center;
    background: url('../images/button-bg.jpg') repeat-x 0% 50%;
}

table td input {font-size: 0.8em;}

.base input.bg {
    padding: 0.3em;
    background: url('../images/button-bg.jpg') repeat-x 0% 50%;
}

ul.riepilogo {
    list-style-type: none;
    margin: 0 8px;
    padding: 0;
    font-size: 0.75em;
    width: 16cm;
}
ul.riepilogo li {
    margin: 4px 0;
    padding: 8px 4px 4px 4px;
    color: #666;
    border-bottom: 1px solid #ccc;
}
.gray-bg {
    color: #000;
    background-color: #efefef;
}

p.gray-bg, img.gray-bg {padding: 0.5em; border: 1px solid #ccc;}
img.gray-bg {margin: 0 0 1em 0;}

ul.riepilogo li.red {
    color: red;
}
ul.riepilogo li.gray-bg {
    border-bottom: none;
    font-weight: bold;
    color: #000;
}
table.dettaglio-1 {
    text-align: center;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    margin-left: 20px;
}
table.dettaglio-1 caption {
    text-align: left;
    color: #83D600;
    font-weight: bold;
    padding: 2px 2px 2px 20px;
    margin: 4px 0 0 0;
    background: url('../images/check.jpg') no-repeat left center;
}
.pink-bg {
    background-color:#fff;
        color: #000;
         height: 5cm;
         margin: 0;
}
.green-bg {
    background-color:#fff;
    color: #000;
    height: 4cm;
    margin: 0;
}

.green-bg div, .green-bg div div, .pink-bg div, .pink-bg div div {display: none;}

form.base fieldset.blockalign label {
    display: block;
    float: left;
    width: 130px;
}
form.base fieldset.blockalign input, form.base fieldset.blockalign select {
    position: relative;
    margin: 4px 0 8px 0;
    }
    
    form.base fieldset.blockalign span.help {
    font-size: 0.75em;
    vertical-align: top;
    margin: 0;
    padding: 2px;
    color: red;
    }
    
    
/* STILI PER BACKEND */
#nav {display: none;}

#container-2 #header {display: none;}
#container-2  #content .top-form {display: none;}
#container-2  #content  .left {display: none;}
#container-2 #footer {display: none;}

#container-2 {width: 16px;}

table.dettaglio-2 {
    text-align: center;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    font-size: 0.75em;
      margin-bottom: 32px;
}
table.dettaglio-2 caption, ul.riepilogo li.title, .base h3.toptitle {
    background-color: #333;
    color: #fff;
    padding: 0.3em;
    margin: 0;
    text-align: left;
}

table.dettaglio-2 thead {
    background-color: #eee;
    color: #000;
}
table.dettaglio-2 tr {
    border-bottom: 1px solid #ccc;
}
table.dettaglio-2 a {
    text-decoration: underline;
    color: blue;
    border: none;
}

table.dettaglio-2 a img {
    border: none;
}

.base h3.toptitle {
    width: 94%;
    font-weight: normal;
    font-size: 0.75em;
}

.top-form h2 { margin: 0 0 12px 0; padding: 0;}

.top-form form {background-color: #EDEDED; margin: 0 0 24px 0;}

ul.labels {float: left; width: 100%; list-style-type: none; margin: 0; padding: 0; border-bottom: 2px solid #666;}

ul.labels li {float: left; margin: 0; padding: 0;}

ul.labels li a {display: block; padding: 0.3em 0.7em; font-size: 0.75em; font-weight: bold; background-color: transparent;}
/*ul.labels li a:link,  ul.labels li a:visited {color: #039; background-color: transparent;}

ul.labels li a:active,  ul.labels li a:hover {color: #fff;  background-color: transparent;}*/

/*Separo le regole per le immagini di sfondo delle linguette ul.labels*/
ul.labels li.inactive {background-image: url('../images/label-r.gif'); background-repeat: no-repeat; background-position: top right;}

ul.labels li.active {background-image: url('../images/label-act-r.gif'); background-repeat: no-repeat;background-position: top right;}

ul.labels li.inactive a {color: #fff; background-image: url('../images/label-l.gif'); background-repeat: no-repeat;background-position: top left;}
ul.labels li.active a {color: #039; background-image: url('../images/label-act-l.gif'); background-repeat: no-repeat; background-position: top left;}

#container-3 form.base, #container-3 p {width: 350px; margin: 12px auto;}

#container-3 form.base {background: url('../images/keys.gif') no-repeat  top left; }

#container-3 form.base fieldset  {margin-left: 50px; padding: 0 8px;}

/*Fine stili per le immagini di sfondo delle linguette ul.labels*/

.base table tr.pari {background-color: #fff;}

#login label {width: 40px;}

.invisible {
    display: none;
}
.clear, hr.clear {
   display: none;
    visibility: hidden;
}

span.credits {display: none;}

fieldset {border: none;}

fieldset input  {display: none;}

/* STILI SOVRASCRITTI PER STAMPA
body {
    padding: 1cm;
    background-color: #fff;
     font-family: 'Trebuchet MS', Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000;
}

div {margin: 0;}


#container-1 {
    width: 16cm;
    border: none;
}
div.tools {
    display: none;
}
#nav {display: none;
}

#container-2 {
    width: 16cm;
    margin-left: 0cm;
}

#header {display: none;
}

h1 {font-size: 14pt}
h2 {font-size: 12pt}
h3 {font-size: 11pt}
h4 {font-size: 10pt}

table.dettaglio-2 {
    text-align: center;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    font-size: 0.75em;
      margin-bottom: 32px;
}
table.dettaglio-2 caption, ul.riepilogo li.title, .base h3.toptitle {
    background-color: #333;
    color: #fff;
    padding: 0.3em;
    margin: 0;
    text-align: left;
}

table.dettaglio-2 thead {
    background-color: #eee;
    color: #000;
}
table.dettaglio-2 tr {
    border-bottom: 1px solid #ccc;
}
table.dettaglio-2 a {
    text-decoration: underline;
    color: blue;
    border: none;
}

table.dettaglio-2 a img {
    border: none;
}

ul.riepilogo {
    list-style-type: none;
    margin: 0 8px;
    padding: 0;
    font-size: 0.75em;
    width: 80%;
}
ul.riepilogo li {
    margin: 4px 0;
    padding: 8px 4px 4px 4px;
    color: #666;
    border-bottom: 1px solid #ccc;
}

span.credits {display: none;}

fieldset {border: none;}

fieldset input  {display: none;}

} */