/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
table, caption, tbody, tfoot, thead, tr, th, td,
dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	color: #333333;
}
p{
line-height:25px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
td, th {
  border-collapse: separate;
}
a {
  color: #006CC9;
  cursor: pointer !important;
}
a:hover {
  text-decoration: underline;
}

div.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/****************************************************************/
/*                            GENERAL                           */
/****************************************************************/

*, html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

* html input { 
  width:auto;
  overflow:visible;
}

html {
  height: 100%;
}

body {
	min-width: 980px;
  background-color: #eceff5;
  height: 100%;
}



#shortcutInner {
  margin: auto;
  width: 1100px;
  max-width: 1100px;
}

#shortcut {
	border-bottom: #ccc 1px solid;
  padding-bottom: 0px;
  background-color: #f2f2f2;
  padding-left: 10px;
  padding-right: 10px;
  height: 23px;
  border-top: #fff 1px solid;
  padding-top: 0px;
}
#shortcut ul {
	margin-top: 5px;
  float: right;
  font-size: 12px;
}
#shortcut li {
	border-left: #f5f5f5 1px solid;
  padding-bottom: 0px;
  padding-left: 0.7em;
  padding-right: 0.7em;
  float: left;
  border-right: #ddd 1px solid;
  padding-top: 0px ;
}
#shortcut li.first {
	border-left-style: none;
}
#shortcut li.last {
	border-right-style: none;
  padding-right: 0px;
}





#headerInner {
	min-width: 960px;
  margin: auto;
  width: 1100px; 
  max-width: 1100px;
}

#header {
/*	border-bottom: #0a548d 1px solid; */
  padding-bottom: 0px;
  background-color: #0b5fa0;
  padding-left: 10px;
  padding-right: 10px;
  height: 30px;
  border-top: #0a548d 1px solid;
  padding-top: 0px;
}
#headerInner {
	position: relative;
  text-align: right;
  margin: 0px auto;
}





#tagline {
	POSITION: absolute; 
  LINE-HEIGHT: 15px; 
  HEIGHT: 15px; 
  COLOR: #555; 
  FONT-SIZE: 11px; 
  TOP: -20px; 
  LEFT: 110px; 
  text-shadow: 0 1px 0 #fff
}
#tagline strong {
	FONT-STYLE: italic; 
  MARGIN-RIGHT: 3px
}





#topNav {
	position: absolute;
  height: 30px;
  font-size: 0.9em;
  top: 0px;
  left: 210px;
  text-align: left;
  /*z-index: 1000;*/
}
#topNav a {
	text-decoration: none;
}
#topNav li {
	line-height: 30px;
  float: left;
  font-size: 1.1em;
  position: relative;
}
#topNav li a {
	padding-left: 1.5em;
  display: block;
  color: #fff;
  padding-right: 1.5em;
  background-color: #0B5FA0;
  white-space: nowrap;
}
#topNav li a:hover, #topNav li a:active {
	background-color: #00467f !important;
}
#topNav li:hover > a {
	background-color: #00467f !important;
}
#topNav li.current a {
	background-color: #00467f;
}
#topNav li.current li a {
	background-color: #0B5FA0;
}
#topNav li.current li.current a {
	background-color: #00467f;
}

#topNav li ul {
  display: block;
  position: absolute;
  top: 30px;
  left: -9999px;
  float: none;
  width: 170%;
}
#topNav li:hover ul {
  left: 0;
}
#topNav li ul li {
  display: block;
  float: none;
  height: 100%;
  width: 100%;
}




#main {
	text-align: left;
  padding-bottom: 60px;
  background-color: #fff;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  border-top: #ddd 1px solid;
  padding-top: 40px;
}
#mainInner {
  margin: auto;
  width: 1080px;
  max-width: 1080px;
}





#footer {
	margin: auto;
  color: #666;
  font-size: 12px;
}

#bottomNavInner {
	min-width: 960px;
  margin: auto;
  width: 1100px;
  max-width: 1100px;
  text-align: center;
}
#bottomNav {
	text-align: center;
  padding-bottom: 10px;
  background-color: #004481;
  padding-left: 0px;
  padding-right: 0px;
  color: #fff; 
  border-top: #0278cc 1px solid;
  padding-top: 10px;
}
#bottomNav li {
	padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline; 
  padding-top: 0px; 
}
#bottomNav li a {
	color: #fff;
}




#bottomOptions {
	padding-bottom: 0px;
  background-color: #005ea3;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  height: 50px;
}
#bottomOptions p.owner {
  color: #ddd;
  padding-top: 12px;
  line-height: 15px;
  margin: 0;
  text-align: center;
}




#logo {
	POSITION: absolute; 
  TEXT-ALIGN: left; 
  TOP: -22px; 
  CURSOR: pointer;
   LEFT: 0px
}
#logo:hover {
	TEXT-DECORATION: none
}
#logo b {
	LINE-HEIGHT: 1.2; 
  DISPLAY: block; 
  VISIBILITY: hidden; 
  COLOR: #666; 
  MARGIN-LEFT: 5px; 
  FONT-SIZE: 11px; 
  FONT-WEIGHT: 400; 
  text-shadow: #fff 0 1px 0
}

/****************************************************************/
/*                            FRAME                             */
/****************************************************************/



.frameContainer {
  border: 1px solid #CCC;
  margin: 10px 0px;
  border-radius: 4px 4px 4px 4px;
}

.frameHeader {
  background-color: #F0F0F0;
  border-bottom: 1px solid #999999;
  font-size: 1.2em;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  height: 15px;
}

.frameHeaderTab {
  background-color: #F0F0F0;
  border-bottom: 1px solid #999999;
  font-size: 1.2em;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  height: 15px;
}

.frameContent {
  padding: 10px;
  border-radius: 4px 4px 4px 4px;
}

.frameContainer .frameHeader h2{ 
  font-weight: bold;
  margin: 0;
}

.frameHeaderFit {
  background-color: #F0F0F0;
  border-bottom: 1px solid #999999;
  font-size: 1.2em;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
  padding: 12px 10px;
}

.frameHeaderFit h3 {
  display: inline-block;
  font-weight: bold;
  margin: 0px 0px 5px 0px;    
}

.frameHeaderFit i {
  display: inline-block;
  font-style: italic;
  font-size: 0.8em;
}

.frameHeaderFit small {
  display: inline-block;
  font-size: 0.8em;
}

.frameContainerFit {
  border: 1px solid #CCC;
  margin: 0px;
  border-radius: 4px 4px 4px 4px;
}

.frameComunicazione{
  color:#006CC9;
  cursor: pointer !important;
  font-size: 12px; 
  font-style: italic; 
  padding-left: 12px; 
  padding-bottom: 10px;
}

.frameFieldSetHide{
  border:0px;
}


/****************************************************************/
/*                            generated by webratio             */
/****************************************************************/

.wr-footer {
  padding: 20px 50px;
  text-align: right;
  clear: both;
  position: absolute;
  bottom: 0;
  right: 0;
}
.wr-footer a {
  color: rgb(102, 102, 102);
  font-family: Tahoma;
	font-size: small;
	text-decoration: none;  
}
.wr-footer span.blu {
  color: rgb(0, 24, 96);
}
.wr-footer span.red {
  color: rgb(224, 30, 0);
}
.wr-footer sup {
  font-size: 80%;
}





/****************************************************************/
/*                            form                              */
/****************************************************************/

.over{
  background-color: #F8F8FA;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #666;
}
     
.element .elementLabel{
  color: #444444;
  font-weight: bold;
  line-height: 150%;
  margin-right: 20px;
  padding-left: 3px;
  text-align: right;  
  width: 40%;
  display: inline-block;
  float: left;
}

.element .elementInputs{
  color: #444444;                              
  font-weight: bold;
  line-height: 150%;
  margin-right: 20px;
  padding-left: 3px;
  text-align: left;  
  width: 50%;
  display: inline-block;
}

.element .elementErrorMessage{
  color: red;
  float: left; 
  padding-left: 3px;
  line-height: 150%;
  font-size: 0.9em;
  padding-top: 1px;
}          


.element .elementMessage{
  color: #888888;
  /*display: inline-block;*/
  display: block;
  /*float: left;*/
  line-height: 150%;
  margin-right: 20px;
  padding-left: 3px;
  width: 40%;
  text-align: right;
  font-size: 0.9em;
  font-style: italic;
  /*padding-top: 1px;*/
}
.element .elementHelp {
  background: url("../../icons/help.png") no-repeat scroll center center transparent;
  cursor: help;
  display: inline-block;
  height: 18px;
  width: 18px;
  position: relative;
  vertical-align: top;
}


.element .elementHelp .elementHelpMessage:before, 
.element .elementHelp .elementHelpMessage:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #90CFEE;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0; 
}

.element .elementHelp .elementHelpMessage:before {
  border-top-color: #90CFEE;
  bottom: -8px;
}

.element .elementHelp .elementHelpMessage {
  visibility: hidden;
  position: absolute; 
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 280px;
  margin-left: -152px;
  padding: 10px;
  border: 2px solid #ccc;
  background: #90CFEE;
  background-image: -moz-linear-gradient(top, #DEEEF2 0%, #90CFEE 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DEEEF2), color-stop(100%,#90CFEE));
  background-image: -webkit-linear-gradient(top, #DEEEF2 0%,#90CFEE 100%);
  background-image: -o-linear-gradient(top, #DEEEF2 0%,#90CFEE 100%);
  background-image: -ms-linear-gradient(top, #DEEEF2 0%,#90CFEE 100%);
  background-image: linear-gradient(top, #DEEEF2 0%,#90CFEE 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEEEF2', endColorstr='#90CFEE',GradientType=0 );  
  border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #267399;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}
.element .elementHelp:hover .elementHelpMessage {
  visibility: visible;
}


.element{
	display: block;
  margin: 1px;
  padding: 5px;
  border: 1px solid transparent;
  float:right;
  width: 97%;
}

.element:hover{
  background-color: #F8F8FA;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #DDD;
}

.element input[type="text"],
.element input[type="password"],
.element select,
.element textarea{
  background-color: #F1FAFE;
  border: 1px solid #BDDFF9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px;
}

.element.over input[type="text"],
.element.over input[type="password"],
.element.over select,
.element.over textarea{
  background-color: #FFFFFF;
  border-color: #FFC5A8;
}

.element.err{
  background-color: #FFFCF9;
  border: 1px solid #FFB482;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.buttonDettaglio {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
  text-decoration: none;
	cursor: pointer;
	padding: 4px 16px;
	margin: 5px;
	background: #5f9fbf;
  background: -moz-linear-gradient(top, #5f9fbf 0%, #176e99 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9fbf), color-stop(100%,#176e99));
  background: -webkit-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -o-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -ms-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9fbf', endColorstr='#176e99',GradientType=0 );
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #267399;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
  line-height: 2;
    white-space: nowrap;
}

.buttonDettaglio:hover {
  color: #FFFFFF;
  text-decoration: none;
	background: #73c0e6;
  background: -moz-linear-gradient(top, #73c0e6 0%, #1b80b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c0e6), color-stop(100%,#1b80b3));
  background: -webkit-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -o-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -ms-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0e6', endColorstr='#1b80b3',GradientType=0 );
}

.in-carico{
    font-style: italic;
    padding-top: 5px;
}

.in-carico-produttore .in-carico{
    color: #CD4A00;
}
.in-carico-produttore .buttonDettaglio{
  background: #E37220;
  background: -moz-linear-gradient(top, #E37220 0%, #CD4A00 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E37220), color-stop(100%,#CD4A00));
  background: -webkit-linear-gradient(top, #E37220 0%,#CD4A00 100%);
  background: -o-linear-gradient(top, #E37220 0%,#CD4A00 100%);
  background: -ms-linear-gradient(top, #E37220 0%,#CD4A00 100%);
  background: linear-gradient(top, #E37220 0%,#CD4A00 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E37220', endColorstr='#CD4A00',GradientType=0 );
    border: 1px solid #CD4A00;
}
.in-carico-produttore .buttonDettaglio:hover {
  color: #FFFFFF;
  text-decoration: none;
	background: #FFC607;
  background: -moz-linear-gradient(top, #FFC607 0%, #FF9E07 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFC607), color-stop(100%,#FF9E07));
  background: -webkit-linear-gradient(top, #FFC607 0%,#FF9E07 100%);
  background: -o-linear-gradient(top, #FFC607 0%,#FF9E07 100%);
  background: -ms-linear-gradient(top, #FFC607 0%,#FF9E07 100%);
  background: linear-gradient(top, #FFC607 0%,#1b80b3 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC607', endColorstr='#FF9E07',GradientType=0 );
}
.buttonDettaglioComunicazione {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
  text-decoration: none;
	cursor: pointer;
	padding: 2px 8px;
	margin: 5px;
	background: #5f9fbf;
  background: -moz-linear-gradient(top, #5f9fbf 0%, #176e99 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9fbf), color-stop(100%,#176e99));
  background: -webkit-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -o-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -ms-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9fbf', endColorstr='#176e99',GradientType=0 );
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #267399;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
  line-height: 1,7;
}

.buttonDettaglioComunicazione:hover {
  color: #FFFFFF;
  text-decoration: none;
	background: #73c0e6;
  background: -moz-linear-gradient(top, #73c0e6 0%, #1b80b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c0e6), color-stop(100%,#1b80b3));
  background: -webkit-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -o-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -ms-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0e6', endColorstr='#1b80b3',GradientType=0 );
}

.button {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
  text-decoration: none;
	cursor: pointer;
	padding: 4px 16px;
	margin: 5px;
	background: #5f9fbf;
  background: -moz-linear-gradient(top, #5f9fbf 0%, #176e99 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f9fbf), color-stop(100%,#176e99));
  background: -webkit-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -o-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: -ms-linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  background: linear-gradient(top, #5f9fbf 0%,#176e99 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9fbf', endColorstr='#176e99',GradientType=0 );
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #267399;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(108,181,217,1);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.button:hover {
  color: #FFFFFF;
  text-decoration: none;
	background: #73c0e6;
  background: -moz-linear-gradient(top, #73c0e6 0%, #1b80b3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73c0e6), color-stop(100%,#1b80b3));
  background: -webkit-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -o-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: -ms-linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  background: linear-gradient(top, #73c0e6 0%,#1b80b3 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0e6', endColorstr='#1b80b3',GradientType=0 );
}


.button.green {
	background: #6fbf5f;
  background: -moz-linear-gradient(top, #6fbf5f 0%, #2d9917 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fbf5f), color-stop(100%,#2d9917));
  background: -webkit-linear-gradient(top, #6fbf5f 0%,#2d9917 100%);
  background: -o-linear-gradient(top, #6fbf5f 0%,#2d9917 100%);
  background: -ms-linear-gradient(top, #6fbf5f 0%,#2d9917 100%);
  background: linear-gradient(top, #6fbf5f 0%,#2d9917 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fbf5f', endColorstr='#2d9917',GradientType=0 );
	border: 1px solid #30a619;
  box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(52,179,27,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(52,179,27,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(52,179,27,1);
}
.button.green:hover {
	background: #86e673;
  background: -moz-linear-gradient(top, #86e673 0%, #34b31b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86e673), color-stop(100%,#34b31b));
  background: -webkit-linear-gradient(top, #86e673 0%,#34b31b 100%);
  background: -o-linear-gradient(top, #86e673 0%,#34b31b 100%);
  background: -ms-linear-gradient(top, #86e673 0%,#34b31b 100%);
  background: linear-gradient(top, #86e673 0%,#34b31b 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86e673', endColorstr='#34b31b',GradientType=0 );
}

.button.red {
	background: #bf6e5f;
  background: -moz-linear-gradient(top, #bf6e5f 0%, #992a17 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf6e5f), color-stop(100%,#992a17));
  background: -webkit-linear-gradient(top, #bf6e5f 0%,#992a17 100%);
  background: -o-linear-gradient(top, #bf6e5f 0%,#992a17 100%);
  background: -ms-linear-gradient(top, #bf6e5f 0%,#992a17 100%);
  background: linear-gradient(top, #bf6e5f 0%,#992a17 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf6e5f', endColorstr='#992a17',GradientType=0 );
	border: 1px solid #a62e19;
  box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(179,50,27,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(179,50,27,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(179,50,27,1);
}
.button.red:hover {
	background: #e68473;
  background: -moz-linear-gradient(top, #e68473 0%, #b3321b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e68473), color-stop(100%,#b3321b));
  background: -webkit-linear-gradient(top, #e68473 0%,#b3321b 100%);
  background: -o-linear-gradient(top, #e68473 0%,#b3321b 100%);
  background: -ms-linear-gradient(top, #e68473 0%,#b3321b 100%);
  background: linear-gradient(top, #e68473 0%,#b3321b 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e68473', endColorstr='#b3321b',GradientType=0 );
}

.button.orange {
	background: #e6c073;
  background: -moz-linear-gradient(top, #e6c073 0%, #cc921e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6c073), color-stop(100%,#cc921e));
  background: -webkit-linear-gradient(top, #e6c073 0%,#cc921e 100%);
  background: -o-linear-gradient(top, #e6c073 0%,#cc921e 100%);
  background: -ms-linear-gradient(top, #e6c073 0%,#cc921e 100%);
  background: linear-gradient(top, #e6c073 0%,#cc921e 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c073', endColorstr='#cc921e',GradientType=0 );
	border: 1px solid #b3801b;
  box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(230,165,34,1);
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(230,165,34,1);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(230,165,34,1);
}
.button.orange:hover {
	background: #ffd47f;
  background: -moz-linear-gradient(top, #ffd47f 0%, #e6a522 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd47f), color-stop(100%,#e6a522));
  background: -webkit-linear-gradient(top, #ffd47f 0%,#e6a522 100%);
  background: -o-linear-gradient(top, #ffd47f 0%,#e6a522 100%);
  background: -ms-linear-gradient(top, #ffd47f 0%,#e6a522 100%);
  background: linear-gradient(top, #ffd47f 0%,#e6a522 100%);
  *filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd47f', endColorstr='#e6a522',GradientType=0 );
} 

.linkList {
  text-align: left;
}  

.linkList .right {
  float: right;
}     



.arrow {
	float:right;
	padding: 0 5px;
	cursor: pointer;
	background: transparent url(../img/arrow-notification-up.png) no-repeat 0 0;
}

.arrow.up {
	background: transparent url(../img/arrow-notification-up.png) no-repeat 0 0;
}
.arrow.down  {
	background: transparent url(../img/arrow-notification-down.png) no-repeat 0 0;
}

.arrow img  {
	width:17px;
	height:19px;
}

.clearfix {
	clear:both;
}  









.noBorder{
  border: 0 none;
  width: 100%;
  resize: none;
  margin-top: 5px;
}

.frameHeaderBold{
  padding: 10px;
}

.frameHeaderBold h2{
  font-weight: bold;
  text-decoration: underline;
}

.frameContainerBold{
  margin: 10px 0px;
}

.center{
  padding-left:400px;
}

.MultiEntryError{
  color: red;
  float: left;
  font-weight: bold; 
  padding-left: 450px;
  padding-top: 5px;
}

.righeAlternate .DataUnit tr:nth-child(odd)	{ 
  background-color:#F7F7F7; 
}
.righeAlternate .DataUnit tr:nth-child(even) { 
  background-color:#fff;
}

.errormessage {
/*css per i messaggi di errore dei ws*/
PADDING-RIGHT: 20px;
BORDER-TOP: #FF5656 2px solid;
PADDING-LEFT: 20px;
BACKGROUND: #FFCCCC;
PADDING-BOTTOM: 2px;
MARGIN: 10px auto;
PADDING-TOP: 2px;
BORDER-BOTTOM: #FF5656 2px solid;
TEXT-ALIGN: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
font-weight:bold;
}

.warningmessage {
/*css per la warning list delle storedata*/
PADDING-RIGHT: 20px;
BORDER-TOP: #ffd324 2px solid;
PADDING-LEFT: 20px;
BACKGROUND: #fff6bf;
PADDING-BOTTOM: 2px;
MARGIN: 10px auto;
PADDING-TOP: 2px;
BORDER-BOTTOM: #ffd324 2px solid;
TEXT-ALIGN: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
font-weight:bold;
}

.larghezza80 {
	width: 80%;
}

.larghezza60 {
	width: 60%;
}

.DataUnitRowContinue .integer, .float, .decimal {
	text-align: left
}

.podList{
	color: #006CC9 !important;
    cursor: pointer;
    font-size: 15px;
    padding-top: 5px;
    text-decoration: underline;
}


.cookie-notification {
background-color: #EAEDED;
}

.cookie-notification .section{
margin-left: auto;
margin-right: auto;
width: 960px;
}
.cookie-notification .section p{
line-height: 18px;

}

.cookie-notification .alert {
background-color: transparent;
border: none;
margin-bottom: 0;
}

.cookie-notification .alert .close {
top: 54px;
}

.alert .close {
position: relative;
top: 3px;
right: 47px;
line-height: 18px;
font-size: 18px;
color: #003057;
}

button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}

.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}

.Mentry input[type="text"],
.Mentry input[type="password"],
.Mentry select,
.Mentry textarea{
  background-color: #F1FAFE;
  border: 1px solid #BDDFF9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px;
}

.Mentry.over input[type="text"],
.Mentry.over input[type="password"],
.Mentry.over select,
.Mentry.over textarea{
  background-color: #FFFFFF;
  border-color: #FFC5A8;
}

.Mentry.err{
  background-color: #FFFCF9;
  border: 1px solid #FFB482;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.Mentry .elementErrorMessage{
  color: red;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.max-300{
  max-width:300px;
}

.displayNone {
	display: none;
}
.nota .value{
    padding-top: 20px;
    font-style: italic;
}
.frameContainer.red-button .frameHeader {
    background-color: #fc0400;
    color: #fff;
    cursor: pointer;
    line-height: 18px;
}
.button.info{
    background-color: #1b80b3;
}
.button.info:hover{
    background-color: #5f9fbf;
}
.text-title{
    font-weight:bold;
    font-size:1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
}
.esempi-cei-slide object{
    width: 100%;
    height: 600px;
}
.testo-a-capo{
    white-space: normal;
    line-height: 1.8em;
}

.long-title.frameContainer .frameHeader{
  line-height: 1.5em;
  height:40px;
} 

.plain.DataUnit th.header{
  width:35%;
}
.inline span.value {
    margin-right: 10%;
}

.position-popup{
	top: 550px !important;	
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0,0,0,0.65);
  padding-top: 150px;
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -25%); }
  .modal.show .modal-dialog {
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.5);
  outline: 0;
  }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.26; }

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  }

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }

  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }

  .modal-content {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%);
    }

  .modal-sm {
    max-width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }
    
.proseguiRed {
	background: #f30d0d;
    border-color: #f30d0d;
}

.frameHeaderAttivita {
    background-color: #ff2222;
    border-bottom: 1px solid #999999;
    font-size: 1.2em;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    height: 15px;
    color: white;
}

.frameContainer .frameHeaderAttivita h2{ 
  font-weight: bold;
  margin: 0;
}

.proseguiRed:hover {
  background: #bb1111d6 !important;
}

/* modifica per popup */
.ui-widget-overlay {
  background: #aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
  opacity: .3 !important;
}