/* CSS Document */

@media screen{
 /*colori*/
.azzurro { background-color:#39F}
.prugna {background-color:#936}
.rosso_vivo {background-color:#F36}
.arancio {background-color:#F90}
.giallo {background-color:#FC3}
.marrone {background-color:#C90}
.verde {background-color:#9C0}

.giallo_spento { background-color:#FFEEAC}
.giallo_vivo { background-color:#FFE684}
.rosa { background-color:#FF99B3}
.verde_chiaro { background-color:#B7DB4B}
.azzurro_chiaro { background-color:#6CC4E2}




/**/
body { margin: 0px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:75%; width:100%}

a img {border:none}

#pagina { width:1000px; margin:0px auto;}
#pagina_interna { width:1000px; margin:0px auto;}
#testata {width:100%; border:0px solid #990000;}

#testata_sx {background-image: url(../immagini/sfondo_testata_sx.jpg); height:355px;float:left;position:relative; overflow:visible}
#testata_dx {background-image: url(../immagini/sfondo_testata_dx.jpg); height:355px;float:right;position:relative;}
#testata_dx_istituzionale
{
	background-image: url(../immagini/sfondo_testata_dx_fl.jpg);
	float: right;
	position: relative;
}

#testata_sx a.link_home {}
#testata_sx a.link_home img{border:none; width:297px; height:64px;}

.colonna_sx { width:410px; float:left; }
.colonna_dx { width:590px; float:right;}

.fascia { width:100%; position:relative}
.clear { clear:both}

#corpo_home { width:100%; background-image:url(../immagini/dotted_CCC_vert.gif); background-repeat:repeat-y; background-position:410px; border-bottom:1px dotted #CCC} /*il bordo destro della colonna sx si applica con un background per fare in modo che sia sempre lungo quanto la pagina*/

.flow100percento {position:relative; width:100%; overflow:hidden; height:100%; background-image:url(../immagini/dotted_CCC_vert.gif); background-repeat:repeat-y; background-position:410px; border-bottom:1px dotted #ccc}
.ghost {position:absolute; bottom:30px; right:5px; width:583px; border:1px solid #CCC; border-top:none; height:100%;clear:left; _height:8000px;/**/}

#corpo_pagina { border:1px solid #ccc; border-bottom:none; /*_border-bottom:1px solid #CCC;*/margin:-6px 5px 2.2em 0px; position:relative; 
/*min-height:80em; 
height:auto !important; 
height:80em; */
/*_height:81em;*/
}

.fascetta_blu { background-color:#6DB1E0; height:15px}
.ombra_dx { position:absolute; right:-6px; _right:-7px; bottom:-5px; width:5px; height:100%; background-color:#CCCCCC;}
.ombra_dw { position:absolute; left:5px; bottom:-5px; _bottom:-6px; width:100%; height:5px; background-color:#CCCCCC; line-height:5px}
.toolbar {text-align:right; padding:0.4em 0.2em 0.4em 0em; font-size:1em; display:block; position:relative}
.bottom {position:absolute; bottom:-2px; right:5px; width:583px;}
.toolbar a { height:1.6em; margin-left:10px; padding:0.2em 10px 0em 0px; font-size:0.9em; color:#666; text-decoration:underline; border-right:1px solid #64AFF9}
.toolbar a.last {border-right:none}

.toolbar .breadcrumb { float:left; padding-left:45px; margin-top:2px}
.toolbar .breadcrumb span{ font-size:0.9em}
.toolbar .breadcrumb a {font-size:1em !important; text-decoration:none; height:1.6em; margin:0px 5px 0px 0px !important; padding:0px; border-right:none !important; font-weight:bold}
.toolbar .breadcrumb a:hover {text-decoration:underline;}

.testata_web_magazine { padding:10px 0px 0px 10px; background-color:#FFF}

.contenuto {border-top:1px dotted #ccc; padding:10px 45px 45px 0px; margin:0px 0px 0px 45px}
/*.contenuto * { margin:10px 0px !important}*/
.contenuto p { margin:10px 0px 10px 0px; line-height:1.3em}
.contenuto p p { margin:0px !important;}
.contenuto h1 { color:#003883; font-size:1.7em; line-height:1em; margin:20px 0px 10px 0em; padding:0px}
.contenuto h1 a {text-decoration:none !important;}
.contenuto h1 a:hover {text-decoration:underline;}
.contenuto h2 { color:#003883; font-size:1.4em; line-height:1em; margin:10px 0px 10px 0em; padding:0px}
.contenuto h3 { color:#666; font-size:1.1em; line-height:1.1em; margin:5px 0px 5px 0em; padding:0px}
.contenuto hr {color: #fff; background-color: #fff; border: 1px dotted #CCC; border-style: none none dotted; margin:1px 0px; height:1px;margin-right:-45px; width:536px; clear:both}
.contenuto a,.contenuto a:link, .contenuto a:active {color:#003883; font-weight:bold; text-decoration:underline} 
.contenuto b, .contenuto strong {color:#666; font-weight:bold;} 
.contenuto ul, .contenuto ol {margin:10px 0px 10px 0px; padding-left:16px}
.contenuto li { margin:0px;}
.contenuto li p { margin:0px;}
/**/

/*box organigramma */
.contenuto .organigramma {float:left; margin:8px 16px 8px 0%; width:50%; font-size:1em; line-height:1.6em; position:relative; overflow:hidden; height:5em; display:inline}
.contenuto .organigramma .img {width:5.7em; overflow:hidden; position:absolute; top:0%; left:-2px}
.contenuto .organigramma .img img {width:100%; margin-top:0em ; margin-top:0px }
.contenuto .organigramma h2 { color:#003883; font-size:1em; margin:0px 5px 0px 5.9em; padding-top:5px} /* ruolo */
.contenuto .organigramma h3 { font-size:1em; margin:0px 5px 5px 5px;} /* nome */
.contenuto .organigramma a { font-size:1em; margin:0px 5px 5px 5px;} /* mail */
.contenuto .organigramma .box_tf { position:relative}
.contenuto .organigramma .box_bl { padding:0px 0px 0px 0px; height:100%; position:relative}
.contenuto .organigramma .box_bl *{ margin-left:5.9em; display:block}
/*box organigramma */

/* document library lista */
.contenuto .sf_libraryList {}
.contenuto .sf_libraryList dt img { vertical-align:middle; margin-right:8px; float:left}
.contenuto .sf_libraryList dt a { text-decoration:none; font-size:1.1em}
.contenuto .sf_libraryList dt a:hover { text-decoration:underline}
.contenuto .sf_libraryList dd {  margin-left:27px; font-size:1.1em}

/**/
.contenuto .sf_expandedList {margin:10px 0px}
.contenuto .sf_expandedList li { list-style-type:none; display:block; margin:0px}
.contenuto .sf_listItemTitle {font-size:1.1em; color:#666; font-weight:bold; margin-top:5px}
.contenuto .sf_listItemBody {margin:2px 5px 10px 0px;}

/*news web magazine*/
.contenuto .modulo { margin-top:16px; margin-top:10px}
.contenuto .modulo .box_immagine_stondata {float:left; margin:0px 15px 15px 0px;}
.contenuto .modulo .dx { }
.contenuto .big { position:relative}
.contenuto .modulo .titolo { margin:0px 0px 5px 0px}

/*nuova lista modificata*/
.listaNewsWebMagazine { width:100%; position:relative}
.listaNewsWebMagazine ul { width:100%; padding:0px}
.listaNewsWebMagazine ul li { margin:16px 0px; padding-bottom:16px; margin-top:10px; border-bottom: 1px dotted #CCC; position:relative }
.listaNewsWebMagazine ul li .sf_newsTitle { font-size:1em; margin:0px; font-weight:bold;}
.listaNewsWebMagazine ul li .sf_newsTitle a {color:#666; font-size:1em; line-height:1.3em; font-weight:bold !important; text-decoration:none}
.listaNewsWebMagazine ul li p { margin-left:135px;}
.listaNewsWebMagazine ul li .sf_postCategory { /*position: absolute; top:0%; left:0px;*/ margin-top:10px; _margin-left:0px}
.listaNewsWebMagazine ul li .sf_newsThumbnail {margin-left:0px; position: absolute; top:0px; left:0px; width: 129px; height: 78px; _left:-135px}
.listaNewsWebMagazine ul li .sf_newsTitle {margin-left:135px;/*padding-top:1em*/}
.listaNewsWebMagazine ul li .sf_newsThumbnail img {width: 100%;}
.listaNewsWebMagazine ul li .sf_newsAuthor, .listaNewsWebMagazine ul li .sf_readMore{ display:none}



/*.contenuto .big .titolo { position:absolute; left:0px; top:-2em; font-size:16px}*/

.contenuto .sf_newsTitle { font-size:1.4em !important; margin-bottom:6px !important; font-weight:bold;}
.contenuto .sf_newsTitle a { text-decoration:none}
.contenuto .modulo .sf_newsList { padding:0px; display:block; margin:0px}
.contenuto .modulo .sf_newsList li { margin:0px;}
.contenuto .modulo .sf_newsTagList { display:none}
.contenuto .modulo .sf_newsTitle { font-size:1em; margin:0px; font-weight:bold;}
.contenuto .big .sf_newsTitle { font-size:1em; margin-bottom:10px; font-weight:bold;}
.contenuto .modulo .sf_newsTitle a {color:#666; font-size:1em; line-height:1.3em; font-weight:bold !important; text-decoration:none}
.contenuto .modulo .sf_newsSummary { font-weight:normal; color:#666;margin-top:0px; margin-bottom:5px; _margin-bottom:0px; line-height:1.3em; display:block; height:2.6em; overflow:hidden}
.contenuto .big .sf_newsSummary { font-weight:normal; color:#666;margin-top:0px; margin-bottom:5px; _margin-bottom:0px; line-height:1.3em; display:block; height:10.4em; height:11em; overflow:hidden}
.contenuto .sf_newsDate { background-image:url(../immagini/freccino_blu.gif); padding-right:22px; background-position:100% 50%; background-repeat:no-repeat; display:inline !important; font-style:italic; font-size:1.1em; clear:right; margin-bottom:5px}

.contenuto .sf_postCategory { font-style:italic; margin-top:10px;}
.contenuto .sf_postCategory a { color:#003883 !important; font-weight:bold !important;}
.contenuto .sf_postCategory a { font-weight:bold; text-decoration:underline}


.contenuto .big { margin-left:-25px}

.contenuto .modulo .testo { }
.contenuto .modulo .testo a { color:#666; font-weight:normal}
.contenuto .modulo .testo a:hover { color:#666; font-weight:normal; text-decoration:underline}/**/

.contenuto p a.astrong, .contenuto p.author, .contenuto p.sf_back { display:none}

.contenuto dl.searchResults {}
.contenuto dl.searchResults dt a{ text-decoration:none; margin:15px 0px 5px 0px; display:block;  border-top:1px dotted #ccc; padding-top:5px}
.contenuto dl.searchResults dd { margin:0px 0px 5px 0px}
.contenuto dl.searchResults dd em a{ font-size:0.9em; font-weight:normal}

.contenuto .pager { display:block; text-align:center}
.contenuto .pager li { display:inline; list-style-type:none; padding:0px 5px}
.contenuto .pager li a { text-decoration:none}
.contenuto .pager li a:hover { text-decoration:underline}
.contenuto .pager li .sf_PagerSelItem { color:#003883 !important; text-decoration:underline}


/*definition lists *//* STILI GENERALI DEI CONTENUTI */

.header_grigio { height:23px; background-color:#F0F0F0; font-size:12px; color:#666666; line-height:23px; padding-left:14px; margin:5px 0px 5px 0px; position:relative}
.icone_dx { position:absolute; right:8px; top:0px; padding:0px}
.icone_dx a {padding:0px 5px; border-right:1px dotted #FFF; margin:0px; height:100%}
.icone_dx a.last {border-right:none}
.icone_dx a img{border:none}

.agenda {}
.agenda img {margin: 1.7em 77px;}

.header_box {background-color:#FFFFFF; height:23px;	border-top:1px dotted #CCC;border-bottom:1px dotted #CCC;position: relative;margin:0px 5px;}
.header_box a { display:block}
.header {margin:0px 0px 0px 10px; position:relative}
.header .newsletter_link{ position:absolute; right:30px; top:10px}

.header_interno {background-color:#FFFFFF; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin:15px 5px 5px 5px; padding:5px} /*per inserire headers con bordi top-bottom nei box senza stondamento*/
.box_stondato .header_interno { background-color:#FFFFFF; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin:7px 5px; padding:5px;} /*per inserire headers con bordi top-bottom nei box con stondamento*/
.riga_blu {	background-image:url(../immagini/sfondo_header_box.gif); background-position:5px 50%; background-repeat:repeat-x;}
.finale { border-bottom:0px none} /*l'ultimo header box è vuoto, si attacca al bordo inferiore del corpo pagina*/
.compatto { border-bottom:0px none; height:1px; line-height:1px} /*in alcuni casi l'header divide due box ma è solo una riga senza ingombri*/
.header_box span {background-color:#FFF; padding:0px 13px 0px 4px; float:left; position:absolute; top:3px}
.header_box div {background-color:#FFF; height:21px; margin-top:2px;}
.header_box img { margin-top:3px}

.box {float:left; padding:0px; display:inline} 

.contenuto_box {float:none; margin:0px; padding-bottom:5px;}
.half { width:50%; float:left;  margin:0px; display:inline}
.twothirds { width:67%;float:left; position:relative;}
.onethird { width:33%;float:left; position:relative;}

/* box arrotondato */
.box_stondato {margin:8px 8px 8px 8px; float:none;}
.sfumato {background-image:url(../immagini/sfondo_box_sfumato.jpg) /*misura 535x446*/ ; background-position:50% 50%;}
.box_tf { background-image: url(../immagini/box_tf.gif); background-repeat:repeat-x; height:100%; width:100%}
.box_rf { background-image: url(../immagini/box_rf.gif); background-repeat:repeat-y; background-position:100% 0%; height:100%; width:100%}
.box_bf { background-image: url(../immagini/box_bf.gif); background-repeat:repeat-x; background-position:0% 100%; height:100%; width:100%}
.box_lf { background-image: url(../immagini/box_lf.gif); background-repeat:repeat-y; background-position:0% 0%; height:100%; width:100%}
/*angoli arrotondati grandi*/
.box_tl { background-image: url(../immagini/box_tl.gif);background-repeat:no-repeat; height:100%; width:100%}
.box_tr {background-image: url(../immagini/box_tr.gif);background-repeat:no-repeat; background-position:100% 0%; height:100%; width:100%}
.box_br {background-image: url(../immagini/box_br.gif);background-repeat:no-repeat; background-position:100% 100%; height:100%; width:100%}
.box_bl {background-image: url(../immagini/box_bl.gif);background-repeat:no-repeat; background-position:0% 100%; height:100%; width:100%; padding:0px /* in questo div si mette il contenuto*/}

/*angoli arrotondati piccoli*/
.box_sml_tl { background-image: url(../immagini/box_sml_tl.gif);background-repeat:no-repeat}
.box_sml_tr {background-image: url(../immagini/box_sml_tr.gif);background-repeat:no-repeat; background-position:100% 0%; height:100%; width:100%}
.box_sml_br {background-image: url(../immagini/box_sml_br.gif);background-repeat:no-repeat; background-position:100% 100%; height:100%; width:100%}
.box_sml_bl {background-image: url(../immagini/box_sml_bl.gif);background-repeat:no-repeat; background-position:0% 100%; height:100%; width:100%; /* in questo div si mette il contenuto*/}

/* box immagine stondato*/
.box_immagine_stondata {position:relative; overflow:hidden}
.box_immagine_stondata img {position:absolute; top:0%; left:0%; /**/z-index:2;width:100%}
.box_immagine_stondata .stondamento {position:absolute; top:0%; left:0%;/**/ z-index:2; height:100%; width:100%;/* display:none*/}
.img_tl {background-image: url(../immagini/img_tl.png);background-repeat:no-repeat; height:100%; width:100%; height:100%; width:100%; }
.img_tr {background-image: url(../immagini/img_tr.png);background-repeat:no-repeat; background-position:100% 0%; height:100%; width:100%;}
.img_br {background-image: url(../immagini/img_br.png);background-repeat:no-repeat; background-position:100% 100%; height:100%; width:100%;}
.img_bl {background-image: url(../immagini/img_bl.png);background-repeat:no-repeat; background-position:0% 100%; height:100%; width:100%; /* in questo div si mette il contenuto*/}

/*stili per IE6< ( gif al posto di png) */
.img_tl {_background-image: url(../immagini/img_tl.gif) }
.img_tr {_background-image: url(../immagini/img_tr.gif) }
.img_br {_background-image: url(../immagini/img_br.gif) }
.img_bl {_background-image: url(../immagini/img_bl.gif) }

.freccino {padding-left:10px; background-image:url(../immagini/freccino.gif); background-position:0% 50%; background-repeat:no-repeat}
a.chiusura { font-size:10px; display:block; color:#303073; text-align:right; padding-right:10px; text-decoration:none}

#footer {clear:both; height:3.5em; background-color:#303073; width:100%; color:#F5F8E7; text-align:center; font-size:11px; line-height:14px; margin-top:5px}
#footer p { margin:0px; padding-top:5px}
#footer a {color:#F5F8E7; font-size:11px; text-decoration:none}


.quadrato
{
	text-decoration:none;
	font-size:12px;
	text-align:right;
	right:-40px;
	width:37px;
	height:38px;
	bottom:0px;
	padding:0px;
	font-weight:bold;
	margin:2px;
}

.quadrato span { display:block; margin:2px}

.MenuPrincipale 
{
	width:100%;
	position:absolute;
	left:0px;
	
}

.MenuSx
{
	width:168px;
	position:absolute;
	border:0px dashed #990000;
	bottom:0px;
	right:48px;
}
.MenuSxQuadrati
{
	width:37px;
	position:absolute;
	border:0px dashed #990000;
	bottom:-2px;
	right:10px;
}

.MenuSxTemiTrasversali
{
	width:168px;
	position:absolute;
	border:0px dashed #990000;
	bottom:0%;
	left:2px;
}
.MenuSxQuadratiTemiTrasversali
{
	width:40px;
	position:absolute;
	/*border:1px dashed #990000;*/
	bottom:-2px;
	left:172px;
}

.menu2lev
{
	right:5px;
	bottom:0px;
	_bottom:-1px;
	display: block !important;
	float: right;
	width: 194px;
	_width: 180px;
	margin-right: -5px;
	border-left: 5px solid #fff;
	height: 278px;
	position: absolute;
}

.descrizione
{
	position: static;
	display: block !important;
	white-space: normal !important;
	margin: 14px;
	margin-bottom: 12px;
	color: #FFF;
	font-size: 0.9em;
}

}