body { margin: 0; 
color: #5d5d5d;
font-family: "Helvetica Neue Light","HelveticaNeueW02-45Ligh",Arial,sans-serif;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.025em;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
letter-spacing: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
-moz-font-feature-settings: normal;
-moz-font-language-override: normal;

}

.titolo { font-size: 30px; color: #BF4500; line-height: 32px;
 }
.titoletto {font-size: 22px; color:#BF4500; line-height: 28px;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {  margin: 0; list-style:none; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */


img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== 

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; } 
#BF4500
#ff7e00
*/
.slider-energia {padding:10px;}
.standardbox { float:left; width:270px; padding:10px;}
.textbox { font-family: "Helvetica Neue Light","HelveticaNeueW02-45Ligh",Arial,sans-serif; font-size: 26px; color:#BF4500; border:0; width:124px;}
.percentualebox { font-family: "Helvetica Neue Light","HelveticaNeueW02-45Ligh",Arial,sans-serif; font-size: 24px; color:#BF4500; width:70px; border:0;}
.risultabox { font-family: "Helvetica Neue Light","HelveticaNeueW02-45Ligh",Arial,sans-serif; font-size: 72px; color:#BF4500; width:200px; border:0;}
.valutabox { border:0; width:134px; color: #5d5d5d;} /* #5d5d5d*/
.quantitabox {width:100px; text-align:right; border:0; background-color:#f1f1f1; margin:2px; }
.correntenombox {width:100px; text-align:right; border:0; margin:2px;}
.invisibilebox { }/*padding:10px 0 0 10px; display:none; */
.riga {height:1px; background-color:#CCC; margin:10px 10px 0 10px;}

#boxetino {position: relative; padding:0px; float:left; width:270px; min-height:46px; }
#boxetinino {position: relative; padding:0px; float:left; width:110px; min-height:46px; border-left:solid; border-left-style:solid; border-left-color:#CCC; border-left-width:1px; padding-left:10px;}
#testino {bottom:5px; position:absolute; left:50px; vertical-align:middle; }
/* RESPONSIVE CSS
-------------------------------------------------- */
/*@media (min-width: 320px) {

 }

@media (min-width: 480px) {
   }

@media (min-width: 769px) {

}

@media (min-width: 1125px) {

}
@media (min-width: 1300px) {

}*/

@media only screen and (min-width: 581px) {
.step1, .step2{ 
	float:left;  
	border: 1px solid #cecece; 
	width:600px;}
.rigaverticale {
	float:left; 
	height:200px; 
	width:1px; 
	background-color:#CCC; 
	margin-top:10px;}
.consumobox {
	float:left; 
	width:270px; 
	padding:0 10px 0 10px;
	border-left:solid; 
	border-left-style:solid; 
	border-left-color:#CCC; 
	border-left-width:1px;}
.doverisparmiotext {
	float:left; 
	width:280px;
	padding:10px 0 10px 10px;
	border-right:solid; 
	border-right-style:solid; 
	border-right-color:#CCC; 
	border-right-width:1px; 
	margin-right:10px;}
.doverisparmiobox {
	float:left; 
	width:280px;
	border-right:solid; 
	border-right-style:solid; 
	border-right-color:#CCC; 
	border-right-width:1px; 
	margin-right:10px;
	padding-bottom:10px;}
.emaxVs{
	float:left; 
	width:140px; 
	border-right:solid; 
	border-right-style:solid; 
	border-right-color:#CCC; 
	border-right-width:1px; 
	margin-right:10px;
	padding-top:10px;
	display:block;
	padding-bottom:10px;
}
.emaxVs2{
	float:left; 
	width:140px; 
	padding-top:10px;
	display:block;
	padding-bottom:10px;
}
.emaxVsDati{
	float:left; 
	width:140px;
	height:36px;
	border-right:solid; 
	border-right-style:solid; 
	border-right-color:#CCC; 
	border-right-width:1px; 
	margin-right:10px;
	padding-top:10px;
	display:block;
	padding-bottom:10px;
}
.emaxVsDati2{
	float:left; 
	width:140px;
	height:36px;
	padding-top:10px;
	display:block;
	padding-bottom:10px;
}
.dopopercentualetext{
	padding-top:60px;
	padding-left:15px;
}
.emaxVsbox{

}
.emaxVsmini{
	display:none;
}
}

@media only screen and (max-width: 580px) {
.step1, .step2{ 
	float:left; 
	border: 1px solid #cecece; 
	width:290px; 
	background-color:#fff;}
.consumobox {
	float:left; 
	width:270px; 
	padding:10px 0 10px 0;
	border-top:solid; 
	border-top-style:solid; 
	border-top-color:#CCC; 
	border-top-width:1px;}
.rigaverticale {height:1px; width:260px; background-color:#CCC; margin-left:10px;}
.doverisparmiotext { 
	float:left; 
	width:270px;
	padding:0 0 10px 10px;}
.doverisparmiobox { 
	float:left; 
	width:270px;
	border-top:solid; 
	border-top-style:solid; 
	border-top-color:#CCC; 
	border-top-width:1px;
	border-bottom:solid; 
	border-bottom-style:solid; 
	border-bottom-color:#CCC; 
	border-bottom-width:1px;
	padding:10px 0 10px 0;
	background-color:#f1f1f1;}

.emaxVs{
	display:none;
}
.emaxVs2{
	display:none;
}
.emaxVsDati{
	float:left; 
	display:block;
}
.emaxVsDati2{
	float:left; 
	display:block;
}
.emaxVsbox{
	padding-bottom:10px;
}
.emaxVsmini{
	width:128px; 
	padding-top:10px;
	float:left; 
	display:block;
}

}
/* =============================================================================
   bottone
   ========================================================================== */
#bottone {
   /* background: linear-gradient(#FAFAFA, #c8c8c8) repeat scroll 0% 0% transparent;
	border: 1px solid #3C3C3C; */
	background-color:#BF4500;
	border: none;
	color:#FFF;
	font-size:20px;
    margin: 4px 4px 5px 0px;
    position: relative;
}
#bottone:hover {
    /*background: linear-gradient(#BF4500, #9A2800) repeat scroll 0% 0% transparent;
	border: 1px solid #3C3C3C;*/
	border: none;
    margin: 4px 4px 5px 0px;
    position: relative;
}
.buttone {
	/*background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(32%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
	border: 1px solid #3C3C3C;*/
	
    margin: 4px 4px 5px 0px;
    position: relative;
}
.buttone:hover {
    /* background: linear-gradient(#FAFAFA, #BB4200) repeat scroll 0% 0% transparent;
	border: 1px solid #3C3C3C;*/
    margin: 4px 4px 5px 0px;
    position: relative;
}
.clickable {
    cursor: pointer;
}

ul {
  padding-left: 14px;
  margin-bottom: 10px; }
ul li {
    margin-bottom: 5px; }

a {
  text-decoration: none;
  color: #5d5d5d;
  outline: none; }
  
a:hover {
    text-decoration: none;
    color: #5d5d5d; }