body {line-height: normal; background: #666;font-family: Arial, sans-serif; line-height: 1.3;}

@media (max-width: 600px){
}
.breadcrumb {color: #777; text-decoration: none; font-size: 12px; font-weight: normal;}
.breadcrumb a {color: #777; text-decoration: none; font-size: 12px; font-weight: bold;}

#navigation .region-navigation {background: #378837; height: 2em; margin: 0 1.3em;position:relative;}
#navigation .region-navigation ul li a {color: #fff; text-decoration: none; line-height: 2em; padding: 0 .5em; border-right: 1px solid #fff;}
#navigation .region-navigation ul li ul li a {font-weight: bold;color: #378837; text-decoration: none; line-height: 2em; padding: 0 .5em; border-right: 1px solid #378837;}
#navigation .region-navigation li.last a { border-right: none;}

/*#navigation .region-navigation ul li.active-trail, #navigation ul li:hover, */


#navigation ul li.active-trail {
color: #afa;
font-weight: bold;
_background: #040;
}

#navigation ul li.active-trail a {
color: #afa;
font-weight: bold;
_background: #040;
}


.front #navigation ul li.first a {
_color: #afa;
}

#navigation ul li:hover a {
color: #afa;
}

#navigation  .region-navigation ul li ul
{
padding: 0;
margin-top: 2px;
width: auto;
/*border: 1px solid #378837;*/
position: absolute;
left: 0; 
height: 1.2em;
background: #ddd; 
list-style: none;
white-space: nowrap;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}	

#navigation ul li ul li
{
margin: 1px 0 0;
padding: 0px 5px 0px 5px;
line-height:1em;
clear: none;
width:auto;
}

#navigation  ul li ul li a
{
font-size: 12px;
padding: 0 5px;
line-height: 20px;
color: #378837;

text-decoration: none;

}	

#navigation ul li.active-trail ul li
{
font-size: 12px;
padding: 0 5px;
line-height: 20px;
color: #378837;

text-decoration: none;

}	


#navigation ul li.active-trail ul li a
{
font-size: 12px;
padding: 0 5px;
line-height: 20px;
color: #378837;

text-decoration: none;

}	




/*#navigation ul li ul li.active-trail, #navigation ul li ul li:hover, */
#navigation ul li ul li.active-trail a, #navigation ul li ul li:hover a
{

/*text-decoration: underline;*/
color: #030;
_background: #000;
}  


#header {margin: 1em; padding: 1em; }
#page {background: #fff; max-width:900px; margin-top: 0px; }
#content { padding: 1em 2.6em;}
#content .title {text-decoration: none; color: #444;  font-size: 1.5em; line-height: 1em;}
#content .node-title a {text-decoration: none; color: #444; }
/*=============================*/
@media (max-width: 700px){
.block { margin-bottom: 0.2em !important;}

#header {margin: 0em; padding: 0em; }
#page {background: #fff; max-width:900px; margin-top: 0px; }
#content { padding: 0.6em 0.4em;}
#content .title, #content h2.node-title {text-decoration: none; color: #444;  font-size: 20px; line-height: 1em;}
#content .node-title a {text-decoration: none; color: #444;font-size: 20px; line-height: 1em !important; }
}
/*=============================*/

.front article {margin-bottom: 50px; }

.comment  .submitted {font-size: 0.75em; }
.comment  .submitted .username {font-weight: bold; font-size: 1.3em; }
.comment .permalink {text-decoration: none ; color: #666; }
.comment-form .field-name-comment-body fieldset.filter-wrapper {display:none; }

p {margin: 0.1em 0 0.5em 0; }


.tab-lett0 { margin: 10px auto;  }

.tabelle-letture {margin:10px; height: 140px;padding: 10px; margin: 10px;line-height: normal;}
.lett23 {margin-left: 20px;}
.lett34 {margin-left: 20px;}

.tab-lett {float:left; font-family: arial; font-size: 0.7em;text-align: center; height:150px;}
.tab-lett .col {float: left; width:60px;height:147px;}
.tab-lett .col1 { width:17px;}
.tab-lett .col1 { width:17px;}
.tab-lett .col4 { width:50px;}
.tab-lett .col4 .row3, .tab-lett .col5 .row3 { height:41px;}
.tab-lett .col5 { width:40px;}
.tab-lett .row {clear:both; height: 18px;padding: 2px 0;}
.tab-lett .row1 { height: 42px;}
.tab-lett .row5 { height: 25px;}

/*prima riga*/
.tab-lett .col2 .row1, .tab-lett .col3 .row1, .tab-lett .col4 .row1, .tab-lett .col5 .row1{ border-top: 1px solid #000;}
.tab-lett .col1 .row1 { border-top: 1px solid #fff;}

.tab-lett .row2, .tab-lett .row3, .tab-lett .row4, .tab-lett .row5 { border-top: 1px solid #000;}
.tab-lett .row5 { border-bottom: 1px solid #000;}
.tab-lett .col1 .row4, .tab-lett .col2 .row4 { border-bottom: 1px solid #000;}

.tab-lett .col3,.tab-lett .col4,.tab-lett .col5 { border-left: 1px solid #000;}
.tab-lett .col5 { border-right: 1px solid #000;}
.tab-lett .col1 .row2,.tab-lett .col2 .row1,.tab-lett .col1 .row3,.tab-lett .col1 .row4 { border-left: 1px solid #000;}
.tab-lett .col2 .row1,.tab-lett .col2 .row2,.tab-lett .col2 .row3,.tab-lett .col2 .row4 { border-left: 1px solid #000;}

.tab-lett .valinput { width:50px;  font-family: arial;font-size: 0.9em; background: #fafafa; text-align: center;}

#dettaglio-bolletta,#dettaglio-bolletta2 {_display:none;font-family: arial; font-size: 0.7em; width: 800px; border: 1px solid #aaa; clear:both;padding:10px;margin:30px auto;}
#intest-0 {font-family:arial;font-size: 1.3em; border-bottom: 1px solid #000;font-weight: bold;}
#totale-bolletta {clear: both; font-weight: bold; margin-top: 1.2em; border-bottom: 1px solid #000;height:1.2em;}
#totale-bolletta div {float: left;}
.intest-1 {margin-top: 1.2em; clear: both; font-weight: bold;height:1.2em; background: #ddd;}
.intest-1 div  {float: left;}
.intest-2 {clear: both; font-weight: bold;}
.intest-3 {clear: both; font-style: italic;}

.unidett  {clear: both; height:1em;}
.unidett div  {float: left;}
.descr {width: 42%; text-align: left;}
.unmis {width: 10%; text-align: right;}
.pzunit {width: 12%;  text-align: right;}
.quant {width: 20%; text-align: right;}
.toteur {width: 16%; text-align: right;}

#bottoni  {clear: both; margin-top: 10px; height:30px; border: px solid #f00;}
button   {height:2em; }
button.conferma  {clear: both;  float:left; margin-left: 30px;}
button#reset  { float:left; margin-left: 50px;}


/*comparatore*/
.ui-slider .ui-slider-handle { height: 20px; width: 18px; background: #999;}
.ui-slider, .ui-slider-range { background: #ccc; }


#offerta1-slider-f23 .ui-slider-range,
#offerta2-slider-f23  .ui-slider-range,
#percf1-slider .ui-slider-range
{
    background:  #95b5e0 !important;
}

#offerta1-slider-f1  .ui-slider-range,
#offerta2-slider-f1  .ui-slider-range,
#percf1-slider 
{
    background:  #f6893b !important;
}

#kwhtot-slider   .ui-slider-range
{
    background:  #777 !important;
}



#offerta1-slider .ui-slider-handle:first-of-type,
#offerta2-slider .ui-slider-handle:first-of-type
 { background: #95b5e0; }
#offerta1-slider .ui-slider-handle:last-of-type,
#offerta2-slider .ui-slider-handle:last-of-type
{ background: #f6893b ; }

.percf1, .percf23 { padding: 2px;  color: #fff; }
.percf1 { background: #f6893b ; }
.percf23 { background: #95b5e0;}

.slid-vert {margin: auto;height:200px; width:10px;}
.prezzo { text-align:center; margin: 0 10px 10px; padding: 5px; border-radius: 5px; color: #fff; }
.f1 .prezzo { background: #f6893b;}
.f23 .prezzo { background: #95b5e0;}
.fascia {margin: 0 auto -10px; text-align:center;margin-bottom: 10px; float:left; width:80px; }
.offerta-totale {margin: 0 auto -10px;  text-align:center;margin-bottom:10px; font-size:24px; background: #ccc;}
.offerta {width: 160px; border: px solid #f00; height: 300px; padding: 2px; color;#444; }
.tot-off-euro { font-size:20px; text-align:center; font-weight: bold; background: none;}




#boll16 #pag1, #boll16 #dettaglio {border: solid 3px #aaa; padding: 7px; }
#boll16 .fgrey {font-size: 20px; font-weight: bold; background: #ccc; }
#boll16 .riga {clear: both; width: 97%; padding: 0 1% 0 2%;}
#boll16 .mark {font-weight: bold;}
#boll16 .lsin {float:left; clear: both;}
#boll16 .ldes {float: right;}
#boll16 #sint-imp {min-height:100px;margin-top:20px;}
#boll16 #sint-imp .corpo {font-size: 12px; font-weight: bold;max-width:400px;}
#boll16 #sint-imp .lsin {}
#boll16 #dett-fisc {margin: 40px 0 0 0; min-height: 150px;}
#boll16 #dettaglio {margin: 40px 0 0 0;}
#boll16 .tot-da-pagare {text-align: right; width: 250px; font-weight: bold;margin: 0 auto;}
#boll16 .tot-da-pagare .totpag {font-size: 24px; }
#boll16 .tot-da-pagare .totpagtot {font-size: 36px;}

#boll16 #dettaglio .intest-dett {margin-bottom: 30px;}
#boll16 #dettaglio .intest-1 {color: #fff; background: #000;min-height:3em; line-height: 1.5em;}
#boll16 #dettaglio .subtot {color: #fff; background: #000;min-height:1.5em; line-height: 1.5em;}
#boll16 #dettaglio .unidett {font-size: 12px;}

#boll16 #dettaglio .unidett  {clear: both; min-height:1em;}
#boll16 #dettaglio .descr {width: 44%; text-align: left;}
#boll16 #dettaglio .unmis {width: 16%; text-align: right;}
#boll16 #dettaglio .pzunit {width: 12%;  text-align: right;}
#boll16 #dettaglio .quant {width: 14%; text-align: right;}
#boll16 #dettaglio .toteur {width: 14%; text-align: right;}
#boll16 #dettaglio .linea-grey {clear:both; min-height: 5px; background: #aaa;width:100%; margin:3px 0 5px 0;}

.user-picture {float:left; margin-right: 12px;}


@media(max-width: 700px) {.header__logo {display:none;}}