html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike, strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;}
body { line-height:1;}
ol,ul { list-style:none;}
blockquote,q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none;}
:focus { outline:0;}
ins { text-decoration:none;}
del { text-decoration:line-through;}
table { border-collapse:collapse;border-spacing:0;}
img { display:block;}
a img { border:none;}
/*
*
*  Consistency fixes
*  adopted from http://necolas.github.com/normalize.css/
*
*/

@import url(https://fonts.googleapis.com/css?family=Titillium+Web);

/*@font-face{
    font-family:'Titilium Web';
    src:url('../font/titiliumWeb.woff2') format('woff2'),
        url('../font/titiliumWeb.woff') format('woff'),
        url('../font/titiliumWeb.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}*/

/* STILI GENERICI */
body {
	background:#eee url(../images/bg.jpg) repeat-x top left;
	/*font-family: 'Archivo Narrow', Arial, sans-serif;*/
	font-family: 'Titillium Web', sans-serif !important;
	/*font-size:90% !important;*/
	font-size:100% !important;
	font-weight:400;
	
	/*font-family: Helvetica,Arial,Tahoma, sans-serif;
	font-size:78%;
	font-weight:400;*/
	
	color:#333;
	-webkit-font-smoothing:antialiased;
}

select,textarea,input[type=text] {
	/*font-family: 'Archivo Narrow',Arial;*/
	font-family: 'Titillium Web', sans-serif !important;
	font-size: 100%!important;
}

input[type=button], input[type=submit] {
	padding: 0px 15px!important;
	font-family: 'Titillium Web', sans-serif !important;
    font-size: 100%!important;
}

.clear {
	clear:both;
}

a {
	color:#00a2b4;
	text-decoration:none;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}
a:hover {
	color:#333;
}

strong {
	font-weight:700;
}

h1 {
	font-size:1.1em;
	color:#00a2b4;
	font-weight:400;
	padding-top:20px;
}
h2 {
	font-size:1em;
	font-weight:400;
}
h3 {
	color:#fff;
	background:#00a2b4;
	line-height:1.7em;
	font-size:1em;
	padding:0 12px;
	text-transform:uppercase;
	font-weight:400;
}
h4 {
	font-size:1em;
	font-weight:400;
	text-transform:uppercase;
	background:#666;
	line-height:1.7em;
	padding:0 12px;
	color:#fff;
}
h5 {
	font-size:1em;
	font-weight:400;
	text-transform:uppercase;
	color:#00a2b4;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
}
h5_simple {
	font-size:1em;
	font-weight:400;
	text-transform:uppercase;
	color:#00a2b4;
	padding-bottom:5px;
}

h5 span {
	color:#999;
}

.home h1 {
	font-size:1.3em;
	padding-top:23px;
}
.home h2 {
	font-size:1.3em;
}
h2.titoloSezione_small {
		font-size:1.2em;
text-transform:uppercase;
	}
h2.titoloSezione {
	font-size:1.2em;
	padding-top:46px;
	text-transform:uppercase;
}

.box {
	background:#f8f8f8;
	padding:1px 12px 0;
	-webkit-box-shadow:0px px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
}
.box.padding {
	padding:12px;
}
.previewNews {
	border-bottom:1px solid #ccc;
	padding-bottom:12px;
	margin-top:12px;
	clear:both;
	position:relative;
}
.previewNews h2 {
	text-transform:uppercase;
	font-size:1em;
}
.previewNews .allegato {
	position:absolute;
	right:5px;
	top:-1px;
	opacity:0.5;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}
.previewNews .allegato:hover {
	opacity:1;
}

.previewNews.viewed {
	background:#e8e8e8;
	padding:5px;
}
.previewNews.viewed h2 a {
	color:#999;
}
.previewNews.viewed p {
	color:#999;
}
.previewNews p {
	color:#666;
	margin-bottom:0 !important;
}
.previewNews.notizie {
	font-size:0.9em;
	border:0;
}
.previewNews.notizie img {
	float:left;
	margin-right:10px;
	margin-bottom:45px;
	clear:both;
}

form.navigazione input[type=submit] {
	height:25px;
	padding:5px 15px;
	border:0;
	margin:20px;
	background:#00a2b4;
	float:right;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
form.navigazione input[type=submit]:hover {
	background:#333;
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}

.content p {
	margin-bottom:1em;
}
.content .titoloH2 {
	font-size:1.5em;
	margin-bottom:1em;
}

.avviso,
.errore,
.buonfine {
	padding:10px 15px 10px 40px;
	margin-bottom:20px;
}
.avviso {
	background:#ffc url(../images/icons/icon-warning.png) no-repeat 10px 8px;
	border:1px solid #fc3;
}
.errore {
	background:#f99 url(../images/icons/icon-error.png) no-repeat 10px 8px;
	border:1px solid #f00;
}
.buonfine {
	background:#cf9 url(../images/icons/icon-check.png) no-repeat 10px 8px;
	border:1px solid #360;
}

#cerca {
	padding-bottom:5px;
	margin-top:10px;
	border-bottom:1px solid #ccc;
	display:block;
	clear:both;
	height:20px;
	text-align:right;
	text-transform:uppercase;
	font-size:0.9em;
	background:url(../images/icons/icon-search.png) no-repeat top right;
	padding-right:25px;
}
#cerca img {
	float:right;
	margin-left:10px;
}
#search {
	padding:15px 0;
}











/* FILTRO COMUNICAZIONI */
.filtroComunicazioni {
	font-size:0.9em;
}
.filtroComunicazioni .width100,
.filtroComunicazioni .width50 {
	display:block;
	margin-bottom:10px;
}
.filtroComunicazioni .width100 {
	width:100%;
}
.filtroComunicazioni .width50 {
	width:50%;
	float:left;
}
.filtroComunicazioni .width50.last {
	clear:right;
}
.filtroComunicazioni label {
	text-transform:uppercase;
	width:60px;
	display:block;
	float:left;
	line-height:25px;
	text-align:right;
	padding-right:10px;
}
.filtroComunicazioni input[type=text] {
	background:#eee;
	border:0;
	border-bottom:1px solid #00a2b4;
	padding:5px 10px;
}
.filtroComunicazioni input#oggetto {
	width:450px;
}
.filtroComunicazioni input#datepicker {
	width:160px;
}
.filtroComunicazioni select#tipologia {
	width:185px;
	padding:5px 10px;
	clear:right;
}
.filtroComunicazioni input[type=submit] {
	float:right;
	clear:both;
	display:block;
	margin:5px 0 10px;
	height:25px;
	padding:5px 15px;
	border:0;
	background:#00a2b4;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	margin-right:28px;
}


/* STRUTTURA */
#page {
	background:#fff url(../images/bg.jpg) repeat-x top left;
	width:90%;
	min-width:1000px;
	margin:0 auto;
	/*padding:0 1%;*/
	padding:0 15px;
	-webkit-box-shadow:0px px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
}

.column1-5 {
	min-width:145px;
	width:19%;
	margin:0 5px;
	float:left;
}
.column2-5 {
	min-width:345px;
	width:39%;
	margin:0 5px;
	float:left;
}
.column3-5 {
	min-width:545px;
	width:59%;
	margin:0 5px;
	float:left;
}
.column4-5 {
	min-width:745px;
	width:79%;
	margin:0 5px;
	float:left;
}
.column5-5 {
	min-width:945px;
	width:99%;
	margin:0 5px;
	float:left;
}


.column1-5center {
	width:190px;
	margin:0 5px;
	display: inline-block;
	margin-top:10px;
	margin-bottom:10px;
}
.column1-5center_small {
	width:178px;
	margin:0 5px;
	display: inline-block;
	margin-top:10px;
	margin-bottom:10px;
}
.content .column1-5,
.content .column2-5,
.content .column3-5,
.content .column4-5,
.content .column5-5 {
	margin-top:10px;
	margin-bottom:10px;
}

.logo {
	margin-top:24px;
	margin-bottom:10px;
}

#header {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #aaa;
}

.content {	
	margin-bottom:40px;
	padding-bottom:32px;
}

#footer {
	background:#eee;
	border-top:1px solid #aaa;
	font-size:0.9em;
	padding:5px 15px;
	margin-top:40px;
	position:fixed;
	bottom:0;
	width:90%;
	margin-left:-15px;
	z-index: 10!important;
}
#footer .right {
	float:right;
}
#footer .left {
	margin-left:-2px;
	display:block;
}
#footer img.logoH3 {
	float:right;
	margin-left:30px;
}
/*#footer .column3-5 {
	float:right;
}*/

#footer p {
	margin-bottom:0!important;
}

.boxTab {
	background:#fff;
	padding:15px;
	border:1px solid #ccc;
	margin-bottom:15px;
}


@media screen and (max-width: 1270px) {
	#page{
		width:1000px;
		padding:0 15px;
	}
	.column1-5 {
		width:18.96%;
	}
	.column2-5 {
		width:38.96%;
	}
	.column3-5 {
		width:58.96%;
	}
	.column4-5 {
		width:78.96%;
	}
	.column5-5 {
		width:98.96%;
	}
	#footer {
		left:50%;
		width:81.5%;
		min-width:1030px;
		margin-left:-515px;
		padding:10px 0px;
	}
}


/* MENU AREE */
.menuAree {
	float:right;
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:700;
}
.menuAree li,
.menuAree li a  {
	float:left;
	display:inline;
}
.menuAree li a  {
	margin-right:3px;
	background:url(../images/bg-area-segreteria.png) repeat-x 0 -64px;
	text-align:center;
	color:#333;
	width:100px;
}
.menuAree li div  {
	float:left;
	display:inline;
	margin-right:3px;
	text-align:center;
	color:#fff;
	width:130px;
}

.menuAree li div img  {
	margin:15px auto 0;
}

.menuAree li#segreteria div {
	background-image:url(../images/bg-area-segreteria.png);
}

.menuAree li#finanza a,
.menuAree li#finanza div  {
	background-image:url(../images/bg-area-finanza.png);
}
.menuAree li#territorio a,
.menuAree li#territorio div {
	background-image:url(../images/bg-area-territorio.png);
}
.menuAree li#personale a,
.menuAree li#personale div {
	background-image:url(../images/bg-area-personale.png);
}
.menuAree li#tecnologia a,
 .menuAree li#tecnologia div {
	background-image:url(../images/bg-area-tecnologia.png);
}
.menuAree li#governance a,
 .menuAree li#governance div {
	background-image:url(../images/bg-area-governance.png);
}
.menuAree li#cittadino a,
 .menuAree li#cittadino div {
	background-image:url(../images/bg-area-cittadino.png);
}
.menuAree li a img  {
	/*margin:15px auto 0;*/
	margin: 20px auto 5px;
    width: 33px;
}
.menuAree li a:hover,
.menuAree li.current a  {
	color:#fff;
	-webkit-box-shadow:0px px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);
	background:url(../images/bg-area-segreteria.png) repeat-x 0 0;
}


/* MENU CONFIGURAZIONE */
.menuConfig {
	float:right;
	text-transform:uppercase;
	font-size:0.8em;
	/*letter-spacing:-0.05em;*/
	font-weight:700;
}

.menuConfig li a {
    /*margin:5px 0px 5px 10px;*/
    margin:5px 0px 5px 5px;
    /*height: 65px;*/
    height: 70px;
    /*width: 88px;*/
    width: 93px;
    background: #ddd;
    text-align:center;
	position:relative;
	display: block;    
    word-wrap: break-word;
	border-radius: 10px;
}

.menuConfig li a div{
	display: table-row;
	text-align: center;
	vertical-align: middle;
}

.menuConfig li,
.menuConfig li a {
		float:left;
		display:table;
}	
	
.menuConfig li a img {
	margin:5px auto 2px;
}
.menuConfig li a:hover,
.menuConfig li.current a {
	color:#fff;
	background:#aaa;
}
/* .menuConfig li:first-child a { */
/* 	margin:0; */
/* } */
.menuConfig li a span.avvisi,
.menuServizi li a span.avvisi {
	position:absolute;
	top:-8px;
	right:-8px;
	width: 24px;
    height: 26px;
    /*line-height: 26px;*/
    line-height: 24px;
	text-align:center;
	color:#fff;
	background:url(../images/bg-avviso.png) no-repeat top left;
	background-size: 24px 26px!important;
	font-size:80%;
}


/* MENU FORMAZIONE */
.menuFormazione {
    float: right;
    text-transform: uppercase;
    font-size: 0.8em;
    /*letter-spacing: -0.05em;*/
    font-weight: 700;
}

.menuFormazione li, .menuFormazione li a {
    float: left;
    display: inline;
    border-radius: 10px;
}

ul.formazione li, ul.formazione li a {
    width: 100%;
}
.menuFormazione li a {
    
    height: 75px;
    /*height: 65px;*/
    width: 94px;
    background: #ddd;
    text-align: center;
    position: relative;
}
.menuFormazione li a:hover {
	background: #aaa;
	color: #fff;	
}
	
.menuFormazione li, .menuFormazione li a {
    float: left;
    display: inline;
}
.menuFormazione li a img {
    /*margin: 5px auto 2px;*/
    margin: 10px auto 2px;
}

/* MENU SERVIZI */
.menuServizi a {
	text-transform:uppercase;
	font-size:0.8em;
	margin-top:100px;
	font-weight:700;
	border-radius: 10px;
	display: block;
	/*width: 88px;*/
	width: 93px;
	height: 80px;
	margin-top:5px;
	/*margin-right: 10px;*/
	margin-right: 5px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	word-wrap: break-word;
	background: #ddd;
}

.menuServizi li a div{
	display: table-row;
	text-align: center;
	vertical-align: middle;
}

.menuServizi li,
.menuServizi li a {
		float:left;
		display:table;
}
	
.menuServizi li a img,
.menuServizi li input[type=image] {
	margin:8px auto 3px;
	display:block;
	clear:both;
	width: 36px;
}

.menuServizi li a img.disable {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}


.menuServizi li a:hover {
	color:#fff;
	background:#aaa;
	-webkit-box-shadow:0px px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}
/*.menuServ izi li:last-child a {
	margin:0;
} */


.titolo_ul {
        border-top:1px solid #ddd;
        margin-top:25px;
        padding-top:5px;
}

/* MENU TAB CONFIG */
.menuTabConfig {
	margin-top:10px;
	height:31px;
}
.menuTabConfig li,
.menuTabConfig li a {
	float:left;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.menuTabConfig li a {
	line-height:30px;
	padding:0 10px;
	margin-right:2px;
	background:#f8f8f8;
	text-transform:uppercase;
	border:1px solid #ccc;
}
.menuTabConfig li.current a,
.menuTabConfig li a:hover {
	background:#fff;
	color:#333;
	border-bottom:1px solid #fff;
}


/* MENU SEGNALAZIONI */

.menuSegnalazioni {
	color:#333;
}

.menuSegnalazioni li a img {
	margin:15px auto 0;
}

.menuSegnalazioni li a {
	background:#eee;
	margin-bottom:2px;
	padding:5px 10px;
	display:block;
	position:relative;
	/*color:#fff;*/
}
.menuSegnalazioni li a:hover,
.menuSegnalazioni li.current a {
	background:#f8f8f8;
	color:#333;
}
.menuSegnalazioni li a span.avvisi {
	position:absolute;
	top:-8px;
	right:-8px;
	width:28px;
	height:29px;
	line-height:29px;
	text-align:center;
	color:#fff;
	background:url(../images/bg-avviso.png) no-repeat top left;
	font-size:0.8em;
}



/* TABELLE - TABLES */
table {
	width:100%;
}
table td {
	border-bottom:1px solid #ccc;
	padding:5px 0;
	min-width:20px;
	
}







/* TABELLA SEGNALAZIONI */

/*tr.tableHead {
	text-transform:uppercase;
	font-weight:700;
	color:#00a2b4;
}*/
tr.tableHead {
	text-transform:uppercase;
	font-weight:700;
	color:black;
}
td .areaSegreteria,
td .areaTerritorio,
td .areaTecnologia,
td .areaFinanza,
td .areaPersonale {
	width:10px;
	height:auto !important;
	height:20px;
	min-height:20px;
	background:#333;
}
td .areaSegreteria {
	background:#c5387b;
}
td .areaTerritorio {
	/*background:#469578;*/
	background:#328264;
}
td .areaTecnologia {
	/*background:#919531;*/
	background:#a02216;
}
td .areaFinanza {
	background:#f8794d;
}
td .areaPersonale {
	/*background:#318bb4;*/
	background:#2D7EA4;
}




/* LISTA SEGNALAZIONI */
.listaSegnalazione .segnalazione {
	background:#fff;
	margin-bottom:15px;
	padding:10px;
}
.listaSegnalazione li,
.listaSegnalazione ol li ol li {
	padding-left:20px;
	margin-left:5px;
	background:url(../images/icons/icon-freccia.png) no-repeat top left;
}
.listaSegnalazione ol li,
.listaSegnalazione ol li ol li ol li {
	padding-right:20px;
	margin-right:5px;
	padding-left:0px;
	margin-left:0px;
	background:url(../images/icons/icon-freccia-2.png) no-repeat top right;
}











/* LOGIN */
.templateLogin {
	background:#fff;
}
.templateLogin #page {
	background:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.login {
	width:370px;
	margin:80px auto 0;
}
.logoLogin {
	margin:0 auto 20px;
	padding-top:30px;
}
.formLogin {
	background:#f8f8f8 url(../images/bg-login.png) no-repeat top left;
	padding-top:30px;
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	-webkit-border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomright:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-right-radius:15px;
	border-bottom-left-radius:15px;
}
.formLogin label {
	line-height:34px;
	width:110px;
	float:left;
	margin:5px 0;
	text-align:right;
	padding-right:15px;
	text-transform:uppercase;
}
.formLogin input[type=text],
.formLogin input[type=password] {
	width:200px;
	height:25px;
	padding:5px 10px;
	border:0;
	margin:5px 0;
	background:#eee;
	border-bottom:1px solid #00a2b4;
}
.formLogin input[type=text]:focus,
.formLogin input[type=password]:focus {
	color:#00a2b4;
	background:#fff;
	border-bottom:1px solid #333;
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}
.formLogin input[type=submit] {
	height:25px;
	padding:5px 15px;
	border:0;
	margin:10px 0 20px;
	background:#00a2b4;
	float:right;
	margin-right:35px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
.formLogin input[type=submit]:hover {
	background:#333;
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
}










/* MODIFICHE */
.newPostitIcon {
	text-transform:uppercase;
	line-height:28px;
}
.newPostitIcon img {
	margin-left:15px;
	margin-right:5px;
	float:left;
}


.post-it,
.post-it-green,
.post-it-pink {
	position:relative;
}
.colorePostIt {
	position:absolute;
	left:200px;
	top:40px;
	color:#666;
	text-transform:uppercase;
	line-height:18px;
	font-size:0.9em;
}
.colorePostIt img {
	display:inline;
	margin-left:3px;
	border:1px solid #999;
}

.prioritaPostitField {
	position:absolute;
	left:45px;
	top:40px;
	color:#666;
	text-transform:uppercase;
	line-height:18px;
	font-size:0.9em;
}

textarea.post-it {
	/*position:absolute !important;*/
	position:relative !important;
	margin:0 !important;
	top:68px !important;
	left: 40px;
	width: 205px;
	height: 150px;
	line-height:26px;
	font-size:1em;
}
textarea.post-it:focus {
	box-shadow:none;
	moz-box-shadow:none;
	-webkit-box-shadow:none;
}

a img.post-it {
	margin:0 !important;
}
.salvaPostIt {
	position:absolute;
	right:-20px;
	top:172px;
}
.salvaPostIt:hover,
.eliminaPostIt:hover {
	opacity:0.6;
}

.eliminaPostIt {
	position:absolute;
	right:-20px;
	top:30px;
}

.priorPostImg {
	position:relative;
	width:23px;
	height:23px;
}
.priorPostImg img {
	position:absolute;
	z-index:0;
}
.priorPostImg span {
	position:absolute;
	z-index:1;
	display:block;
	text-align:center;
	line-height:23px;
	width:23px;
	color:#666;
}



#search_comunicazioni label {
	line-height:35px;
}

.dataCom {
	color:#999 !important;
	font-size:0.9em;
}
.tipologiaCom {
	text-transform:uppercase;
}
.mittenteCom {
	text-transform:uppercase;
	font-size:0.9em;
}


.tipologiaCom span {
	color:#aaa;
}
.mittenteCom span {
	color:#aaa;
}




/* .div_animate:hover { 
	z-index:100;
	height: 600px;
	transition:all 0.5s;
	-moz-transition:all 0.5s; Firefox 4
	-webkit-transition:all 0.5s; Safari and Chrome
	-o-transition:all 0.5s; Opera
	position: absolute;
	width:100%;
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	
}

.div_animate:hover #news.hasJS {
	height:600px;
} */

.div_animate  {
	/*z-index:100;*/
	/*overflow:hidden;*/
	/*height:440px;*/
	/*width:100%;*/
	/*position: absolute;*/
	-webkit-box-shadow:0px px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);
	box-shadow:0px 0px 15px rgba(0, 0, 0, 0.2);	
}


ul.formazione {
	margin: 8px;
    float: left;
    width: 90%;
}

ul.formazione li,
ul.formazione li a {
	width: 100%;
}

.registrati{
	background:#def4f7;
}
.programmati{
	background:#fef5cc;
}
.corsi{
	background:#f8d5df;
}
.manualistica{
	background:#d3f2bb;
}

.paragrafo{
	margin: 30px 10px;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:-0.05em;
	font-weight:700;
}

.info {
	background:url(../images/bg-avviso.png) no-repeat top left;
	width:28px;
	height:28px;
	display:inline-block;
	text-align:center;
	line-height:29px;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-style:italic;
	color:#fff;
	margin-top:-10px;
	font-size:0.9em;
}

/*

azzurro link: 00a2b4
grigio testi: 333

Area Segreteria c5387b
Area Finanza f8794d
Area Territorio 469578
Area Personale 318bb4
Area Tecnologia 919531

*/

.tabAlternativi {
	width:20px;
	display:inline;
	color:#000;
	/*white-space:nowrap!important;*/
	padding: 5px 10px!important;
    line-height:28px;
	padding:15px 10px;
	margin-right:5px;
	background:#f8f8f8;
	-webkit-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

.tabAlternativi a{
	color:#eee;
}

.tabAlternativi td.current,
.tabAlternativi td:hover {
	background:#fff;
	color:#333;
	/*border-bottom:1px solid #fff*/;
}

.widthAuto {
	width:auto;
}

.bordo_destra{
	padding-right:5px;
	border-right:1px solid #ccc;
}

.uppercase {
    text-transform: uppercase;
}

.grosso{
    font-weight: bold;
}

.titoletto {
	 color: #00a2b4;
}

.displayNone{
	display:none;
}

table.piccola td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.div_apri_legenda,
.div_apri_legenda_segn {
    position: fixed;
    margin-top: -54px;
    margin-left: -50px;
    background: #eee;
    padding: 4px 5px 4px 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: lr-tb;
    border: solid 1px #333;
    cursor: pointer;
    -webkit-box-shadow: 0px px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.contenitore_legenda,
.contenitore_legenda_segn {
    top: 254px;
    /* margin-left: 10px; */
    margin-left: 10px;
    display: none;
    position: fixed;
    /*width: 300px;*/
    border: solid 1px #333;
    -webkit-box-shadow: 0px px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}



@media screen and (max-height: 858px) {
	.contenitore_legenda_segn {
		top: 254px;
	}
}
@media screen and (min-height: 858px) {
	.div_apri_legenda,
	.div_apri_legenda_segn {
	    margin-top: 70px;
	}
	.contenitore_legenda,
	.contenitore_legenda_segn {
		/*top: 518px;*/
	}
}

.cursorPointer{
	cursor:pointer;
}

.maiuscolo{
text-transform: uppercase;
}

ul.trasparenza {
	margin: 8px;
    float: left;
    width: 90%;
}

ul.trasparenza li,
ul.trasparenza li a {
	width: 100%;
}

.halleyveneto:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(206, 0, 12, 0.8);
	color:white;
}
.accatre:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(0, 162, 180, 0.8);
	color:white;
}
.accatrestp:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(0, 122, 180, 0.8);
	color:white;
}
.boxxapps:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(160, 42, 22, 0.9);
	color:white;
}
.arvest:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(76, 143, 124, 0.9);
	color:white;
}
.novia:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	background: rgba(127, 196, 28, 0.9);
	color:white;
}

.halleyveneto{
	background: rgba(206, 0, 12, 0.2);
}
.accatre{
	background: rgba(0, 162, 180, 0.2);
}
.accatrestp{
	background: rgba(0, 122, 180, 0.2);
}
.boxxapps{
	background: rgba(160, 42, 22, 0.2);
}
.arvest{
	background: rgba(76, 143, 124, 0.2);
}
.novia{
	background: rgba(127, 196, 28, 0.2);
}

.red {
	color: #f00 !important;
	font-weight:bold;
}
.green,
.green_tr_grey:hover {
	color: #40b000 !important;
	font-weight:bold;
}

.yellow,
.yellow_tr_grey:hover {
	color: #FFD700 !important;
	font-weight:bold;
}
.color_tr:hover{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	color:black!important;
}

.green_tr_grey:hover{
	font-weight:initial!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.yellow_tr_grey:hover{
	font-weight:initial!important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.overFlow{
	overflow-y: scroll;
}

.border1{
	border:1px solid;
}
.colorAzzurro{
	color:#00a2b4;
}
.borderAzzurro{
	border-color:#00a2b4;	
}

.padding10{
	padding:10px;
}

.marginTop15 {
	margin-top:15px; 
}

/*CONFIGURATION MANAGEMENT SYSTEM*/
.big-title {
	font-size:1.5em;
}

.pulsante_cms {
	width:120px;
	height:70px;
	/*height:55px;*/
	font-weight: bold;
	vertical-align:middle;
	margin-top:10px;
	align:center;
	background: #ddd;
    cursor:pointer;
    border: none;
    font-size: 0.8em;
    color: #00a2b4;
    border-radius: 10px;
}

.current_cms {
	background: #00a2b4;
	color: #fff!important;
	border: none;
}

.pulsante_cms i.fa {
	margin-bottom: 8px;
}

.pulsante_cms:hover {
	background: #00a2b4;
	color: #fff!important;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
	-webkit-box-shadow: 0px px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
   	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.cms_disabled {
	color:#ccc!important;
	background: #eee!important;
	cursor: default!important;
}
.cms_disabled:hover {
	color:#ccc!important;
	background: #eee!important;
	cursor: default!important;
	transition:all 0.5s;
	-moz-transition:all 0.5s; /* Firefox 4 */
	-webkit-transition:all 0.5s; /* Safari and Chrome */
	-o-transition:all 0.5s; /* Opera */
	-webkit-box-shadow: 0px px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
   	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.fontsize40{
	font-size:40px!important;
}

tr.minor_padding td{
	padding:2px!important;
}


.fa-1-3 {
	font-size: 1.3em;
}

.azzurro{
	color: #00a2b4;
}

.slideThree {
  width: 60px;
  height: 22px;
  background: #eeeeee;
  /*margin: 0px auto;*/
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 0; /*bisogna metterlo senn i pallini si sovrappongono al footer!!!!*/
}
.slideThree:after {
  content: 'OFF';
  color: #000;
  position: absolute;
  right: 6px;
  z-index: 0;
  font: 11px/23px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slideThree:before {
  content: 'ON';
  color: #00a2b4;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 11px/23px Arial, sans-serif;
  font-weight: bold;
}
.slideThree label {
  display: block;
  width: 29px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 1px;
  z-index: 1;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0%, #ccc 40%, #aaa 100%);
  background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
  border-radius: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree input[type=checkbox]:checked + label {
  left: 30px;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #afeaf1 0%, #00a2b4 40%, #007c8a 100%);
  background: linear-gradient(to bottom, #afeaf1 0%, #00a2b4 40%, #007c8a 100%);
}

.slideThreeDisabled label{
	background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
	cursor: default!important;
}
.slideThreeDisabled input[type=checkbox]:checked + label{
	 background: #fff;
	  background: -webkit-linear-gradient(top, #fff 0%, #ccc 40%, #aaa 100%);
	  background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
	cursor: default!important;
}
.slideThreeDisabled:before {
  color: #aaa !important;
}

.utenti_procedure table, tr, td, th {
  position: relative;
  padding: 10px;
}

.utenti_procedure th span {
  transform-origin: 0 50%;
  --transform: rotate(-90deg); 
  white-space: nowrap; 
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.column1-4 {
	width:23%;
	margin:0 1%;
	float:left;
}
.column2-4 {
	width:48%;
	margin:0 1%;
	float:left;
}
.column3-4 {
	width:73%;
	margin:0 1%;
	float:left;
}
.column4-4 {
	width:98%;
	margin:0 1%;
	float:left;
}

.h1_changelog {
	color: #a02216!important;
    font-weight: 400!important;
    margin-bottom: 0.5em!important;
    font-size: 2em!important;
    text-transform: uppercase!important;
	display: block!important;
    font-size: 2em!important;
    margin-block-start: 0.67em!important;
    margin-block-end: 0.67em!important;
    margin-inline-start: 0px!important;
    margin-inline-end: 0px!important;
    
}






.scrollbar{
    overflow-y: scroll;
}

.style_scrollbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
    border-radius: 10px;
    background-color: transparent;
    
    box-shadow: inset 0 0 10px 3px #bbb;
    border: solid 4px transparent;
}

.style_scrollbar::-webkit-scrollbar
{
    width: 12px;
    background-color: transparent;
}

.style_scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.9);
    background-color: #555;
    
    box-shadow: inset 0 0 10px 10px #bbb;
    border: solid 1px white;
}
.style_scrollbar::-webkit-scrollbar-button:end {
    display: none;
}

.style_scrollbar::-webkit-scrollbar-button:start {
    display: none;
}

.div_raggr_raggr{
	border:1px solid #999;
	border-radius:10px;
	padding:5px 10px;
	margin-right:5px;
	padding:10px;
}
.input_text_percent{
	text-align:right;
	padding:0!important;
	margin:0!important;
}

.height180{
	height:180px;
}
.draggable_anchorable{
	cursor:move;
}
.border_right_big{
    border-right: 0.5px #736f6f solid;
}
.border_light{
    border: 1px #7f7f7f solid;
}


/* .slideThree */ /*devo mettere ogni singolo ID usato perch non posso fare le classi, altrimenti all'interno della stessa pagina verrebbero selezionati/deselezionati tutti*/ 
.slideThree {
  width: 60px;
  height: 22px;
  background: #eeeeee;
  /*margin: 0px auto;*/
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
  z-index: 0; /*bisogna metterlo senn i pallini si sovrappongono al footer!!!!*/
}
.slideThree:after {
  content: 'OFF';
  color: #000;
  position: absolute;
  right: 6px;
  z-index: 0;
  font: 11px/23px Arial, sans-serif;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slideThree:before {
  content: 'ON';
  color: #00a2b4;
  position: absolute;
  left: 10px;
  z-index: 0;
  font: 11px/23px Arial, sans-serif;
  font-weight: bold;
}
.slideThree label {
  display: block;
  width: 29px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 1px;
  z-index: 1;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff 0%, #ccc 40%, #aaa 100%);
  background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
  border-radius: 50px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.slideThree input[type=checkbox] {
  visibility: hidden;
}
.slideThree input[type=checkbox]:checked + label {
  left: 30px;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #afeaf1 0%, #00a2b4 40%, #007c8a 100%);
  background: linear-gradient(to bottom, #afeaf1 0%, #00a2b4 40%, #007c8a 100%);
}

.slideThreeDisabled label{
	background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
	cursor: default!important;
}
.slideThreeDisabled input[type=checkbox]:checked + label{
	 background: #fff;
	  background: -webkit-linear-gradient(top, #fff 0%, #ccc 40%, #aaa 100%);
	  background: linear-gradient(to bottom, #fff 0%, #ccc 40%, #aaa 100%);
	cursor: default!important;
}
.slideThreeDisabled:before {
  color: #aaa !important;
}
/* end .slideThree */

.div_meeting:hover {
        color:#000;
        background:#ebebeb;
        -webkit-box-shadow:0px px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
        box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5);
}
.div_meeting{
	line-height: 1;
	/*font-family: 'Archivo Narrow', Arial, sans-serif;*/
	-webkit-font-smoothing: antialiased;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
	color: #00a2b4;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	cursor: pointer !important;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 700;
	border-radius: 10px;
	/*width: 88px;*/
	width: 93px;
	height: 80px;
	margin-top: 5px;
	/*margin-right: 10px;*/
	margin-right: 5px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	word-wrap: break-word;
	background: #ddd;
	float: left;
	display: table;
	
}

.borderTop{
	border-top: 1px solid #ddd;
}

.pallino_servizi_nuovi {
	position: absolute;
	/*top: -4px;*/
	left: 60px;
	font-size: 14px;
	color: #fff;
	background-color: #318bb4;
	padding: 3px;
	border-radius: 20px;
	transform: rotate(0deg);
	-webkit-animation: blink 1s step-start 0s infinite;
	animation: blink 1s step-start 0s infinite;
	z-indez:999;
}

/* .slideOne */
.slideOne {
  width: 50px;
  height: 10px;
  background: #eeeeee;
  margin: 0px auto;
  position: relative;
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slideOne label {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: -3px;
  left: -3px;
  cursor: pointer;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #afeaf1 0%, #00a2b4 40%, #007c8a 100%);
  border-radius: 50px;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.slideOne input[type=checkbox] {
  visibility: hidden;
}
.slideOne input[type=checkbox]:checked + label {
  left: 37px;
}

/* end .slideOne */

.ui-datepicker-month{
	padding:0px!important;
}
.ui-datepicker-year{
	padding:0px!important;
}

.corsitable thead td{
	background:#ddd;
	color:black;
	font-weight:bold;
}

.corsitable td{
	vertical-align:middle;
	border-bottom: 1px solid #eee;
    padding: 10px 0;
    min-width: 20px;
}

.corsitable tbody tr:hover{
	background:#eee;
	cursor:pointer;
}

.corsitablecheckbox thead td{
	background:#ddd;
	color:black;
	padding: 10px 0;
	font-weight:bold;
}

.corsitablecheckbox td{
	border-bottom: 0px solid #eee;
	border-right: 1px solid #ddd;
    padding: 6px 0;
    min-width: 20px;
}

.corsitablecheckbox {
	border-bottom: 1px solid #ddd;
}

.corsitablecheckbox tbody tr:first-child td {
	padding-top:20px;
}

.corsitablecheckbox tbody tr td:first-child {
	border-left: 1px solid #ddd!important;
}
.corsitablecheckbox tbody tr td:last-child {
	border-right: 1px solid #ddd!important;
}
.corsitablecheckbox tbody tr:last-child td:first-child {
	padding-bottom:25px;
}

.containerRegistrazione {
    z-index: 15;
    background-color: #454545eb;
    position: fixed;
   top: 0;
    left:0; 
    width: 100%;
    height: 100%;
}

.modalRegistrazione {
    background-color: #fff;
    width: 70%;
    margin: auto;
    margin-top: 200px;
    padding: 20px;
    max-height: 550px;
    z-index: 20;
}