/*
===========================================
RIDEFINIZIONE DI ALCUNI TAG HTML
===========================================
*/
/* Corpo della pagina*/
body {
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 65% !important;
font-size: 65%;
color: #000000;
text-decoration: none;
margin: 0;
padding: 0;
text-align: center; /* per centrare su explorer*/
}

h3 {
font-size: 105%;
font-weight: bold;
margin:12px 0 6px 0 !important;
margin:2px 0 6px 0;
padding: 0;
}

h3.attivita {
font-size: 100%;
border-bottom:1px dotted #a5a5a5;
font-weight: normal;
margin:15px 0 11px 0 !important;
margin:15px 0 11px 0;
padding:11px 0 1px 0;
}

h3.att_int {
font-size: 100%;
/*border-bottom:1px dotted #a5a5a5;*/
font-weight: bold;
margin:12px 0 0 0 !important;
margin:2px 0 0 0;
padding:11px 0 1px 0;
}

h3.att_int_primo {
font-size: 100%;
border-bottom:1px dotted #a5a5a5;
font-weight: bold;
margin:13px 0 0 0 !important;
margin:5px 0 0 0;
padding:0 0 1px 0;
}

h3 {
font-size: 105%;
font-weight: bold;
margin:12px 0 6px 0 !important;
margin:2px 0 6px 0;
padding: 0;
}
h3.enti{
font-family: Arial Black, Helvetica Black, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 135%;
font-weight:normal;
color:#999999;
padding:0 0 5px 0;
}
#testi h3{
color: #005696;
text-transform:normal;
letter-spacing:0;
font-weight:normal;
border-bottom:1px dotted #A5A5A5;
padding:15px 10px 0 0;
font-size:1em;
letter-spacing:1px;
}
h4 {
font-size: 100%;
font-weight: bold;
margin:10px 0 3px 0!important;
margin:12px 0 3px 0;
padding:0;
}
#testi h4 {
margin:0 0 3px 0;
padding:0;
}



strong {
font-size: 100%;
font-weight: bold;
}

p {
margin: 10px 0 13px 0 !important;
margin: 2px 0 15px 0;
}
/*p.mail{
margin-bottom:15px;
}*/

.rosso{
color:#CC0000;
}



p.primopar {
margin: 10px 0 0 0 !important;
margin: 2px 0 6px 0;
}

p.pre_elenco{
margin: 7px 0 7px 0 !important;
margin: 0 0 8px 0;
}

p.post_h3{
margin: 5px 0 12px 0 !important;
margin: 5px 0 10px 0;
}

p.ridotto{
margin: -3px !important;
margin: 0;
padding: 0 !important;
}

p.bigcar{
font-size: 105%;
}

a {
text-decoration:none;
color: #b74f00;
}

a:hover {
color: #005696;
}

a.linkinterno {
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 100%;
font-weight: bold;
color: #333333;
}

a.linkinterno:hover {
color: black;
}

a.titoletto, span.titoletto {/*abbiamo aggiunto lo span nel caso in cui il link usi già la "finta" classe "blank" */
font-size: 105%;
font-weight: bold;
}

a.titoletto:hover, span.titoletto:hover {
color: black;
}

span.normal {
font-weight:normal;
font-size: 90%;
}

span.dataconv {
display: block;
padding: 4px 0 2px 0;
font-style:italic;
}

input, select {
font-size:82%;
margin-top: 2px;
font-size: 105%;
vertical-align:middle;
}

input.keyword {
width: 97%;
background-color: #E6E7EB;
}

form #formcerca {
font-size: 105%;
width: 100%;
color: #323A43;
border: 1px solid #000;
}

form p {
margin: 3px 0 0 0 !important;
margin: 2px 0 0 0;
padding: 0 7px 0 0 !important;
}

.opzioni {
clear:both;
display:block;
margin:4px 0 4px 4px !important;
margin:0;
padding:0;
}

/*
================================================
DIV E TAG NASCOSTI
================================================
*/
hr, #scorciatoie, #csipiemonte, #altschede, #sedi_dec {
position:absolute;
top:-10000px;
left:-10000px;
width:0;
height:0;
clear:none;
}

.altschede {
position:absolute;
top:-10000px;
left:-10000px;
width:0;
height:0;
clear:none;
}

/*
================================================
CODICE DEL DIV CONTENENTE IL LOGO
================================================
*/
#logo {
width:692px;
margin: 0 auto; /* per centrare su mozilla */
padding: 0 0 0 50px;
min-height: 49px;
height: auto !important;
height: 49px;
text-align: left;
}

#logo img {
padding: 0;
margin: 0;
}

#logo #csipiemonte h1 {
font-size: 1px;
color: white;
}

/*
================================================
GESTIONE DELLE LINEE TRATTEGGIATE
================================================
*/
#navigazione, #barra_titolo, #footer {
border-top: #a5a5a5 dotted 1px;
border-bottom: #a5a5a5 dotted 1px;
width:100%;
margin: 0;
padding: 0;
text-align: center; /*centratura per explorer 5.x */
min-height: 21px;
height: auto !important;
height: 21px;
}

#menu_dx {
border-left: #a5a5a5 dotted 1px;
}

#menu_dx h2 {
border-bottom: #a5a5a5 dotted 1px;
}


/*
================================================
CODICE DELLA BARRA DI NAVIGAZIONE 
================================================
*/
#navigazione {
min-height: 21px; /* serve per mozilla */
height/* */: /**/auto !important; /* serve per Mozilla, hack per farlo saltare ai 5.x e per far saltare la prossima riga al 5.0 */
height: /**/21px; /* saltato dal 5.5 */
}

/* Barra di navigazione con il menu principale */
#barra_navig {
width: 690px; /* per tutti */
width/**/: 690px !important; /* solo per ie6 e mozilla*/
/*\*/width /**/: 780px; /* per ie 5x ma non per iemac*/
margin: 0 auto 0 auto; /* per centrare su mozilla */
padding: 4px 0 3px 0 !important;
padding: 4px 0 3px 0;
text-align: left; /* centratura del testo */
font-size: 1.1em !important;
}

#barra_navig ul {
margin: 0 0 0 23px;
padding: 0;
}

/* Punti elenco del menu*/
#barra_navig li {
list-style:none;
display:inline;
margin: 0;
padding: 0;
font-size:1em;
color: #999999;
}

#barra_navig li span {
color: #b74f00;
}

#barra_navig li a {
color: #005696;
}

#barra_navig li a:hover {
color: #b74f00;
}

/*
================================================
CODICE PER L'IMG DEL BANNER
================================================
*/
/* Si utilizza un hack per gestire il padding sinistro e permettere l'allinemanto con il resto del layout */
#visual {
display: block;
width: 740px;
margin: 0 auto 0 auto; /* per centrare su mozilla */
padding-left: 50px;
min-height: 113px;
height: auto !important;
height: 113px;
}

#visual img {
margin:0 0 -2px 0 !important;
margin:0;
}

/*#visual td {
text-align: center;
}*/

/*
================================================
CODICE DELLA BARRA DEL TITOLO
================================================
*/
/* Div contenitore per il div "titoloearianna" */
#barra_titolo {
margin: 0;
padding: 0;
text-align: center; /*centratura per explorer 5.x */
}
/* Div che contiene il titolo della pagina e il "filo d'Arianna". Si usa un hack per la gestione del min-height sotto Mozilla */
#titoloearianna {
width:740px;
margin: 0 auto 0 auto; /* per centrare su mozilla */
padding: 0;
text-align: left ;
min-height: 21px;
height: auto !important;
height: 21px;
}
/* Titolo della pagina. C'è un hack per regolare il margine sinistro sotto Mozilla */
#titolo {
width: 700px;
float: left;
margin-left: 47px !important; /* hack x Mozilla che non considera la riga successiva*/
margin-left: 27px;
font-size: 1em;
font-weight:normal;
text-transform:lowercase;
padding: 4px 0 0 2px;
}

#titolo_long {
width: 600px;
float: left;
margin-left: 48px !important; /* hack x Mozilla che non considera la riga successiva*/
margin-left: 24px;
font-size: 1em;
font-weight:normal;
text-transform:lowercase;
padding: 4px 0 0 2px;
}

#titolo2 {
width: 550px;
float: left;
margin-left: 48px !important; /* hack x Mozilla che non considera la riga successiva*/
margin-left: 24px;
font-size: 1em;
font-weight:normal;
text-transform:lowercase;
padding: 4px 0 0 2px;
}

#titolo ul, #titolo_long ul, #titolo2 {
margin: 0;
padding: 0;
}

#titolo a, #titolo_long a, #titolo2 a {
color:#6e6f6d;
}
#titolo a:hover, #titolo_long a:hover, #titolo2 a:hover {
color:#b74f00;
}

/* Punti elenco del menu*/
#titolo ul li , #titolo_long ul li, #titolo2 ul li  {
list-style:none;
display:inline;
padding: 0;
margin: 0;
font-size:100%;
color:#6e6f6d;
float: left;
text-align:left;
}

/*
================================================
CODICE PER TESTI E MENU LATERALE
================================================
*/
/* Div con i contenuti. Al suo interno ci sono "testi" e "menu_dx" */
#contenuti {
width: 690px; /* per tutti */
width/**/: 690px !important; /* solo per ie6 e mozilla*/
/*\*/width /**/: 745px; /* per ie 5x ma non per iemac*/
margin: 0 auto 0 auto; /* per centrare su mozilla */
padding: 7px 0 0 48px;
text-align: left;
min-height: 240px;
height: auto !important;
height: 280px;
height/**/: /* */275px;
}

#pagetitle h2 {
font-size: 1.05em !important;
font-weight: normal !important;
color: #005696;
text-transform:uppercase;
margin:0;
padding:0 !important;
padding:0 0 5px 0;
letter-spacing:1px;
}
.switch{
margin-bottom:25px;
}

/* Div con i testi. Si utilizza un hack per regolare la larghezza sotto IE 5.0 e 5.5 */
#testi {
font-size:1.2em;
line-height: 1.6em !important;
width: 520px;
float: left;
margin: 0;
padding: 0 0 15px 5px;
padding/**/: /**/0 0 15px 1px;
}
.box-dir{
margin:35px 0 15px 0;
}
#testi .box-dir h4 {
border:1px dotted #A5A5A5;
padding:4px;
background:#EFEFEF;
}
.box-dir p {
margin: 0 0 13px 0 !important;
margin: 0 0 15px 0;
}
.rientro{
/*padding:0 5px;*/
margin:0 0 0 50px;
/*background:#efefef;
border:1px dotted #A5A5A5;*/
}
.rientro p{
border-top:1px dotted #A5A5A5;
padding-top:2px;
}
#testi h2 {
font-size: 95%;
font-weight: bold;
}

#testi a {
font-weight: bold;
}
#testi a.arrow {
background:url(../im/espandi.gif) right 4px no-repeat;
padding-right:12px;
}
#testi a.arrow:hover {
background:url(../im/espandi_h.gif) right 4px no-repeat;
padding-right:12px;
}

#testi p.archivio {
padding: 20px 25px 0 0;
text-align:right;
}

#testi p.post_elenco {
margin: 14px 0 8px 0;
}

#testi table {
width:100%;
margin-bottom:15px;
}

#testi td {
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
font-size: 65%;
font-size/**/:/**/ 100%;
font-weight: normal;
color: #000000;
text-align:left;
}

#testi .tab_cda {
border: 1px solid #FF9934;
padding-left: 7px;
}

#testi td.aligndx, p.aligndx {
text-align: right;
padding-right:5px;
}

#testi p.pag_succ{
float:right;
width: 40%;
text-align:right;
}

#testi p.pag_prec{
float:left;
width: 40%;
}

#testi ul {
margin:25px 10px 15px 20px;
padding:0;
}
#testi ul.lista2 {
margin:0 10px 0 20px;
padding:0;
}

#testi ul.lista {
margin:0;
padding:0;
}
#testi ul.lista li {
margin:5px 0 10px 0;
list-style-image:none;
padding:0 0 0 20px;
}

a.pdf{
background:url(../im/pdf.gif) no-repeat;
padding:0 0 2px 18px;
}
a.word{
background:url(../im/word.gif) no-repeat;
padding:0 0 2px 18px;
}
a.zip{
background:url(../im/zip.gif) no-repeat;
padding:0 0 2px 18px;
}
a.xls{
background:url(../im/xls.gif) no-repeat;
padding:0 0 2px 18px;
}
a.video {
background:url(/novita/eventi/im/video.jpg) no-repeat;
padding:0 0 2px 18px;
}
a.ppt {
background:url(/novita/eventi/im/pps.gif) no-repeat;
padding:0 0 2px 18px;
}

#testi ul.campagna li{
margin-top: 5px;
margin-bottom: 2px; 
margin-left: 215px;
}

#testi ul.puntoatt li{
margin: 5px 0 0 0;
padding: 0;
list-style-image: url(../im/page/ico_bullet1.gif);
}

#testi ul.att_grigio {
margin-left: 17px;
#margin-left: 27px;
_margin-left: 27px;
}

#testi ul.att_grigio li{
list-style-image: url(../im/page/ico_bullet3.gif);
margin: 0;
}

#testi ol {
margin-top: 4px;
margin-bottom: 12px; 
margin-left: -18px !important;
margin-left: 24px;
}

#testi ol li{
padding: 0 0 9px 0;
margin: 0;
}

#testi .grigio {
/*border-top:1px dotted #a5a5a5;*/
background: #EFEFEF; 
padding: 13px 0 4px 11px;
margin-bottom:20px;
}

#testi ul li {
padding: 0;
margin: 5px 0 0 5px ; 
list-style-type:none;
list-style-image: url(../im/page/ico_bullet1.gif);
}

#testi li li {
padding: 0;
margin: 5px 0 0 -4px;
#margin: 5px 0 0 0; 
_margin: 5px 0 0 0; 
list-style-type:none;
list-style-image: url(../im/page/ico_bullet2.gif);
}


ul.rientro_sx {
margin-top: 4px;
margin-bottom: 12px; 
/*\*/margin-left /**/: -25px !important;
margin-left: 20px;
}

#testi ul.rientro_sx li {
padding: 0;
margin: 0 0 0 15px !important;
margin: 0 0 0 20px;
list-style-image: url(../im/page/ico_bullet1.gif);
}

#testi ul.distanziato li {
padding: 0;
margin: 2px 0 0 0;
list-style-image: url(../im/page/ico_bullet1.gif);
}

#testi img {
margin: 12px 12px 12px 0 !important;
margin: 4px 12px 12px 0;
float: left;
}
div.switchH{
display:none;
}

.no_bordo {
border:0;
} 

#imgnews {
border: 1px solid black;
}

.data{
font-weight: bold;
}

#elencosx {
margin: 10px 0 0 10px !important;
margin: 0 0 0 10px;
width: 200px;
float: left;
}

#elencodx {
margin: 10px 20px 0 0 !important;
margin: 0 20px 0 0;
width: 250px;
float: right;
}

#info {
clear:both;
}
/* Div per l'icona del cambio lingua in novita/eventi/index */
#ingimg{
margin: 10px 0 0 0 !important;
margin: 0;
width: 30px;
float: right;
}
/* Div per la pagina di novita/nstrumenti.htm - immagine larga 200px, please.*/
#nsimg {
margin: 10px 0 0 0 !important;
margin: 0;
width: 200px;
float: left;
}

#nsimg img {
margin: 0;
padding: 0;
border: 1px solid #000;
}

#convtxt {
width/**/:/**/ 450px;
width:315px;
float: left;
}

#convtxt ul {
padding: 0 0 0 15px;
margin-left: 0;
}

#nstxt {
padding: 0 0 0 10px;
width/**/:/**/ 315px;
width:315px;
float: left;
}

#nstxt ul {
padding: 0 0 0 17px;
margin-left: 0;
}

span.azzero {
clear:both;
display:block;
min-height: 1px;
height: auto !important;
height: 1px;

}

/*campagne istituzionali */

#cittadini {
float:left;
margin: 0 35px 0 30px !important;
margin: 0 35px 0 20px;
width:220px;
}

#imprese {
float:left;
width:220px;
}

.servizi {
clear:both;
margin: 15px 0 0 0;
}

.csq {
display:block;
margin: 8px 0 80px 0 !important;
margin: 15px 0 0 0;
padding: 0;
}


/*Gestione del form di iscrizione al convegno CTS (novita\eventi\memoria\iscrizione.htm)*/
#testi label {
display:block;
float:left;
width:100px;
text-align:left;
padding: 5px 0 0 0;
margin: 3px 0 0 0;
clear: both;
}

#testi input { 
padding:0;
margin-left:10px;
margin-top: 10px !important;
margin-top: 7px;
}

#testi input.basso { 
padding:0;
margin-left:10px;
margin-top: 0px !important;
margin-top: 0px;
}

#testi select {
margin-left: 2px;
}
/*Span usato per indentare il testo accanto alle checkbox */
#testi .spaziocheckbox {
padding-left: 32px;
}
/*Dimensionamento del carattere nel disclaimer */
#testi textarea {
width: 100%;
font-size: 130% !important;
font-size: 105%;
}
/* Centra i 2 pulsanti "invia" e "cancella" al centro della pagina */
#testi .invia {
text-align: center;
}
/* Div per il menu laterale. Si usa un hack per gestire il margine superiore sotto IE 5.0 su Mac */
#menu_dx {
width:132px;
float:right;
clear:none;
margin: 3px 0 7px 0;
padding: 0 0 15px 10px;
}

#menu_dx a {
color: #005696;
font-weight: bold;
}

#menu_dx a:hover {
color: #CC6600;
}

#menu_dx h2 {
font-size:0.9em;
color: #6e6f6d;
font-weight: normal;
text-transform:uppercase;
margin: 0 0 3px 0;
padding: 15px 0 2px 0;
}

#menu_dx h2.primo_menu {
padding: 0 0 2px 0;
}

#menu_dx ul {
list-style:none;
margin: 0;
padding: 0;
}

#menu_dx li {
list-style:none;
margin: 0;
padding: 0 0 7px 0;
color: #b74f00;
font-weight: bold;
}

#menu_dx ul ul {
padding: 7px 0;
}

#menu_dx li li {
padding: 2px 0 2px 10px;
font-weight: normal;
color: #b74f00;
}

#menu_dx li li a {
color: #005696;
font-weight: normal;
}

#menu_dx li a {
color: #005696;
font-weight: bold;
}

#menu_dx li a:hover {
color: #b74f00;
}

#menu_dx li li a:hover {
color: #b74f00;
}

#menu_dx input { 
padding:0;
margin:0;
}

#menu_dx label { 
padding:0;
margin:0;
color: #005696;
}



/*
================================================
CODICE X IL FOOTER
================================================
*/
/* Div di chiusura. Si utilizza un hack per poter gestire il min-height su Mozilla*/
#footer{
clear:both;
min-height: 21px; /* serve per mozilla */
height/* */: /**/auto !important; /* serve per Mozilla, hack per farlo saltare ai 5.x e per far saktare la prossima riga al 5.0 */
height: /**/21px; /* saltato dal 5.5 */
text-align:left;
}

#testo_footer {
width:740px;
margin: 0 auto 0 auto; /* per centrare su mozilla */
color: #000000;
font-size: 0.95em;
}
#testo_footer ul {
margin-left:8px;
padding:0 0 0 40px!important;
padding-top:10px;
}

#menu_footer ul {
margin: 0;
padding: 4px 0 0 /*52px*/0;
}

#testo_footer li, #testo_footer_en li {
list-style:none;
display:inline;
margin: 0;
padding:0;
}

#testo_footer li a, #testo_footer_en li a {
color: #000000;
}

#testo_footer li a:hover, #testo_footer_en li a:hover  {
color: #000000;
}

#testo_footer_en {
width:740px;
margin: 0 auto 0 auto; /* per centrare su mozilla */
color: #000000;
font-size: 0.95em;
}

#testo_footer_en ul {
margin: 0;
padding: 4px 0 0 49px;
}

address {
font-style:normal;
padding: 0;
margin: 0 0 2px 0 !important;
margin: 0 0 5px 0;
}

address.rientro {
font-style:normal;
padding: 0;
margin: 0 0 2px 7px !important;
margin: 0 0 5px 5px;
}

acronym {
border-bottom:1px dashed black;
cursor:help;
}