html,
body {
  margin: 0;
  padding: 0;
}
body {
  background-color: #fff;
  font: 76%/1.1 Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
}
img { border: none }
abbr, acronym {	cursor: default }

h1 {
	margin: 15px 0 25px;
	line-height: 1.7;
	font-size: 1.6em;
	color: #a42847;
	text-shadow: 1px 1px 0.3px #ccc;
}
h2 {
	margin-top: 23px;
	font-size: 1.3em;
	line-height: 1.5;
}
h2.underline { font-weight: normal }


a:link,
a:visited {
	/*border-bottom: none;*/
	color: #a52a44;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
	/*border-bottom: 1px solid #a52a44;*/
	color: #a52a44;
  text-decoration: underline;
}

a.no_border:link,
a.no_border:visited,
a.no_border:focus,
a.no_border:hover,
a.no_border:active {
	padding-bottom: 0;
	border-bottom: none;
}


/**
 **
 ** STILI GENERICI
 **
 **/
 
.float_left     { float: left }
.float_right    { float: right }
img.float_left  { margin: 0 8px 5px 0 }
img.float_right { margin: 0 0 5px 8px }

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }
.clear_float { overflow: hidden }

.block { display: block }

.no_margin      { margin: 0 }
.no_padding     { padding: 0 }
.no_border,
a img.no_border { border: none }
.no_background  { background: none }

.vertical_align_middle { vertical-align: middle }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.big  { font-size: 120% }
.small { font-size: 90% }
.nero { color: #000 }
.underline { text-decoration: underline }
.uppercase { text-transform: uppercase }

.titolo {
	display: block;
	margin: 10px 0 15px 0;
	line-height: 1.2;
	font-weight: bold;
}




/**
 **
 ** STRUTTURA DEL SITO
 **
 **/
 
#container {
	position: relative;
	width: 947px;
	margin: 0 auto 10px auto;
  text-align: left;
}


#testata {
	height: 111px;
	margin: 0;
	background: transparent url(../immagini/testata.gif) no-repeat top left;
}

#link_su_logo {
	display: block;
	position: absolute;
	width: 270px;
	height: 111px;
	left: 45px;
	top: 0;
}
#link_su_logo:link,
#link_su_logo:visited,
#link_su_logo:focus,
#link_su_logo:hover,
#link_su_logo:active { text-decoration: none; }

#testata object {
	position: absolute;
	left: 325px;
	top: 0;
	margin: 0;
}


#centrale {
	float: right;
	margin: 0px 1% 0 1%;
	width: 69% !important;
	width /**/: 69%;
}


#colonna_sx {
	margin: 20px 73% 0 1%;
	width: 240px;
}


#footer {
	clear: both;
	height: 40px;
	padding-top: 15px; 
	line-height: 50px;
	background: transparent url(../immagini/barra_footer.gif) repeat-x 0 10px;
	font-weight: bold;
	text-align: center;
}
#footer img {
  margin-left: 5px;
	vertical-align: middle
}




/**
 **
 ** MENU'
 **
 **/




#menu_orizzontale {
	position: absolute;
	top: 113px;
	right: -10px;
	width: 469px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu_orizzontale li {
	display: block;
	float: left;
	width: 117px;
	height: 21px;
	line-height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu_orizzontale a {
	display: block;
	background: transparent url(../immagini/menu_orizzontale.png) no-repeat 0 0;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
}

#settore a { background-position: 0 0 }
#territorio a {
background-position: -117px 0;
	text-indent: -11px;
}
#area_riservata a {
background-position: -234px 0;
	text-indent: -16px;
}
#contatti a {
background-position: -351px 0;
	text-indent: -21px;
}


#menu_orizzontale a:link,
#menu_orizzontale a:visited {
	padding: 0;           /* Annullare bordi e padding-bottom specificati per tutti i link */
	border-bottom: none;  /* Annullare bordi e padding-bottom specificati per tutti i link */
	text-decoration: none;
}
#menu_orizzontale a:focus,
#menu_orizzontale a:hover,
#menu_orizzontale a:active {
	padding: 0;           /* Annullare bordi e padding-bottom specificati per tutti i link */
	border-bottom: none;  /* Annullare bordi e padding-bottom specificati per tutti i link */
	text-decoration: underline;
}



/**
 ** MENU' VERTICALE
 **/

#menu_verticale {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu_verticale li {
	display: block;
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}
#menu_verticale ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 20px 19px;
}
#menu_verticale ul li {
	margin-top: 0;
	border-bottom: none;
}
#menu_verticale ul .titoletto {
	display: block;
	margin: 15px 0 0 0;
	font-size: 1.1em;
}
#menu_verticale .titolo_menu {       /* Tag <a> nel menu principale */
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 4px solid #999;
}
#menu_verticale .titolo_menu strong {
	padding: 5px 0 5px 12px;
	margin: 0;
	background: url(../immagini/titolo_menu.gif) no-repeat top left;
}
#menu_verticale .titolo_menu strong span {
	padding: 3px 12px 3px 0;
	margin-top: -5px;
	font-size: 1.2em;
	line-height: 25px;
	background: url(../immagini/titolo_menu.gif) repeat-x top right;
	text-align: center;
}
#menu_verticale .titolo_menu:link,
#menu_verticale .titolo_menu:visited {
	margin: 15px 0 10px 0;
	color: #000;
}
#menu_verticale .titolo_menu:focus,
#menu_verticale .titolo_menu:hover,
#menu_verticale .titolo_menu:active,
#menu_verticale li.selezionato .titolo_menu {
	margin: 15px 0 10px 0;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0.2px #999;
}  
#menu_verticale ul a {  /* Tag <a> nei sotto-menu */
  display: block;
	height: 14px;
	margin: 0;
	padding-left: 7px;
	line-height: 14px;
	font-weight: bold;
}
#menu_verticale ul a:link,
#menu_verticale ul a:visited {
	border-bottom: 1px solid #808080;
	border-left: 15px solid #d9dcde;
	color: #4d4d4d;
}
#menu_verticale ul :focus,
#menu_verticale ul a:hover,
#menu_verticale ul a:active,
#menu_verticale li ul li.selezionato a {
	border-left-color: #aec1cf;
	border-bottom-color: #000;
	color: #000;
	text-decoration: none;
}
#menu_verticale ul li a.enfatizzata { color: #000 }
/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#slidedown_menu .slideMenuDiv1 ul{
}
#slidedown_menu .slideMenuDiv2 ul{
}




#bandiere {
	position: absolute;
	top: 116px;
	left: 15px;
	width: 100px;
	height: 23px;
	margin: 0;
}
#bandiere a:link,
#bandiere a:visited,
#bandiere a:focus,
#bandiere a:hover,
#bandiere a:active {
	border: none;
}
#bandiere img {
	margin-right: 5px;
	border: none;
}


#contenuti_interni { text-align: justify }

#contenuti_interni h1{ text-align: left; }

/**
 **
 ** BOX E RIQUADRI
 **
 **/

h2.titolo,
h2.titolo_enfatizzato {
	line-height: 26px;
	margin: 15px 0 0 0;
	border-bottom: 5px solid #ccc;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
}
h2.titolo { background: url(../immagini/titolo_area.gif) no-repeat top left }
h2.titolo_enfatizzato { background: url(../immagini/titolo_area_enfatizzato.gif) no-repeat top left }

h2.titolo strong,
h2.titolo_enfatizzato strong {
	display: block;
	height: 26px;
	margin-left: 10px;
	padding-right: 15px;
	text-align: right;
}
h2.titolo strong { background: url(../immagini/titolo_area.gif) no-repeat top right }
h2.titolo_enfatizzato strong { background: url(../immagini/titolo_area_enfatizzato.gif) no-repeat top right }


.area,
.area_enfatizzata {
	clear: right;
	margin: 0;
	padding: 10px 12px 0 13px;
}
.area {
	overflow: hidden;
	padding-right: 0;
	background-color: #f6f6f6;
	text-align: justify;
}
.area_enfatizzata {
	background-color: #dcdcde;
	padding-bottom: 10px
}
.area_interna {
	margin-top: 0;
	padding: 10px 15px 18px 15px;
	background-color: #f6f6f6;
	text-align: justify;
	word-spacing: 2px;
}
.area .contenuto {
	float: left;
	width: 44%;
	margin: 0 14px 0 0;
}
.area .contenuto,
.area_enfatizzata .contenuto {
	/*background-color: #fff;*/
	padding: 8px 12px 0 12px;
}

.colonna,
.colonna_destra {
	float: left;
	width: 49%;
	margin: 0 0 5px 0;
}
.colonna_destra { margin-left: 1% }
.no_margin_right { margin-right: 0 }
.no_margin_bottom { margin-bottom: -5px }
.colonna .area,
.colonna_destra .area { padding-bottom: 5px }
.colonna .contenuto,
.colonna_destra .contenuto {
	float: none;
	width: auto;
}



a.titolo_articolo {
	padding-bottom: 0px;
	line-height: 1.2;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}
a.titolo_articolo:link,
a.titolo_articolo:visited {
	color: #000;
	/*border-bottom: none;*/
	text-decoration: none;
}
a.titolo_articolo:focus,
a.titolo_articolo:hover,
a.titolo_articolo:active {
	/*border-bottom: 1px solid #000;*/
	color: #000;
	text-decoration: underline;
}





.box_blu {
	background-color: #86a5ba;
	padding: 18px 22px 18px 18px;
	margin: 5px auto;
	font-size: 1.1em;
	text-align: justify;
}
.box_blu h3 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	color: #fff;
	text-transform: uppercase;
}
.box_blu .colonna {
	text-align: center;
	text-indent: -10px;
}
.box_blu .colonna a:link,
.box_blu .colonna a:visited,
.box_blu .colonna a:focus,
.box_blu .colonna a:hover,
.box_blu .colonna a:active {
	border-bottom: none;
}
.box_blu .colonna img {
	margin-left: -10px;
	border: 2px solid #fff;
}
.box_blu .titolo_articolo {
	font-size: 1.1em;
}

#banner_fondo_pagina {
	clear: left;
	margin-top: 280px;
	text-align: center;
}
#banner_fondo_pagina img {
	margin: 0 6px;
	vertical-align: middle;
}
#banner_fondo_pagina a:link,
#banner_fondo_pagina a:visited,
#banner_fondo_pagina a:focus,
#banner_fondo_pagina a:hover,
#banner_fondo_pagina a:active {
	padding-bottom: 0;
	border-bottom: none;
}


.box_con_bordo {
	margin: 10px auto;
	padding: 18px;
	border: 4px solid #bfbebf;
	text-align: center;
}
.bordo_small {
	border: 1px solid #bfbebf;
	padding: 3px;
}







#icone {
	position: absolute;
	top: 9px;
	right: 15px;
	width: 79px;
	height: 17px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#icone li {
	display: block;
	float: left;
	width: 26px;
	height: 17px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#sitempap { width: 21px }
#icone a {
	display: block;
	height: 17px;
	margin: 0;
	padding: 0;
	background: transparent url(../immagini/icone_testata.gif) no-repeat;
}
#icone a:link,
#icone a:visited,
#icone a:focus,
#icone a:hover,
#icone a:active {
	outline: none;
	border-bottom: 0;
}
#home a:link,
#home a:visited { background-position: 0 0 }
#home a:focus,
#home a:hover,
#home a:active { background-position: 0 -17px }
#contact a:link,
#contact a:visited { background-position: -26px 0 }
#contact a:focus,
#contact a:hover,
#contact a:active { background-position: -26px -17px }
#sitemap a:link,
#sitemap a:visited { background-position: -52px 0 }
#sitemap a:focus,
#sitemap a:hover,
#sitemap a:active { background-position: -52px -17px }








#login {
	margin: 0;
	text-align: center;
}
#login table {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}
#login table td.padding {
	padding: 10px 0;
}




.coopITA ul { margin: 0 }
.coopITA ul li {
	list-style-type: none;
	margin-top: 10px;
}
.coopITA ul li a {
	display:block;
	width:150px;
	height:20px;
	padding-bottom: 0;
}

.coopITA ul li a:link,
.coopITA ul li a:visited {
	text-decoration: none
}
.coopITA ul li a:focus,
.coopITA ul li a:hover,
.coopITA ul li a:active {
	border: none;
	text-decoration: underline
}



.navigation,
.lista_directory {
	margin: 20px 0;
	padding: 0;
}
.navigation li,
.lista_directory li {
	list-style-type: none;
	margin: 8px 0 0 0;
	padding: 0;
}

.navigation li { font-weight: bold }

.lista_directory { margin: 20px 0 30px 15px }
.lista_directory li {
	padding: 3px 23px;
	background: transparent url(../immagini/folder.png) no-repeat 0 3px;
}
.lista_directory li a { font-weight: bold }


/*= NOTA BENE: usare anche il selettore #centrale per aumentare la specificità dei seguenti stili! */
#centrale li.doc { background-image: url(../immagini/page_white_word.png) }
#centrale li.pdf { background-image: url(../immagini/page_white_acrobat.png) }
#centrale li.xls { background-image: url(../immagini/page_white_excel.png) }


.link dt {
	font-weight: bold;
}
.link dd {
	margin-left: 0;
	padding: 2px 0 13px 0;
}