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 */
body {
	background:#eee url(../images/bg.jpg) repeat-x top left;
	font-family: 'Archivo Narrow', Arial, sans-serif;
	font-size:90% !important;
	font-weight:400;
	
	/*font-family: Helvetica,Arial,Tahoma, sans-serif;
	font-size:78%;
	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 {
	font-size:1.1em;
	color:#00a2b4;
	font-weight:400;
	padding-top:30px;
}
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 span {
	color:#999;
}

.home h1 {
	font-size:1.3em;
	padding-top:23px;
}
.home h2 {
	font-size:1.3em;
}

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-hc/bg.jpg) repeat-x top left;
	width:90%;
	min-width:1000px;
	margin:0 auto;
	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:190px;
	width:19%;
	margin:0 5px;
	float:left;
}
.column2-5 {
	min-width:390px;
	width:39%;
	margin:0 5px;
	float:left;
}
.column3-5 {
	min-width:590px;
	width:59%;
	margin:0 5px;
	float:left;
}
.column4-5 {
	min-width:790px;
	width:79%;
	margin:0 5px;
	float:left;
}
.column5-5 {
	min-width:990px;
	width:99%;
	margin:0 5px;
	float:left;
}

.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:10px;
	padding-bottom:60px;
}

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

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

/* 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;
	height:76px;
	background:url(../images-hc/bg-area-segreteria.png) repeat-x 0 -64px;
	text-align:center;
	color:#333;
	width:100px;
}
.menuAree li#finanza a {
	background-image:url(../images-hc/bg-area-finanza.png);
}
.menuAree li#territorio a {
	background-image:url(../images-hc/bg-area-territorio.png);
}
.menuAree li#personale a {
	background-image:url(../images-hc/bg-area-personale.png);
}
.menuAree li#tecnologia a {
	background-image:url(../images-hc/bg-area-tecnologia.png);
}
.menuAree li#cittadino a {
       background-image:url(../images-hc/bg-area-cittadino.png);
}
.menuAree li#governance a {
       background-image:url(../images-hc/bg-area-governance.png);
}
.menuAree li a img {
	margin:21px auto 5px;
	/*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,
.menuConfig li a {
	float:left;
	display:inline;
}
.menuConfig li a {
	margin-left:10px;
	height:65px;
	width:90px;
	background:#ddd;
	text-align:center;
	position:relative;
} */

.menuConfig {
	float:right;
}

.menuConfig a {
	
	margin:5px 10px 5px 0px;
	text-transform:uppercase;
	font-size:0.8em;
	margin-top:100px;
	font-weight:700;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	display: block;
	width: 88px;
	height: 65px;
	margin-top:5px;
	margin-right: 10px;
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	word-wrap: break-word;
    background:  #ddd;
}


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

/* MENU SERVIZI */
.menuServizi {
	text-transform:uppercase;
	font-size:0.8em;
	font-weight:700;
}
.menuServizi li,
.menuServizi li a {
	float:left;
	display:table;/*MOD*/
}

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

.menuServizi li a {
	
	-webkit-border-radius: 10px;/*MOD*/
	-moz-border-radius: 10px;/*MOD*/
	border-radius: 10px;/*MOD*/
		
	margin-right:8px;
	
	height:80px;/*MOD*/
	
	width:90px;
	background:#ddd;
	text-align:center;
	position:relative;
	margin-bottom: 10px;
}
.menuServizi li a img,
.menuServizi li input[type=image] {
	margin:8px auto 3px;
	display:block;
	clear:both;
}
.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);
}
/* .menuServizi li:last-child a {
	margin:0;
} */

/* MENU SERVIZI GENERICI */
.menuServiziGen {
	text-transform:uppercase;
	font-size:0.8em;
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid #ddd;
	font-weight:700;
}
.menuServiziGen li,
.menuServiziGen li a {
	float:left;
	display:table;/*MOD*/
}
.menuServiziGen li a {
	/*margin-left:10px;*/
	height:65px;
	width:90px;
	background:#ddd;
	text-align:center;
	position:relative;
	-webkit-border-radius: 10px;/*MOD*/
	-moz-border-radius: 10px;/*MOD*/
	border-radius: 10px;/*MOD*/
		
	margin-right:8px;
	
	height:80px;/*MOD*/
	margin-bottom: 10px;
}
.menuServiziGen li a div{/*MOD*/
	display: table-row;
	text-align: center;
	vertical-align: middle;
}
.menuServiziGen li a img,
.menuServiziGen li input[type=image] {
	margin:8px auto 3px;
	display:block;
	clear:both;
}
.menuServiziGen li a: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);
}
/* .menuServiziGen li:first-child a {
	margin:0;
} */

/* 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;
}
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;
}
td .areaTecnologia {
	background:#919531;
}
td .areaFinanza {
	background:#f8794d;
}
td .areaPersonale {
	background:#318bb4;
}








/* 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 35px;
	max-width: 250px!important;
}
.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] {
	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;
        margin:0 !important;
        top:68px !important;
        left: 40px;
        width: 80%;
        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:225px;
}
.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;
}


















/*

azzurro link: 00a2b4
grigio testi: 333

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

*/
/*
@media screen and (max-width: 1570px) {
	#page{
		width:1000px;
	}
	.column1-5 {
		width:190px;
	}
	.column2-5 {
		width:390px;
	}
	.column3-5 {
		width:590px;
	}
	.column4-5 {
		width:790px;
	}
	.column5-5 {
		width:990px;
	}
	#footer{
		left:50%;
		width:1030px;
		margin-left:-515px;
	}
}*/

@media screen and (max-device-width: 800px) {
	
	body {
		
		font-size:35px !important;
	}
	#page{
		width:100%;
	}
	.column1-5 {
		width:100%;
	}
	.column2-5 {
		width:100%;
	}
	.column3-5 {
		width:100%;
	}
	.column4-5 {
		width:100%;
	}
	.column5-5{
		width:100%;
	}
	#header{
		width:100%;
	}
	.content{
		width:100%;
	}
	#footer{
		display:none;
	}
	
	.logo{
		width:25%;
		display:inline;
	}
	
	.box{
		margin-top:30px;
		width:96%;
	}
	
	h3 {
		font-size:1.3em;
		height:78px;
		width:96%;
	}
		
	.testata{
		float:right!important;
		clear: both!important;
    	font-size:0.8em!important;
    	margin-right: 20px!important;
	}
	
	.login {
	    width: 70%!important;
	    margin: 80px auto 0!important;
	    font-size:0.7em!important;
	}
	
	.formLogin {
		background:#f8f8f8 url(../images/bg-login.png) no-repeat top center!important;
	}
	
	.formLogin label {
		line-height:34px;
		width:40%;
		float:left;
		margin:5px 0;
		text-align:right;
		padding-right:15px;
		text-transform:uppercase;
		margin-top:35px;
		padding-top:15px;
		font-size:1.5em;
	}
	
	.formLogin input[type=text],
	.formLogin input[type=password] {
		width:40%;
		height:40px;
		padding:5px 10px;
		border:0;
		margin:5px 0;
		background:#eee;
		border-bottom:1px solid #00a2b4;
		margin-top:35px;
		font-size:1.3em;
	}
	
	input[type=submit],
	input[type=button] {
		font-size:1em;
		height: 48px!important;
	}
	
	input[type=text],
	input[type=password] {
		font-size:1em;
		/*height: 48px!important;*/
		padding-top: 10px!important;
		padding-bottom: 10px!important;
	}
	
	h1.testata {
    	margin-top: 10px;
	}
	
	/* MENU AREE */
	.menuAree {
		float:right;
		text-transform:uppercase;
		font-size:1em;
		font-weight:700;
		margin-top:10px;
		margin-bottom:10px;
		width:100%;
	}
	.menuAree li,
	.menuAree li a {
		float:left;
		display:inline;
		width:19.5%;
		margin-right:2px;
	}
	.menuAree li a {
		margin-right:3px;
		height:86px;
		padding-top:15px;
		background:url(../images/bg-area-segreteria.png) repeat-x 0 -50px;
		text-align:center;
		color:#333;
		width:100%;
	}
	.menuAree li a img {
		margin-top:6px;
		margin-right:5px;
		height:85px;
		display: inline;
	}
	.menuAree li#finanza a {
		background-image:url(../images/bg-area-finanza.png);
	}
	.menuAree li#territorio a {
		background-image:url(../images/bg-area-territorio.png);
	}
	.menuAree li#personale a {
		background-image:url(../images/bg-area-personale.png);
	}
	.menuAree li#tecnologia a {
		background-image:url(../images/bg-area-tecnologia.png);
	}
	.menuAree li a:hover,
	.menuAree li.current a {
		color:#fff;
		-webkit-box-shadow:0px 0px 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-position:0px 13px!important;
		background-repeat: repeat;
	}
		
	
	/* MENU CONFIGURAZIONE */
	.menuConfig {
		width: 99%;
		float:left;
		text-transform:uppercase;
		font-size:1.3em;
		letter-spacing:-0.05em;
		font-weight:700;
		margin-top: 18px;
	}
	.menuConfig li,
	.menuConfig li a {
		float:none;
		display:block;
		margin-top:40px;
	}
	.menuConfig li a {
		margin-left:0px;
		height:70px;
		width:99%;
		background:#eee;
		border: solid 1px #333;		
		background: -webkit-linear-gradient(left, #eee, #fff); 
	    background: -o-linear-gradient(right, #eee, #fff); 
	    background: -moz-linear-gradient(right, #eee, #fff); 
	    background: linear-gradient(to right, #eee, #fff); 		
		text-align:left;
		position:relative;
		padding-top:18px;
		padding-left:5px;
		
	}
	.menuConfig li a img {
		margin-top:-14px;
		margin-right:5px;
		height:75px;
		display: inline;
	}
	.menuConfig li a:hover,
	.menuConfig li.current a {
		color:#fff;
		background:#aaa;
	}
	.menuConfig li:first-child a {
		margin:0;
	}
	.menuConfig li a span.avvisi {
		position:absolute;
		top:-7px;
		right:5px;
		width:80px;
		height:80px;
		line-height:80px;
		text-align:center;
		color:#fff;
		background:url(../images/bg-avviso.png) no-repeat top left;
		background-size: 80px 80px!important;
	}
	
	/*MENU LATERALE*/
	#home_menu_sinistra {
		/*font-size:1em!important;*/
		font-size:35px!important;
		max-width:100%;
	    overflow-x:hidden!important;
	}
	
	#home_menu_sinistra h4 {
		background:#eee!important;
		border: solid 1px #333!important;
		background: -webkit-linear-gradient(left, #eee, #fff)!important;
	    background: -o-linear-gradient(right, #eee, #fff)!important;
	    background: -moz-linear-gradient(right, #eee, #fff)!important;
	    background: linear-gradient(to right, #eee, #fff)!important;
	    color:#333!important;
	    font-weight:700!important;
	    margin-top:40px!important;
	    font-size:45px!important;
	    max-width:96%;
	    overflow:hidden!important;
	}
	
	#home_menu_sinistra h4 i.fa {
		font-size:35px!important;
	}
	
	.menuFunzioni {
		/*width:100%!important;*/
		font-size:40px!important;
		max-width:98%;
		overflow:hidden!important;
	}
	
	.menuFunzioni li {
		margin-top:30px!important;
		font-size:40px!important;
		/*max-width:100%;
	    overflow:hidden!important;*/
	}
	
	.menuFunzioni li a {
		background: #eee!important;
	    border: solid 1px #333!important;		
		background: -webkit-linear-gradient(left, #eee, #fff)!important; 
	    background: -o-linear-gradient(right, #eee, #fff)!important; 
	    background: -moz-linear-gradient(right, #eee, #fff)!important; 
	    background: linear-gradient(to right, #eee, #fff)!important;
	    padding: 12px 15px!important;
	    margin-left: 50px!important;
	    /*font-size: initial!important;*/
	    font-size:45px!important;
	    height:40px!important;
	}
		
	.menuFunzioni li.current a {
		color: #333!important;
	    padding-left: 40px!important;
	    background: url(../images/icons/icon-freccia.png) #eee no-repeat center left!important;
	    background-size: 25px 25px!important;
	    background-position: 10px!important;
	}
	
	.menuFunzioni li a span.avvisi {
		position:absolute!important;
		top:-8px!important;
		right:8px!important;
		width:80px!important;
		height:80px!important;
		line-height:80px!important;
		text-align:center!important;
		color:#fff!important;
		background:url(../images/bg-avviso.png) no-repeat top left!important;
		background-size: 80px 80px!important;
		font-size:35px!important;
	}
	
	
	/* MENU SERVIZI */
	/* MENU SERVIZI GENERICI */
	.menuServizi,
	.menuServiziGen {
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:700;
		width: 99%;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		padding-top: 0px;
		border-top: 0px;
	}
	.menuServizi li,
	.menuServizi li a,
	.menuServiziGen li,
	.menuServiziGen li a {
		float:none;
		display:block;
		margin-top:30px;
	}
	.menuServizi li a,
	.menuServiziGen li a {
		margin-left:0px;
		height:70px;
		width:99%;
		background:#eee;
		border: solid 1px #333;		
		background: -webkit-linear-gradient(left, #eee, #fff); 
	    background: -o-linear-gradient(right, #eee, #fff); 
	    background: -moz-linear-gradient(right, #eee, #fff); 
	    background: linear-gradient(to right, #eee, #fff); 		
		text-align:left;
		position:relative;
		padding-top:18px;
		padding-left:10px;
	}
	.menuServizi li a img,
	.menuServizi li input[type=image],
	.menuServiziGen li a img,
	.menuServiziGen li input[type=image] {
		width:65px;
		display:inline;
		margin-top:-8px;
		margin-right:15px;
	}
	.styleHomeMarquee{
		width: 90%;
		margin-left: 5px;
	}
	
	
	.popup {
        position:fixed;
		top:450px;
		left:0;
		border:solid 1px black;
        width:98%;
        border-radius: 25px;
        margin:20px 10px;
        display:none;
        background: #eee;
		border: solid 1px #333;
		background: -webkit-linear-gradient(left, #eee, #fff);
		background: -o-linear-gradient(right, #eee, #fff);
		background: -moz-linear-gradient(right, #eee, #fff);
		background: linear-gradient(to right, #eee, #fff);
    	z-index:6;
    	font-size: 1.5em;
    }
 
   .cover{
		position:fixed;
		top:0;
		left:0;
		background:rgba(0,0,0,0.9);
		z-index:5;
		width:100%;
		height:100%;
		display:none;
	}
	
	.buttonX{
		color:white;
		border-radius: 25px!important;
		width:53px!important;
		height:55px!important;
		padding:0!important;
		text-align: center!important;
		margin-top: 10px!important;
		margin-right: 10px!important;
		float:right!important;
		background:gray!important;
	}
	
}

.colore_ditta{
	background:#00a2b4;
}






.radiobutton_bottoni input{
	opacity: 0;
	position: fixed;
	width: 0;
}

.radiobutton_bottoni label {
    display: inline-block;
    background-color: #ddd;
    padding: 10px 20px;
    font-family: sans-serif, Arial;
    font-size: 16px;
    border: 2px solid #444;
    border-radius: 4px;
}

.radiobutton_bottoni input[type="radio"]:checked + label {
    background-color:#00a2b4;
    border-color: #00616c;
}

.radiobutton_bottoni input[type="radio"]:focus + label {
    border: 2px dashed #444;
}

.radiobutton_bottoni label:hover {
  background-color: #66c7d2;
}
