@font-face {
    font-family: 'OpenSans-Light';
    src: url('../font/OpenSans-Light.eot');
    src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light.woff') format('woff'),
         url('../font/OpenSans-Light.ttf') format('truetype');

}
@font-face {
      font-family: 'P22';
      src: url('../font/P22.ttf'),
      url('../font/P22.eot'),
      url('../font/P22.woff');
      
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'OpenSans-Light', Verdana, sans-serif;
	font-size: 1em;
	background-color: #FFF;
	background-image: url("../images/BGBody.png");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
}
.contenitore {

}
img {
	display: block;
	border: 0;
}
ul {
	list-style: none;
}
a {
	color: #000;
	text-decoration: none;
}
.skiplinks, {
	position: absolute;
	left: -9999px !important;
	top: -9999px !important;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block !important;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
h3 {
	clear: both;
	color: #000;
	display: block;
	font-size: 0.85em;
	margin: 10px 0 20px 0px;
	padding: 7px 10px 3px;
    width: 98%;
	text-transform: uppercase;
	border-bottom: 7px solid #D6E3B7;
	height: 21px;
	height: 20px\9\0;
    line-height: 21px;
}
h3 span {
    background-color: #fff;
	border: 7px solid #D6E3B7;
    border-bottom: 0;
    z-index: 5;
	line-height: 29px;
	font-weight: bold;
	padding: 7px 10px 7px;
}
.table tr th {
    background-color: #075d04;
}

/*----- LOGIN -----*/
.divLogin {
	display: block;
	width: 420px;
	padding: 0px 0 30px;
	margin: 0 auto !important;
}
.divLogin h1 {
	text-align: center;
	font-size: 1.4em;
}

.logoLogin {
	margin: 30px auto 15px;
}
.logo {
	background-color: #0c6c08;
	height: 60px;
}
.moduloLogin {
	background-color: #f5f5f5;
    font-size: 1.1em;
    margin-top: 20px;
    padding: 0 0 20px;
}
.divLogin legend {
	background-color: #075d04;
	color: #fff;
	margin-bottom: 20px;
	display: block;
	font-size: 1.2em;
	margin: 0px 0 20px 0px;
	padding: 7px 0px 3px;
    width: 100%;
	font-weight: bold;
	text-align: center
}
.divLogin .form-inline .form-group {
	padding: 0 30px 0;
}
.divLogin .form-inline .form-group .form-control {
	padding: 1px 0;
}
.divLogin .form-group {
	font-size: 1.1em;

}
.divLogin fieldset.bottoni {
	padding-right: 10px;
	border-top: 5px solid #075d04;
	margin-top: 0;
	padding-bottom: 10px;
	background-color: #FFF;
}
.divLogin fieldset.bottoni .form-group {
	padding: 0;
	margin: 0;
}
.divLogin .testo {
	padding: 5px 25px 0 15px;
	font-size: 0.7em;
	text-align: justify;
}
.divLogin .testo a {
	text-transform: uppercase;
	font-weight: bold;
}
.divLogin .testo li {
	list-style: circle;
	margin-left: 15px;
}
fieldset.CNS {
    text-align: center;
	padding: 10px 0;
	background-color: #FFF;
	border-bottom: 5px solid #075d04;
}
fieldset.soloPC .btn {
	margin: 0;
}


/*----- HEADER -----*/
#header {
	padding: 0px 0;
	position: relative;
	
}
#header h1 {
    font-size: 2em;
    line-height: 1em;
    padding: 13px 0 13px 20px;
}
.nomeApp {
	border-left: 25px solid #0C6C08;
}
.logoApp {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	max-height: 58px;
}

.barra {
    background-color: #0c6c08;
    position: relative;
    text-align: right;
}
.menu li a, .menu li input, .menuTop li a, .menuTop li input {
	text-align: left !important;
}
.menu .attivo {
	background-color: #FFF;
	color: #555;
}
.menu .sottomenu > a.attivo, .menu .sottomenuFull > a.attivo {
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 27px;
}
.menu .sottomenu .sottomenu > a, .menu .sottomenu .sottomenu > a:hover {
	background-image: url("../images/arrow3.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 23px;
	padding-right: 10px;
	text-align: left;
}
.menu .sottomenu .sottomenu > input, .menu .sottomenu .sottomenu > input:hover {
	background-image: url("../images/arrow3.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
	padding-right: 10px;
	text-align: left;
}
.menu .sottomenu .sottomenu li a, .menu .sottomenu .sottomenu li input {
	background-color:#F4F8EB;
	border-bottom: 1px solid #D6E3B7;
}


.menu > li:last-child {
    border-right: 4px solid #fff;
    margin-right: 20px;
}
.menu li {
	display: inline-block;
	position: relative;
}
.menu a {
	background-color: #075d04;
    color: #FFF;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 15px 4px;
    text-transform: uppercase;
	margin-left: -5px;
	border-left: 4px solid #FFF;
}
.menu .sottomenu > a, .menu .sottomenuFull > a, .menu .sottomenu > input, .menu .sottomenuFull > input {
	background-image: url("../images/arrow1.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 27px;
}
.menu .sottomenu > a:hover, .menu .sottomenu:hover > a, .menu .sottomenuFull > a:hover, .menu .sottomenuFull:hover > a {
	background-image: url("../images/arrow2.png");
}
.menu .sottomenu > input:hover, .menu .sottomenu:hover > input, .menu .sottomenuFull > input:hover, .menu .sottomenuFull:hover > input {
	background-image: url("../images/arrow2.png");
}
.menu input {
	background-color: #075d04;
    color: #FFF;
    display: block;
    text-transform: uppercase;
	margin-left: -5px;
	border-left: 4px solid #FFF;
	font-size: 0.7em;
    font-weight: normal;
    margin: 0;
	width: 180px;
    padding: 6px 10px 5px;
	border: 0;
	cursor: pointer;
	text-align: right;
	border-bottom: 1px solid #FFF;
}
.menu a:hover, .menu li:hover a, .menu input:hover, .menu li:hover input  {
	background-color: #D6E3B7;
	color: #000;
}
.menu li.sottomenu:hover > ul, .menu li.sottomenuFull:hover > ul {
	display: block;
}
.menu li.sottomenu:hover > ul li:hover > ul {
	display: block;
}

.menuTop > li:last-child {
    border-right: 4px solid #fff;
    margin-right: 20px;
}
.menuTop {
    background-color: #F4F8EB;
    position: absolute;
    right: 0px;
    top: 10px;
}
.menuTop li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	position:relative;
}
.menuTop a {
	background-color: #D6E3B7;
    color: #000;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding: 4px 15px 4px;
    text-transform: uppercase;
	border-left: 4px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.menuTop .sottomenu > a {
	background-image: url("../images/arrow2.png");
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 27px;
}
.menuTop .sottomenu > a:hover, .menuTop .sottomenu:hover > a {
	background-image: url("../images/arrow1.png");
}
.menuTop input {
	background-color: #D6E3B7;
    border: medium none;
    color: #000;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: normal;
    margin: 0;
	width: 180px;
    padding: 6px 10px 5px;
    text-align: right;
    text-transform: uppercase;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
}
.menuTop a:hover, .menuTop li:hover a, .menuTop input:hover, .menuTop li:hover input  {
	text-align: right;
	background-color: #0c6c08;
	color: #FFF;
}
.menuTop li:hover ul {
	display: block;
}


.sottomenu > ul {
	display: none;
	position: absolute;
	top: 26px;
	top: 25px\9\0;
	right: 0px;
	font-size: 1em;
	z-index: 1000;
	background-color: #FFF;
	box-shadow: 6px 6px 5px #AAA;
}
.sottomenu > ul ul {
	top: 0px;
	display: none;
	position: absolute;
	right: 180px;
	z-index: 1001;
}
.sottomenu > ul ul ul {
	top: 0px;
	display: none;
	position: absolute;
	left: 180px;
	z-index: 1002;
}
.sottomenu > ul ul  li a {
	text-align: left;
}
.sottomenu li {
	display: block;
	
}
.sottomenu ul a {
	background-color: #075d04;
	background-image: none;
	min-width: 160px;
	padding-left: 10px;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
}
.menu .sottomenu ul a:hover, .menu .sottomenu ul input:hover {
	background-color: #FFF;
}
.menuTop .sottomenu ul a:hover, .menuTop .sottomenu ul input:hover {
	background-color: #075d04;
}

.menu li.sottomenuFull {
	position: inherit
}
.sottomenuFull > ul {
	display: none;
	top: 26px;
	top: 24px\9\0;
	background-color: #F4F8EB;
    box-shadow: 6px 6px 5px #aaaaaa;
    font-size: 1em;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1000;
	padding: 0 0 10px;
}
.sottomenuFull ul a {
	color: #000000;
    display: block;
    font-weight: normal;
    padding-left: 10px;
    text-align: left;
    text-transform: initial;
	
}
.sottomenuFull ul ul {
	background-image: none;
    border-bottom: 1px solid #ffffff;
    font-weight: normal;
}
.sottomenuFull h2 {
	border-bottom: 2px solid #075d04;
    display: block;
    text-align: left;
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 10px;
}
.sottomenuFull li {
	display: block;
    float: left;
	width: 33.3%;
}
.sottomenuFull li li {
    display: block;
    float: none;
    margin: 5px 10px;
    width: inherit;
	border: 0;
}
.sottomenuFull li a {
    background-color: #D6E3B7;
	border: 0;
	margin: 0;
}
.sottomenuFull li a:hover {
    background-color: #FFF;
}



.info {
    margin: 6px 0px 6px 25px;
	float: right;
	font-size: 0.8em;
	padding: 4px 8px 4px 24px;
	border-right: 20px solid #F4F8EB;
	background-image: url("../images/icoUser.png");
	background-repeat: no-repeat;
	background-position: center left;
}

/*----- MAIN -----*/
#main {
	clear: both;
	margin: 20px 30px 20px 50px;
}
#main h2 {
	border-bottom: 1px solid #EEE;
	margin: 15px 0 15px;
	font-size: 1.4em;
    padding: 0px 5px;
    text-transform: uppercase;
}
.help {
	float: right;
	padding: 4px 7px 4px 28px;
	background-color: #D6E3B7;
	background-image: url("../images/icoHelp.png");
	background-repeat: no-repeat;
	background-position: 6px 4px;
	font-size: 0.8em;
	font-weight: bold;
}
.help:hover {
	background-color: #075E04;
	background-image: url("../images/icoHelpH.png");
	color: #FFF;
}
.helpDiv {
	display: none;
	position: fixed;
	z-index: 333001;
	width: 100%;
}
.helpDiv div {
	background-color: #FFF;
	
	border: 10px solid #D6E3B7;
	padding: 0px 20px 20px;
	cursor: pointer;
	overflow: auto;
	margin: 0 auto;
	width: 80%;
}
.helpDiv .chiudi {
	float: right;
	background-color: #990000;
	color: #FFF;
	padding: 5px 10px;
	font-size: 1.1em;
	font-weight: bold;
}
.helpDiv p {
	padding: 2px 10px;
}
.divForm {
	padding: 0px 25px 0px 25px;
	border: 7px solid #D6E3B7;
    background-color: #fff;
    margin-bottom: 20px;
}


/* TABS */
#tabs-container {
	margin-top: 10px;
}
.tabsMenu {
    height: 30px;
	font-size: 0.9em;
}
.tabsMenu li {
    height: 30px;
    line-height: 20px;
    float: left;
    margin-left: 10px;
    background-color: #D6E3B7;
    border-top: 7px solid #D6E3B7;
    border-right: 7px solid #D6E3B7;
    border-left: 7px solid #D6E3B7;
	list-style: none;
	text-transform: uppercase;
}
.tabsMenu li:hover {
    background-color: #bdcd98;
    border-top: 7px solid #bdcd98;
    border-right: 7px solid #bdcd98;
    border-left: 7px solid #bdcd98;
	color: #FFF;
}
.tabsMenu li.current, .tabsMenu li.current:hover {
    position: relative;
    background-color: #fff;
	border: 7px solid #D6E3B7;
    border-bottom: 0;
    z-index: 5;
	line-height: 30px;
	font-weight: bold;
	
}
.tabsMenu li a {
    padding: 3px 10px 10px 10px;
    text-transform: uppercase;
    color: #222;
    text-decoration: none;
	font-weight: bold;
}
.tabsMenu .current a {
    color: #000;
	cursor: default;
}
.tab {
    border-top: 7px solid #D6E3B7;
    background-color: #fff;
    margin-bottom: 20px;
    width: auto;
}
.tabs {
	padding: 20px 0px 10px;
	overflow: auto;
}

.divDisable {
	pointer-events: none;
	tab-index: -1;
	
}

.divDisable input[type="submit"]{
	
	pointer-events: auto;
	
	
}
#tab-1 {
	display: block;   
}

.form-group span.riduci {
	width: 150px;
	padding-right: 20px;
	height: 20px;
	overflow: hidden;
	background-image: url("../images/icoRiduci.png");
	background-position: right top;
	background-repeat: no-repeat;
}
.riduciDiv {
	background-color: #f5f5f5;
	border: 2px solid #0C6C08;
	position: absolute;
	top: 0px;
	left: 160px;
	z-index: 1000;
	margin: 4px;
	padding: 4px 5px;
	display: none;
	font-weight: normal;
	box-shadow: 3px 3px 2px #FFF;
	font-size: 0.8em;
}

/* VARIE */
.popup {
	display: none;
}
.fullscreen, .overlay {
	position: fixed;
	z-index: 333000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
	background-image: url("../images/BGOverlay2.png");
	background-position: center center;

}
.mainPopup {
	background-color: #FFF;
	padding: 20px 30px;
	margin: 50px  50px 0 ;
	height: 200px;
	overflow: auto;
	position: relative;
}
.fullscreenClose {
	background-color: #FF0000;
	color: #FFF;
	font-size: 1.4em;
	right: 0;
	top: 0;
	padding: 3px 7px;
	position: absolute;
	font-weight: bold;
}

.red {
	color: #FF0000 !important;
	font-weight: bold;
}
.ui-datepicker-trigger {
	vertical-align: top;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}
.aDx {
	text-align: right;
}
.aCx {
	text-align: center;
}
.fDx {
	float: right;
}
.fSx {
	float: left;
}
.butPaginaVar {
	display: inline-block;
}
.ok {
	border: 5px solid #55B05A;
	background-color: #FFF;
	background-image: url("../images/icoOk.png");
	background-repeat: no-repeat;
	background-position: 15px 5px;
	padding: 10px 20px 10px 70px;
	margin-bottom: 20px;
}
.alert {
	border: 5px solid #D23D24;
	background-color: #FFF;
	background-image: url("../images/icoAlert.png");
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding: 10px 20px 10px 70px;
	margin-bottom: 20px;
}
.alert2 {
	border: 5px solid #b21a00;
	background-color: #FFF;
	background-image: url("../images/icoAlert2.png");
	background-repeat: no-repeat;
	background-position: 15px 7px;
	padding: 10px 20px 10px 70px;
	margin-bottom: 20px;
}

#footer {
    bottom: 10px;
    font-size: 0.7em;
    position: fixed;
    right: 30px;
    text-transform: uppercase;
    z-index: -1;
}

@media only screen and (min-width: 1025px) {

}
@media only screen and (min-width: 925px) {
	
	
}
@media only screen and (min-width: 1004px) {
		
	
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
	
}
@media only screen and (max-width: 800px) {
	.logo {
		background-color: #FFFFFF;
		width: 100%;
		padding-top: 20px;
	}
	#header h1 {
		background-color: #D6E3B7;
		border-top: 3px solid #0c6c08;
		border-left: none;
		font-size: 1.3em;
	}
	.info {
		border-right: none;
		font-size: 0.8em;
		margin-top: 3px;
	}
	#menuResponsive {
		position: absolute;
		z-index: 3001;
		background-color: #EEE;
		width: 100%;
		top: 0;
		left: 0;
		padding: 40px 0 20px;
		margin: 0;
		box-shadow: 6px 6px 5px #AAA;
		display: none;
		font-size: 1.1em;
	}
	#menuResponsive .menuTop, #menuResponsive .menu {
		position: static;
		display: block;
	}
	#menuResponsive ul ul {
		box-shadow: none;
		position: initial;
		display: none;
	}
	#menuResponsive .sottomenuFull ul {
		border: 0;
	}
	#menuResponsive .sottomenuFull ul ul {
		display: block;
	}
	
	#menuResponsive ul {
		background: none;
		margin: 0;
		padding: 0;
	}
	#menuResponsive li {
		text-align: left;
		position: relative;
		float: none;
		display: block;
		clear: both;
		border: none;
		margin: 0;
		border-bottom: 1px solid #FFF;
	}
	#menuResponsive li a {
		text-align: left;
		float: none;
		display: block;
		border: none;
		padding-left: 10px;
		margin: 0;
	}
	#menuResponsive li input {
		text-align: left;
		float: none;
		display: block;
		border: none;
		width: 100%;
		font-size: 0.71em;
	}
	#menuResponsive .linkActive, #menuResponsive .linkActive:hover {
		background-color: #555;
		background-image: url("../images/arrow1.png");
		color: #FFF;
	}
	.menu .sottomenu > a, .menu .sottomenuFull > a {
		background-image: url("../images/arrow2.png");
	}
	#menuResponsive li a:hover, .menuResponsive li:hover ul li a:hover, .menuTop a:hover, .menuTop li:hover a, .menuTop ul a:hover  {
		background-color: #DDD;
		color: #000;
	}
	
	.menuResponsive li:hover ul {
		display: none;
	}
	#menuResponsive ul a, #menuResponsive ul input{
		background-color: #CCC;
		color: #000;
	}
	#menuResponsive ul ul a, #menuResponsive ul ul input {
		background-color: #DDD;
		padding-left: 20px;
	}
	#menuResponsive ul ul ul a, #menuResponsive ul ul ul input  {
		background-color: #EEE;
		padding-left: 30px;
	}
	#menuResponsive .sottomenuFull ul h2 {
		background-color: #FFF;
		font-size: 0.8em;
		font-weight: bold;
		padding: 3px 10px;
		text-transform: uppercase;
		border: 0;
		margin: 0;
		padding-left: 20px;
	}
	#menuResponsive .sottomenuFull ul li {
		width: inherit;
	}
	
	#menuButton {
		content: '';
		display: block;
		width: 80px;
		height: 30px;
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -40px;
		background: url("../images/toggle.svg") center center no-repeat, rgba(132,128,136,0.75);
		border-top: 0;
		border-radius: 0 0 0.35em 0.35em;
		z-index: 3003;
		cursor: pointer;
	}
	#main {
		margin: 20px;
	}
	.divForm {
		background-color: #fff;
		border: 5px solid #D6E3B7;
		margin-bottom: 20px;
		padding: 0 20px;
	}
	.divTable {
		border: 3px solid #D6E3B7;
	}
}

@media only screen and (max-width: 480px) {
	.info {
		background-color: #0c6c08;
		background-image: url("../images/icoUserH.png");
		background-position: right center;
		background-repeat: no-repeat;
		border-right: none;
		float: none;
		display: block;
		font-size: 0.8em;
		margin: 0;
		color: #FFF;
		text-align: right;
		padding: 0px 24px 0px 8px;
	}
	.logoLogin {
		width: 100%;
	}
	.divLogin .testo, .divLogin .CNS {
		display: none;
	}
	.divLogin {
		width: 280px;
	}
	.divLogin label {
		border: none;
	}
	.divLogin .form-inline .form-group .form-control {
		width: 100%;
	}
}
@media only screen and (max-width: 320px) {
	label {
		border-bottom: none !important;
	}
	
}

.totali{
    background-color: #075d04;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    text-align: right;
}
.wait {
	   cursor:wait
}
.center {
  margin: auto;
  width: 50%;
  padding: 10px;
}
.banner {
  margin: auto;
  padding-bototm: 10px;
}
.palace {
	font-family: 'P22';
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
}
.palaceBold {
	font-family: 'P22';
	font-size: 1.4em;
	font-weight: 600;
	text-align: center;
}
.form-group .error {
    color: #ff0000;
    font-weight: bold;
} 
.form-group .testoPiccolo {
    font-size: 0.7em;
    font-weight: bold;
}  

.form-group .testoPiccoloRosso {
    color: #ff0000;
    font-size: 0.7em;
    font-weight: bold;
} 

.justify {
	 text-align: justify;
     text-justify: inter-word;
}
.colonna {
  width: 25%;
  float: left;
  border-radius: 3px;
  border: 1px solid rgba(124, 128, 97, 0.5);
  padding: 20px;
  margin: 10px;
}
.text-thin {
  font-size:2vw;
  text-align: center;
  font-weight: 300;
}
.margin-bottom {
	width:  35%;
}
/* More info button */
a.text-more-info {
  display: block;
  font-size:1vw;
  margin-top: 0.625rem;
}
a.text-more-info:after {
  content: url("../images/chevron_right.png");
  font-size:1vw;
  margin-left: 0.625rem;
  vertical-align: text-bottom;
  transition: all 0.20s linear 0s;
-o-transition: all 0.20s linear 0s;
-ms-transition: all 0.20s linear 0s;
-moz-transition: all 0.20s linear 0s;
-webkit-transition: all 0.20s linear 0s;
}
a.text-more-info:hover:after {
  margin-left: 0.825rem;
}
/* More info h2 */
a.text-more {
  display: block;
  font-size: 1.2em;
  margin-top: 0.625rem;
}
a.text-more:after {
  font-size: 1.2em;
  margin-left: 0.625rem;
  vertical-align: text-bottom;
  transition: all 0.20s linear 0s;
-o-transition: all 0.20s linear 0s;
-ms-transition: all 0.20s linear 0s;
-moz-transition: all 0.20s linear 0s;
-webkit-transition: all 0.20s linear 0s;
}
a.text-more:hover:after {
  margin-left: 0.825rem;
}
.grid-container{
		width:  80%;
		box-sizing: border-box;
	
}
.margin-m-bottom {
        margin-bottom: 1.25rem !important;
        display: block;
    }
    
.text-white-hover, .text-primary-hover, .text-dark-hover {
  transition: color 0.20s linear 0s;
  -o-transition: color 0.20s linear 0s;
  -ms-transition: color 0.20s linear 0s;
  -moz-transition: color 0.20s linear 0s;
  -webkit-transition: color 0.20s linear 0s;
}
.text-white-hover:hover, .primary-color-white .text-primary-hover:hover {
  color: #fff !important;
}
.text-primary-hover:hover, .primary-color-primary .text-primary-hover:hover {
  color: #49BF4C !important;
}
.text-dark-hover:hover, .primary-color-dark .text-primary-hover:hover {
  color: #002633 !important;
} 
@media screen and (min-width: 601px) {
 .testo-home{
	font-weight: 700;
	margin: 10px 30px 10px 30px;
	color: rgb(97,97,97);
	font-size: 1.0em;
	
}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
 .testo-home{
	font-weight: 700;
	color: rgb(97,97,97);
	font-size: 0.80em;
	
}
}


.colorfooter
{
	background-color: rgb(214,227,183);
}
.colonnaHome {
  width: 45%;
  float: left;
  border-radius: 3px;
  border: 1px solid rgba(124, 128, 97, 0.5);
  padding: 10px;
  margin: 10px;
}

.grid-container-home{
		width:  100%;
		box-sizing: border-box;
	
}

.logoHome {
	float: left;
	margin: auto; 
	width: 10%;
	vertical-align: text-top;
}
.logoRicerca
{
	width:3%; 
	float:left; 
	padding: 5px;
}
.gifLoading
{
	 position: absolute; 
	 top: 25%; 
	 left: 50%; 
	 margin-right: -50%;
	 margin-top: 2%;
	 display:none;
}
.imgBanner
{
	width: 100%;  
	height: auto;
}
.barChartApp
{
	width: 50%; 
	margin: auto;
}
.pieChartApp
{ 
	width: 50%; 
	height: 500px;
	float:right;
}
.fiftyTop
{
	width: 50%; 
	padding-top: 50px;
}
.clearLeft
{
	clear:left;
}
.clearRight
{
	clear:right;
}
.floatRight
{
	float: right;
}