@font-face {
  font-family: "Arial Narrow";
  font-style:  normal;
  font-weight: normal;
  src: url("/font/ARIALNA0.eot"); 
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  font-size: 76%;
  font-weight: normal;
  height: 100%;
}
/* ======= INTESTAZIONE ====== */
#intestazione {
  width: 100%;
}
/* ----- logo -------------- */
#logo {
  background-color: #1a1826;
  height: 100px;
  width: 100%;
}
#logo img {
  border: 0;
  width: 166px; 
  height: 84px;
  margin-left: 15px;
  margin-top: 5px;
}
#logo .riga_home {
  margin: 5px 0 0 300px;
  border-bottom:  3px solid #95999B;
}
#logo .riga {
  margin: 0 0 0 300px;
  border-bottom:  8px solid #FF0000;
}
#logo .logo_stampa {
  display: none;
}
#logo .titolo_logo {
  position: absolute;
  top: 10px;
  left: 300px;
  font-family: "Arial Narrow", sans-serif;
  font-size: 19px;
  font-weight: bold;
  font-style: normal;
  color: #82D6F8;
}
html>/**/body #logo .titolo_logo {
  top: 0 !important;
  font-weight: normal;
}
#logo .testo_logo {
  position: absolute;
  top: 10px; 
  right: 10px;
  font-family: "Arial Narrow", sans-serif;
  font-size: 12px;
  font-style: normal;
  text-align: right;
  color: #82D6F8;  
}
html>/**/body #logo .testo_logo {
  top: 0 !important;
}
/* ----- opzioni -------------- */
#opzioni {
  height: auto;
}
#opzioni a {
  display: block;
  text-decoration: none;
  color: #1A1826;
  line-height: 27px;
  padding-bottom: 15px;

}
#opzioni .menu {
  font-size: 16px;
  font-weight: bold; 
  text-align: left;
  padding-top: 20px;
}
#opzioni img {
  border: 0;
  vertical-align: middle;
  margin-left: 60px;
  margin-right: 10px;
}
/*stili specifici per il layout*/
#contenitore{
  background-color: #C0E0E0;
  background-image: url(../img/sfondo.gif);
  background-repeat: repeat-y;
  position: relative;
  min-height: 100%;
/*  _height: 100%;*/
  margin-bottom: -100px; 
}

/*\*/ * html #contenitore {height: 100%;} /**/

html>/**/body #contenitore {
  overflow: auto !important;
}
#colonna_sinistra {  
  float: left;
  width: 300px;
  height: auto;
  padding: 0;
  margin: 0;
  background-color: #ECF1F4;
}
#colonna_ce {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.contenuto_2c {
  margin: 0px 0px 0px 300px;
  padding: 0;
}
/* ----- menù principale -------------- */
#menu_principale {
  height: auto;
}
#menu_principale a {
  text-decoration: none;
  display: block;
  margin: 0;
  padding: 15px 0 0 15px;
  height: 50px !important;
  height: 65px; 
  border-bottom:  2px solid #f6f9fa;
  line-height: 18px; 
}
#menu_principale ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu_principale ul li {
  margin: 0;
  padding: 0;
}
#menu_principale img {
  border: 0;
  margin: 0 15px 0 0;
  float: right;
}
#menu_principale .titolo_link {
  display: block;
  text-transform: uppercase;
  font-family: "Arial Narrow", sans-serif; 
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  color: #1A1826;
  background-color: transparent;
}
html>/**/body #menu_principale .titolo_link {
  font-size: 21px;
}
#menu_principale .sottotitolo {
  display: block;
  font-family: "Arial Narrow", sans-serif;
  font-size: 15px;
  font-weight:normal;
  color: #FF0000;
  background-color: transparent;
}
html>/**/body #menu_principale .sottotitolo {
  font-size: 14px;
}
#menu_principale .sottotitolo_blu {
  display: block;
  font-family: "Arial Narrow", sans-serif;
  font-size: 15px;
  font-weight:normal;
  color: #0000FF;
  background-color: transparent;
}
html>/**/body #menu_principale .sottotitolo_blu {
  font-size: 14px;
}
#menu_principale .sotto_menu {
  display: block;
  margin: 0;
  padding: 15px 0 0 15px;
  height: 50px !important;
  height: 65px; 
  background-color: #FFB8B8;
  border-bottom:  2px solid #f6f9fa;
  line-height: 18px; 
}
#menu_principale .menu_link a:hover {
  background-color: #D0E0FF;
}
#menu_principale .menu_link a:active {
  background-color: #D0E0FF;
}
#menu_principale .menu_link a:focus {
  background-color: #D0E0FF;
}
/* ========== CONTENUTI =========== */
/* ----- immagine home page -------- */
#colonna_ce div.immagine_home {
  position: relative;
  left: 0!important;
  left: -3px;
  border-bottom: 8px solid #1A1826;
  background-color: #ECF1F4;
  height: 287px;
}
#colonna_ce div.immagine img {
  float: left;
  position: relative;
  top: -37px; 
  margin-bottom: -37px;
  margin-left: 0!important;
  margin-left: -3px;
  border-top: 8px solid #FF0000;
}

/* ------- testo -------------------- */
#colonna_ce div.testobox {
  width: auto;
  text-align: left;
  margin: 20px 0 20px 0;
  padding: 0 20px 0 20px;
  color: #1A1826;
}
#colonna_ce div.testobox h3 {
  font-family: "Arial Narrow", sans-serif;
  font-size: 200%;
  margin: 0 0 10px 0;
}
#colonna_ce div.testobox h4 {
  font-family: "Arial Narrow", sans-serif;
  margin-bottom: 0.5em;
  font-size: 180%;
}
#colonna_ce div.testobox p {
  margin: 0 0 5px 0;
}
#colonna_ce div.testobox h5 {
  margin-top: 5px; 
  margin-bottom: 3px;
}
#colonna_ce div.testobox a {
  color: #ff0000;
}
#colonna_ce div.testobox a:hover {
  color: #800000;
}
#colonna_ce div.testobox a:active {
  color: #800000;
}
#colonna_ce div.testobox a:focus {
  color: #800000;
}
#colonna_ce div.testobox a.categorie_link {
  text-decoration: none;
  color: #1A1826;
}

#colonna_ce div.testobox img {
  float: left;
  margin-bottom: 4px;
  margin-right: 10px;
}
#colonna_ce ul, ol {
  list-style-position: inside;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
  text-indent: 10px; 
}
#colonna_ce dl {
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
#colonna_ce ul li, ol li, dl li {
  margin-left: 20px;
}
#colonna_ce div.testobox form p {
  margin-right: 0;
  margin-left: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}
#colonna_ce div.testobox form ul {
  list-style-type: none;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 0;
  text-indent: 0; 
}
#colonna_ce div.testobox form ul li {
  display: inline;
  margin-left: 0;
}
#colonna_ce div.testobox form fieldset {
  width: auto;
  padding: 5px;
  margin-bottom: 2px;
  text-align: left;
  border: 1px solid #1a1826;
}
#colonna_ce div.testobox form fieldset legend {
  font-weight:bold;
}
#colonna_ce div.testobox form fieldset.noborder {
  border: 0;
  padding: 0;
  margin: 0;
}
#colonna_ce div.testobox form .logo_link {
  margin-top: 10px;
  margin-left: 85px;
}
/* stili per la pagina dei links */
#colonna_ce div.testobox .link_aperto {
  background-image: url(../img/opened_folder16.png); 
  background-repeat: no-repeat;
  background-position: left 50%;
  margin-top: 5px;
  padding-left: 20px;
  font-size: 140%;
}
#colonna_ce div.testobox .link_chiuso {
  background-image: url(../img/folder16.png); 
  background-repeat: no-repeat;
  background-position: left 50%;
  margin-top: 5px;
  padding-left: 20px;
  font-size: 140%;
}

#colonna_ce div.testobox table.elenco_link {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 100%; 
}
#colonna_ce div.testobox table thead tr th.col_logo {
  width: 100px;
}
#colonna_ce div.testobox table thead tr th.col_link {
  width: auto;
}
#colonna_ce div.testobox table tbody tr.riga {
  height: 60px;
}

.textarea {
  width: 99%; 
}
.immagine_grande {
  margin-bottom: 5px;
  margin-right: 10px;
  float: left;
}
.evidenziato {
  font-weight:bold;
}
.sottolineato {
  text-decoration: underline;
}
.evidenziato_corsivo {
  font-weight:bold;
  font-style: italic;
}
.link_doc {
/*  display: inline-block;*/
  display: inline;
  margin-right: 0.5em;
}
#colonna_ce div.contatti ul {
  list-style: none;
  text-indent: 0;
  margin: 0 0 1em 0;
  padding: 0;
}
#colonna_ce div.contatti ul li {
  margin: 0;
  padding: 0;
}
#colonna_ce div.errore {
	color: #000080;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px;
	height: 100%;
	text-align: center;
}
#colonna_ce div.errore h3 {
  font-family: "Arial Narrow", sans-serif;
  font-size: 200%;
}
#colonna_ce div.errore h4 {
  font-family: Arial;
  margin-bottom: 2.0em;
  font-size: 140%;
}
/* ========= FOOTER ========== */
#footer {
position: relative;
  height: 100px;
  background-color: #1A1826;
}
#footer p {
  padding: 0;
  margin: 20px 0 0 0;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  color: #82D6F8;  
}
#footer .riga {
  margin: 0 0 0 300px;
  border-top:  8px solid #ff0000;
}
.clearfooter {
  clear: both;
  height: 100px;
}
/* -------- mappa --------- */
#map {
	width: 570px;
}
#descrizione_map {
	margin-top: 10px;
}
/* ----- Class comuni ----- */
.hide {
  display: none;                      
}
.left {
  float: left;
}
.testodx {
  text-align: right;
}
.testoce {
  text-align: center;
}
/* --------- STILI PER LA TABELLA --------- */
#tabella {
	margin-bottom: 10px;
}
#tabella h3 {
	text-transform: uppercase;
	text-align: center;
}
#tabella a {
	color: #000000;
}
#tabella a:visited {
	color: #D00000;
}
#tabella p {
	margin-top: 5px; 
	margin-bottom: 5px; 
}
#tabella ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	text-indent: 0;
}
html>/**/body #tabella ul {
  text-indent: 0 !important; 
}
#tabella ul li {
	display: inline;
	margin-left: 0;
}
#tabella button {
	float: left;
	width: 30px;
	height: 20px;
	color: White;
	background-color: #d4d0c8;
	background-image: url(../img/ZoomIcon.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#tabella .img {
	width: 19px;
	height: 19px;
}
#tabella .intestazione {
	line-height: 2em;
	color: #000000;
	font-weight:bold;
	background-color: #80a0ff;
}
#tabella .rigadispari {
	line-height: 2em;
	color: Black;
	background-color: White;
}
#tabella .rigapari {
	line-height: 2em;
	color: Black;
	background-color: #80e0ff;
}
#tabella .colonna0 {
	display: none;
}
#tabella .colonna1 {
	float: left;
	width: 25px;
}
#tabella .colonnab {
	float: left;
	width: 40px;
}
#tabella .colonna_img {
	float: left;
	width: 40px;
	padding-left: 5px;
}
#tabella .colonna2 {
	float: left;
	width: 90px;
	height: 2em;
	border-left:  1px solid Black;
	border-right:  1px solid Black;
	padding-left: 5px;
	overflow: hidden;
}
#tabella .colonna2g {
	float: left;
	width: 120px;
	height: 2em;
	border-left:  1px solid Black;
	border-right:  1px solid Black;
	padding-left: 5px;
	overflow: hidden;
}
#tabella .colonna3 {
	float: left;
	width: 100px;
	height: 2em;
	border-right:  1px solid Black;
	padding-left: 5px;
	overflow: hidden;
}
#tabella .colonna3p {
	float: left;
	width: 90px;
	height: 2em;
	border-right:  1px solid Black;
	padding-left: 5px;
	overflow: hidden;
}
#tabella .colonnap {
	float: left;
	width: 40px;
	height: 2em;
	border-right:  1px solid Black;
	padding-left: 5px;
}
#tabella .colonna4 {
	height: 2em;
	padding-left: 5px;
	overflow: hidden;
}
#bottoni {
	font-family: helvetica;
	font-style: normal;
	width: auto;
	margin-left: 40px;
	text-align: center;
}
#bottoni2 {
	display: block;
	font-family: helvetica;
	font-style: normal;
	width: auto;
	margin-top: 10px;
	margin-left: 40px;
	text-align: center;
}
#bottoni3 {
	font-family: helvetica;
	font-style: normal;
	width: auto;
	text-align: center;
	margin-top: 10px;
}
/* --------- STILI PER I BOTTONI --------- */
#bottoni button {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}
#bottoni input {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}
.bottone {
	width: 100px;
	margin-left: 10px;
	margin-right: 10px;
}
#npagina {
	text-align: right;
}
/* --------- STILI PER IL FORM --------- */
.label_form {
	float: left;
	line-height: 24px;
}
.label_form2 {
	display: block;
	font-weight: bold;
	margin-bottom: 2px;
}
.input_form {
	margin-left: 90px;
	display: block;
	width: auto;
	margin-bottom: 5px;
}
.input_form2 {
	margin-left: 150px;
	display: block;
	width: auto;
	margin-bottom: 5px;
}
.input_form4 {
	display: block;
	margin-bottom: 5px; 
}
.input_form_fisso {
	margin-left: 90px;
	display: block;
	width: 400px;
	margin-bottom: 5px;
}
.input_form_fisso2 {
	margin-left: 150px;
	display: block;
	width: 400px;
	margin-bottom: 5px;
}
.input_form_file {
	margin-left: 46px;
	display: inline;
	width: auto;
	margin-bottom: 5px;
}
.bottone_form {
	margin-left: 10%;
}
.bottone_form2 {
	margin-bottom: 5px;
	height: 23px;
}
/* --------- tabella -------------- */
#tabella table {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	table-layout: fixed;
	font-size: 100%; 
}
#tabella table thead {
	background-color: #80A0FF;
	color: #000000;
}
#tabella table thead th {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}
#tabella table thead tr th {
	padding: 2px;
	width: 50px;
}
#tabella table thead tr th.ultima_colonna {
	border-right: 1px solid #000000;
}
#tabella table thead tr th.colonna_t1 {
	width: 50px; 
}
#tabella table thead tr th.colonna_t2 {
	width: auto; 
	border-right: 1px solid #000000;
}
#tabella table thead tr th.colonna_t3 {
	width: 100px; 
	border-right: 1px solid #000000;
}
#tabella tbody tr.ultima_riga {
	background-color: #80A0FF;
	color: #000000;
	font-weight: bold;
}
#tabella table tbody tr.riga_dispari {
	background-color: #FFFFFF;
}
#tabella table tbody tr.riga_pari {
	background-color: #80E0FF;
}
#tabella table tbody tr td {
	border-right:  1px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
}

