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/
*
*/



/* STILI GENERICI */
/*rimosso perche dava fastidio in xinf (verificare se serve)*/
html,
body {
	height:100%;
	background: #eee;
}
/*html {
	height:100%;
}*/

body {
	background:#eee url(../images/bg.jpg) repeat-x fixed top left;
	font-family: 'Archivo Narrow', sans-serif;
	font-size:90%;
	font-weight:400;
	color:#333;
	-webkit-font-smoothing:antialiased;
}

.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 {
	color:#00a2b4;
	font-weight:400;
	margin-bottom:0.5em;
	font-size:2em;
	text-transform:uppercase;
}
h2 {
	font-weight:400;
	text-transform:uppercase;
	font-size:1.6em;
	margin-bottom:1em;
}
h3 {
	color:#fff;
	background:#00a2b4;
	line-height:1.3em;
	font-size:1.2em;
	padding:0 12px;
	text-transform:uppercase;
	font-weight:400;
	margin-bottom:1em;
}
h4 {
	font-size:1em;
	font-weight:400;
	text-transform:uppercase;
	background:#666;
	line-height:1.7em;
	padding:0 12px;
	color:#fff;
	margin-bottom:1em;
}
h5 {
	font-size:1em;
	font-weight:400;
	text-transform:uppercase;
	color:#00a2b4;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
	margin-bottom:1em;
}
h6 {
	font-size:0.9em;
	color:#666;
	margin-bottom:1em;
	font-weight:400;
}

h2.titoloSezione {
	font-size:1.2em;
	padding-top:46px;
	text-transform:uppercase;
}

#header h1 {
	font-size:1.1em;
	color:#00a2b4;
	font-weight:400;
	padding-top:30px;
	margin-bottom:3px;
}
#header h2 {
	font-size:1em;
	font-weight:400;
	margin-bottom:0;
}

.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;
}

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;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
}
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:0.5em;
}

.avviso,
.errore,
.buonfine {
	padding:10px 15px 10px 40px;
	margin-bottom:20px;
}
.avviso, .errore {
	background:#ffffc8 url(../images/icon-warning.png) no-repeat 10px 8px;
	border:1px solid #ebbc41;
}
/*.errore {
	background:#ffc5c8 url(../images/icon-error.png) no-repeat 10px 8px;
	border:1px solid #a11515;
}*/
.buonfine {
	background:#e4ffd5 url(../images/icon-check.png) no-repeat 10px 8px;
	border:1px solid #237e3d;
}

#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/icon-search.png) no-repeat top right;
	padding-right:25px;
}
#cerca img {
	float:right;
	margin-left:10px;
}
#search {
	padding:15px 0;
}

.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;
}











/* 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-height:100%;
	margin:0 auto;
	padding:0 1%;
	-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-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;
}
.bg-top-right {
	background: transparent url(../images/bg-top.png) no-repeat top right;
	padding: 6px;
}

.content .column1-4,
.content .column2-4,
.content .column3-4,
.content .column4-4 {
	margin-top:10px;
	margin-bottom:10px;
}

.colorTop {
	float:right;
}

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

#header {
	margin-bottom:20px;
	padding-bottom:20px;
	padding:0 1% 20px;
	position:fixed;
	top:0;
	left:50%;
	width:90%;
	margin-left:-46%;
	background:#fff url(../images/bg.jpg) repeat-x top left;
}

.content {
	padding-bottom:80px;
	padding-top:180px;
}

#footer {
	background:#eee;
	border-top:1px solid #aaa;
	font-size:0.9em;
	padding:12px 1% 15px;
	margin-top:40px;
	position:fixed;
	bottom:0;
	left:50%;
	width:90%;
	margin-left:-46%;
}
#footer .right {
	text-align:right;
}

.logoComune {
	float:left;
	margin-right:10px;
	margin-top:15px;
	height:55px;
}

.titleArea {
	text-align:right;
	margin-top:28px;
	text-transform:uppercase;
	color:#00a2b4;
	font-size:1.2em;
}
.titleAreaNoName {
	text-align:right;
	margin-top:28px;
	text-transform:uppercase;
	color:#00a2b4;
	font-size:1.2em;
}
.titleServizio {
	text-align:right;
	font-weight:700;
	margin-top:2px;
}

.linguetta-basso {
    border-bottom-left-radius: 10px!important;
    border-bottom: none;
    border-bottom-right-radius: 10px!important;
    background-color: #eeeeee;
}


/*CONTROLLO DIMENSIONE MINIMA SCHERMO 1000*/
@media screen and (max-width: 1000px) {
		
	.column1-4 {
		width:24%;
		margin:0 3px;
	}
	.column2-4 {
		width:49%;
		margin:0 3px;
	}
	.column3-4 {
		width:74%;
		margin:0 3px;
	} 
	.column4-4 {
		width:99%;
		margin:0 3px;
	}
	#footer{
		left:50%;
		width:1030px;
		margin-left:-515px;
	}
	div#page {
		width:900px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	
	div#header {
		width:900px !important;
		position: relative !important;
		padding: 0px !important;
		left: 0px !important;
		margin-left: 1px !important;
	}
	
	div.content {
		padding-top:0px !important;
		padding-bottom:100px !important;
		min-height:100% !important;
	}
	
	div#footer {
		
		height:40px;
		bottom: 0;
		width: 900px;
		padding-bottom: 0px;
		margin-left: -12px;
		margin-right: -12px;
		margin-top: 0px;
		left: inherit;
		position: relative;
	}
 
}

/*CONTROLLO DIMENSIONE MINIMA SCHERMO 1300
@media screen and (max-width: 1300px) {
		
	.column1-4 {
		width:290px;
		margin:0 3px;
	}
	.column2-4 {
		width:590px;
		margin:0 3px;
	}
	.column3-4 {
		width:790px;
		margin:0 3px;
	} 
	.column4-4 {
		width:1190px;
		margin:0 3px;
	}
	#footer{
		left:50%;
		width:1030px;
		margin-left:-515px;
	}
	div#page {
		width:1200px !important;
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	
	div#header {
		width:1200px !important;
		position: relative !important;
		padding: 0px !important;
		left: 0px !important;
		margin-left: 1px !important;
	}
	
	div.content {
		padding-top:0px !important;
		padding-bottom:100px !important;
		min-height:100% !important;
	}
	
	div#footer {
		
		height:40px;
		bottom: 0;
		width: 1200px;
		padding-bottom: 0px;
		margin-left: -12px;
		margin-right: -12px;
		margin-top: 0px;
		left: inherit;
		position: relative;
	}
 
}
*/

/* MENU NAVIGAZIONE */
.menuNavigazione {
	clear:both;
	background:#00a2b4;
	min-height:28px;
	margin-left:-1.1%;
	margin-right:-1.1%;
	padding:0 2%;
	font-size:0.9em;
}
.menuNavigazione li {
	position:relative;
}
.menuNavigazione li,
.menuNavigazione li a {
	float:left;
	display:inline;
}

.menuNavigazione li a {
	line-height:28px;
	color:#fff;
	text-transform:uppercase;
	padding:0 15px;
	border-right:1px solid #fff;
	background:#00a2b4;
	
	font-family: 'Archivo Narrow', sans-serif;
	/*font-size: 90%;
	font-weight: 400;*/
}
.menuNavigazione li:first-child a {
	border-left:1px solid #fff;
}

.menuNavigazione li.current > a {
	background-color:#333 !important;
}

.menuNavigazione li a:hover {
	background-color:#333;
}

.menuNavigazione li ul {
	display:none;
}
.menuNavigazione li:hover ul, .menuNavigazione li:focus ul  {
	display:block;
	position:absolute;
	z-index:999;
	width:200px;
	top:28px;
	padding:12px 0;
	background:url(../images/bg-menu.png);
}
.menuNavigazione li ul li,
.menuNavigazione li ul li a {
	clear:both;
	display:block;
	background:none;
}
.menuNavigazione li ul li a {
	width:170px;
	border:none !important;
	text-transform:none;
}
.menuNavigazione li ul li a:hover {
	background:#00a2b4;
}


.menuNavigazione li ul li ul {
	visibility: hidden;
	left:200px;
}
.menuNavigazione li ul li:hover ul, .menuNavigazione li ul:focus li:focus ul {
	visibility: visible;
	position:absolute;
	z-index:999;
	width:200px;
	top:-12px;
	padding:12px 0;
	background:url(../images/bg-menu.png);
}
.menuNavigazione li ul li:hover {
	background:#00a2b4;
}

.menuNavigazione ul li.has-sub > a,
.menuNavigazione ul li.has-sub ul li.has-sub > a {
	cursor:default;
	pointer-events: none;
}

.menuNavigazione li.has-sub:hover > a {
	background-color:#333;
}

.menuNavigazione ul li.has-sub > a:after,
.menuNavigazione ul li.has-sub ul li.has-sub > a:after {
	top:0; 
	bottom:0;
}

.menuNavigazione ul li.has-sub > a { 
	background: transparent url(../images/icon-menu-sub-bottom.png) no-repeat center right;
	background-size: 8px;
	background-position-x: 98%;
}
.menuNavigazione ul li.has-sub ul li.has-sub > a {
	background: transparent url(../images/icon-menu-sub-right.png) no-repeat center right;
	background-size: 8px;
	background-position-x: 98%;
}




/* MESSAGGIO ERRORE TOP */
.messaggioTop {
	background:#eee;
	min-height:28px;
	margin-left:-1.1%;
	margin-right:-1.1%;
	font-size:0.9em;
	margin-top:7px;
}
.messaggioTop div {
	border-left:0;
	border-right:0;
	padding:10px 25px 10px 55px;
	background-position:25px 8px;
}


/* BREADCRUMBS */
.breadcrumbs {
	background:#eee;
	min-height:28px;
	margin-left:-1.1%;
	margin-right:-1.1%;
	padding:0 2%;
	font-size:0.9em;
	margin-top:7px;
	position:relative;
}
.breadcrumbs span {
	line-height:28px;
	display:inline-block;
	padding-left:20px;
	margin-right:10px;
	background:url(../images/bg-breadcrumbs.png) no-repeat left center;
}

.breadcrumbs .indietro {
	float:right;
	line-height:28px;
	height:28px;
	padding-left:25px;
	border-left:2px solid #fbfbfb;
	background:url(../images/icon-freccia-3.png) no-repeat 10px 6px;
	cursor:pointer;
	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;
	right:1.5%;
	top:0;
}
.breadcrumbs .indietro:hover {
	background-color:#999;
	padding-right:30px;
}
.breadcrumbs .indietro input {
	font-family: 'Archivo Narrow', sans-serif;
	font-size:1em;
	text-transform:uppercase;
	line-height:28px;
	height:28px;
	background:none;
    border:none;
	cursor:pointer;
}





/* TABELLE - TABLES *//*
table {
	width:100%;
}
table td {
	border-bottom:1px solid #ececec;
	padding:5px 5px;
	min-width:20px;	
}
table tr:nth-child(odd) {
	background-color:#f6f6f6;
}
table thead td {
	background:#666;
	color:#fff;
	border-right:1px solid #fff;
	padding-left:5px;
	vertical-align:middle;
}Mnl::MOD */



/* 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 35px;	
	content:url(../images/accatre-logo.jpg);
}*/
.login {
        background: url(../images/accatre-logo.jpg) no-repeat top center;
        padding-top: 120px;
}
.login2 {
	width:370px;
	margin:80px auto 0;
}
.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:100px;
	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],
.formLogin input[type=button] {
	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,
.formLogin input[type=button]: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 */
}












/* TOOLTIP */

#tt {
	position:absolute;
	display:block;
	background:url(../images/tt_left.gif) top left no-repeat;
	font-size:0.9em;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(../images/tt_top.gif) top right no-repeat;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#666;
	color:#fff;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(../images/tt_bottom.gif) top right no-repeat;
	overflow:hidden;
}

.width30 {
	width:30%;
}

.marginBottom20{
	margin-bottom:20px;
}






/*

azzurro link: 00a2b4
grigio testi: 333

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

*/



/***********************  MODIFICHE H3  ***********************/

/* TABELLE - TABLES */

/* Tabella standard */
table {
	width:100%;
}
table td {
	border-bottom:1px solid #ececec;
	padding:5px 5px;
	min-width:20px;
	height:25px;
}

/* Tabella primaria  */
table.primary tr:nth-child(odd) {
	background-color:#f6f6f6;
}

table.primary tr:nth-child(even) {
	background-color:#ffffff;
}

table.primary thead td {
	background:#666;
	color:#fff;
	border-right:1px solid #fff;
	padding-left:5px;
	vertical-align:middle;
}

table.primary {
	width:100%;
}

table.primary td {
	border-bottom:1px solid #eee;
	padding:5px;
	min-width:20px;
	vertical-align:middle;
}

/*FORM PORTALI*/
form.portale  label {
	line-height:25px;
	/*width:100px;*/
	/*float:none;*/
	display: inline-block;
	margin:5px;
	text-align:right;
	padding-right:3px;
	padding-left:5px;
	text-transform:uppercase;
}

form.portale  input[type=text],		
 	input[type=password]{
	height:20px;
	padding-left:5px;
	border:1px solid white;
	margin:0px;
	background:#eee;
	border-bottom:1px solid #00a2b4;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #333;
}

form.portale  textarea {	
	padding-left:5px;
	border:1px solid white;
	margin:0px;
	background:#eee;
	border-bottom:1px solid #00a2b4;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #333;
	/*resize: none;*/
}

form.portale input[type=text]:focus,		
 input[type=password]:focus,
 textarea:focus {
	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 */ 	
}

form.portale  input[type=submit],
form.portale  input[type=button] {
	height:25px;	
	/*padding:0px 5px;*/
	padding-right:3px;
	padding-left:5px;
	border:1px solid white;
	margin-left:5px;
	background:#00a2b4;
	float:right;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
}

form.portale  input[type=submit]:hover,
form.portale  input[type=button]: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 */
}

form.portale select {
	width:185px;
	padding:3px 6px;
	clear:right;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #333;
}

form.portale span{
	
	padding-left:10px;
	padding-right:5px;
	font-size:1.2em;
		
}

/*Per gestire le label che vanno a capo */

.formLogin label {
	line-height:15px !important;
}




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

#cerca img {
	float:left;
	margin-left:10px;
}

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


/* ------ GESTIONE FONT ------ */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'), url(../font/DsLzC9scoPnrGiwYYMQXphdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'), url(../font/M__Wu4PAmHf4YZvQM8tWsCylde52zikAzebNtJS89aM.woff) format('woff');
}


/*----------- WRAPPER / HELPER -----------*/
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-v-top {
	vertical-align:top;
}
.text-v-center {
	vertical-align:middle;
}
.text-v-bottom {
	vertical-align:bottom;
}
.show {
  display: block !important;
}
.hidden {
  display: none;
  /*visibility: hidden !important;*/
}
.invisible {
  visibility: hidden;
}
.pointer{
	cursor:pointer;
}
.resize-none{
	resize: none;
}



/*MENU-SX-MATTIN*/
#header {
	  z-index: 999;
}

.menuFunzioni {
	color:#333;
}

.menuFunzioni h4 {
	margin-bottom:2px;
}

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

.menuFunzioni li a {
	background:#eee;
	margin-bottom:2px;
	padding:5px 10px;
	display:block;
	position:relative;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #333;
}
.menuFunzioni li a:hover,
.menuFunzioni li.current a {
	background:#f8f8f8;
	color:#333;
}

.menuFunzioni li.current a {
	background:#f8f8f8;
	color:#333;
	padding-left:15px;
	background:url(../images/icon-freccia.png) #f8f8f8 no-repeat center left;
}
/*MENU-SX-MATTIN*/

/*COOKIES*/
div#cookie {	
	background: #ddd;
	border-bottom: solid #aaa 1px;
	padding: 20px;
	position:fixed;
	left:50%;
	width:90%;
	margin-bottom: 2px;
	margin-left:-46%;
	z-index:9999;
	opacity:0.90;
	filter: alpha(opacity=85); /* For IE8 and earlier */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	text-align:center;
	-webkit-box-shadow: inset 0px -5px 10px -4px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: inset 0px -5px 10px -4px rgba(50, 50, 50, 0.5);
	box-shadow: inset 0px -5px 10px -4px rgba(50, 50, 50, 0.5);
}

.ui-state-grub {
	font-weight: normal !important;
	color: #fff !important;
	margin: 0 0px 1px 1px !important; 
	padding: 3px 10px !important;
	width: 100%;
	background: #00a2b4;
	cursor:move;
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 80%;
}
#sortable li {
    height: 1.5em;
    line-height: 1.2em;
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    height: 1.5em;
}

.btn-primary{
	min-height:25px;
	padding: 0px 10px;
	border:0;
	margin:5px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	min-width: 100px;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
}
.btn-primary: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;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    min-width: 100px;
    
}

.imgOpTable{
	display: inline;
	padding: 0px 5px 0px 5px;
	cursor:pointer;
	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 */
}
.imgOpTable:hover{
	color:#333;
}

div.button-file label {
	padding: 0px 5px!important;
	border:0;
	margin: 0!important;
	margin-top: 1px!important;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
	text-align:left;
	background: #00a2b4;
	line-height: 22px!important; 
}

div.button-file label: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;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;  
}

div.button-file p {
	margin-top: 5px;
	margin-left: 2px!important;
	display: inline-block;
}


.menuTabConfig {
    margin-top: 0px;
    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;
    color: white;
}

.menuTabConfig li a {
    line-height: 30px;
    padding: 0 10px;
    margin-right: 2px;
    background: #eee;
    text-transform: uppercase;
    border: 1px solid #ccc;
    color: #333;
}

.menuTabConfig li a:hover {
    background: #fff;
    color: #333;
}

.menuTabConfig li.current a {
    background: #fff;
    border-bottom: 1px solid #fff !important;
    color: #333;
}

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


.label_form{
	    text-transform: uppercase;
		color:#333;
		vertical-align:middle;
		  
}

.input_error {
    border: red 1px solid !important;
    background: #fafad2 !important;
    background-color: #ffffc8 !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2) !important;
}

option.area1,
span.area1 {
	color:#c5387b;
}
option.area2,
span.area2 {
	color:#f8794d;
}
option.area3,
span.area3 {
	color:#469578;
}
option.area4,
span.area4 {
	color:#318bb4;
}
option.area5,
span.area5 {
	color:#919531;
}
#myselect { 
width:230px; 
} 
#myselect option { 
width:220px; 
}

/*  BUTTON NEW  */
form.ButtonNew  input[type=submit],
form.ButtonNew  input[type=button] {
	min-height:25px;
	border: 1px solid #ddd;
    /*padding: 9px;*/
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: white;
    color:#a02216!important;
    cursor:pointer;
    min-width: 70px;
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	text-transform:uppercase;
	cursor:pointer;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
}

form.ButtonNew  input[type=submit]:hover,
form.ButtonNew  input[type=button]:hover {
	
	background:#ddd;
	/*-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 */
}

form.ButtonNew  label {
	line-height:25px;
	/*width:100px;*/
	/*float:none;*/
	display: inline-block;
	margin:5px;
	text-align:right;
	padding-right:3px;
	padding-left:5px;
	text-transform:uppercase;
}

button.ButtonLite{
	min-height:25px;
	border: 1px solid white;
    /*padding: 9px;*/
    padding-left: 10px!important;
    padding-right: 10px!important;
    background-color: white;
    color:#a02216;
    cursor:pointer;
    min-width: 70px;
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 1px 3px 1px rgba(60,64,67,0.149);
	
	text-transform:uppercase;
	cursor:pointer;
	
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 90%;
	font-weight: 400;
	
}
button.ButtonLite:hover{
	background:#ddd;
	border: 1px solid #ddd;
	/*-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 */
}

div.button-file-new label {
	min-height:80px;
	border: 1px solid #ddd;
	padding-left: 10px!important;
    padding-right: 10px!important;
	color:#a02216;
    cursor:pointer;
    min-width: 70px;
   	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-transform:uppercase;
	text-align:left;
	background-color: white;
	line-height: 22px!important; 
}

div.button-file-new label:hover{
	background: #ddd;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;  
   
}

div.button-file-new p {
	margin-top: 5px;
	margin-left: 2px!important;
	display: inline-block;
}