/* ************************************************************* *
 * ******* STILI GLOBALI COMUNI A TUTTE LE APPLICAZIONI ******** *
 * ************************************************************* */

	@import url('/share/include/css/stile.css');



.ldpviewer-only {display: none} /* nasconde gli elementi da mostrare solo nel nuovo ldp viewer */


img {border: 0; padding: 0; margin: 0;}
img.float-left {margin: .2em 5px 0 0; float: left;}
img.float-right {margin: .2em 5px 0 0; float: right;}


div.contenitore {
    margin: 0;
    padding: 0 .1em 0 .2em;
    border: 0;
}

div#menu {
    margin: 0;
    padding: 0;
    border: 0;
}



/* /////////////////////////////////////// */
/* titoli, paragrafi e simili */

div.nome-applicazione {
    margin: 0 0 .2em 0;
    border-top: 1px solid #7D7D7D;
    border-bottom: 1px solid #7D7D7D;
    padding: .2em .2em 6px 0;
    text-align: right;
    font-size: .8em;
    letter-spacing: 0.01em;
    background-color: #e8e8e8;
    color: #005504;
    text-transform: uppercase;
    font-weight: bold;
}

div.nome-applicazione a#linkvistasu {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	border: 1px solid Silver;
	border-bottom: 0;
	padding: 4px 0 4px 27px;
	text-align: left;
	font-size: .8em;
	background-color: #f1fcff;
	background-image: url(../img/layers.png);
	background-position: center left;
	background-repeat: no-repeat;
}

div#vistasu {
	clear: left;
	margin: 0;
	border: 1px solid Silver;
	padding: 0;
	text-align: left;
	background-color: #f1fcff;
}

div#vistasu h1 {padding: .2em;}

div#vistasu ul {
	margin: .5em 0 0 .4em;
	padding: 0;
}

div#vistasu li {
	list-style-image: url(../img/map.gif);
  list-style-position: inside;
	margin: 0 0 .5em 0;
	padding: 0 0 0 5px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

div#vistasu li.vistasu_gruppo {
	list-style-image: url(../img/map_group.gif);
  list-style-position: inside;
	margin: 0 0 .5em 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

div#vistasu li.vistasu_gruppo li {margin-left: 2em;}


div#vistasu li a {
	text-align: left;
	background-image: none;
	margin: 0 0 0 3px;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}


div.nome-subapplicazione {
    margin: 0 0 .2em 0;
    border-top: 0;
    border-bottom: 1px solid #7D7D7D;
    padding: .1em .2em .2em 0;
    text-align: right;
    font-size: .7em;
    letter-spacing: 0.04em;
    background-color: transparent;
    color: #2b2b2b;
    text-transform: none;
    font-weight: bold;
}

div.nome-applicazione a, div.nome-subapplicazione a {
    background-image: url(../img/go_to.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 0;
}
div.nome-applicazione a:link {background-image: url(../img/go_to.gif); }
div.nome-applicazione a:visited {background-image: url(../img/go_to.gif); }
div.nome-applicazione a:hover {background-image: url(../img/go_to_on.gif); }
div.nome-applicazione a:active {background-image: url(../img/go_to.gif); }

div#menu h1.sezione {
	margin: 0;
	border: 0;
	padding: .4em 0 .2em .2em;
	font-size: .7em;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #e5e5e5;
	background-color: transparent;
	white-space: nowrap;
	background-image: url(../img/gradient_blue_bkg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}

div#menu h1.sezione.help {
	float: left;
	width: 100%;
}

div#menu h1.sezione.collapse { background-image: url(../img/gradient_green_bkg.jpg);}

div#menu h1 span {float: left; width: 80%;}

div#menu h1.sezione a.info {color: #ffffff; font-weight: normal; padding: 0 0 0 16px; float: right; width: auto; height: 16px;}

div#menu h1.sezione a.info:link {color: #ffffff; background: url('../img/info.png') no-repeat top left transparent;}
div#menu h1.sezione a.info:visited {color: #ffffff; background: url('../img/info.png') no-repeat top left transparent;}
div#menu h1.sezione a.info:hover {color: Red; background: url('../img/info.png') no-repeat top left transparent;}
div#menu h1.sezione a.info:active {color: #ffffff; background: url('../img/info_off.png') no-repeat top left transparent;}

#simplemodal-container {color:#bbb; background-color:#FFF; border:4px solid #444; padding:12px;}

#simplemodal-container .contenitoreinfo p {font-size: .7em; color: Black;}


h1 {
	margin: 0;
    border: 0;
    padding: .4em 0 .2em .2em;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #e5e5e5;
    background-color: transparent;
    white-space: normal;
    background-image: url(../img/gradient_blue_bkg.jpg);
    background-position: top left;
    background-repeat: repeat-x;
}


h1.active {
	padding: .2em 0 .2em .2em;
	font-size: .9em;
	color: #7e0c19;
	background-color: #E4E2CB;
	border-bottom: 1px solid #c7c5b1;
	white-space: normal;
	background-image: none;
}


h2 {
    margin: 1em 0 0 0;
    font-weight: bold;
    color: #002951;
    background-color: transparent;
    border-bottom: 1px solid #2E5476;
    font-size: .9em;
    line-height: 1em;
    letter-spacing: 110%;
}

fieldset h2 {font-size: 1.2em;border-bottom: 2px solid #2E5476;}

h2.collapse:hover {color: #ffffff; background-color: #002951; cursor: pointer;}



h3 {
    margin: 0;
    border: 0;
    padding: .2em 0 .2em 0;
    color: #5e5e5e;
    font-size: .75em;
    font-weight: bold;
    background-color: transparent;
    text-transform: uppercase;
}/*verifica se ancora utilizzato*/

table h3 {font-size: .85em; margin-top: 1em;}

h3.collapse:hover {color: #3a3a3a; background-color: #b0b0b0; cursor: pointer;}

h4 {
    margin: 0;
    border: 0;
    padding: 0 0 .2em 0;
    color: #5e5e5e;
    font-size: .8em;
    font-weight: bold;
    background-color: transparent;
}

div.contenitore p {
    font-size: .8em;
    margin: .5em 0 0 0;
  }

div.contenitore p {
	border: 0;
	margin: .2em 0 .5em .4em;
	padding: 0;
	font-size: .7em;
}

div.indicazioni p {
	border: 0;
	margin: .2em 0 .5em .4em;
	padding: 0;
	font-size: .7em;
}

div.contenitore p.indicazioni {
	border: 0;
	margin: 0 0 .5em .4em;
	padding: 0;
	font-size: .8em;
}

/* //////////////////////// */
/* form e related */
form {
    border: 0;
    margin: 1em 0 1em 0;
    padding: 0;
    white-space: normal;
  }

fieldset {
    margin: 0 0 1em 0;
    border: 0;
    padding: 0;
    /* font-size: .8em; */
    width: 99%;
    line-height: 2em;
    white-space: normal;
  }

legend {
    font-weight: bold;
    color: #002951;
    background-color: transparent;
    margin: .5em 0 .2em 0;
    padding: 0 0 .2em 0;
    border-bottom: 1px solid #2E5476;
    font-size: .9em;
    line-height: 1em;
}


div.contenitore fieldset p {line-height: normal; font-size: .9em; margin: 0 0 0 .2em;}

div.contenitore p.alternativa {text-align: center; font-weight: bold; background-color: #f3f3f3; margin: .5em 0 .5em 0; padding: .2em;}


label {
    font-weight: bold;
    background-color: transparent;
    color: #2E5476;
    font-size: .85em;
	line-height: 120%;
}

input.text { font-size: .9em; color: #990000; background-color: #ffffff}
input.submit {
	font-size: .85em;
	color: #002951;
	background-color: #CCCCCC;
	margin: .2em;
	padding: 0;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
}
input.annulla {
	font-size: .85em;
	color: #002951;
	background-color: #CCCCCC;
	margin: .2em;
	padding: 0;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
}
input.radio { font-size: .9em; }
input.checkbox { font-size: .9em; color: #990000; background-color: #ffffff}
input.button {
	font-size: .85em;
	color: #002951;
	background-color: #CCCCCC;
	margin: .2em;
	padding: 0;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
}
textarea {font-size: 1.1em; color: #990000; background-color: #F3F3F3}
select {font-size: .9em; color: #990000; background-color: #F3F3F3}

select.text {font-size: .85em;}
select.text option {color: #990000; background-color: #F3F3F3}

fieldset ul, fieldset ol {margin: 0 0 .5em 2em; padding: 0;}
fieldset ul li, fieldset ol li {margin: 0; padding: 0; list-style: square; font-size: 1.1em; line-height: 100%; text-align: left;}



fieldset.navigazione {border-top: 1px solid #2E5476; clear: both;}

/* fieldset.navigazione input.button, input.navigazione {
	float: left;
	color: #001E3C;
	background-color: transparent;
	text-transform: uppercase;
	background-image: url(../img/button_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .8em;
} */

/* fieldset.navigazione input.submit {
	float: right;
	color: #193018;
	background-color: transparent;
	text-transform: none;
	text-align: center;
	background-image: url(../img/button_right_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .85em;
} */
/* per i tasti che non sono submit (alcuni Avanti, Verifica, Salva, ecc) */
input.navigazione-float-right {
	float: right;
	padding: 2px 5px;
}


input.red {
	float: right;
	color: #9c0000;
	background-color: transparent;
	text-transform: none;
	text-align: center;
	background-image: url(../img/button_red_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .9em;
	font-weight: bold;
}
input.centrato {
	color: #193018;
	background-color: transparent;
	text-transform: none;
	text-align: center;
	background-image: url(../img/button_right_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .9em;
}


div#notifiche_punto {font-size: .9em; margin: 0; border: 0; padding: 0; color: #702c00; background-color: transparent; line-height: 100%;}


/* //////////////////////// */
/* fieldset specifici */

fieldset#cambia {margin-bottom: 1em;}

fieldset#targhetta {line-height: 100%;}

legend.in-progettazione {
	margin: 0 0 1em 0;
	padding: .3em 0 .3em 0;
	font-size: 1em;
	font-weight: bold;
	color: #7e0c19;
	background-color: #E4E2CB;
	border-bottom: 1px solid #555555;
}



/*Stili per la validazione dei forms (livevalidation)*/
.LV_validation_message {font-weight: normal; margin: 0 0 0 5px; font-size: .8em; }
.LV_valid {color:#006600; }
.LV_invalid {color:#990000;}
.LV_invalid_field, input.LV_invalid_field, textarea.LV_invalid_field {background-color: #FFD7D7;}


/* dati presi da DB, formattati come i form */
span.label {
	font-weight: bold;
	background-color: transparent;
  color: #2E5476;
  /* font-size: .85em; */
}


span.hover, label.hover {
	color: #8B0000;
	text-decoration: underline;
	background-color: transparent;
	cursor: pointer;
}

span.plus, label.plus {
	background-image: url(../img/plus.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	line-height: 1.5em;
}

span.minus, label.minus {
	background-image: url(../img/minus.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	line-height: 1.5em;
}


span.campo {
	font-size: .85em;
	font-weight: normal;
	background-color: transparent;
	color: #990000;
}

h1 span.campo, h2 span.campo {
	font-weight: bold;
	font-size: 1em;
}




/* /////////////////////// */
/* liste e related */

ul, ol {
    font-size: .8em;
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
    border: 0;
	font-weight: normal;
}

ul li {list-style: square; margin: .1em 0 .3em 0; padding: 0;}
ol li {list-style: decimal; margin: .1em 0 .3em 0; padding: 0;}

ul.inline {	margin: 0 0 .5em 0; padding: 0;}
ul.inline li {list-style: none; display: inline; padding: 0 0 0 1em;}


li li, fieldset li li {font-size: 1em; list-style: none; margin: 0; padding: 0;}
li li li, fieldset li li li {font-size: 1.2em; list-style: none; margin: 0; padding: 0;}
li li li .campo, fieldset li li li .campo {font-size: 1.2;}

div#menu ul, div#menu ol {clear: both;}

div#menu ul li {list-style: square; color: Gray; margin: .1em 0 .2em 0; padding: 0;}
div#menu ol li {list-style: decimal; color: Gray; margin: .1em 0 .2em 0; padding: 0;}

div#menu ul, div#menu ol {
    font-size: .75em;
    margin: .5em 0 2em 0;
    padding: 0 0 0 1.8em;
    border: 0;
  }

div#menu li {
    list-style: square;
    color: Gray;
    margin: 0;
    padding: 0;
  }

div#menu li.off {
    list-style: square;
    color: Silver;
    margin: 0;
    padding: 0;
 }




/* ////////////////////////////// */
/* tabelle e correlati */

 table {
    margin: .5em 0 1em 0;
    padding: 0;
    border: 1px solid Gray;
    font-size: .7em;
    border-collapse: collapse;
  }

table caption {
    font-weight: bold;
    font-size: 1em;
    color: #002951;
    background-color: transparent;
    text-align: left;
    margin: .2em 0 .4em 0;
    padding: 0;
    line-height: 100%;
  }

tr {
    white-space: nowrap;
    border-collapse: collapse;
}

th {
    border: 1px solid Gray;
    text-align: center;
    vertical-align: middle;
    background-color: #f0f0f0;
    color: #802424;
    font-weight: bold;
    font-size: .9em;
    padding: .1em .1em .4em .1em;
    background-image: url(../img/th_bkg.gif);
    background-repeat: repeat;
    background-position: top left;
    line-height: 100%;
}

tr td {
    white-space: nowrap;
    border: 1px solid Gray;
    margin: 0;
    padding: .1em .2em .2em .2em;
    text-align: center;
    vertical-align: middle;
    background-color: white;
    line-height: normal;
}
tr td.focolaio{ background-color:#ffcccc; }
tr td.buffer{ background-color:#ffffcc; }
tr td.edit{ background-color:#ffffff; }
tr td.fsaved{ background-color:#ffaaaa; }
tr td.bsaved{ background-color:#ffffaa; }

tr.alt td {
    white-space: nowrap;
    border: 1px solid Gray;
    margin: 0;
    padding: .1em .2em .2em .2em;
    text-align: center;
    vertical-align: middle;
    background-color: #e7edff;
    line-height: normal;
}

table img {
    border: 0;
    margin: 0;
    padding: 0;
}



/* //////////////////////////// */
/* altre tabelle */


div#shapefile_caricati {font-size: .8em;}
div.shapefile {font-size: .9em; font-weight: bold; margin: .3em 0 0 .3em; padding: .2em; background-color: #eeeeee; border-top: 1px solid Gray;}
div#shapefile_caricati div.ok {margin: .2em 0 1em 0; border-top: 0;}
a.contenuto {font-size: .85em}
div.contenuto_file {margin: 0 0 0 .7em; padding: 0; font-size: 1.2em;}
div.contenuto_file table.elenco-risultati { font-size: .9em; margin: .3em 0 1em 0; padding: 0;}
div.contenuto_file table.elenco-risultati td { padding: .2em;}
div.contenuto_file table.elenco-risultati a {font-weight: normal;}
div.contenuto_file table.elenco-risultati { font-size: .9em; margin: .3em 0 1em 0; padding: 0; width: auto;}
div.contenuto_file table.elenco-risultati td { padding: .2em; color: #000000;}
div.contenuto_file table.elenco-risultati a {font-weight: normal;}

div.contenuto_file table.elenco-risultati tr.runtime_info td {
	padding:.2em 0 .5em 0;
	border-top: 0;
	border-bottom: 3px solid Gray;
	background-color: transparent;
}

div.contenuto_file table.elenco-risultati tr.runtime_info td div.warning,
div.contenuto_file table.elenco-risultati tr.runtime_info td div.ok,
div.contenuto_file table.elenco-risultati tr.runtime_info td div.error,
div.contenuto_file table.elenco-risultati tr.runtime_info td div.info {
	margin: 0;
	padding-top:5px;
	padding-bottom: 5px;
	border: 0;
	font-weight: normal;
	font-size: 1em;
}

div.contenuto_file table.elenco-risultati tr.runtime_info td div.error,
div.contenuto_file table.elenco-risultati tr.runtime_info td div.warning {background-color: #EFE0E0;}

div.contenuto_file table.elenco-risultati tr.runtime_info td div.ok {background-color: #E7EFE0;}




form table.piani {border: 0; border-collapse: collapse; width: 80%;}
form table.piani td, table.pianiinterrati td {border: 0; text-align: left;}
form table.piani td.tdlabel, form table.pianiinterrati td.tdlabel {
	width: 60%;
	margin: 0;
	padding: 0;
	text-align: right;
	border: 0;
}
form table.piani td.tdlabel label, form table.pianiinterrati td.tdlabel label {font-size: 1em;	font-weight: normal;}
form table.pianiinterrati {margin-top: 0; border: 0; border-collapse: collapse; width: 80%;}


fieldset table {font-size: .85em; }
fieldset table input {font-size: 1em; }

tr.info td {background-color: #E8EDFF; text-align: left; padding: .1em 0 .4em 4.5em; border-bottom: 2px solid #bebebe;}

table#riepilogo td {text-align: left;}
tr.accesso_principale th, tr.targhetta_accesso_ripetuto th {font-weight: normal;}
tr.accesso_principale td, tr.targhetta_accesso_principale td {background-color: #fdfdf1; color: Black;}
tr.targhetta_accesso_ripetuto td {margin: 1em 0 0 0; background-color: #fafafa; color: Black;}


/* ///////////////////////////////////////////////////// */
/* tabella di progettazione (scelta accessi e carrello) */
table#progettazione { margin: .2em 0 1em 0; padding: 0; border: 1px solid Gray; border-collapse: collapse; width: 650px;}
table#progettazione caption { font-weight: bold; color: #002951; background-color: transparent; margin: 0 0 0 .4em; padding: 0; border-bottom: 1px solid #2E5476;}

table#progettazione th { font-size: .8em; padding-bottom: .2em; width: 300px;}
table#progettazione th#thcontrolli { text-align: center; padding: 0 .3em 0 .3em; width: 50px;}

table#progettazione td { font-size: 1.2em; margin: 0; padding: 0 0 0 .3em; text-align: left; vertical-align: top;}
table#progettazione td#controlli { font-size: 1.8em; text-align: center; vertical-align: middle;  }

table#progettazione fieldset  {margin: 0; padding: 0;}

table#progettazione label {display: none;}
table#progettazione select {font-size: 1em;}

table#progettazione legend {display: none;}

td#scelta_strada_accessi fieldset,
 td#scelta_strada_accessi fieldset div,
  td#scelta_strada_accessi fieldset div div {margin: 0; border: 0; padding: 0; }

td#carrello fieldset,
 td#carrello fieldset div,
  td#carrello fieldset div div {margin: 0; border: 0; padding: 0; }


table#progettazione div.error,
table#progettazione div.warning { margin: 0; padding: 0; background-color: transparent; background-image: none; font-weight: normal;}




div.altre-app {
	border: 0;
	padding: .2em;
	margin: 0;
	background-color: #e4e4e4;
}

span.section {
	display: block;
	margin: 1em 0 0 0;
	padding: .2em 0 .1em .1em;
	font-size: .7em;
	font-weight: bold;
	line-height: 110%;
	color: #404040;
	background-color: #eff1f8;
	text-transform: uppercase;
}

span.sub_section {
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	border-bottom: 1px solid Silver;
	width: 85%;
	font-size: .8em;
	font-weight: bold;
	color: #404040;
	background-color: transparent;
	text-transform: none;
}

div.sub_section_content {
	margin: 0 0 0 1.5em;
	padding: 0;
	border: 0;
}


fieldset span.section,fieldset span.struttura {
	display: block;
	margin: 1em 0 0 0;
	padding: .2em 0 .1em .1em;
	font-size: .9em;
	font-weight: bold;
	line-height: 110%;
	color: #404040;
	background-color: #eff1f8;
	text-transform: uppercase;
}

fieldset span.struttura_nuova {
	display: block;
	margin: 1em 0 0 0;
	padding: .2em 0 .1em .1em;
	font-size: .9em;
	font-weight: bold;
	line-height: 110%;
	color: #404040;
	background-color: #FFFFB3;
	text-transform: uppercase;
}

fieldset span.sub_section {
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	border-bottom: 1px solid Silver;
	width: 85%;
	font-size: .9em;
	font-weight: bold;
	color: #404040;
	background-color: transparent;
	text-transform: none;
}

fieldset div.sub_section_content {
	margin: 0 0 0 1.5em;
	padding: 0;
	border: 0;
}


/* ////////////////////////////////// */
/* selectors per GESTIONE FOTOGRAFIE */
div#div_listaFoto {margin: .5em 0 0 0; padding: 0;}

div.foto, div.foto-selezionata {
	float: left;
	margin: 0 .3em 1em 0;
	padding: 3px;
}

div.foto {background-color: #eeeeee; border: 1px solid #c0c0c0;}
div.foto-selezionata {background-color: #ffffd0; border: 1px solid #b6b688;}

div.foto div.foto-info, div.foto-selezionata div.foto-info {font-size: .7em;}
div.foto img, div.foto-selezionata img {border: 1px solid Gray;}

div.dati {font-size: .8em; margin: .3em 0 .3em .2em;}

div.fotofullsize {
	margin: 0;
	padding: .3em;
	background-color: #eeeeee;
	border: 1px solid #c0c0c0;
}

div.fotofullsize h1 {
	font-size: 1em;
	margin: 0;
	padding: 0 0 .1em 0;
	color: #002951;
	background-color: transparent;
	border-bottom: 2px solid #2E5476;
	background-image: none;
}

div.fotofullsize p {font-size: .7em; margin: 0 0 1em 0; padding: 0;}

div.fotofullsize img {margin: 0; padding: 0; background-color: #ffffff; border: 1px solid Gray;}


/* //////////////////////////////////// */

img {
    border: 0;
    margin: 0;
    padding: 0;
}

a.download:link, a.download:visited, a.download:hover, a.download:active {
	background-image: url(../img/download.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

a.modifica:link, a.modifica:visited, a.modifica:hover, a.modifica:active {
	background-image: url(../img/dati_edit.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

a.associa:link, a.associa:visited, a.associa:hover, a.associa:active {
	background-image: url(../img/add.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	font-size: .8em;
	font-weight: bold;
	background-color: #f0f0f0;
	margin: 0;
}
div.associa {background-color: #f0f0f0;	border-bottom: 1px solid #aeaeae; margin: 0;padding: 0;}
div.associa form {border: 0;margin: 0;padding: 0;}
div.associa form fieldset {border: 0;margin: 0;padding: 0;}
div.associa fieldset p { margin: 0; padding: 0;font-size: .85em;}
div.associa fieldset input {font-size: .9em;}

div.associazione {
	margin: 0;
	padding: .2em 0 .2em 0;
	font-size: .7em;
	background-color: #fffffa;
}

div.associazione a, div.associazione ul li {font-size: 1.1em;}
div.associazione a {font-weight: bold;}
div.associazione ul li a{font-weight: normal;}

div.associazione div.label {
	margin: 0;
	padding: .2em 0;
	border-top: 1px dotted Gray;
	background-color: #f5f5f5;
}

div.associazione div.label a.modifica {
	font-size: .8em;
	background-image: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

a#a_nuovo_record {
	background-image: url(../img/add.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding: .2em 0 .2em 20px;
	font-size: .8em;
	font-weight: bold;
	background-color: #f0f0f0;
	margin: 0;
}
div#accessi_nuovo_record {
	margin: 0;
	padding: .2em;
	background-color: #f3f3f3;
}


/* link di navigazione (simili a quelli con form e fieldset) */


a.navigazione-menu {
	width: auto;
	float: left;
	color: #04192d;
	background-color: transparent;
	text-transform: uppercase;
	text-align: center;
	background-image: url(../img/button_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .7em;
	margin: .2em;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
	padding: .2em;
}
a.navigazione-menu:hover {text-decoration: none; cursor: pointer;}


a.navigazione-float-left {
	width: auto;
	float: left;
	margin: .2em;
	padding: .2em;
	color: #0b1b2a;
	background-color: transparent;
	text-transform: none;
	text-align: center;
	background-image: url(../img/button_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .7em;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
}
a.navigazione-float-left:hover {text-decoration: none; cursor: pointer;}

a.navigazione-float-right {
	width: auto;
	float: right;
	margin: .2em;
	padding: .2em;
	color: #193018;
	background-color: transparent;
	text-transform: none;
	text-align: center;
	background-image: url(../img/button_right_bkg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	font-size: .7em;
	border-right: 1px solid #A3A3A3;
	border-bottom: 1px solid #A3A3A3;
	border-top: 1px solid #EDEDEC;
	border-left: 1px solid #EDEDEC;
	border-style: outset;
}
a.navigazione-float-right:hover {text-decoration: none; cursor: pointer;}



hr.navigazione {
	margin: 1em 0 .3em 0;
	padding: 0;
	border-top: 1px solid #2E5476;
	line-height: .01em;
	font-size: .01em;
	clear: both;
}

hr.navigazione-top {
	margin: 0 0 .3em 0;
	padding: 0;
	border-bottom: 1px solid #2E5476;
	line-height: .01em;
	font-size: .01em;
}

div.links {
	margin: 0;
	padding: .2em;
	border-top: 1px solid #e1ddb4;
	font-size: .7em;
	background-color: #faf9ee;
}

div.actions {
	margin: 1.5em 0 1em 0;
	padding: .3em;
	border-top: 1px dotted #e1ddb4;
	font-size: .8em;
	width: 90%;
	background-color: #faf9ee;
}

hr {border-top: 1px solid #2E5476; clear: both; margin: 0; padding: 0; font-size: .001em;}

a.attributi {
	display: block;
	margin: .5em 0 0 0;
	padding: .2em .2em 0 20px;
	font-size: .7em;
	text-align: right;
	background-color: #ededed;
	width: auto;
	float: left;
	background-image: url(../img/view_detail.png);
	background-position: center left;
	background-repeat: no-repeat;
}

ul.clear {clear: both;}


/* specifici per Galleria fotografie */




/* nuovi per redesign */
div.strada_selezionata {
	margin: .2em 0 .2em 0;
	padding: .1em 0 .1em .2em;
	font-size: 1em;
	font-weight: bold;
	color: #7e0c19;
	background-color: #E4E2CB;
	border-bottom: 1px solid #555555;
}

.stato {color: #fbff00; font-weight: normal; font-size: .8em;}
a.storia {font-size: .8em;}
.invisibile {display: none;}


div#div_calcolo_volume {margin-left: 1em;}



span.th-sub {font-weight: normal; text-transform: none; color: #0e0e0e;}


tr.non-corretto td {background-color: #FFCACA;}

tr.duplicato td {background-color: #FFF4AB;}

tr.terminato td {background-color: #C3C3C3;color: #606060;}


div.consiglio {
	margin: 0;
	padding: 0;
	border: 0;
	color: Gray;
	background-color: transparent;
}

p.nota {
	margin: 1em 0 1em .2em;
	padding: 0;
	border: 0;
	color: #4a4a4a;
	background-color: transparent;
	font-size: .7em;
}
span.asterisco {color: #C80000;}
span.ig, label.ig {font-style: italic;}




span.ok {color: #336600; font-weight: normal; background-color: transparent;}
span.warning {color: #C80000; font-weight: normal; background-color: transparent;}
span.error {color: #C80000; font-weight: normal; background-color: transparent;}

div.ok {
    color: #336600;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/ok.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.info {
    color: #002951;
    font-weight: bold;
    padding: .1em 0 .4em 2.4em;
    background-image: url(../../../include/img/info.png);
/*     background-position: .4em .4em; */
	background-position: .4em .4em;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 1em 0 1em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.warning {
    color: #C80000;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/warning.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.error {
    color: #C80000;
    font-weight: bold;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/error.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}


div.wait {
    color: #C80000;
    font-weight: normal;
    padding: .1em 0 .4em 2em;
    background-image: url(../../../include/img/hourglass.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: .8em;
    margin: 2em 0 2em 0;
    background-color: #f3f3f3;
    border-top: 1px solid #8B8B8B;
    border-bottom: 1px solid #8B8B8B;
    clear: both;
    line-height: 130%;
}

/* ///////////////////////////////////////////////// */
/* selectors per le RICERCE (via, toponico, civico) */
div#ricerche {margin: 1em 0 1em 0; padding: 0; border: 0; font-size: .8em; }

div#ricerche a.ricerche {
	background-image: url(../img/search.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	margin: 0 0 0 .5em;
	padding: 0 0 0 20px;
}

div#ricerche hr {margin: .8em;}

div#ricerche div.ok,
div#ricerche div.warning,
div#ricerche div.error,
div#ricerche div.wait { font-size: .9em;}

div#civici {padding: 0; margin: 0;}

div#ricerche table.elenco-risultati {margin: .5em 0 0 0; padding: 0; font-size: 1em;}
div#ricerche table.elenco-risultati caption {font-size: .9em;}
div#ricerche th {
	background-color:#F0F5F9;
	border:1px solid #9F9F9F;
}

div#ricerche td {padding: .2em .2em .5em .2em;}

div#ricerche div#div_ricerca_localita, div#ricerche div#div_ricerca_toponimo_civico {
	margin: .7em 0 0 0;
	padding: 0 0 0 .5em;
}

div#div_ricerca_sezione_foglio_particella {font-size: 1.2em;}
div#div_ricerca_sezione_foglio_particella label, div#div_ricerca_sezione_foglio_particella input {font-size: 1em;}


/* /////////////////////// */
/* aggiunti il 18.12.2008 */
a.stampa {
	background-image: url(../img/print.gif);
	background-position: center left;
	background-repeat: no-repeat;
	margin: 0 0 0 .5em;
	padding: 0 0 0 20px;
	font-size: .8em;
}


/* aggiunti per la pagina di Info, colonna destra della mappa */
div#infolayer {
	margin: 0 0 1.3em 0;
	padding: .2em;
	border: 1px solid Silver;
	background-color: #f9fae3;
	font-size: .85em;
}

div#infolayer h2 {margin: 0; padding: 0; border: 0;}
div#infolayer p {font-size: .8em;}
div#infolayer ol {margin: .5em 0 0 .3em;padding: 0;}
div#infolayer ol li {margin: 0 0 .2em 0;padding: 0; list-style: square; list-style-position: inside; font-size: 1em;}

div#infowindow {
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}
div#infowindow h2 {margin: 0; padding: .2em 0 .2em .2em; border: 0;background-color: Silver; color: White; }

div#toolbar {
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}
div#toolbar h2 {margin: 0; padding: .2em 0 .2em .2em; border: 0;background-color: Silver; color: White; }

div#infowindow p,
div#toolbar p {clear:both;}

/* aggiunti per box nuovo accesso in modificaEdificio.php */
div#accessi_nuovo_record {
	margin: 0 0 0 0.5em;
	padding: 0.3em;
	border: 1px dotted gray;
	background-color: #FFFFC7;
}

/* aggiunti il 4/03/2010 per stile autore/ultima_modifica sulle Schede */
div#author {font-size: .8em; margin: 0; padding: 0; border-top: 1px dotted Silver; letter-spacing: .01em;}
div#author .label {color: Gray; font-weight: normal; letter-spacing: .01em;}
div#author .campo{color: Black; font-weight: normal; letter-spacing: .01em;}



/*aggiunti per links in testa alla pagina help.php */
div#links {
	background-color: #D3D3D3;
	color: White;
	font-family: verdana;
	font-size: .7em;
	margin: 0;
	padding: 0 0 .4em .4em;
	text-align: left;
}

div#links a:link {color: #5B5B5B; text-decoration: none;}
div#links a:visited {color: #5B5B5B; text-decoration: none;}
div#links a:hover {color: Blue; text-decoration: none;}
div#links a:active {color: #5B5B5B; text-decoration: none;}

div#links a.target_blank:link,
div#links a.target_blank:visited,
div#links a.target_blank:hover,
div#links a.target_blank:active { background-image: url('../img/ico-freccia-fuori.png'); background-position: right; background-repeat: no-repeat; padding: 0 15px 0 0;}

div#links a.email:link,
div#links a.email:visited,
div#links a.email:hover,
div#links a.email:active { background-image: url('../img/mail.gif'); background-position: right; background-repeat: no-repeat; padding: 0 18px 0 0;}

/*aggiunti per le istruzioni sulle ricerche */

div#helpricerche {
	background-color: transparent;
	border: 0 none;
	margin: 0 0 1em 0;
	padding: 0;
}

div#helpricerche h2 {
	margin: 0; 
	padding: .2em 0 .2em .2em;
	border: 0 0 .4em 0;
	background-color: Silver;
	color: White;
	font-size: .8em;
}


div#helpricerche ol {
	margin: 0.5em 0 0 0;
	padding: 0;
}

div#helpricerche li.ricerche {
	background-image: url(../img/search.gif);
	background-position: middle left;
	background-repeat: no-repeat;
	margin: 0 0 .5em .5em;
	padding: 2px 0 2px 20px;
	font-size: .8em;
	list-style: none inside none;
	color: #2E5476;
	font-weight: bold;
}

/*aggiunti per accordion sulla pagina help.php */
h2#h2_helpricerche,
h2#h2_infowindow,
h2#h2_toolbar,
h2#h2_infolayer {
	background: url('../img/collapse_off.png') no-repeat 2px center #DBDBDB;
	border-top: 1px solid Silver;
	border-bottom: 1px solid Silver;
	color: #003B77;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 5px 0;
    padding: 3px 0 3px 22px;
	text-align: left;
	cursor: pointer;
}

h2#h2_helpricerche.collapsed,
h2#h2_infowindow.collapsed,
h2#h2_toolbar.collapsed,
h2#h2_infolayer.collapsed {
	background: url('../img/collapse_on.png') no-repeat 2px center #DBDBDB;
	color: #606060;
}

h2#h2_helpricerche:hover,
h2#h2_infowindow:hover,
h2#h2_toolbar:hover,
h2#h2_infolayer:hover {background-color: #C0CEDB; color:#003B77;}


/** MIMETYPE **/

div#menu ul li.mime
{
	color:#000000;
	margin-left:10px;
	list-style-image: url('/include/img/mime/mime.png');
}


div#menu ul li.image_jpeg,
div#menu ul li.image_png,
div#menu ul li.image_bmp,
div#menu ul li.image_x-windows-bmp,
div#menu ul li.image_tiff,
div#menu ul li.image_x-tiff
{
	list-style-image: url('/include/img/mime/colors.png');
}

div#menu ul li.text_plain,
div#menu ul li.text_rtf,
div#menu ul li.application_msword,
div#menu ul li.application_rtf,
div#menu ul li.application_x-rtf
{
	list-style-image: url('/include/img/mime/document.png');
}

div#menu ul li.application_pdf {
	list-style-image: url('/include/img/mime/acroread.png');
}

div#menu ul li.application_x-compress,
div#menu ul li.application_x-compressed,
div#menu ul li.application_x-zip-compressed,
div#menu ul li.application_zip,
div#menu ul li.application_x-gzip,
div#menu ul li.multipart_x-gzip,
div#menu ul li.multipart_gnutar,
div#menu ul li.multipart_x-zip
{
	list-style-image: url('/include/img/mime/tgz.png');
}

.hide {
	display: none;
}





/* ************************************************************ */





/* ******************************************* *
 *            HEADER DELLA PAGINA              *
 * ******************************************* */

/* div che contiene la testata della pagina */
div.page_header {
	position: relative;
	display: block;
	/* background: #DDD; */
	background: #FFE4C9;
	padding: 2px;
	min-height: 50px;
}

/* div.page_header > div {
	border: 1px solid navy;
	padding-top: 5px;
} */

/* titolo della pagina all'interno della testata */
div.page_header  span.title {
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
    color: #002951;
}

/* testo descrittivo della pagina all'interno della testata */
div.page_header p {
	margin-top: 5px;
	font-size: 13px;
	font-style: sans-serif;
}

/* menubar in fondo alla testata della pagina */
div.page_header div.menubar {
	display: block;
	padding: 5px;
}

/* link all'interno della menubar della testata */
div.page_header div.menubar > a {
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 12px;
	padding-left: 14px;
	margin-left: 10px;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 3px;
}

div.page_header div.menubar > a:hover {
	color: #000;
}

/* link per il download di un file RTF */
div.page_header div.menubar > a.rtf { background-image: url('../img/download.png'); }

/* link per il salvataggio dei dati */
div.page_header div.menubar > a.save { background-image: url('../img/dati_edit.png'); }

/* link per annullare le modifiche */
div.page_header div.menubar > a.cancel { background-image: url('../img/arrow_undo.png'); }

/* link per l'edit dei dati */
div.page_header div.menubar > a.edit { background-image: url('../img/dati_edit.png'); }

/* link per l'eliminazione di un elemento */
div.page_header div.menubar > a.delete { background-image: url('../img/delete.png'); }

/* link per lo zoom su di un'area */
div.page_header div.menubar > a.zoom { background-image: url('../img/zoom.png'); }

/* link per l'avvio di una procedura */
div.page_header div.menubar > a.process { background-image: url('../img/accept.png'); }

/* link per la gestione focolai */
div.page_header div.menubar > a.focolai { background-image: url('../img/map.gif'); }

/* link per la gestione delle qualita */
div.page_header div.menubar > a.qualita { background-image: url('../img/table.png'); }

/* link per la gestione dei proprietari */
div.page_header div.menubar > a.proprietari { background-image: url('../img/report.png'); }

div.page_header div.menubar > a.clear_shape { background-image: url('../img/shape_draw_delete.png'); }

/* input all'interno della menubar */
div.page_header div.menubar > input { border: 0px; width: 32px; height: 32px; background-color: transparent; }



/* ******************************************* *
 *            RIEPILOGO DEI DATI               *
 * ******************************************* */

/* blocco centrale nel riepilogo dati, simula i punti, collega chiave e valore */
.tdcenter {
    display: block;
    border-bottom: 1px dotted blue;
    overflow: auto;
    position: relative;
    top: -4px;
    line-height: 18px;
}

/* blocco di destra nel riepilogo dati, contiene il valore di una voce */
.tdright {
    float: right;
    margin-left: 5px;
    line-height: 18px;
}

/* blocco di sinistra del riepilogo dati, contiene la chiave di una voce */
.tdleft {
    float: left;
    margin-right: 5px;
    line-height: 18 px;
}

/* stile per gli input all'interno del riepilogo dati, quando si trova al posto del valore nel box di destra */
.tdright input {
	height: 12px;
}

/* stile per la chiave */
span.seztitle {
	font-size: 12px;
	font-weight: bold;
}

/* stile per il valore */
span.sezval {
	font-size: 12px;
}

/* stile per il div che contiene un gruppo di chiavi/valori */
div.sottosezione {
	margin-top: 5px; 
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 20px;
}

div.sottosezione p {
	font-size: 12px;
}



/* ******************************************* *
 *         PULSANTI PER IL DISEGNO             *
 * ******************************************* */

input.bbutton {
	padding: 2px 4px 2px 23px;
	background-color: #CCCCCC;
 	background-position: 2px center;
	background-repeat: no-repeat;
}
input.inserisci_poligono { background-image: url('../../include/img/disegna.png'); }
input.chiudi_poligono { background-image: url('../../include/img/disegna_chiudi.png'); }
input.sottrai_poligono { background-image: url('../../include/img/disegna_sottrai.png'); }
input.sospendi_disegno { background-image: url('../../include/img/disegna_play.png'); }
input.disegna_rettangolo { background-image: url('../../include/img/shape_draw.png'); }
input.disegna_annulla { background-image: url('../../../include/img/shape_draw_delete.png'); }
input.disegna_ricomincia { background-image: url('../../../include/img/refresh.png'); }
input.disegna_specchia { background-image: url('../../../include/img/invertall.png'); }


/* ******************************************* *
 *         INCENDI MAPPA PUBBLICA              *
 * ******************************************* */
div#menu h1 span.pratica {
	color: Yellow;
	float: none;
}

.links a {
	display: inline-block;
	/* margin: .5em 1em .5em 0; */
	/* font-weight: bold; */
	text-transform: uppercase;
}

div#menu ul.pratica {font-size: .9em;}

div#menu ul.pratica li {
	padding: 0;
	color: Silver;
	margin: 0 0 .2em 0;
}

div#menu ul.pratica li span {font-weight: normal;}

div#menu ul.pratica li strong {font-size: .8em;color: #B85444;}

div.contenitore p.pratica {font-size:.8em;}