/*-------------------------------------------
IBC
- - - - - - - - - - - - - - - - - - - - - - -
Description:	Base setup styles
Filename:		ibc.css
        
=========================================================================================== Global Reset */

* {
	margin:0;
	padding:0;
}

html,body{
	margin:0;
	padding:0;
}

body {
	color:#000;
	font-size:100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:url(../img/payoff.gif) 180px 0 no-repeat #fff;
}

img {
	border: 0;
}

a:link,a:visited {
	color: #C00000; 
	/*j text-decoration: none; */
}

#menu a:link, #menu a:visited, #aree a:link, #aree a:visited{text-decoration:none}

a:hover {
	color:#333;
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 150%;
	margin-bottom: 1em;
	color:#000;
}

h2 {
	font-size: 140%;
	margin-bottom: 1em;
	color:#000;
}

h3 {
	font-size: 130%;
	margin-bottom: 1em;
}

h4 {
	font-size: 120%;
	margin-bottom: .5em;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size:100%;
}

p {
	font-size: 70%;
	color: #000; 
	margin:0;
	text-align: left;
}

ul li{
	font-size: 70%;
}

ol li{
	font-size: 70%;
}

div {
	border: none;
}

span.hide{ 
	position:absolute;
	top:-888889px;
	left:-888889px;
} 

p.accessibile{ 
	position:absolute;
	top:-888888px;
	left:-888888px;
} 

div#accessibile{
	position:absolute;
	top:-666666px;
	left:-666666px;
}

/*=========================================================================================== Elementi del Layout */

div#contenitore{
	min-width:770px!important;
	width:100%;	
}

div#contenuto-extra{
	background:url(../img/bg-aree.jpg) top right repeat-y;
	float:left;
	width:100%;
	clear:both;
}

html>body div#contenuto-extra{
	background:url(../img/bg-aree-long.jpg) top right repeat-y;
}

body#interna-no-coll div#contenuto-extra{
	background:none!important;
}

body#istituzionale div#contenuto-extra{
	background:none!important;
}

body#colonna-singola div#contenuto-extra{
	background:none!important;
}

div#contenuto{
	clear:both;
	margin-left: 180px;
	margin-right: 170px;
}

body#istituzionale div#contenuto{
	margin-left: 180px;
	margin-right: 0;
}

body#colonna-singola div#contenuto{
	margin-left: 0;
	margin-right: 0;
}

div#menu{
	width:180px;
	float: left;
	margin-left:-179px;
	margin-right:-1px;
}

* html div#menu{
	margin-left:-90px;
}

div#scheda-dettaglio{
	width:180px;
	float: left;
	margin-left:-179px;
	margin-right:-1px;
}

* html div#scheda-dettaglio{
	margin-left:-90px;
}

div#principale{
	width: 99%;
	float:left;
	background:url(../img/bg-corpo.jpg) bottom left no-repeat;
	padding-bottom:10px;
	min-height:500px;
	height:auto!important;
	height:500px;
	margin-top:10px;
}

div#aree{
	width:170px;
	float: right;
	margin-right:-169px;
	margin-left:-1px;
	background:#f6f6f6;
}

* html div#aree{
	margin-right:-90px;
}

/*=========================================================================================== Specifiche dell'Header */

div#header{
	margin-left: 180px;	
}

div#header div#logo-ibc{
	width:180px;
	text-align:right;
	float: left;
	margin-left:-179px;
	margin-right:-1px;
	padding-top:5px;
}

* html div#header div#logo-ibc{
	margin-left:-90px;
}


div#header  div#logo-emilia-romagna{
	height:50px;
	text-align:right;
	padding-right:5px;
}


div#header div#navigazione{
	width: 99%;
	float:right;
	background:url(../img/bg-navigation.gif) 0 60px repeat-x;
}

/*=========================================================================================== Header - Navigazione */

div#header div#navigazione div#collegamenti{
	width:70%;
	float:left;
}

div#header div#navigazione div#collegamenti ul{
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

div#header div#navigazione div#collegamenti ul li{
	list-style-type:none;
	float:left;	
	width:24.5%;
	display:inline;
}


div#header div#navigazione div#collegamenti ul li a{
	float:left;
	font-size:90%;
	color:#000;
	text-align:right;
	width:100%;
	padding-top:36px;
	position:relative;
}

div#header div#navigazione div#collegamenti ul li a.newsletter{
	background:url(../img/bg-newsletter.gif) right 1px no-repeat;
	z-index:20;
}

div#header div#navigazione div#collegamenti ul li a.areastampa{
	background:url(../img/bg-stampa.gif) right 1px no-repeat;
	z-index:15;
}

div#header div#navigazione div#collegamenti ul li a.leggere{
	background:url(../img/bg-leggere.gif) right 1px no-repeat;
	z-index:10;
}

div#header div#navigazione div#collegamenti ul li a.rss{
	background:url(../img/bg-rss.gif) right 1px no-repeat;
	z-index:5;
}

div#header div#navigazione div#collegamenti ul li a:hover{
	color:#C00000;
}

div#header div#navigazione div#collegamenti ul li a.newsletter:hover{
	background:url(../img/bg-newsletter-on.gif) right 1px no-repeat;
}

div#header div#navigazione div#collegamenti ul li a.areastampa:hover{
	background:url(../img/bg-stampa-on.gif) right 1px no-repeat;
}

div#header div#navigazione div#collegamenti ul li a.leggere:hover{
	background:url(../img/bg-leggere-on.gif) right 1px no-repeat;
}

div#header div#navigazione div#collegamenti ul li a.rss:hover{
	background:url(../img/bg-rss-on.gif) right 1px no-repeat;
}

/*=========================================================================================== Header - Box di ricerca */

div#header div#navigazione div#search{
	width:170px;
	float:right;
	margin-top:12px;
	position:relative;
	text-align: right;
}

* html div#header div#navigazione div#search{
	width:160px;
}

html>body div#header div#navigazione div#search{
	margin-top:13px;
}

div#header div#navigazione div#search fieldset{
	border:0;
	width:100%;
}

div#header div#navigazione div#search fieldset legend{
	display:none;
	visibility:hidden;
}

div#header div#navigazione div#search fieldset label{
	display:none;
	visibility:hidden
}

div#header div#navigazione div#search fieldset input.searchs{
	width:50%;
	border:1px solid #b51212;
	font-size:75%;
	background:#fff;
	color:#000;
	margin:0;
}

html>body div#header div#navigazione div#search fieldset input.searchs{
	font-size:80%;
	width:45%;
}

div#header div#navigazione div#search fieldset input.invia{
	color:#b51212;
	border:0;
	background:#fff;
	width:35%;
	cursor:pointer;
}

div#header div#navigazione div#search fieldset input.invia:focus{
	outline:none!important;
}

/*=========================================================================================== Principale  */

div#posizionamento{
	border-top:0;
	border-right:0;
	margin-left:12px;
	width:98%;
	min-height:500px;
	height:auto!important;
	height:500px;
}

html>body div#posizionamento{
	float:left;
}


div#posizionamento div.titolo-home{
	background:url(../img/bg-titolo.gif) top left repeat-y #b51212;
	line-height:1.6em;
	float:left;
	width:100%;
	margin-bottom:1em;
}

div#posizionamento .titolo-home h2{
	font-size:105%;
	color:#fff;
	width:47%;
	float:left;
	padding:0;
	padding-left:2%;
	margin:0;
}

div#posizionamento .archivio-news{
	color:#fff;
	width:47%;
	float:right;
	padding-right:2%;
	text-align:right;
}

div#posizionamento .archivio-news a{
	color:#fff;
	font-size:80%;
	font-weight:bold;
}

div#posizionamento .archivio-news a:hover{
	color:#000;
}

div#posizionamento div#agenda-contenitore{
	width:97.5%;
	margin-left:2.5%;
	display:block;
	float:left;
	clear:both;
}

* html div#posizionamento div#agenda-contenitore{
	margin-left:1%;
}

div#posizionamento div#agenda-contenitore h3{
	font-size:75%;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	background:url(../img/bg-dotted.jpg) bottom left repeat-x;
	padding-bottom:.3em;
	margin-bottom:1em;
	clear:both;
}

div#posizionamento div#agenda-contenitore h5{
	font-size:75%;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	background:url(../img/bg-dotted.jpg) bottom left repeat-x;
	padding-bottom:.3em;
	margin-bottom:1em;
}

div#posizionamento div.agenda-box{
	clear:both;
	padding-bottom:1em;
	margin-bottom:1em;
	display:block;
	float:left;
	width:100%;
}

div#posizionamento div.agenda-box div.agenda-immagine{
	float:left;
	text-align:center;
	width:30%;
}

div#posizionamento div.agenda-box div.agenda-immagine img{
	padding:5px;
	border:1px solid #800;
}

div#posizionamento div.agenda-box div.agenda-dettaglio h4{
	font-size:80%;
}

div#posizionamento div#notizie-contenitore{
	width:97.5%;
	margin-left:2.5%;
	display:block;
	float:left;
	clear:both;
}

* html div#posizionamento div#notizie-contenitore{
	margin-left:1%;
}

div#posizionamento div#notizie-contenitore h3{
	font-size:75%;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	background:url(../img/bg-dotted.jpg) bottom left repeat-x;
	padding-bottom:.3em;
	margin-bottom:1em;
	clear:both;
}

div#posizionamento div#notizie-contenitore h5{
	font-size:75%;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
	background:url(../img/bg-dotted.jpg) bottom left repeat-x;
	padding-bottom:.3em;
	margin-bottom:1em;
}

div#posizionamento div.notizie-box{
	clear:both;
	padding-bottom:1em;
	margin-bottom:1em;
	display:block;
	float:left;
	width:100%;
}

div#posizionamento div.notizie-box div.notizie-immagine{
	float:left;
	text-align:center;
	width:30%;
}

div#posizionamento div.notizie-box div.notizie-immagine img{
	padding:5px;
	border:1px solid #800;
}

div#posizionamento div.notizie-box div.notizie-dettaglio{
	float:left;
	width:69%;
}

div#posizionamento div.notizie-box div.notizie-dettaglio h5{
	font-size:75%;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}

div#posizionamento div.notizie-box div.notizie-dettaglio h4{
	font-size:80%;
}

div#posizionamento div.notizie-archivio{
	width:97.5%;
	margin-left:2.5%;
}

div#posizionamento div.notizie-archivio a{
	clear:both;
	padding-top:2em;
	display:block;
	text-align:right;
	font-size:80%;
	font-weight:bold;
	margin-bottom:2em;
}
/*=========================================================================================== Menu  */

div#menu{
	width:179px;
	overflow:hidden;
}

div#menu #ibc{
	float:left;
	clear:both;
	width:100%;
}

div#menu #attivita{
	float:left;
	clear:both;
	width:100%;
}

div#menu #aree-intervento{
	float:left;
	clear:both;
	width:100%;
}

div#menu h3{
	font-size:70%;
	text-align:right;
	margin-top:10px;
	padding-right:20px;
	line-height:2em;
	padding-bottom:6px;
}

div#menu #ibc h3{
	background:url(../img/bg-menu-ibc.gif) bottom right no-repeat #bebebe;
}

div#menu #attivita h3{
	background:url(../img/bg-menu-attivita.gif) bottom right no-repeat #bebebe;
}

div#menu #aree-intervento h3{
	background:url(../img/bg-menu-aree.gif) bottom right no-repeat #bebebe;
}

div#menu ul{
	padding:0;
	margin:0;
	width:100%;
	float:left;
	position:relative;
}

div#menu ul li{
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}

div#menu ul li a{
	border-bottom:1px solid #e2e2e2;
	text-align:right;
	float:left;
	display:block;
	line-height:1.6em;
	color:#000;
	width:179px;
	position:relative;
}

div#menu #ibc ul li a:hover{
	border-bottom:1px solid #FFA200;
	color:#000;
	background:url(../img/bg-point-ibc.gif) 0 50% no-repeat;
}

div#menu #attivita ul li a:hover{
	border-bottom:1px solid #00B4FF;
	color:#000;
	background:url(../img/bg-point-attivita.gif) 0 50% no-repeat;
}

div#menu #aree-intervento ul li a:hover{
	border-bottom:1px solid #579969;
	color:#000;
	background:url(../img/bg-point-aree.gif) 0 50% no-repeat;
}

div#menu #aree-intervento ul li a{
	width:164px!important;
	padding-left:15px!important;
}

div#aree{
	width:169px;
	overflow:hidden;
	margin-top:10px;
}

div#aree #banche-dati{
	float:left;
	clear:both;
	width:159px;
	margin-left:5px;
	margin-bottom:10px!important;
}

div#aree #cataloghi{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #pubblicazioni{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #documentazione{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #eventi{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #biblioteche-er{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #archivi-er{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #musei-er{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #parliamo-di-menu{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #mostre-virtuali{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #progetti{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #progetti-europei{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#aree #normativa{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

div#ancillary #informazioni {
	float:left;
	clear:both;
	width:100%;
}

html>body div#aree #musei-er,html>body div#aree #biblioteche-er,html>body div#aree #archivi-er,html>body div#aree #normativa,html>body div#aree #progetti-europei,html>body div#aree #progetti,html>body div#aree #mostre-virtuali, html>body div#aree #parliamo-di-menu, html>body div#aree #eventi, html>body div#aree #documentazione, html>body div#aree #pubblicazioni, html>body div#aree #cataloghi, html>body div#aree #banche-dati, html>body div#aree #mostre, html>body div#aree #radio{
	margin-left:10px;
}

div#aree h3{
	font-size:70%;
	text-align:left;
	padding-left:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin:0;
	margin-bottom:0;
	width:149px;
}

div#aree #eventi h3{
	border-left:0;
	padding-left:0;
}

div#aree #eventi h3 a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:154px;
	color:#000;
	display:block;
}

div#aree #eventi h3 a:hover{
	border-left:5px solid #000;
	color:#000;
	background:#fff;
}

div#aree #cataloghi h3{
	border-left:0;
	padding-left:0;
}

div#aree #cataloghi h3 a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:154px;
	color:#000;
	display:block;
	border-bottom:1px solid #ccc;
}

div#aree #cataloghi h3 a:hover{
	border-left:5px solid #000;
	color:#000;
	background:#fff;	
	border-bottom:1px solid #000;
}

div#aree ul{
	padding:0;
	width:100%;
	float:left;
	position:relative;
	background:#e8e8e8;
	display:block;
	clear:both;
}

div#aree ul li{
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	float:left;
}

div#aree ul li a{
	text-align:left;
	float:left;
	display:block;
	line-height:1.6em;
	color:#000;
	width:100%;
	position:relative;
	padding-left:20px;
	padding-right:10px;
	border-left:5px solid #898989;
	width:124px;
	border-bottom:1px solid #ccc;
}

div#aree #biblioteche-er ul li h3{
	width:124px;
}

div#aree #archivi-er ul li h3{
	width:124px;
}

div#aree #musei-er ul li h3{
	width:124px;
}

div#aree #biblioteche-er ul li h3 a{
	text-align:left;
	border-left:5px solid #D50B0F;
	border-bottom-color:#D50B0F;
	line-height:2em;
	padding-left:5px;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:129px;
	font-size:140%;
	letter-spacing:normal;
	margin-left:-10px;
	color:#C00000;
}

div#aree #archivi-er ul li h3 a{
	text-align:left;
	border-left:5px solid #D50B0F;
	border-bottom-color:#D50B0F;
	line-height:2em;
	padding-left:5px;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:129px;
	font-size:140%;
	letter-spacing:normal;
	margin-left:-10px;
	color:#C00000;
}

div#aree #musei-er ul li h3 a{
	text-align:left;
	border-left:5px solid #D50B0F;
	border-bottom-color:#D50B0F;
	line-height:2em;
	padding-left:5px;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:129px;
	font-size:140%;
	letter-spacing:normal;
	margin-left:-10px;
	color:#C00000;
}

html>body div#aree #biblioteche-er ul li h3 a{
	width:139px;
}

html>body div#aree #archivi-er ul li h3 a{
	width:139px;
}

html>body div#aree #musei-er ul li h3 a{
	width:139px;
}

* html div#aree #biblioteche-er ul li h3 a{
	margin-left:-5px;
}

* html div#aree #archivi-er ul li h3 a{
	margin-left:-5px;
}

* html div#aree #musei-er ul li h3 a{
	margin-left:-5px;
}

div#aree #parliamo-di-menu ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}

div#aree #mostre-virtuali ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}

div#aree #progetti ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}

div#aree #progetti-europei ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}

div#aree #normativa ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}

div#aree ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
	border-bottom-color:#000;
}

div#aree #biblioteche-er ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
	border-bottom-color:#000;
}

div#aree #archivi-er ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
	border-bottom-color:#000;
}

div#aree #musei-er ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
	border-bottom-color:#000;
}

div#aree #parliamo-di-menu ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
}

div#aree #mostre-virtuali ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
}

div#aree #progetti ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
}

div#aree #progetti-europei ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
}

div#aree #normativa ul li a:hover{
	border-left:5px solid #000;
	background:#fff;
}

div#ancillary #informazioni ul li a:hover{
	background:none;
	color:#000;
}

/*=========================================================================================== Contenuto - Paragrafo */

div#principale div#interna{
	width:97.5%;
	margin-left:2.5%;
}

div.colonna-immagine{
	width:25%;
	text-align:center;
	float:left;
}

div.colonna-testo{
	width:74%;
	float:left;
}

div#principale div#briciole{
	font-size:75%;
	color:#525252;
	clear:both;
	text-align:left;
	border-bottom:1px solid #cacaca;
	margin-bottom:.5em;
}

div#principale div#briciole a{
	font-weight:bold;
	color:#525252;
}

div#principale div#briciole a:hover{
	color:#C00000;
}

div#principale div#titolo{
	clear:both;
	margin-bottom:1em;
}

div#principale div#titolo h2{
	margin:1em 0 0 0;
	text-align:left;
	font-size:110%;
	background:url(../img/bg-arrow-title.gif) left 50%  no-repeat;
	padding-left:30px;
	font-weight:normal;
	color:#000;
}

div#principale div#titolo h3{
	margin:1em 0 0 0;
	text-align:left;
	font-size:110%;
	background:url(../img/bg-arrow-title.gif) left 50%  no-repeat;
	padding-left:30px;
	font-weight:normal;
}

div#principale div#sottotitolo{
	clear:both;
	margin-bottom:1em;
}

div#principale div#sottotitolo h4{
	text-align:left;
	font-size:90%;
	font-style:italic;
	margin-top:-1em;
}

div#principale div#insintesi{
	clear:both;
	margin-bottom:1em;
	background:#f9f9f9;
	padding-bottom:.5em;
	border-bottom:1px solid #006633;
}

div#principale div#insintesi h5{
	text-align:left;
	font-size:70%;
	font-weight:bold;
	color:#006633;
	text-transform:uppercase;
}

div#principale div#insintesi span{
	font-size:70%;
	line-height:1.2em!important;
}

div#principale div.paragrafo{
	clear:both;
	font-size:80%;
	margin-bottom:1em;
}

div#principale div.paragrafo a{
	text-decoration:underline;
}

div#principale div.paragrafo img.img-sx{
	float:left;
	padding:0 1em 1em 0;
}


div#principale div.paragrafo img.img-dx{
	float:right;
	padding:0 0 1em 1em;
}

div#principale div.paragrafo ul{
	margin:.5em 0 .5em 2em;
}

div#principale div.paragrafo ol{
	margin:.5em 0 .5em 2.5em;
}

div#principale div.paragrafo table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:1em 0;
	
}

div#principale div.paragrafo caption{
	border:1px solid #ccc;
	border-collapse:collapse;
}

div#principale div.paragrafo table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px 15px;
}

div#principale div.paragrafo table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px 15px;
	color:#006633;
	background:#f9f9f9;
}

/*=========================================================================================== Tabella */

div#principale table{
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:1em 0;
	width:100%;
}

div#principale caption{
	border:1px solid #ccc;
	border-collapse:collapse;
}

div#principale table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
}

div#principale table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:2px;
	color:#006633;
	background:#f9f9f9;
}

/*=========================================================================================== Contenuto - Elenco */

div#principale div.elenco{
	clear:both;
	margin-bottom:1em;
	font-size:110%;
}

div#principale div.elenco h4{
	font-size:90%;
}

div#principale div.elenco ul{
	margin:0;
	padding:0;
}

div#principale div.elenco ul li{
	list-style-type:none;
	border-bottom:1px solid #CACACA;
	padding:5px 0;	
	line-height:1.6em;
	min-height:1.6em;
	height:auto!important;
	height:1.6em;
	padding-left:30px;
	background:url(../img/bg-arrow-title.gif) 0 8px no-repeat;
}

div#principale div.elenco ul li a{
	display:block;
	color:#000;
	font-weight:bold;
}

div#principale div.elenco ul li a strong{
	display:block;
	color:#505050;
	font-weight:lighter;
}

div#principale div.elenco ul li a:hover{
	color:#C00000;
}

/*=========================================================================================== Paginazione */

div#principale div.paginazione{
	font-size:80%;
	margin:1em 0;
	text-align:right;
}

div#principale div.paginazione a{
	font-weight:bold;
	text-decoration:underline;
	font-size:120%;
}

/*=========================================================================================== Notizie */

.intro{
	margin-bottom:2em;
}

.intro .testo{
	font-size:80%;
}


div.intro .testo ul, div.intro .testo ol{
	clear:both;
	width:95%;
	padding-left:4%;
	margin-left:3%;
	margin-top:.5em;
	margin-bottom:.5em;
	position:relative;
}

div.intro .testo ul li, div.intro .testo ol li{
	font-size:100%;
}

div.intro .testo ul li{
	list-style-type:disc;
	position:relative;
}

div.intro .testo ol li{
	list-style-type:decimal;
	position:relative;
}

div.intro .testo ul, div.intro .testo ol{
	clear:both;
	width:95%;
	padding-left:4%;
	margin-left:3%;
	margin-top:.5em;
	margin-bottom:.5em;
	position:relative;
}

div.intro .testo ul li, div.intro .testo ol li{
	font-size:100%;
}

div.intro .testo ul li{
	list-style-type:disc;
	position:relative;
}

div.intro .testo ol li{
	list-style-type:decimal;
	position:relative;
}

div#principale div#elenco-notizie{
	margin-bottom:1em;font-size:110%;
}

div#principale div#elenco-notizie ul{
	
}

div#principale div#elenco-notizie ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #f5f5f5;
}

div#principale div#elenco-notizie ul li a{
	text-decoration:underline;
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#elenco-notizie ul li span.title{
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#elenco-notizie ul li a:hover{
	background:url(../img/bg-elenco-news-on.gif) top left no-repeat;
	color:#C00000;
}

div#principale div#elenco-notizie ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#elenco-notizie ul li .abstract{
	clear:both;
	display:block;
	font-weight:normal;
}

div#principale div#elenco-notizie ul li .detail{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

body#archivio div#principale div#elenco-notizie ul li .abstract{
	clear:none!important;
	display:inline!important;
}

div#principale div#elenco-notizie ul li .date{
	display:inline;
	color:#666;
	font-style:italic;
}

/*=========================================================================================== Rassegna */

div#principale div#elenco-rassegna{
	margin-bottom:1em;font-size:110%;
}

div#principale div#elenco-rassegna ul{
	
}

div#principale div#elenco-rassegna ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #f5f5f5;
}

div#principale div#elenco-rassegna ul li a{
	text-decoration:underline;
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#elenco-rassegna ul li a:hover{
	background:url(../img/bg-elenco-news-on.gif) top left no-repeat;
	color:#C00000;
}

div#principale div#elenco-rassegna ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#elenco-rassegna ul li .abstract{
	clear:both;
	display:block;
	font-weight:normal;
}

div#principale div#elenco-rassegna ul li .detail{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

#archivio-rassegna{
	float:left;
	width:100%;
	clear:both;
	margin:1em 0;
	display:block;
	border-top:1px solid #C00000;
}

#archivio-rassegna ul{

}

#archivio-rassegna ul li{
	float:left;
	list-style-type:none;
	margin-left:25px;
	color:#C00000;
}

#archivio-rassegna ul li a{
	font-weight:bold;
}

#archivio-rassegna ul li a:hover{

}

/*=========================================================================================== Comunicati */

div#principale div#elenco-comunicati{
	margin-bottom:1em;font-size:110%;
}

div#principale div#elenco-comunicati ul{
	
}

div#principale div#elenco-comunicati ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #f5f5f5;
}

div#principale div#elenco-comunicati ul li a{
	text-decoration:underline;
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#elenco-comunicati ul li a:hover{
	background:url(../img/bg-elenco-news-on.gif) top left no-repeat;
	color:#C00000;
}

div#principale div#elenco-comunicati ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#elenco-comunicati ul li .abstract{
	clear:both;
	display:block;
	font-weight:normal;
}

div#principale div#elenco-comunicati ul li .detail{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

.back-dicono {
	 clear:both;
	 display:block;
	 margin-bottom:1em;
	 float:left;
	 width:100%;
}

div.back-dicono a{
	padding-left:40px;
	background:url(../img/ico-dicono.gif) left top no-repeat;
	font-size:80%;
	font-weight:bold;
	line-height:2.6em;
	min-height:2.6em;	
	height:auto!important;
	height:2.6em;
	display:block;
	position:relative;
	color:#666;
}

div.back-dicono a:hover{
	background:url(../img/ico-dicono-on.gif) left top no-repeat;
	color:#C00000;
}

/*=========================================================================================== Comunicati */

div#principale div#elenco-newsletter{
	margin-bottom:1em;font-size:110%;
}

div#principale div#elenco-newsletter ul{
	
}

div#principale div#elenco-newsletter ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #f5f5f5;
}

div#principale div#elenco-newsletter ul li a{
	text-decoration:underline;
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#elenco-newsletter ul li a:hover{
	background:url(../img/bg-elenco-news-on.gif) top left no-repeat;
	color:#C00000;
}

div#principale div#elenco-newsletter ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#elenco-newsletter ul li .abstract{
	clear:both;
	display:block;
	font-weight:normal;
}

div#principale div#elenco-newsletter ul li .detail{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

div#principale .sezione{
	border-top:1px solid #ccc;
	border-bottom:2px solid #ccc;
	background:#f9f9f9;
	margin-bottom:2em;
	padding:.5em;
}

div#principale .sezione h4{
	font-size:95%;
	color:#C00000;
}

div#principale .sezione h5{
	font-size:85%;
}

div#principale .sezione .testo{
	margin-bottom:1em;
}

div#principale .disclaimer{
	font-size:70%;
}

div.iscriviti{
	clear:both;
}

div.iscriviti a{
	display:block;
	padding:.3em;
	border:1px solid #C00000;
	color:#C00000;
	font-weight:bold;
	margin-bottom:1em;
	font-size:80%;
}

div.iscriviti a:hover{
	border:1px solid #007410;
	color:#fff;
	background:#007410;
}

/*=========================================================================================== Eventi */

div#principale div#elenco-eventi{
	margin-bottom:1em;
	font-size:110%;
}

div#principale div#elenco-eventi ul{
	
}

div#principale div#elenco-eventi ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #f5f5f5;
}

div#principale div#elenco-eventi ul li .eventi-immagine{
	float:left;
}

div#principale div#elenco-eventi ul li .eventi-immagine img{
	padding:1px;
	border:1px solid #ccc;
	/*width:60px;*/
}

div#principale div#elenco-eventi ul li .eventi-dettagli{
	float:left;
	margin-left:2%;
}

div#principale div#elenco-eventi ul li a{
	text-decoration:underline;
	color:#000;
	font-weight:bold;
}

div#principale div#elenco-eventi ul li a:hover{
	color:#C00000;
}

div#principale div#elenco-eventi ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#elenco-eventi ul li .abstract{
	clear:both;
	display:block;
	font-size:95%;
	font-weight:normal;
}

div#principale div#elenco-eventi ul li .details{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

/*=========================================================================================== Contenuto - Form */


div#principale div#scheda{
	margin-bottom:1em;
	width:60%;
	margin:0 auto;
}

div#principale div#scheda p{
	margin-bottom:1em;
}

div#principale div#scheda fieldset{
	font-size:80%;
	border:0;
	margin:0;
	padding:0;
}

div#principale div#scheda fieldset.invio{
	text-align:center;
}

div#principale div#scheda fieldset legend{
	visibility:hidden;
	display:none;
}

div#principale div#scheda fieldset label{
	width:25%;
	float:left;
	text-align: right;
	padding-right: 2em;
	clear:both;
}

div#principale div#scheda fieldset hr{
	clear:both;
	height:0;
	visibility:hidden;
	margin:0;
	padding:0;
}

div#principale div#scheda fieldset input{
	width:65%;
	text-align:left;
	margin-bottom:2em;
	border:1px solid #999;
	border-bottom-color:#666;
	border-right-color:#666;
	font-size:100%;
}

div#principale div#scheda fieldset textarea{
	width:65%;
	text-align:left;
	margin-bottom:1em;
	border:1px solid #999;
	border-bottom-color:#666;
	border-right-color:#666;
	height:5em;
	font-size:100%;
}

div#principale div#scheda fieldset input.check{
	width:30px;
	border:0;
}

div#principale div#scheda fieldset input.radio{
	width:30px;
	border:0;
}

div#principale div#scheda fieldset input.bottone{
	width:30%;
	background:#f5f5f5;
	border:3px double #999;
	border-bottom-color:#666;
	border-right-color:#666;
	color:#C00000;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}

div#principale div#scheda fieldset select{
	text-align:left;
	margin-bottom:1em;
	font-size:100%;
	line-height:1.2em;
}

div#principale div#scheda div.privacy_box{
	height:10em;
	overflow:auto;
	border:1px solid #ccc;
	border-bottom-color:#666;
	border-right-color:#666;
	margin:1em 0;
	width:93%;
}

div#principale div#scheda div.privacy_box div.informativa_box{
	padding:1em;
}

div#principale div#scheda div.privacy_box div.informativa_box h2{
	background:#F9F9F9 none repeat scroll 0%;
	border-bottom:1px solid #B51212;
	border-left:10px solid #B51212;
	color:#000;
	text-align:left;
	padding-left:10px;
	font-size:90%;
	width:99%;
}

div#principale div#scheda div.privacy_box div.informativa_box h3{
	margin-bottom:.5em;
	font-size:90%;
}

div#principale div#scheda div.privacy_box div.informativa_box ol{
	margin:1em 0;
	margin-left:2em;
	font-size:100%;
}

div#principale div#scheda div.privacy_box div.informativa_box ol li{
	font-size:70%;
}

div#principale div#scheda div.privacy_box div.informativa_box ol ol{
	margin-left:2em;
	font-size:100%;
}

div#principale div#scheda div.privacy_box div.informativa_box ol ol li{
	font-size:100%;
}

/*=========================================================================================== Contenuto - Link */

div#principale div.elenco-link{
	clear:both;
	margin-bottom:1em;
	margin-top:1em;
}

div#principale div.elenco-link h4{
	font-size:70%;
	color:#848484;
	border-bottom:1px solid #C00000;
}

div#principale div.elenco-link ul{
	margin:0;
	padding:0;
}

div#principale div.elenco-link ul li{
	list-style-type:none;
}

div#principale div.elenco-link ul li a{
	border-bottom:1px solid #CACACA;
	line-height:1.6em;
	min-height:1.6em;
	height:auto!important;
	height:1.6em;
	display:block;
	font-weight:bold;
	color:#000;
}

div#principale div.elenco-link ul li a strong{
	display:block;
	color:#505050;
	font-weight:lighter;
}

div#principale div.elenco-link ul li a:hover{
	color:#C00000;
}

div.gruppo{
	float:left;
	width:97%;
	padding-right:2%;
	padding-bottom:1em;
	margin-bottom:1em;
	padding-top:1em;
}


div.gruppo h3{
	font-size:100%;
	color:#C00000;
}

div.gruppo p{
	font-size:90%;
	/*j font-style:italic; */
	margin-top: 1em /*j -.5em */;
	margin-bottom:1em;
	color:#333;
	/*font-weight:bold;*/
}

div.gruppo img{
	border:1px solid #000;
}

div.gruppo img.img-sx{
	float:left;
	margin: 0 1em 1em 0;
}

div.gruppo img.img-dx{
	float:right;
	margin: 0 0 1em 1em;
}

div.gruppo .testo{
	font-size:80%;
	width:95%;
}

div.gruppo .testo ul, div.gruppo .testo ol{
	clear:both;
	width:90%;
	margin-left:3%;
	position:relative;
}

div.gruppo .testo ul li, div.gruppo .testo ol li{
	font-size:100%;
	position:relative;
}

.related .micro-sezione{
	font-size:80%;
	letter-spacing:1px;
	margin-top:1em;
	display:block;
	float:left;
	clear:both;
	float:left;
	font-weight:bold;
	color:#666;
	width:100%;
	padding:0 .5em;
}

.related  h4{
	font-size:70%;
	letter-spacing:1px;
	margin-top:1em;
	display:block;
	float:left;
	clear:both;
	float:left;
	font-weight:bold;
	/*color:#666;*/
	color:#c00000;
	width:100%;
}

.link-int  {
}

.related{
	background:#f5f5f5;
	float:left;
	width:96%;	
	padding:0 2%;
}

.elenco-int .related {
	padding-top:.5em;
	border-bottom:0;
	background:#F6F6F6;
}

.related ul{
	width:96%;
	float:left;
	clear:both;
	margin:0;
	padding:0 2%;
}

.related ul li{
	list-style-type:none;
	padding:0 .5em;
	margin:0 1%;
	line-height:1.4em;
	padding-bottom:.3em;
	font-size:75%;
}

.elenco-int .related ul li{
	list-style-type:disc;
	color:#C00000;
	font-size:80%;
}

.related ul li a{
	color:#000!important;
	display:block;
	font-weight:bold;
}

.related ul li a:hover{
	color:#C00000!important;
}

.back-calendario {
	 clear:both;
	 display:block;
	 margin-bottom:1em;
	 float:left;
	 width:100%;
}

div.back-calendario a{
	padding-left:40px;
	background:url(../img/ico-calendario.gif) left top no-repeat;
	font-size:80%;
	font-weight:bold;
	line-height:2.6em;
	min-height:2.6em;	
	height:auto!important;
	height:2.6em;
	display:block;
	position:relative;
	color:#666;
}

div.back-calendario a:hover{
	background:url(../img/ico-calendario-on.gif) left top no-repeat;
	color:#C00000;
}

.scheda-img{
	margin-top:1em;
	text-align:center;
}


.scheda-img img{
	border:1px solid #000;
}

.scheda-info{	
	text-align:center;
	font-size:70%;
	width:140px;
	margin:0 auto;
	margin-top:1em;
	padding:15px;
	background:url(../img/bg-scheda.gif) bottom right no-repeat;
}

.scheda-info a.galleria{
	background:url(../img/bg-foto.gif) top left no-repeat;
	padding-left:40px;
	line-height:30px;
	font-weight:bold;
}

.scheda-aggiornamento{	
	text-align:center;
	font-size:70%;
	width:150px;
	margin:0 auto;
	margin-top:1em;
	color:#333;
}

/*=========================================================================================== Contenuto / Eventi  */

div.scheda{
	float:left;
	width:97%;
	padding-right:2%;
	min-height:250px;
	height:auto!important;
	height:250px;
	padding-bottom:1em;
	margin-bottom:1em;
}


div.scheda h3{
	font-size:100%;
	color:#C00000;
}

div.scheda p{
	font-size:90%;
	/*j font-style:italic; */
	margin-top: 1em /*j -.5em*/;
	margin-bottom:1em;
	color:#333;
	/*j font-weight:bold;*/
}

div.scheda h6{
	font-size:70%;
	letter-spacing:1px;
	margin-top:1em;
	display:block;
	float:left;
}

div.scheda img{
	border:1px solid #000;
}

div.scheda img.img-sx{
	float:left;
	margin: 0 1em 1em 0;
}

div.scheda img.img-dx{
	float:right;
	margin: 0 0 1em 1em;
}

div.scheda .testo{
	font-size:80%;
}

div.scheda .testo ul, div.scheda .testo ol{
	clear:both;
	width:95%;
	padding-left:4%;
	margin-left:3%;
	margin-top:.5em;
	margin-bottom:.5em;
	position:relative;
}

div.scheda .testo ul li, div.scheda .testo ol li{
	font-size:100%;
}

div.scheda .testo ul li{
	list-style-type:disc;
	position:relative;
}

div.scheda .testo ol li{
	list-style-type:decimal;
	position:relative;
}

div.gruppo .testo ul, div.gruppo .testo ol{
	clear:both;
	width:95%;
	padding-left:4%;
	margin-left:3%;
	margin-top:.5em;
	margin-bottom:.5em;
	position:relative;
}

div.gruppo .testo ul li, div.gruppo .testo ol li{
	font-size:100%;
}

div.gruppo .testo ul li{
	list-style-type:disc;
	position:relative;
}

div.gruppo .testo ol li{
	list-style-type:decimal;
	position:relative;
}

.link-int, .allegati-int, .elenco-int, .galleria-int{
	clear:both;
	display:block;
	float:left;
	width:98%;
	background: url(../img/bg-attach.gif) top left no-repeat;
	padding-left:15px;
	padding-top:18px;
}

.elenco-int{
	background: url(../img/bg-attach-on.gif) top left no-repeat;
}

.boxed{
	background: url(../img/bg-attach-dx.gif) bottom right no-repeat;
	padding-bottom:9px;
	padding-right:15px;
	margin-top:-9px;
	float:left;
	width:100%;
}

.elenco-int .boxed{
	background: url(../img/bg-attach-dx-on.gif) bottom right no-repeat;
}

.elenco-int h4{
	position:absolute;
	top:-99668855px;
	left:-99668855px;
}

/*=========================================================================================== Mail  */


.scheda-sx-contatti{	
	text-align:center;
	width:150px;
	margin:0 auto;
	margin-top:1em;
	color:#666;
	float:left;
	margin-left:10px;
}

.scheda-sx-contatti ul{	
	
}

.scheda-sx-contatti ul li{	
	list-style-type:none;
}

.scheda-sx-contatti ul li a{	
	padding-left:40px;
	display:block;
	line-height:40px;
	min-height:40px;
	height:auto!important;
	height:40px;
	text-align:left;
	color:#666;
}

.scheda-sx-contatti ul li a.stampa{
	background:url(../img/icona-stampa.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.contatti{
	background:url(../img/icona-contatti.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.newsletter{
	background:url(../img/icona-newsletter.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.mail{
	background:url(../img/icona-mail.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a:hover{	
	color:#C00000;
}

.scheda-sx-contatti ul li a.stampa:hover{
	background:url(../img/icona-stampa-on.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.contatti:hover{
	background:url(../img/icona-contatti-on.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.newsletter:hover{
	background:url(../img/icona-newsletter-on.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.mail:hover{
	background:url(../img/icona-mail-on.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a.mail{
	background:url(../img/icona-mail.gif) top left no-repeat;
}

.scheda-sx-contatti ul li a:hover{	
	color:#C00000;
}

.scheda-sx-contatti ul li a.mail:hover{
	background:url(../img/icona-mail-on.gif) top left no-repeat;
}

/*=========================================================================================== Mono-Colonna  */

div.mono-colonna{
	margin-bottom:1em;
}

div#organigramma{
	float:left;
	width:32%;
	margin-right:1%;
	min-height:250px;
	height:auto!important;
	height:250px;
	background:url(../img/bg-colonna.gif) bottom right no-repeat;
}

div#persona{
	float:left;
	width:33%;
	margin-right:1%;
	min-height:250px;
	height:auto!important;
	height:250px;
	background:url(../img/bg-colonna.gif) bottom right no-repeat;
}

div#persona fieldset{
	border:0;
	margin:0;
	margin-top:2em;
	font-size:80%;
}

div#persona fieldset label{
	clear:both;
	float:left;
	width:100px;
}

div#persona fieldset input{
	border:1px solid #999;
	width:50%;
}

div#persona fieldset button{
	clear:both;
	border:1px solid #999;
	background:#f9f9f9;
}

div#persona fieldset .separatore{
	clear:both;
	float:left;
	width:100%;
	margin:.3em 0;
}

div#persona fieldset .separatore-button{
	clear:both;
	float:left;
	width:100%;
	margin:.3em 0;
	text-align:center;
}

div#ufficio p, div#persona p, div#organigramma p{
	min-height:4em;
	height:auto!important;
	height:4em;
}

div#ufficio{
	float:left;
	width:32%;
	min-height:250px;
	height:auto!important;
	height:250px;
	background:url(../img/bg-colonna.gif) bottom right no-repeat;
}


div#ufficio fieldset{
	border:0;
	margin:0;
	margin-top:2em;
	font-size:80%;
}

div#ufficio fieldset label{
	clear:both;
	float:left;
	width:100px;
}

div#ufficio fieldset input{
	border:1px solid #999;
	width:50%;
}

div#ufficio fieldset button{
	clear:both;
	border:1px solid #999;
	background:#f9f9f9;
}

div#ufficio fieldset select{
}

div#ufficio fieldset .separatore{
	clear:both;
	float:left;
	width:100%;
	margin:.3em 0;
}

div#ufficio fieldset .separatore-button{
	clear:both;
	float:left;
	width:100%;
	margin:.3em 0;
	text-align:center;
}

div#organigramma h4, div#persona h4, div#ufficio h4{
	border-bottom:1px solid #B51212;
	border-left:10px solid #B51212;
	font-size:90%;
	padding:.5em 0;
	padding-left:.5em;
	background:#f9f9f9;
}


/*=========================================================================================== Immagini Visible  */

#galleria-rivista-adv{
	margin-bottom:2em;
}

#galleria-foto{
	text-align:left;
	width:520px;
	border:1px solid #CCCCCC;
	padding:20px 10px;
	margin-bottom:2em;
	margin:0 auto;
	display:block;
	clear:both;
}

#galleria-foto h5{
	position:absolute;
	top:-88898989px;
	left:-88898989px;
}

#galleria-foto img{
	width:500px;
	margin-left:10px;
	margin-bottom:1em;
	border:1px solid #666;
}

#galleria-foto span{
	display:block;
	font-size:80%;
	margin:.5em 0;
}

#galleria-foto a#backLink{
	font-size:80%;
	float:left;
}

#galleria-foto a#nextLink{
	font-size:80%;
	float:right;
}

#foto-tutte{
	margin-bottom:1em;
}

#foto-tutte a{
	padding-left:40px;
	background:url(../img/bg-foto.gif) 0 50% no-repeat;
	font-size:80%;
	font-weight:bold;
	line-height:2.4em;
	min-height:2.4em;	
	height:auto!important;
	height:2.4em;
	display:block;
	position:relative;
}

#foto-tutte a:hover{
	background:url(../img/bg-foto-on.gif) 0 50% no-repeat;
}


div#principale div#sottotitolo{
	clear:both;
	margin-bottom:1em;
}

body.galleria div#principale div#sottotitolo{
	margin-bottom:0;
}

div#principale div#sottotitolo h3{
	text-align:left;
	font-size:100%;
	font-style:italic;
}

div#principale div#autore-galleria{
	clear:both;
	margin-bottom:1em;
}

div#principale div#autore-galleria h4{
	text-align:left;
	font-size:90%;
}

div#principale div.link-back{
	font-size:75%;
}


#tutte-foto{
	margin-top:1em;
}

#tutte-foto ul{
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#tutte-foto ul li{
	list-style-type:none;
	text-align:center;
	float:left;
	width:23.5%;
	margin-right:1%;
	min-height:120px;
	height:auto!important;
	height:120px;
	margin-bottom:1em;
}

#tutte-foto ul li a img{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	width: 120px;
}

#tutte-foto ul li a:hover img{
	border:1px solid #C00000;
	background:#fff;
}

#foto-tutte a{
	padding-left:40px;
	background:url(../img/bg-foto.gif) 0 50% no-repeat;
	font-size:80%;
	font-weight:bold;
	line-height:2.4em;
	min-height:2.4em;	
	height:auto!important;
	height:2.4em;
	display:block;
	position:relative;
}

#foto-tutte a:hover{
	background:url(../img/bg-foto-on.gif) 0 50% no-repeat;
}

/*=========================================================================================== Redazione  */

.redazione{
	font-size:80%;
	margin-top:3em;
	margin-bottom:1em;
	padding:1em;
	border:1px solid #ccc;
	clear:both;
	float:left;
	width:95%;
	background:#f9f9f9;
}

/*=========================================================================================== Footer  */

div#footer{
	clear:both;
	border-top:5px solid #d2d2d2;
	background: #e5e5e5;
	float:left;
	width:100%;
	margin-top:20px;
	padding-bottom:1em;
}

div#footer #logo-ermes{
	width:169px;
	float:right;
	margin-top:-65px;
	text-align:center;
}

div#footer #ancillary{
	float:left;
	text-align:center;
	width:100%;
}

div#footer #ancillary p{
	text-align:center;
	padding-top:10px;
}

div#ancillary #informazioni ul{

}

div#ancillary #informazioni ul li{
	list-style-type:none;
	display: inline;	
}

div#ancillary #informazioni ul li a{
	color:#000;
	padding: 0 1%;
}

div#ancillary #informazioni ul li a:hover{
	color:#C00000;
}


div.googleIntestazione, div.googleNavigazione{
	font-size:70%;
	margin-bottom:1em;
}
div.googleRisultati div.risultato span.etichettaSommario,
div.googleRisultati div.risultato span.etichettaURL,
div.googleRisultati div.risultato span.etichettaData,
div.googleRisultati div.risultato span.etichettaDimensione {
	font-size:90%;
	color:#666;
}
.nrRisultati{
	font-weight:bold;
}

div.googleNavigazione {
	margin-top:1.5em; 
	margin-bottom:1.5em
}
div.googleIntestazione, div.googleNavigazione, div.googleRisultati {

}
div.googleRisultati a.valoreTitolo {
	background-color: #FFEAEA;
}



div#principale div#risultati-ricerca{
	margin-bottom:1em;
	font-size:110%;
}

div#principale div#risultati-ricerca ul{
	
}

div#principale div#risultati-ricerca ul li{
	list-style-type:none;
	float:left;
	width:100%;
	display:block;
	clear:both;
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px solid #e1e1e1;
	background:#f9f9f9;
	margin-bottom:.5em;
}

div#principale div#risultati-ricerca ul li a{
	text-decoration:underline;
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#risultati-ricerca ul li span.title{
	display:block;
	background:url(../img/bg-elenco-news.gif) top left no-repeat;
	padding-left:30px;
	color:#000;
	font-weight:bold;
	margin-bottom:.3em;
	line-height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
}

div#principale div#risultati-ricerca ul li a:hover{
	background:url(../img/bg-elenco-news-on.gif) top left no-repeat;
	color:#C00000;
}

div#principale div#risultati-ricerca ul li p{
	font-size:95%;
	font-weight:normal;
	margin-bottom:1em;
	display:block;
}

div#principale div#risultati-ricerca ul li .abstract{
	clear:both;
	display:block;
	font-weight:normal;
}

div#principale div#risultati-ricerca ul li .detail{
	clear:both;
	display:block;
	color:#666;
	font-weight:bold;
	font-size:90%;
}

body#archivio div#principale div#risultati-ricerca ul li .abstract{
	clear:none!important;
	display:inline!important;
}

div#principale div#risultati-ricerca ul li .date{
	display:inline;
	color:#666;
	font-style:italic;
}


/* WCM */
div#aree #eventi h3 {
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:154px;
	color:#000;
	display:block;
}

/* WCM */
div#aree #banche-dati h3 {
border-left:0pt none;
padding-left:0pt;
}
div#aree #banche-dati h3 a, div#aree #mostre h3 a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:154px;
	color:#000;
	display:block;
	border-bottom:1px solid #ccc;
}

div#aree #banche-dati h3 a:hover, div#aree #mostre h3 a:hover{
	border-left:5px solid #c00;
	color:#c00;
	background:#fff;	
	border-bottom:1px solid #c00;
}
html>body div#aree #accordi-convenzioni{
	margin-left:10px;
}
div#aree #accordi-convenzioni{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}
div#aree #accordi-convenzioni ul li a{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	border-left:5px solid #898989;
	line-height:2em;
	background:#e8e8e8;
	margin-bottom:0;
	font-weight:bold;
	width:144px;
}
div#aree #accordi-convenzioni ul li a:hover{
	border-left:5px solid #c00;
	background:#fff;
}

/* WCM */
div#principale div#posizionamento div.storico a{
font-size:1em;
text-decoration:none;
}

div#aree #mostre{
	float:left;
	clear:both;
	width:159px;
	margin-left:5px;
	margin-bottom:10px!important;
}

div#aree #mostre{
	float:left;
	clear:both;
	margin-left:5px;
	width:159px;
	margin-bottom:10px!important;
}

/* SEZIONE CAMPAGNE HOMEPAGE */
div#posizionamento div.campagne_eventi {margin-left:2.5%;width:97.5%;}
div#posizionamento div.campagne_eventi div.banner {margin:15px 0;}
div#posizionamento div.campagne_eventi div.banner div.testocenter {text-align:center;}
div#posizionamento div.campagne_eventi div.banner ul {margin:0;padding:0;}
div#posizionamento div.campagne_eventi div.banner ul li {display:inline;padding:0;}
div#posizionamento div.campagne_eventi div.banner img {border:medium none; margin:5px;}

div#posizionamento div.titolo-campagne h2 {
background-image:url(../img/eventi.gif);
background-position:left center;
background-repeat:no-repeat;
border-bottom:1px solid #B51212;
border-top:2px solid #B51212;
color:#B51212;
font-size:0.8em;
color:#B51212;
padding:2px 0 2px 15px;
font-weight:bold;
margin-left:6px;}

div#posizionamento div.titolo-campagne{
background-image:url(../img/eventi.gif);
background-position:right center;
background-repeat:no-repeat;
}

/*PER LA NUOVA TESTATA PLONICA */
.logo_er_2011 {
background-color: #FFFFFF;
background-image: url("../images/logo_er_2011.gif");
background-position: center top;
background-repeat: repeat-x;
}

.logo_er_sx_2011 {
background-color:#FFFFFF;
background-image:url(./img/logo_er_2011.gif);
background-position:center top;
background-repeat:repeat-x;
}

.logo_er_dx_2011 {
float:right;
}

.logo_rer {
    float: right;
    margin-top: 0px;
    padding: 10px 10px 0 0;
    text-align: right;
    top: 0;
    width:18em;
}

.logo_rer_sx {
    float: left;
    top: 0;
    width:18em;
}

.clear {
    clear: both;
    height: 1px;
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
}
div#header .logo_er_2011{
    margin-left: 0px;
}