@import url(http://fonts.googleapis.com/css?family=Signika:400,700);
/* Controls */
body { font-size: 10px; }
/* Fonts */
.font-0 { font-family: 'Signika',Sans-Serif; font-weight: 400; }
.font-1 { font-family: Trebuchet MS; font-weight: 400; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
/* Color */
.fc-1 { color: #082063; }
.fc-2 { color: #343434; }
.fc-3 { color: #4a4a4a; }
.fc-4 { color: #ffffff; }
.bg-1 { background-color: #eeeeee; }
.bg-2 { background-color: #082063; }
.aumento { color: Green; }
.diminuzione { color: Red; }
/* Rules */
.clear { clear: both; }
.bld { font-weight: 700; }
.reg { font-weight: 400; }
.mr-auto { margin-right: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.img-aumento { background: transparent url(/ddecommon/images/aumento.gif) no-repeat right center; padding-right: 15px; }
.img-diminuzione { background: transparent url(/ddecommon/images/diminuzione.gif) no-repeat right center; padding-right: 15px; }
.img-stabile { background: transparent url(/ddecommon/images/stabile.gif) no-repeat right center; padding-right: 15px; }
.ac { text-align: center; }
.ar { text-align: right; }
/* Items */
.data-list { line-height: 38px; }
.data-list .item { border-bottom: solid 1px #c9c9c9; width: 100%;  border-top: solid 1px #c9c9c9; }
.data-list .item li { border-bottom: solid 1px #c9c9c9; white-space: nowrap; }
.data-list .item span { float: right; }
.data-list .item li span { font-size: 14px; }
.plus .chart,
.internal .chart { margin-bottom: 10px; font-family: 'Signika',Sans-Serif; font-weight: 400; color: #343434; font-size: 12px; }
.internal.i-chart .chart { min-height: 450px; height: 100%; margin-bottom: 10px; }
.plus .data-list .item.r { border-top: 0; }
.internal .data-list .item { border: 0; }
.internal .data-list .header li { display: block; border-bottom: solid 1px #c9c9c9; white-space: nowrap; }
.footer a+a { margin-left: 30px; } 
.section-title { display: block; }
.buttons { border: 0; padding: 10px; cursor: pointer; }
.label-before-input { display: inline-block; float: left; min-width: 90px; margin-top: 5px; }
.data-table { width: 100%; }
.data-table td, .data-table th { line-height: 38px; border-bottom: solid 1px #c9c9c9; }
.page-navigator { background-color: #cdced1; }
.page-navigator td { border: 0; }
.page-navigator table { width: auto; margin: 0 auto; }
.page-navigator table a,
.page-navigator table span { padding: 0 5px; }
.page-navigator table a { color: #343434; }
.page-navigator table span { color: #082063; }

INPUT[type="text"] { border: 1px solid #A1ADC3; padding: 5px; box-shadow: 5px 5px 5px #ccc inset; background-color: #f9f9f9; font-size: 14px; font-family: 'Signika', Sans-Serif; }
.internal.calculator .label-before-input.wrapped { width: 90px; white-space: pre-wrap; margin-top: 0; }
/* Media Screen BreakPoints */
@media screen and (min-width: 0)
{
	/*body { background-color: Purple; }*/
	.plus,
	.internal { width: 305px; }
	.internal .no-mobile { display: none; }
	.internal .data-list .header li { width: 100%; float: none; text-align: left; }
}
@media screen and (min-width: 321px)
{
	/*body { background-color: Aqua; }*/
	.plus,
	.internal { min-width: 305px; width: 100%; }
	.internal .no-mobile { display: none; }
	.internal .data-list .header li { width: 100%; float: none; text-align: left; }
}
@media screen and (min-width: 445px)
{
	/*body { background-color: Green; }*/
	.plus,
	.internal { width: 100%; }
	.plus .data-list .item,
	.internal .data-list .item  { float: left; width: 49%; }
	.internal .no-mobile { display: table-cell; }
	.plus .data-list .item.r { border-top: solid 1px #c9c9c9; }
	.plus .data-list .item.mr-auto,
	.internal .data-list .item.mr-auto { margin-right: 2%; }
	.internal .data-list .header ul { height: 38px; }	
	.internal .data-list .header li { width: 33%; float: left; }
	.internal .data-list .header li.ac { text-align: center; width: 34% }
	.internal .data-list .header li.ar { text-align: right; }
}
@media screen and (min-width: 492px)
{
	/*body { background-color: Orange; }*/
	.plus,
	.internal { width: 100%; }
}
@media screen and (max-width: 560px)
{
	.internal.calculator .data-list .item li { font-size: 14px; }
}
@media screen and (min-width: 747px)
{
	/*body { background-color: Yellow; }*/
	.plus,
	.internal { width: 100%; }
}
@media screen and (min-width: 918px)
{
	/*body { background-color: Blue; }*/
	.plus,
	.internal { width: 100%; }
}