/* MAIN COLOURS 

backgroung box: #2d6678
background: #ffffff; 
colore : #cccd34
colore righe tabelline:   003574
colore background tabelline: #FCFF69 oppure solito 

*/



/* Reset
================================================== */

/* tolti sup e sub */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, big, em, img, ins, small, trong, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, 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%;  
}

a { cursor : hand; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block 
}
ol, ul { 
list-style: none }


/* The Grid
================================================== */

.clr:after { 
content: ""; display: block; clear: both;  
}
.col { 
display: block; float: left; margin: 0 0 2% 2.2%; box-sizing: border-box; 
}



.span_1_of_3{width:31.2%}.span_1_of_4{width:22.6%}
*clear float and remove left margin*/

.count-1 { clear: both; margin-left: 0; }
.col-1 { clear: both; margin-left: 0; }

/* Body & Main
================================================== */

html { 
background: #dddddd; 
}

body { 
background: #ffffff; 
color: #555; 
font: 12px/20px 'Open Sans', "Helvetica", Arial; 
-webkit-font-smoothing: antialiased; 
/* height: 100%; RIMOSSO, altrimenti taglia sfondo body ad altezza predefinita */
margin:auto; 
width: 1080px;   /* 15-6-2015 CAMBIATO da 980px */
text-align: left;
} /* muzza marigin auto centra il body */

body a { 
COLOR: #003574;
/*COLOR: #cccd34;*/
text-decoration: underline;
FONT-WEIGHT: bold;
}

body a:hover {color: red;}
body a:active {color: red;}

body.body_ridotto { /*usato da login */
  min-width: 440px; /* 2 */
  max-width: 440px; /* 2 */
  
}

/* ACCESSIBILITA'  *********************************************************************************
stili per skip content per lettori senza screen
da usare <div id="skip"><a href="#content">Skip to Main Content</a></div>
*/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
color:white;
}
 
#skip a
{
position:static;
width:auto;
height:auto;
color:white;
}


#content a { 
font-weight: 500; 
}
.container { 
margin: 0 auto; 
/* 15-6-2015 RIMOSSO, comunque andava CAMBIATO da 980px a 1080px*/
} /* muzza tiene racchiusa la struttura */




/* Commons
================================================== */
table { 
width: 100%; 
padding:5px;
}



img { height: auto; max-width: 100%; }

/* Typography
================================================== */
h1, h2, h3, h4, h5, h6 { 
text-align:  left; 
margin-bottom:5px;
margin-top:5px;
}

h1 { 
font-size: 24px; 
}
h2 { 
font-size: 18px;
}

h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }
h6 { font-size: 10px }

h3 a { color: #444; }
h3 a:hover { 
color: #cccd34; 
text-decoration: none; }

li  {
list-style: disc;
list-style-position: inside;
}

p { 
text-align:  justify; 
}


.features-row1 p { 
margin: 0 0 00px; 
color: #ffffff; 
background-color: #418AA0;  
padding:10px; 
height: 60px; 
border: 2px solid; 
border-color: #ccc;
font-size: 11px;
}
.features-row2 p { 
margin: 0 0 0px; 
color: #ffffff; 
background-color: #418AA0;  
padding:10px; 
height: 60px; 
border: 2px solid; 
border-color: #ccc;
font-size: 11px;
}

/* =========================================*/
/* Main Navigation
================================================== */

/* ========== SUPERFISH (USATO DA MENU) ======  */

.sf-menu * {  /* contenitore menu */
	margin: 0px;
	padding: 0px;
	list-style: none;
	background-color: #2d6678;
	box-shadow: 2px 4px 3px #999999;
	
	background: linear-gradient(#2d6678, #1d3638);
	background: -webkit-linear-gradient(#2d6678, #1d3638); /*for safari 5.1 -6.0)*/
	background: -o-linear-gradient(#2d6678, #1d3638); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2d6678, #1d3638); /* For Firefox 3.6 to 15 */
	
}
.sf-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	/*float: left;*/
	margin-bottom: 1em;
	/* height:30px;*/
}

.sf-menu a {
	display: block;
	position: relative;
	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .2em 1em;   /* Dimensione delle voci */
	text-decoration: none;
	/* SERVE? zoom: header1 */
	zoom: 1; /* IE7 */
	color: #ffffff;

}

.sf-menu a:hover { 
color:#cccd34;
}

.sf-menu li {
	position: relative; 
	white-space: nowrap; *white-space: normal; 
	-webkit-transition: background .2s; 
	transition: background .2s; 
	text-align: left;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 10em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}


.sf-menu ul ul {
	top: 0;
	left: 100%;
	
}


.sf-menu li:hover { 
-webkit-transition: none; 
transition: none; }



.sf-menu > li {
	float: right; 
	/* allineamento del menu */
}
.sf-menu li:hover > ul { 
display: block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}





/*
/*** DEMO SKIN ***
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 10em; /* allow long menu items to determine submenu width *
	*width: 12em; /* no auto sub width for IE7, see white-space comment below *
}
.sf-menu a {
	border-left: 1px solid #fff;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand *
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .1em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 *
}
.sf-menu a {
	color: #ffffff;
}
.sf-menu li {
	background: #BDD2FF;
	white-space: nowrap; /* no need for Supersubs plugin *
	*white-space: normal; /* ...unless you support IE7 (let it wrap) *
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu ul li {
	background: #AABDE6;
}
.sf-menu ul ul li {
	background: #9AAEDB;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #CFDEFF;
	/* only transition out, not in *
	-webkit-transition: none;
	transition: none;
} */

/* ARROWS NON USATE */
/*** arrows (for all except IE7) **
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) *
}
/* styling for both css and generated arrows *
.sf-arrows .sf-with-ul:after {
	content: '';
	border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid rgba(255,255,255,.5); border-bottom:5px solid transparent; position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -2px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	/* edit this to suit design (no rgba in IE8) *
	
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour *
}
/* styling for right-facing arrows *
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) *
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
/* ========== SUPERFISH FINE MENU ======  */


/*  CLASSI DEL CMS */

/************************************
	CMS stili 
*************************************/
.cms_contenitore_esterno
{
	/*come liste_contenitore_esterno*/
}

.cms_table /* tabellona contenete le tre colonne cms */
{
	 /*border-radius:1em;*/
vertical-align: top;
padding:5px;
	 
}

.cms_InsideTitle,  /* stile titolo e sottotitolo cms, sia interno che esterno a colonne del body */
.cms_OutsideTitle
{
	/*
	PADDING: 5px;
	background-color: #FFFFFF;	
	border-radius:1em;
	*/
}

.link_generico
{
    COLOR: #003574;
    TEXT-DECORATION: none
}
.link_generico:hover
{
    COLOR: darkred;
    TEXT-DECORATION: none
}

.cms_td1
{
    BORDER-BOTTOM: gray thin;
    TEXT-ALIGN: justify;
    BORDER-LEFT: gray thin;
    BACKGROUND-COLOR: transparent;
    PADDING-RIGHT: 3mm;
    VERTICAL-ALIGN: top;
    BORDER-TOP: gray thin;
    BORDER-RIGHT: gray thin
}
.cms_td2
{
    /* BORDER-BOTTOM: gray 1px solid; */
    TEXT-ALIGN: justify;
    /* BORDER-LEFT: gray 1px solid;
	BORDER-TOP: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    PADDING-BOTTOM: 3mm;
    BACKGROUND-COLOR: transparent;
    PADDING-LEFT: 3mm;
    PADDING-RIGHT: 3mm;
    PADDING-TOP: 3mm
	*/
	VERTICAL-ALIGN: top;
 	
}
.cms_LastUpdate
{
    FONT-STYLE: italic;
    FONT-SIZE: 10px;
    FONT-WEIGHT: lighter
}
.cms_td3
{
    BORDER-BOTTOM: gray 1px solid;
    TEXT-ALIGN: justify;
    BORDER-LEFT: gray 1px solid;
    PADDING-BOTTOM: 3mm;
    BACKGROUND-COLOR: transparent;
    PADDING-LEFT: 3mm;
    PADDING-RIGHT: 3mm;
    FONT-FAMILY: Arial;
    VERTICAL-ALIGN: top;
    BORDER-TOP: gray 1px solid;
    BORDER-RIGHT: gray 1px solid;
    PADDING-TOP: 3mm
}

.cms_lastupdate /* testo last update */
{
color: #333;	
}

.cms_LinkEditing /* tasti edit, print, stat, etc */
{

FONT-WEIGHT: bold;
/*COLOR: #333;
PADDING: 5px;*/
}

.cms_didascalia
{
    FONT-STYLE: italic;
    FONT-SIZE: smaller
}


ul, .cms_dynamicelement_menu
{
list-style-type: disc;
padding-left: 30px;
FONT-SIZE: 12px;
}
li, .cms_dynamicelement_menuel
{
padding-left: 10px;
}

.cms_dynamicelement_menueltext
{
FONT-SIZE: smaller;
}



/*  ----   */
.insmod_campo_titolo
{
    TEXT-ALIGN: center;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #003574;
    FONT-SIZE: 14px
}
.insmod_campo_titoloForm
{
    TEXT-ALIGN: right;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #003574;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder
}
.insmod_asterisco
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: crimson;
    FONT-SIZE: larger;
    FONT-WEIGHT: 900
}
.insmod_titoli
{
    TEXT-ALIGN: right;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #990000;
    FONT-SIZE: 10px
}
.fieldOkTitoli
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff
}
.insmod_valore
{
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #990000;
    FONT-SIZE: 10px
}
.insmod_bottone_inserimento
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: black
}
.insmod_bottone_salva
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: blue
}
.insmod_bottone_indietro
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: black
}
.insmod_bottone_ripeti
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: black
}
.insmod_bottone_chiudi
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: black
}
.button_submit_repeat1
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: blue
}
.liste_bottone_inserimento
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: red;
    FONT-SIZE: 9pt
}
.insmod_bottone_menu
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: yellow
}
.insmod_tabella1
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    WIDTH: 70%;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px
}
.insmod_tabella_dimens1
{
    WIDTH: 30%
}
.insmod_tabella_dimens2
{
    WIDTH: 30%
}
.insmod_tabella_dimens3
{
    WIDTH: 40%
}
.insmod_tabella_dimens4
{
    WIDTH: 45%
}
.insmod_tabella_dimens5
{
    WIDTH: 65%
}
.insmod_frase1
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: yellow;
    FONT-SIZE: 9px
}
.insmod_frase2
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: yellow;
    FONT-SIZE: 9px
}
.insmod_frase3
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: yellow;
    FONT-SIZE: 9px
}
.insmod_campo_nota
{
    TEXT-ALIGN: left;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #003000;
    FONT-SIZE: 10px
}
.insmod_campo_nota1
{
    TEXT-ALIGN: left;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: white;
    FONT-SIZE: 10px
}
.fieldExplain1
{
    TEXT-ALIGN: left;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: blue;
    FONT-SIZE: 11px
}
.insmod_stile_tabella
{
    PADDING-BOTTOM: 5px;
    PADDING-LEFT: 5px;
    WIDTH: 100%;
    PADDING-RIGHT: 5px;
    PADDING-TOP: 5px
}

.insmod_stile_riga
{
}

.insmod_stile_colonna
{
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: left;
    BORDER-LEFT: medium none;
    VERTICAL-ALIGN: top;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
}


.liste_contatore_navigatore
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: lime;
    FONT-SIZE: 12px
}
.login_etichetta
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: white;
    FONT-SIZE: 8pt
}
.login_registrazione
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: palegreen;
    FONT-SIZE: 8pt
}
.login_ricorda_password
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: palegreen;
    FONT-SIZE: 8pt
}
.login_autenticazione
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: yellow;
    FONT-SIZE: 8pt
}
.login_pulsante
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: mediumblue;
    FONT-SIZE: 8pt
}


.liste_primarigatabella
{
}

.liste_rigatabella
{
    COLOR: #666666;
	BACKGROUND-COLOR: white;
}


.liste_valorecampo0
{
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: left;
    BORDER-LEFT: medium none;
    FONT-FAMILY: Arial;
    COLOR: black;
    FONT-SIZE: 8pt;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
	
}

.liste_valoreprimocampo
{
    FONT-FAMILY: Arial;
    COLOR: #0040a0;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bolder
}
.liste_rotturaCampo
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: black;
    FONT-SIZE: 12px
}
.liste_stiletitolo
{
    TEXT-ALIGN: center;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #0040a0;
    FONT-SIZE: 12pt;
    FONT-WEIGHT: bolder
}
.liste_trovato
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #003574;
    FONT-SIZE: 9px
}
.liste_valorecampo1
{
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_valorecampo3
{
    FONT-FAMILY: Arial;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_valorecampo2
{
    TEXT-ALIGN: justify;
    FONT-FAMILY: Arial;
    COLOR: black;
    FONT-SIZE: 8pt
}
.liste_nomecampo0
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    FONT-FAMILY: Arial;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    BORDER-TOP: medium none;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: medium none;
	
	
}
.liste_nomecampo1
{
    BACKGROUND-COLOR: #FCFF69;
    FONT-FAMILY: Arial;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_nomecampo2
{
    FONT-FAMILY: Arial;
    COLOR: #aa3300;
    FONT-SIZE: 8pt
}
.liste_nomecampo3
{
    FONT-FAMILY: Arial;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_recordtabella
{
    TEXT-ALIGN: left;
    WIDTH: 100%
}
.liste_colonna2
{
    BORDER-BOTTOM: fuchsia;
    BORDER-LEFT: fuchsia;
    BORDER-TOP: fuchsia;
    BORDER-RIGHT: fuchsia
}
.liste_colonna1
{
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: right;
    BORDER-LEFT: medium none;
    WIDTH: 150px;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none
}
.liste_valoretabella2
{
    BACKGROUND-COLOR: white;
    WIDTH: 100%;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}
.liste_link
{
    BORDER-BOTTOM: gray thin solid;
    PADDING-RIGHT: 4px;
    FONT-FAMILY: Arial;
    COLOR: #0040a0;
    FONT-SIZE: 9pt;
    MARGIN-RIGHT: 4px;
    BORDER-RIGHT: gray thin solid
}
.liste_frase
{
    FONT-FAMILY: Arial;
    COLOR: black;
    FONT-SIZE: 9pt
}
.liste_bott_modifica
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: black;
    FONT-SIZE: 8pt
}
.liste_bottone_selezione
{
    FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    COLOR: black;
    FONT-SIZE: 9pt
}
.liste_layout_selezione
{
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    COLOR: lime;
    FONT-SIZE: 8pt
}

.liste_tabellina_testuale
{
    BORDER-BOTTOM: grey 1px solid;
    BORDER-LEFT: grey 1px solid;
    COLOR: black;
    FONT-SIZE: 8pt;
    BORDER-TOP: grey 1px solid;
    BORDER-RIGHT: grey 1px solid
}
.link_interno_tabellina
{
COLOR: navy;
FONT-WEIGHT: bolder;
}
.link_interno_tabellina font:hover, 
{
    color: darkred;
	
}
.liste_tabellina_header, .liste_tabellina_extra
{
    BORDER-BOTTOM: lightgrey 1px;
    BORDER-LEFT: lightgrey 1px;
    BACKGROUND-COLOR: #EAEF57;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    BORDER-TOP: lightgrey 1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: lightgrey 1px;
	PADDING: 8px;
	
	

}
.liste_tabellina_header_testuale
{
    BORDER-BOTTOM: lightgrey 1px;
    BORDER-LEFT: lightgrey 1px;
    COLOR: #003574;
    FONT-SIZE: 8pt;
    BORDER-TOP: lightgrey 1px;
    FONT-WEIGHT: bolder;
    BORDER-RIGHT: lightgrey 1px
}
.liste_tabellina_pari
{
    BORDER-BOTTOM: #FCFF69 thin;
    BORDER-LEFT: #FCFF69 thin;
    BACKGROUND-COLOR: #FCFF69;
    COLOR: #000000;
    FONT-SIZE: 8pt;
    BORDER-TOP: #FCFF69 thin;
    BORDER-RIGHT: #FCFF69 thin;
    padding: 10px;
}
.liste_tabellina_dispari
{
    BACKGROUND-COLOR: #ffffff;
    FONT-SIZE: 8pt;
    padding: 10px;
}
.liste_tabellina_valorecampo1
{
    FONT-STYLE: italic;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_tabellina_valorecampo3
{
    FONT-FAMILY: Arial;
    COLOR: #990000;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bolder
}
.liste_tabellina_valorecampo2
{
    TEXT-ALIGN: justify;
    FONT-FAMILY: Arial;
    COLOR: black;
    FONT-SIZE: 8pt
}


.liste_tabellina_valorecampo0
{
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: right;
    BORDER-LEFT: medium none;
    FONT-FAMILY: Arial;
    /*COLOR: #0a0a33; se presente non sensibile a hover*/
    FONT-SIZE: 8pt;
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
	FONT-WEIGHT:normal;
	}


.tabella_file
{
    FONT-SIZE: 9px;
    FONT-WEIGHT: bolder
}
.tabella_fileRiga
{
}
.tabella_fileRigaH
{
}
.tabella_fileColonna
{
}
.tabella_fileColonnaH
{
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    FONT-FAMILY: Arial;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold
}
.tabella_fileElement
{
    COLOR: darkblue;
    FONT-SIZE: 10px
}
.tabella_fileElementLnk
{
    COLOR: darkblue;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline
}
.cms_didascalia
{
    FONT-STYLE: italic;
    COLOR: blue;
    FONT-SIZE: smaller
}
.download_table
{
    BORDER-BOTTOM: gray 1px;
    TEXT-ALIGN: left;
    BORDER-LEFT: gray 1px;
    BACKGROUND-COLOR: ivory;
    FONT-SIZE: xx-small;
    BORDER-TOP: gray 1px;
    BORDER-RIGHT: gray 1px
}
.download_table_td_webpubblico
{
    BORDER-BOTTOM: 1px;
    BORDER-LEFT: 1px;
    BACKGROUND-COLOR: #006400;
    COLOR: white;
    BORDER-TOP: 1px;
    BORDER-RIGHT: 1px;
    TEXT-DECORATION: none
}
.download_table_td_webprotetto
{
    BACKGROUND-COLOR: #004b00;
    COLOR: white;
    TEXT-DECORATION: none
}
.download_table_td_docpubblico
{
    BACKGROUND-COLOR: #ffff99;
    TEXT-DECORATION: none
}
.download_table_td_docprotetto
{
    BACKGROUND-COLOR: #e6e676;
    TEXT-DECORATION: none
}


/************************
 ZOOM (parallelo a liste)
*************************/

.liste_recordtabella_zoom /* analogo a liste_recordtabella ma per zoom */
{
/* contenitore del singolo record, effetti su background, dimensioni e colore dei NOMI di campo */
width: 100%;
background-color: white; /*#DDDDDD;*/
padding: 30px;
font-size: 10px;
}
.liste_colonna1_zoom /* analogo a liste_colonna1 ma per zoom */
{
 /* usato per zoom a due colonne*/
width: 130px;
PADDING: 2mm;
}
.liste_colonna2_zoom /* analogo a liste_colonna2 ma per zoom */
{  /* usato per zoom a due colonne*/
width: 15px;
background-color: #DDDDDD;
}

.liste_colonna3_zoom /* analogo a liste_colonna3 ma per zoom */
{ /* colonna dei valori, 
	è utile per indicare background specie per MULTIPLI su stessa riga,
	volendo width */
	PADDING: 2mm;
	background-color: white;
	
}

.liste_valoreprimocampo_zoom   /* analogo a liste_valoreprimocampo ma per zoom */
/* ha effetto solo su testo del PRIMO CAMPO: è il TITOLO dello ZOOM
   tipicamente background 
   (ha effetto anche su link)
   */
{
color: #0040A0;
FONT-WEIGHT: bold;
}

.liste_valoretabella2._zoom   /* analogo a liste_valoretabella2 ma per zoom */
{ /* è TABLE circonda valore campo a destra SE di tipo campo2
     possibilmente NON usare
	 occorre azzerare margine ereditato da table*/
	 
}

/* impaginazione campi, necessarie */
.liste_valorecampo0_zoom
{ /* impaginazione comune, separare i colori */
FONT-SIZE: 14px;
}

.liste_valorecampo3_zoom   /* analogo a liste_valorecampo3 ma per zoom */,
.liste_valorecampo2_zoom   /* analogo a liste_valorecampo2 ma per zoom */,
.liste_valorecampo1_zoom   /* analogo a liste_valorecampo1 ma per zoom */,
.liste_valorecampo0_zoom   /* analogo a liste_valorecampo0 ma per zoom */
{ /* impaginazione comune, separare i colori */
padding: 5px;
/*FONT-SIZE: 10px;*/
}
.liste_nomecampo3_zoom   /* analogo a liste_nomecampo3 ma per zoom */,
.liste_nomecampo2_zoom   /* analogo a liste_nomecampo2 ma per zoom */,
.liste_nomecampo1_zoom   /* analogo a liste_nomecampo1 ma per zoom */ ,
.liste_nomecampo0_zoom   /* analogo a liste_nomecampo0 ma per zoom */

{ /* impaginazione comune, separare i colori  */
FONT-WEIGHT: bold;
/*FONT-SIZE: 10px;*/
text-align: left;
PADDING: 2mm;
}
/* FINE impaginazione campi */

/* colori campi, opzionali */
/* FINE colori campi */

.liste_link_zoom   /* analogo a  ma per zoom */
/* ha effetto su testo del PRIMO CAMPO (chiave)
   tipicamente font-size e colore 
   è <A >*/
{
FONT-WEIGHT: bold;
COLOR: #003574;
}
.liste_link_zoom :hover ,
A.liste_valoreprimocampo_zoom:hover
{ /* VA */
color: red;
}












/*homepage slider*/

#homepage-slider-wrap .flex-direction-nav li a.flex-prev { left: 0; }
#homepage-slider-wrap .flex-direction-nav li a.flex-next { right: 0; }
#homepage-slider-wrap { max-height: 500px; overflow: hidden; width: 979px; margin-left: auto; margin-right: auto;}
.homepage-slide-inner { position: relative; }
.homepage-slide-content { display: block; position: absolute; top: 50px; left: 0; z-index: 9999; }
.homepage-slide-title { 
float: left; 
background: #2d6678; 
color:  #fff;
padding:4px; 
font-size: 2em; 
margin-left: 100px; }
.homepage-slide-caption span { float: left; text-align: left; margin-left: 100px; background: #cccd34; font-size: 1.0em; font-weight: 300; color: #000000; padding: 10px; width: 500px;}
.homepage-slide-caption1 span { float: left; text-align: left; margin-left: 100px; background: #cccd34; font-size: 1.0em; font-weight: 300; color: #000000; padding: 10px; }

/*homepage blog*/

#homepage-blog { background-color: #CCCD34; width: 98%; border: 2px solid; border-color: #cccccc; padding: 10px;  }
#homepage-blog.clr h2 { text-align: left; background-color: #CCCD34; }
.recent-blog-entry-title { font-size: 1.167em; }
.recent-blog-entry .post-meta { margin: 0 0 5px; }
.recent-blog-entry { 
background: rgba(255, 255, 255, 0.60); 
padding:10px; 
height: 330px; 
border: 2px solid; 
border-color: #ccc; 
margin-left: 15px; 
text-align: left !important;}

/* Feature Entries  */

.feature-icon-font img  { background: white; padding: 5px; }
.features-entry { 
text-align: center; 
padding: 10px; 
display: block; 
text-decoration: none; 
color: #555; 
font-weight: 400 !important; 
background: #6899AA; 
border: 2px solid; 
border-color: #cccccc; 
margin-left: 16px;
}
.feature-entry-title { 
margin: 0 0 0px; 
font-size: 1.4em; 
font-weight: 500; 
color: #ffffff; 
min-height:40px;
text-align: center;
}
.features-row2 a .feature-entry-title:hover { color: #CCCD34; }
.features-row1 .features-entry {  min-height: 220px; }
.features-row2 .features-entry {  min-height: 220px; }
.features-row1 a .feature-entry-title:hover { color: #CCCD34; }
.features-row1 { 
margin-bottom: 10px; 
padding-left: 0px; 
padding-right: 0px; 
width: 100%; }
.features-row2 { 
margin-bottom: 10px; 
width: 100%; }

.features-entry .feature-icon-font { text-align: center; margin: 0 auto 15px; }

/* Portfolio */

#homepage-portfolio.clr h2.heading {border: 2px solid; border-color: #cccccc; text-align: left; background-color: #CCCD34; padding-left: 10px; padding-top: 5px; pagging-bottom: 5px;}
#homepage-portfolio { height: 240px; width: 100%; }
.portfolio-entry { padding-left: 20px; padding-right: 20px; padding-top: 20px; margin-left: 20px;}
.portfolio-entry a { text-decoration: none }
.portfolio-entry a:hover { text-decoration: none }
.portfolio-entry-date {  position: absolute; right: 0; top: 0; font-size: 10px; }
.portfolio-entry-categories { margin-top: 2px; }
.portfolio-entry-categories a { color: #fff; display: inline-block; background-color: #e84645; padding: 0 4px; border-radius: 4px; font-size: 11px; margin-top: 2px; }
.portfolio-entry-categories a:hover { opacity: 0.8; }

.portfolio-entry-details { text-align: center;}
/* Footer  */

#footer-wrap { background: #efefef; padding: 10px; margin-top: 00px;}
#footer-wrap a { color: #000000; }
#footer-wrap a:hover { color: #cccd34; text-decoration: none; }
#footer-widgets .widget-title { color:  #fff; font-size: 1.25em; margin: 0 0 15px; }
#footer-widgets .widget-title span { background: #222; padding-right: 10px; }
#footer-widgets .widget_nav_menu ul > li { border-bottom: 1px solid #2a2a2a; }
#footer-widgets .widget_nav_menu ul > li:first-child { border-top: 1px solid #2a2a2a; }
#footer-widgets .widget_nav_menu ul > li.menu-item { padding: 6px 0; }
div.menu-products-container { text-align: left; padding-left: 80px;}
div.footer-box.span_1_of_3.col.col-3 div.footer-widget.widget_nav_menu.clr 
{ 
text-align: center;
margin-top: -15px;}


/* Polylang */

.language-switcher { /* PDS */
	text-align: right; /* PDS */
	height: 30px;
	width: 290px;
	margin: 0px;
	float:right; 
	position: relative;
	
	/*opacity: 0.8;*/
	}
.language-switcher-flag {	/* PDS */
		border:solid 1px;
		color:#bbbbbb;
	}	
		
.whereyouare { /* PDS */
	text-align: right; /* PDS */
	}	

/* References */

.sharewidget {
	text-align: center;
}
.sharewidget .swimg {
	height: 32px;
	width: 32px;
	margin: 4px;
	opacity: 0.8;
}
.sharewidget .swimg:hover {
	opacity: 1.0;
}
.textwidget {
	text-align: justify; color: #bbb; margin-top: 22px;
}


/* FlexSlider
================================================== */

.flexslider a:active,
.flexslider a:focus  {outline: none;}
.slides,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-direction-nav  li{list-style: none;}/* serve per togliere sporco da slider di home page */
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; }
.flexslider .slides img {width: 100%; display: block;}
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
* html .slides {height: 1%;}

#homepage-slider-wrap { max-height: 500px; overflow: hidden; }
#homepage-slider-wrap .flex-direction-nav li a { display: block; z-index: 9; position: absolute; top:50%; margin-top: -35px; height: 70px; line-height: 70px; width: 50px; text-align: center; opacity: 0.8; background: #2D6678; color: #fff; font-size: 21px; }
#homepage-slider-wrap .flex-direction-nav li a:hover { opacity: 1; background: #54d5a2; color: #fff; text-decoration: none; }
#homepage-slider-wrap .flex-direction-nav li a.flex-prev { left: 0; background-image: url("/ESET/images/freccia-sinistra.gif");}
#homepage-slider-wrap .flex-direction-nav li a.flex-next { right: 0; background-image: url("/ESET/images/freccia-destra.gif"); }
.homepage-slide-inner { position: relative; }
.homepage-slide-content { display: block; position: absolute; top: 50px; left: 0; z-index: 9999; }

.flexslider-container { position: relative; }
.flexslider-container img { display: block; }
#homepage-slider-wrap { max-height: 500px; overflow: hidden; }
#homepage-slider-wrap .flex-direction-nav li a { display: block; z-index: 9; position: absolute; top:50%; margin-top: -30px; height: 50px; line-height: 70px; width: 30px; text-align: center;  }
#homepage-slider-wrap .flex-direction-nav li a:hover { opacity: 0.5; }

.menub { 
float:right; 
position:relative;
/*margin-left: 20px;*/
}

/*hide responsive elements */

#navigation-toggle, .sidr { display: none }



/*portfolio sidebar */

.portfolio-widget { padding: 5px; border: 2px solid; border-color: #ccc; background-color: #EBEBAE; text-align: center;}
.portfolio-widget-progetto {  padding: 5px; background-color: #418AA0; border: 2px solid #ccc; color: #ffffff !important; text-align:center;}
.portfolio-widget-title { font-size: 1.1em; margin-top: 16px; padding-bottom: 4px; text-align:center; }
.portfolio-widget ul { list-style: none; padding-left: 24px; }
.portfolio-widget li { padding: 2px 0; }

.portfolio-widget-progetto h2.portfolio-widget-title, .portfolio-widget-progetto h3.portfolio-entry-title a, .portfolio-widget-progetto a { color: #ffffff !important; }
.portfolio-widget-progetto-box { margin-bottom: 10px; background-color: #2D6678; padding:5px; }
.portfolio-widget-box { margin-bottom: 10px; border: 2px solid; border-color: #ccc; background-color: #CCCD34; padding:5px; }


.left-content { width: 640px;}
.sidebar-container { float: right; width: 300px; }

/*portfolio custom*/

.portfolio-name { 
font-size: 1.3em; 
margin-bottom: 10px; 
margin-top: 10px; 
display: inline-block; 
width:100%; 
background-color: #CCCD34; 
border: 2px solid; 
border-color: #ccc; 
text-align: left;

}
.portfolio-main { border-bottom: 1px dotted #dfe0e4; margin-bottom: 24px; }
.portfolio-meta { border-bottom: 1px dotted #dfe0e4; text-align: left; }
.portfolio-part { position: relative; }
.portfolio-part-key { text-transform: uppercase; font-weight: bold; display: block; position: absolute; width: 100px; text-align: left; color: #2D6678; }

.portfolio-part-value p { text-align: justify; }
.portfolio-partners { }
.portfolio-partners table { width: 100%; border-radius: 12px; overflow: hidden; }

.sidebar-container a { color: #555; }

#featured-img { width: 100%; height: 280px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 16px; }

/* The Grid
================================================== */
.col:after,
.clr:after,
.group:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
.col { display: block; float: left; margin: 0 0 2% 3.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*percent grid*/
.span_1_of_3{width:31.2%}.span_1_of_4{width:22.6%}

/*clear float and remove left margin*/


.count-1 { clear: both; margin-left: 0; }
.col-1,
.col.first { clear: both; margin-left: 0; }


/*portfolio entry*/


.portfolio-entry-media a,
.portfolio-entry-media img { display: block; }

.portfolio-entry a { text-decoration: none }
.portfolio-entry a:hover { text-decoration: none }
.portfolio-entry-title { font-size: 1.167em; font-family: 'Lato', sans-serif; text-align:center; }
.portfolio-entry-date { position: relative; right: 0; top: 0; font-size: 10px; }

.portfolio-entry-categories a:hover { opacity: 0.8; }
img.portfolio-entry-img { max-width: 60px !important }



/* AGGIUNTA LUCA 23 FEBBRAIO 2015 */
  		
/* td { text-align: center; } */

.grafi-tabella-esterna { 
text-align: center !important; 
width: 100%; 
}
.grafi-tabella-esterna td { 
vertical-align:top!important;
}


.grafi-tabella-principale { 
text-align: center; width: 100%; padding: 10px; valign: top; border:1px solid;color:grey; }

.grafi-tabella-principale-tipo { 
text-align: center; 
width: 100%; 
padding: 10px; 
vertical-align: top; 
border: 2px solid; 
border-color: #ccc;}

.grafi-tabella-colonnadati { 
text-align: center; 
width: 40%; valign: top; 
background-color:#ffffff !important; 
border: 2px solid; 
border-color: #ccc;}

.grafi-container {
padding: 0px; 
background-color: rgb(249, 249, 249);
}


.grafi-tabella-inputdati { 
text-align: center; 
width: 100%; 
padding: 5px; 
vertical-align: top;
border:1px solid;color:grey;
margin-bottom:15px;
}

.grafi-tabella-inputdati-input {
padding:7px;
vertical-align: top;} 
.grafi-tabella-inputdati-input  input {text-align: right;} /* solo campo input, non intera casella */
.grafi-tabella-inputdati-casella-titolodicolonna { 
	text-align: center; 
	vertical-align: top !important;; 
	color:#2D6678; 
	background-color:#D5D835; 
	font-weight: bold; 
	padding:5px;
	}

.grafi-tabella-inputdati-input {
    background-color: #efefef;
    padding: 5px;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

 
.grafi-tabella-principale-casella-titolo, .grafi-tabella-inputdati-casella-titolo 
{background-color:#2D6678 !important;  
color:#ffffff; 
vertical-align:top;  
font-size: 18px; 
font-weight: bold; 
padding:20px; 
text-align:center ;
}

.grafi-tabella-principale-casella-sottotitolo, .grafi-tabella-inputdati-casella-sottotitolo
 {background-color:#2D6678;  
 vertical-align:middle; 
 color:#ffffff;  
 font-size: 18px; 
 font-weight: bold; 
 padding:20px; 
 text-align:center ;}

.grafi-tabella-principale td { 
text-align: center; 
vertical-align:middle; 
background-color:#efefef; 
width:20%; 
padding:5px;}

.grafi-tabella-principale-casella-titolodicolonna { text-align: center; vertical-align: top !important;; color:#2D6678; background-color:#EAEF57!important; font-weight: bold; padding:5px;}

.grafi-tabella-principale-casella-titolodicolonna h2 { font-size: 12px; text-align:center;}

.grafi-tabella-principale-casella-titolodicolonna h3 { font-size: 12px; text-align:center;}

.casella-immagine { background-color:#ffffff !important; }

.su{  /* serve per apice */
vertical-align: super; 
} 


/* ESET – Energy Saving and Efficiency Tool -  Web Application
 ==================================== */
.errore{
border:2px solid red;
padding:2px;
margin:2px;
border-radius:1em;
color:maroon;  
} 

.warning{
border:2px solid gray;
padding:2px;
margin:2px;
/* border-radius:1em;  */
color:maroon;  
} 

 .esetcore{ /*usato da pagine master */
width:80%;
vertical-align:top!important;
}
.esetlato { /*usato da pagine master per lato */
margin:1;
min-width: 180px; /* 2 */
max-width: 200px; /* 2 */
/*background-color:#efefef;*/
background-color:#2D6678; 
padding: 2px;
vertical-align:top!important;
box-shadow: 2px 2px 3px #666666;
}
/*.esetlato1,.esetlato2 { background-color:#efefef; }*/
.esetlato1,.esetlato2  { 
color:#ffffff; 
padding:2px;
}


.esetcorpo { 
background-color:#ffffff; 
color:#000000; 
padding: 2px; 
font-weight: bold;}
.esettestatachoice, .esetchoicer  
	{
	padding: 4px;
	
	}
	
.esettestatachoice {
/*	background-color:#2D6678; */
	background-color:#efefef;	
/*	color:#ffffff; */
	border:0px; 
	color:#2D6678;
	padding: 4px;
	text-align:left;
	}
	
.esettestatachoice2 {
/*	background-color:#2D6678; */
	background-color:#efefef;	
/*	color:#ffffff; */
	border:2px solid;
	color:#2D6678;
	padding: 4px;
	text-align:left;}
	
.esetchoicec {
/*	background-color:#2D6678; */
	background-color:#efefef;	
	background: linear-gradient(#efefef, #afafaf);  /*standard */
	background: -webkit-linear-gradient(#efefef, #afafaf); /*for safari 5.1 -6.0)*/
	background: -o-linear-gradient(#efefef, #afafaf); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#efefef, #afafaf); /* For Firefox 3.6 to 15 */
/*	color:#ffffff; */
	border:1px solid; 
	color:#2D6678;
	padding: 4px;
	text-align:left;
		box-shadow: 2px 2px 3px #666666;

.esetchoicec  p {text-align:  justify; }
.esetchoicec  a {color: #2D6678; }
.esetchoicec  a:hover {color: red;}
.InputCredential { 
border:1px solid; 
color:#2D6678; 
padding: 2px;}
.InputField, .InputCredential{ 
background-color:#dddddd; 
}
.InputField{ 
border:0px; 
font-size:11px;
}


.upload_window
{
background: #dddddd;
text-align: left;
padding:5pt;
}

.upload_window_text
{
}
.upload_window_inputfile
{
color:darkblue;
}

.upload_window_filename
{
color:darkblue;
}
.upload_window_error
{

color:red;
font-weight:bold;
}




/* ACCESSIBILITA'
stili per skip content per lettori senza screen
da usare <div id="skip"><a href="#content">Skip to Main Content</a></div>
*/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
}



/* ******************************************* */
/*   stile dei DIV dell' elemento MEN del CMS  */
/*   titolo e sottotitolo					   */

.cms_dynamicelement_menutit {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	color: navy;
}

.cms_dynamicelement_menusubtit {
	
}
/* ******************************************* */