/* Formattazione tag html */
p{margin:0.5em 0}
ul{ }
ul li{ list-style-image:url(../images/raquo_red2.gif); margin:0.5em 0; }
hr{ visibility: hidden; margin: 0;}
fieldset{}
legend{ }
form{ }
label{font-weight:bold;}
dd{margin-bottom:1em}
dt a{font-weight:bold}
img{ border: none;}
body{margin:0; padding:0; font-size:100%; }
input, textarea, select{font-size:1em;}
h1, h2, h3{margin:0}
a, a:link{color:#1F3665;}
a:visited{color:#203869; }
a:hover, th{color:#fff; background-color:#1F2A4A /*#253F77*/; }
table,td,th{border:1px solid #ccc}
th,td{padding:0.3em;}
samp{font-size:110%}
/* stili generici utili */
.pix{height:1px; min-height:1px; line-height:1px}
.clear{clear:both; }
.fleft{float:left}
.fright{float:right}
.invisibile, .skip{position:absolute; top:-1000px; left:0;}
.visibile{ visibility:visible}
.aleft{text-align:left}
.aright{text-align:right}
.center{text-align:center}
.fotoleft{ float:left; margin:0 15px 15px 0; padding:5px; border:1px solid #900}
.fotoright{ float:right; margin:0 0 15px 15px; padding:5px; border:1px solid #900}
/* stili per le liste di allegati e link e altri effetti*/
li.pdf {background-image:url(../images/icona_pdf.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none; padding-top:0.2em; min-height:22px}
li.doc {background-image:url(../images/icona_doc.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none; padding-top:0.2em; min-height:22px}
li.xls {background-image:url(../images/icona_xls.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none;padding-top:0.2em; min-height:22px}
li.ppt {background-image:url(../images/icona_ppt.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none;padding-top:0.2em; min-height:22px}
li.zip {background-image:url(../images/icona_zip.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none;padding-top:0.2em; min-height:22px}
li.audio {background-image:url(../images/icona_audio.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none; padding-top:0.2em; min-height:22px}
li.video {background-image:url(../images/icona_video.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; list-style-image:none; padding-top:0.2em; min-height:22px}
li.link {background-image:url(../images/chiocciola.gif); background-repeat:no-repeat; list-style-type:none; padding-left:20px; list-style-image:none; padding-top:0.2em; min-height:22px}
li.linkinterno { list-style-type:none; padding-left:2em; list-style-image:none; padding-top:0.2em; min-height:22px; background:url(../images/raquo_red2.gif) 5px no-repeat;}
a.pdf {background-image:url(../images/icona_pdf.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.doc {background-image:url(../images/icona_doc.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.xls {background-image:url(../images/icona_xls.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.ppt {background-image:url(../images/icona_ppt.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.zip {background-image:url(../images/icona_zip.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.audio {background-image:url(../images/icona_audio.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.video {background-image:url(../images/icona_video.gif); background-repeat:no-repeat; padding-bottom:5px;
padding-left:20px;}
a.link {background-image:url(../images/chiocciola.gif); background-repeat:no-repeat; padding-left:1.2em;}
a.blank {background-image:url(../images/chiocciola.gif); background-repeat:no-repeat; padding-right:2em; background-position:right}
/*Archivi*/
.succ{margin:0 1em 2em 0; font-weight:bold}
.succ:after{ content: " >>";}
.prec{margin:0 0 1em 2em; font-weight:bold}
.prec:before{content: "<< ";}
p.abstract{font-style:italic}
body,table,p,div,span,td,a,ul,li,ol{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
h1, h2,h3,h4,h5,h6{ font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; }
body{ margin:0; padding:0;font-size: 0.8em; background-color: #fff; color:#4A4A4A}
/* layout home*/
/* testata */
#loghi{background-image:url(../images/sfondo_testata.jpg); margin:0; padding:0; }
#loghi a, #loghi a img{margin:0; padding:0; border:none; line-height:1px}
#loghi form#formricerca{margin:0; padding:0; border:none;}
form#formricerca{position:absolute; top:50px; right:0.5em; width:20em; font-size:0.8em; text-align:right;}
#formricerca input#r{line-height:1.3em; width:9em; font-size:1em}
#formricerca input.bottone{padding:0.2em 0.5em; font-size:1em; font-weight:bold; background-color:#1F2A4A/*#900*/; color:#fff; border:1px solid #ccc; border-bottom-color:#666; border-right-color:#666; }
#logorer{position:absolute; top:3px; right:5px; }
#header{ color: #fff; background-color:#D3001B; margin:0 0 0 0; padding:0.3em 0 0.5em 1.3em; font-size:0.9em; /*border-bottom:2px solid #D3001B;*/ position:relative; top:-3px;background:url(../images/bkrosso.jpg) 0 100% repeat-x #D3001B; }
/* corpo home */
#contenuto_home{ float:left; width:70%; clear:left }
#descrizione_home{ font-style:italic; margin:3px;}
/* sezioni centrali */
.sezione{ float: left; width: 48%; margin-bottom:1em; margin-left:3px;background:url(../images/bgnav_blu_int.jpg) 0px 0 repeat-y #fff;border:1px dotted #eee; min-height:28em}
.sezione div{padding:0.5em 1em 0 1em}
.sezione br.clear{display:none }
#contenuto_home .sezione h2{ font-size:1.3em; font-weight:normal; /*color:#1F3665;background-color:#EAEAF2;*/ color:#900;background-color:#FDFDFF/*#fcfcfc*/; border-bottom:1px dotted #900; padding:0.2em 0.5em}
.sezione ul{ margin-left:1em; padding-left:1em}
.stampa{ margin:0 3% 0 5px; }
#contenuto_home .stampa h2{font-size:1.2em; /*color:#1F3665;background-color:#EAEAF2;*/ color:#fff; background:no-repeat 3px 5px #900; padding:0.2em 0.5em 0.2em 20px; background-image:url(../images/stampa.gif) }
#contenuto_home .stampa{clear:both}
/* sezioni laterali */
#approfondimenti_home{ float:left; width:28%;}
#approfondimenti_home h3, #link h3, #allegati h3, #riferimenti h3{ font-size:1.1em; margin:2em 0 0.4em 0; border:1px solid #333D93; background:no-repeat 3px 5px #1F2A4A/*#006*/;/*background-color:#3055a5;*/ color: #fff; padding:3px 10px 3px 20px;}
#approfondimenti_home h3.notizie{background-image:url(../images/notizie.gif) }
#approfondimenti_home h3.newsletter{background-image:url(../images/newsletter_iscriviti.gif) }
#approfondimenti_home h3.contatto{background-image:url(../images/contatto.gif) }
#approfondimenti_home h3.riferimenti, #link h3{background-image:url(../images/riferimenti.gif) }
#approfondimenti_home h3.pubblicazioni, #allegati h3{background-image:url(../images/pubblicazioni.gif) }
#approfondimenti_home img{border:none;float:left; margin:0 auto;}
#approfondimenti_home{font-size:0.9em}
#approfondimenti_home ul{padding:0 0 0 1em;margin:0 0 0 1em}
#approfondimenti_home li{margin:1.5em 0 0.5em 0; clear:left;}
#approfondimenti_home a, #approfondimenti_home a:link, #link a, #link a:link, #allegati a, #allegati a:link, .evidente a, .evidente a:link{color:#B30017; text-decoration:underline; font-weight:bold }
#approfondimenti_home a:visited, #link a:visited, #allegati a:visited, .evidente a:visited{color:#900}
#approfondimenti_home a:hover, #link a:hover, #allegati a:hover, .evidente a:hover{color:#fff; background-color:#D3001B; border:none }
/* piè pagina */
#footer{ border-top:1px solid #000; clear:both; padding:5px;}
#footer div.fright ul li{display:inline; padding-right:1em}
/* pagine interne */
#menu_testata{ /*border-top:1px solid #fff;*/ text-transform:uppercase; font-size:0.9em; font-weight:bold; margin-top:-3px}
#menu_testata ul {margin:0; padding:0; width:100%; border-top:8px solid #1F2A4A; background-color: #1F2A4A /*#203869*/; color:#fff; min-height:2.2em; background:url(../images/bkmenu1.jpg) 0 100% repeat-x;}
#menu_testata ul li{ display:inline; list-style-image:none; list-style-type:none;margin:0; padding:0; text-align:center; border-right:1px solid #ccc/*#38415E*/; float:left;margin-top:-1px; background:url(../images/bkmenu1.jpg) 0 100% repeat-x; border-bottom:1px solid #fff}
#menu_testata li{}
#menu_testata a, #menu_testata a:link, #menu_testata a:visited{ padding:0.5em 1.5em 0.6em 1.5em; /*background-color:#1F2A4A #203869*/; color:#fff; text-decoration:none; display:block;
}
#menu_testata a.qui, #menu_testata a.qui:link, #menu_testata a.qui:visited{color:#006; background-color:#fff}
#menu_testata a:hover, #formricerca input.bottone:hover{ background-color:#3358A6; color:#fff; /*color:#006; background-color:#ECECEC*/}
#molliche{font-weight:bold; margin:0.5em; clear:both; padding-top:0.5em}
#molliche a{margin:0 0.1em 0 0.6em}
#contenuto{ float:left; width:62%; margin:1em 2% 1em 1%; line-height:1.4em }
#contenuto_completo{margin:1em 2%;}
#contenuto h1, #contenuto_completo h1{border-left:9px solid #900; border-bottom:1px solid #900; color:#900; font-size:2.2em; padding: 0.2em 0 0.2em 0.5em; margin:0 0 1em 0; line-height:1em;}
#contenuto li{margin-bottom:0.8em;}
#contenuto h3, #contenuto_completo h2{color:#900; line-height:1em;font-size:2em; margin:0.5em 0 0.5em 0; border-bottom:1px dotted #900; font-weight:bold; padding-bottom:0.2em}
#contenuto h4, #contenuto_completo h3{color:#900; font-size:1.6em; margin:0.5em 0 0.5em 0; font-weight:bold;line-height:1em;}
#contenuto h5, #contenuto_completo h4{color:#900; font-size:1.4em; margin:0.5em 0 0.5em 0; font-weight:bold; line-height:1em;}
#contenuto_completo li.link {background:none}
#contenuto_completo h2, #contenuto_completo h3, #contenuto_completo h4{margin-top:1.5em}
/* css specifico dei paragrafi o del testo, da collegare anche sull'editor*/
.evidenziato, .rosso{color: #D3001B; font-weight:bold;}
.evidente{ background-color:#F1F7FD; padding:1em; color:#000; border:1px solid #900; }
/*.evidenziato{color:#000; background-color:#FFFF80; }*/
.codice{ font-family:"Courier New", Courier, mono}
#stampa{font-size:1.2em; font-weight:bold; color:#fff; background:no-repeat 3px 3px #900; padding:0.2em 0.5em 0.2em 20px; background-image:url(../images/stampa.gif); border:2px solid #300; border-top-color:#c00; border-left-color:#c00; }
#stampa a, #stampa a:link, #stampa a:visited{color:#fff; text-decoration:none;}
#stampa a:hover{ background-color:#fff; color:#900}
#laterale{ float:left; width:32%;}
#menu h3{ font-size:1.1em; margin:2em 0 0 0; border:1px solid #900; background:no-repeat 3px 1px #900;color: #fff; padding:3px 10px 3px 5px; }
#menu ul {font-size:0.9em; margin:0; padding:0; margin-bottom:1em; border:1px solid #E3ECF4;}
#menu ul li{ list-style-image:none; list-style-type:none;background-color:#FaFaff; margin:0; padding:0; background:url(../images/bgnav_blu_int.jpg) 0px 0 repeat-y #fff}
#menu ul li a{display:block; width:auto%; border-bottom:1px solid #E3ECF4; margin:0; padding:3px 5px; text-decoration:none; }
#link, #riferimenti, #allegati {background:url(../images/bgnav_blu_int.jpg) 0px 0 repeat-y #fff; padding-bottom:1em; border:1px solid #EDF0F7; border-top:none}
#link ul{margin-left:2em; padding:0}
#link li, .link li{list-style-image:url(../images/chiocciola.gif); padding:0.2em 0.5em 0.2em 0.2em; }
#allegati ul{margin-left:1em; padding:0}
#allegati li, .allegati li{list-style-image:none; padding:0.2em 0.5em 0.2em 20px}
.printOnly {
visibility:hidden;
position:absolute;
top:0;
left:-10000px;
}
@media print{
.printOnly { visibility:visible; position:relative; left:auto;}
body{color:#000; background-color:#fff; margin:10pt}
body,table,p,div,span,td,a,ul,li,ol{font-family: "Times New Roman", Times, serif; font-size:11pt }
#contenuto, #contenuto_home, #laterale{float:none; width:92%;
width: auto;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
color: black;
background: transparent;
}
h1.skip{position:relative; top:0; left:0; font-size:24pt; font-weight:normal; font-family: Impact, Arial, Helvetica, sans-serif; color:#D40019; height:70px; margin-bottom:2em}
h1.skip img{border:none; float:left; display:none}
#header, #menu, #formricerca, #menu_testata, #molliche, #loghi, #footer, #approfondimenti_home, ul.skip, #stampa{ display:none}
/*a:after{ content: " (URL: "attr(href)")"; font-size:80%;}*/
samp, .codice{ font-size:80%}
#contenuto_completo h1, #contenuto_completo h2{border-bottom: 3px solid; }
#contenuto_completo h2{ margin-top:2em}
#contenuto_completo h3, #contenuto_completo h4{ margin-bottom:0.2em}
}
/*WCM*/
#link li, #laterale .link li{list-style-image:none; list-style-type:none}
ul.link li{padding-left:15px;}
#link li {padding-left:20px; padding-top:0em; background-position:0 5px}
#link ul{margin-left:1em;}
div.news_home{margin: 0.2em 0 0.5em 0}
div.news_home strong a{font-size:1.2em; }
/* ESEMPI DI CODICE */
/* menù */
div.esempiomenu{width:18em}
#contenuto div.esempiomenu h4, #contenuto_completo div.esempiomenu h4, #contenuto div.esempiomenu h4, #contenuto_completo div.esempiomenu h4{
color:#fff;
background-color:#900;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0.5em;
border:1px solid #900;
}
#contenuto div.esempiomenu ul{border:1px solid #900;margin:0;padding:0; line-height:1em}
#contenuto div.esempiomenu li{
list-style-type:none;
list-style-image:none;
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
}
#contenuto div.esempiomenu li a{
text-decoration:none;
display:block;
color:#3257a5;
margin:0;
padding:0.3em;
background-color:#fff;
border:1px solid #900;
}
#contenuto div.esempiomenu li a:hover{
background-color:#3257a5;
color:#fff;
}
/* esempio di tabella */
table.agenda{
margin:1%;
text-align:center;
}
table.agenda caption{
margin-bottom:0.5em;
font-weight:bold;
color:#900;
}
table.agenda th, table.agenda td{
padding:0.3em;
background-color:#ddd;
}
table.agenda th{
background-color:#900;
color:#fff;
width:2em;
}
table.agenda td.mese_succ, table.agenda td.mese_prec{
background-color:#999;
font-style:italic;
}
table.agenda td.oggi{
background-color:#fff;
border:1px solid #900;
font-weight:bold;
}
table.agenda td a{
color:#900;
font-weight:bold;
}
table.agenda td a:hover{
font-weight:bold;
background-color:#900;
color:#fff;
}
table.esempiotabella{
border:1px solid #666;
width:50%;}
table.esempiotabella th{
background-color:#ddd;
color:#000;
padding:0.2em;
}
table.esempiotabella td{
background-color:#eee;
text-align:right;
padding:0.2em;
}
/* esempio di modulo */
form.esempiomodulo
{
/*Le misure dei font devono essere "relative" */
font-size:90%;
}
form.esempiomodulo div.div_contenitore{clear:both;}
form.esempiomodulo div.div_etichetta{
/* usati per allineare etichette e campi*/
float:left;
width: 45%;
/* la distanza di 1 em è consigliata, obblibatoria tra i bottoni dei moduli */
margin-bottom:1em;
margin-right:1em;
text-align:right;
font-weight:bold;
vertical-align:top;
}
form.esempiomodulo div.div_etichetta label{width:100%; display:inline}
form.esempiomodulo div.div_campo{
width:auto;
margin-bottom:1em;
}
form.esempiomodulo input.campo_testo{
/* anche i moduli del campo è bene che siano in % */
width:50%;
}
form.esempiomodulo input, form.esempiomodulo select, #eta {
line-height:1em; font-size:1em;
}
form.esempiomodulo div fieldset{
border:1px dashed #ccc;
width:50%;
margin:0 0em;
padding:0;}
form.esempiomodulo input.bottone{
padding:0.5em;
margin:0.5em;
}
form.esempiomodulo textarea.informativa{width:50%}
.radiocheck{
width:1em;
height:1em;
}
div.informativa {
height: 10em;
overflow-x: auto;overflow-y: auto;
border: 1px solid #000;
padding: 3px;
}
.div_contenitore div.informativa{width:100%}
/* newsletter*/
div.informativa{margin:15px 0; padding:10px; width:40em}
form.esempiomodulo label{ display:block; width:10em; float:left; text-align:right; padding-right:1em; margin:0.5em 0;}
form.esempiomodulo input{margin:0.5em 0}
form.esempiomodulo fieldset label{display:inline; width:auto; text-align:left; float:none; margin:0;}
form.esempiomodulo fieldset input{margin:0}
form.esempiomodulo fieldset legend{background-color:#fff; padding: 10px; }
form.esempiomodulo fieldset { margin:10px 0 10px 10em; padding:10px; width;40em }
a.bottone, input.bottone{padding:0.2em 0.5em; font-size:1em; font-weight:bold; background-color:#1F2A4A/*#900*/; color:#fff; border:1px solid #ccc; border-bottom-color:#666; border-right-color:#666; text-decoration:none }
/* google */
span.etichettaSommario, span.etichettaData, span.valoreData, span.etichettaURL, span.valoreURL, span.etichettaDimensione, span.valoreDimensione, p.risultato br {display:none}
p.risultato{margin:0}
div.risultato a.valoreTitolo, div.risultato a.valoreTitolo:link, div.risultato a.valoreTitol:active{font-size:125%; font-weight:normal; color: #b30017;}
div.risultato a.valoreTitolo:hover{ color: #ffffff; background-color: #d3001b;}
div.risultato a.valoreTitolo:visited{ color: #600; }
div.googleNavigazione a{font-size:130%; font-weight:bold}
/* kit */
#kit{border:1px solid #900; margin:5px 0 0 0; background:url(../images/swissknife100.jpg) 5px 5px no-repeat #eee; padding:5px 5px 5px 110px; min-height:75px}
@media handheld{
#contenuto, #contenuto_home, #laterale, #approfondimenti_home{float:none; width:92%; display:block}
}