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

body {
  padding: 6px 0;
  background-color: #fff;
  font: 100.01% arial, helvetica, sans-serif;
  color: #044088;
  text-align: center;
}

abbr,
acronym { cursor: help }

a:link,
a:visited {
  outline: none;
  color: #044088;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
  outline: none;
  color: #044088;
  text-decoration: underline;
}

#centrale a,
a.arancione { color: #ff6d00 }

#centrale .blu { color: #044088 }

.arancione { color: #ff8040 }



/**
 **
 ** STILI GENERICI
 **
 **/

a img,
.bordo_blu { border: 1px solid #00408a; }


.float_left     { float: left }
.float_right    { float: right }
img.float_left  { margin: 0 8px 5px 0 }
img.float_right { margin: 0 0 5px 8px }

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }

.block { display: block }

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

.vertical_align_middle { vertical-align: middle }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.font_grande  { font-size: 120% }
.font_piccolo { font-size: 90% }
.nero { color: #000 }
.uppercase { text-transform: uppercase }

.attach {
  vertical-align: middle;
  border: none;
}




#container {
  position: relative;
  width: 782px !important;
  width /**/: 784px;
  border: 1px solid #00408a;
  text-align: left;
  margin: 0 auto;
  line-height: 1.1em;
  font-size: 0.75em;
}





#testata {
	position: relative;
  height: 75px;
  margin-bottom: 0;
  text-align: right;
}
#testata img {
  border: none;
  margin: 11px 11px 0 0 
}
#testata p {
  position: absolute;
  left: 10px;
  top: 59px;
	margin: 0;
	padding: 0;
  font-size: 1.1em;
  font-style: italic;
  text-align: left;
}
#banner_progetto_q {
	position: absolute;
	top: -7px;
	left: 10px;
	border: none;
}



#banner {
	position: absolute;
	top: -7px;
	left: 10px;
}
#position_paper {
	position: absolute;
	top: 1px;
	left: 0px;
	border: none;
}
#progetto_q {
	position: absolute;
	top: 1px;
	left: 184px;
	border: none;
}



#sfondo_per_bordo {
  margin-top: 9px;
  background: url(../immagini/sfondo_per_bordo.gif) repeat-y 220px 0;
}



#colonna_sx {
  float: left;
  position: relative;
  width: 208px !important;
  width /**/: 212px;
  margin-left: 2px;
  padding-bottom: 15px;
  text-align: center;
}

#colonna_sx img { margin-top: 14px }

/**
 ** GLI STILI DEL MENU VERTICALE SONO NELL'APPOSITO FILE CSS
 **/





#centrale {
  position: relative;
  min-height: 840px;
  height: auto !important;
  height: 840px;
  margin-left: 225px;  /* Larghezza colonna_sx + 1px per creare il bordo */
  padding: 44px 8px 0 9px;
  line-height: 1.37;
  text-align: justify;
}
 
 

.tooltip,
.tooltip_centrato {
  display: none;
  width: 350px;
  margin: 5px 0 7px 0;
  border-top: 2px solid #adc7e7;
  border-bottom: 2px solid #adc7e7;
  background-color: #e5e4ea;
  padding: 3px 7px;
}
.tooltip_centrato {  margin: 5px auto 5px auto }


.elenco_presidenti { margin-left: 15px; }





#ricerca {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 193px;
  height: 35px;
  margin: 0;
  background: url(../immagini/form_ricerca.gif) no-repeat top left;
}
#ricerca input {
  position: absolute;
  top: 15px;
  width: 133px !important;
  width /**/: 137px;
  height: 16px !important;
  height /**/: 20px;
  padding: 1px;
  border: 1px solid #706d71;
  outline: none;
  background-color: #fff;
  font-size: 0.9em;
}
#ricerca button {
  position: absolute;
  top: 14px;
  right: 0px;
  width: 51px !important;
  width /**/: 53px;
  height: 21px !important;
  height /**/: 23px;
  padding: 0;
  background: url(../immagini/cerca.gif) no-repeat 0 0;
}

#ricerca button,
#area_riservata button {
  cursor: pointer;
  border: 1px solid #6d6c6e;
  outline: none;
  background-color: transparent;
	text-indent: -9999px;
}




#area_riservata {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 310px;
  height: 35px;
  margin: 0;
  background: url(../immagini/area_riservata.gif) no-repeat top left;
}

#area_riservata input {
  position: absolute;
  top: 15px;
  width: 119px !important;
  width /**/: 126px;
  height: 16px !important;
  height /**/: 20px;
  padding: 1px;
  border: 1px solid #706d71;
  outline: none;
  background-color: #fff;
  font-size: 0.9em;
}
#password { left: 130px }
#opzione_login {
  position: absolute;
  bottom: 22px;
  left: 131px;
  font-size: 0.9em;
}
#opzione_login:link,
#opzione_login:visited {
  color: #014190;
  text-decoration: none;
}
#opzione_login:focus,
#opzione_login:hover,
#opzione_login:active {
  color: #ff6d00;
  text-decoration: none;
}
#area_riservata button {
  position: absolute;
  top: 14px;
  right: 0px;
  width /**/: 52px !important;
  width: 54px;
  height: 21px !important;
  height /**/: 23px;
  padding: 0;
  margin: 0;
  background: url(../immagini/entra.gif) no-repeat 0 0;
}

#area_riservata input:hover,
#area_riservata button:hover,
#ricerca input:hover,
#ricerca button:hover { border-color: #000 }

#area_riservata input:focus,
#area_riservata input:active,
#ricerca input:focus,
#ricerca input:active {
  border-color: #888;
  outline: 2px solid #ffd6b7;
}

#ricerca button:focus,
#ricerca button:active,
#area_riservata button:focus,
#area_riservata button:active {
  background-position: 1px 1px;
  outline: none;
}





#footer {
  margin-top: 10px;
  font-size: 0.8em;
  font-weight: bold;
}
#footer img { vertical-align: middle }






 
 
/**
 **
 **  TIPOGRAFIA
 **
 **/


h1 {
  line-height: 0.9;
  font-size: 1em;
  color: #044088;
  text-transform: uppercase;
}
h2 {
  margin: 10px 0 15px 0;
  font-size: 1.1em;
  color: #ff6d00;
}

em.data {
  display: block;
  margin: 35px 0 10px 0;
}

h2.errore {
  margin-top: 30px;
  font-weight: normal;
  text-align: center;
}
h2.categoria_link {
	clear: right;
	margin: 22px auto -5px 15px ;
	font-size: 1.1em;
	color: #044088;
	text-transform: uppercase;
}

.avviso { color: #ff6d00 }



/**
 ** Image replacement per gli elementi h1 e h2
 **/
 
h1,
#colonna_sx h2 {
  position: relative;
  height: 14px;
  text-align: left;
}
#colonna_sx h2 {
  margin: 25px 0 0 0;
  color: #fe7900;
}

h1 span,
#colonna_sx h2 span {
  position: absolute;
  width: 100%;
  height: 14px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center left;
}
.news_home_page span          { background-image: url(/immagini/news.gif) }
.appuntamenti_home_page span  { background-image: url(/immagini/appuntamenti.gif) }

h1.chi_siamo span  { background-image: url(/immagini/chi_siamo.gif) }
h1.associati span  { background-image: url(/immagini/associati.gif) }
h1.organi span     { background-image: url(/immagini/organi.gif) }
h1.presidente span { background-image: url(/immagini/presidente.gif) }
h1.sede span       { background-image: url(/immagini/sede.gif) }
h1.google_map span { background-image: url(/immagini/google_map.gif) }
h1.archivio_presidenti span { background-image: url(/immagini/archivio_presidenti.gif) }
h1.comitato_presidenza span { background-image: url(/immagini/comitato_presidenza.gif) }
h1.consiglio_direttivo span { background-image: url(/immagini/consiglio_direttivo.gif) }
h1.segretario_generale span { background-image: url(/immagini/segretario_generale.gif) }
h1.struttura span        { background-image: url(/immagini/struttura.gif) }
h1.struttura_new span        { background-image: url(/immagini/struttura.gif) }
h1.statuto span          { background-image: url(/immagini/statuto.gif) }
h1.newsletter span       { background-image: url(/immagini/newsletter.gif) }
h1.circolari span        { background-image: url(/immagini/circolari.gif) }
h1.documenti span        { background-image: url(/immagini/documenti.gif) }
h1.approfondimenti span          { background-image: url(/immagini/approfondimenti.gif) }
h1.centro_studi_assosistema span { background-image: url(/immagini/centro_studi_assosistema.gif) }
h1.ente_bilaterale span     { background-image: url(/immagini/ente_bilaterale.gif) }
h1.codice_deontologico span { background-image: url(/immagini/codice_deontologico.gif) }
h1.rubriche span            { background-image: url(/immagini/rubriche.gif) }
h1.news span         { background-image: url(/immagini/archivio_news.gif) }
h1.appuntamenti span { background-image: url(/immagini/appuntamenti.gif) }
h1.faq span  { background-image: url(/immagini/faq.gif) }
h1.link span { background-image: url(/immagini/link.gif) }
h1.recupera_password span { background-image: url(/immagini/recupero_della_password.gif) }
h1.commissione_paritetica span         { background-image: url(/immagini/commissione_paritetica.gif) }
h1.commissioni_tecniche_tematiche span { background-image: url(/immagini/commissioni_tecniche_tematiche.gif) }
h1.mediagallery span          { background-image: url(/immagini/interviste_e_mediagallery.gif) }
h1.interviste_televisive span { background-image: url(/immagini/interviste_televisive.gif) }
h1.interviste_radio span      { background-image: url(/immagini/interviste_radio.gif) }
h1.fotografie span            { background-image: url(/immagini/fotografie.gif) }
h1.interviste_convegni span   { background-image: url(/immagini/interviste_convegni.gif) }
h1.pubblicazioni span { background-image: url(/immagini/pubblicazioni.gif) }
h1.ricerca span       { background-image: url(/immagini/ricerca.gif) }
h1.progetto_Q span    { background-image: url(/immagini/progetto_q.gif) }
h1.sezioni span    { background-image: url(/immagini/sezioni.gif) }
h1.position_paper span    { background-image: url(/immagini/position_paper.gif) }
h1.associarsi span { background-image: url(/immagini/come_associarsi.gif) }

.pubblicazioni_colonna_sx span { background-image: url(/immagini/pubblicazioni_colonna_sx.gif) }







#documenti,
.elenco_file,
#approfondimenti,
#categorie_documenti,
#categorie_centro_studi,
#audio,
.link {
  margin: 25px 0 0 10px;
  list-style-type: none;
}
.elenco_file { margin-top: 0 }

#documenti li,
.elenco_file li,
#approfondimenti li,
#categorie_documenti li,
#categorie_centro_studi li,
#audio li,
.link li {
  background-color: transparent;
  line-height: 1.4em;
  padding: 7px 6px 8px 27px;
  font-weight: normal;
	color: #044088;
}
#approfondimenti li:hover { background-color: #f5faff }
.link li { clear: right }

#documenti a,
.elenco_file a,
#approfondimenti a,
#categorie_documenti a,
#categorie_centro_studi a,
#audio a {
  padding-bottom: 5px;
  font-weight: bold;
  color: #ff6d00;
}

#documenti li { background: url(/immagini/attach.png) no-repeat 5px 7px }
.elenco_file li { background: url(/immagini/attach.png) no-repeat 5px 7px }
#approfondimenti li { background: url(/immagini/page_attach.png) no-repeat 5px 7px }
#categorie_documenti li { background: url(/immagini/bullet_go.png) no-repeat 5px 6px }
#categorie_centro_studi li { background: url(/immagini/folder_red_small.png) no-repeat 5px 6px }
#audio li { background: url(/immagini/sound.png) no-repeat 5px 7px }
.link li { background: url(/immagini/browser.png) no-repeat 5px 7px }

#audio img,
#link img,
.lock {
  border: none;
  width: 10px;
  height: 10px;
}


#mediagallery {
  margin: 35px 60px;
  list-style-type: none;
  padding: 0;
}
#mediagallery li {
  width: 173px;
  height: 53px;
  margin-bottom: 40px;
}
#mediagallery a {
  display: block;
  height: 53px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#mediagallery a:focus,
#mediagallery a:active { outline: none }


/*
  NOTA BENE: specificare le regole per le seguenti classi SEMPRE col selettore #mediagallery,
	           altrimenti si creano conflitti con i tag <h1>
*/

#mediagallery .interviste_televisive,
#mediagallery .interventi_e_convegni { float: left }
#mediagallery .fotografie,
#mediagallery .interviste_radio { float: right }

#mediagallery .interviste_televisive a { background-image: url(/immagini/interviste_televisive.jpg) }
#mediagallery .interviste_radio a      { background-image: url(/immagini/interviste_radio.jpg) }
#mediagallery .fotografie a            { background-image: url(/immagini/fotografie.jpg) }
#mediagallery .interventi_e_convegni a { background-image: url(/immagini/interventi_convegni.jpg) }






.disc {
  margin: 25px 0 0 15px;
  list-style-type: disc;
  list-style-position: outside;
}
.disc li {
  line-height: 1.4em;
  padding: 6px 0 6px 0;
  margin-left: 15px;
}







.navbar {
  margin-top: 30px;
  font-weight: bold;
  text-align: center;
}

.vai_alla_home_page,
.archivio_appuntamenti,
.archivio_news,
.archivio_fotografie,
.archivio_pubblicazioni,
.archivio_interviste_radio,
.archivio_interviste_televisive,
.archivio_approfondimenti {
  padding: 2px 0 0 22px;
	background: transparent no-repeat center left;
}

.vai_alla_home_page:link,
.vai_alla_home_page:visited { background-image: url(/immagini/house.png) }
.vai_alla_home_page:focus,
.vai_alla_home_page:hover,
.vai_alla_home_page:active { background-image: url(/immagini/house_go.png) }

.archivio_news:link,
.archivio_news:visited,
.archivio_pubblicazioni:link,
.archivio_pubblicazioni:visited,
.archivio_approfondimenti:link,
.archivio_approfondimenti:visited { background-image: url(/immagini/report.png) }
.archivio_news:focus,
.archivio_news:hover,
.archivio_news:active,
.archivio_pubblicazioni:focus,
.archivio_pubblicazioni:hover,
.archivio_pubblicazioni:active,
.archivio_approfondimenti:focus,
.archivio_approfondimenti:hover,
.archivio_approfondimenti:active { background-image: url(/immagini/report_go.png) }

.archivio_appuntamenti:link,
.archivio_appuntamenti:visited { background-image: url(/immagini/date.png) }
.archivio_appuntamenti:focus,
.archivio_appuntamenti:hover,
.archivio_appuntamenti:active { background-image: url(/immagini/date_go.png) }

.archivio_fotografie:link,
.archivio_fotografie:visited { background-image: url(/immagini/images.png) }
.archivio_fotografie:focus,
.archivio_fotografie:hover,
.archivio_fotografie:active { background-image: url(/immagini/images.png) }

.archivio_interviste_radio:link,
.archivio_interviste_radio:visited { background-image: url(/immagini/sound_low.png) }
.archivio_interviste_radio:focus,
.archivio_interviste_radio:hover,
.archivio_interviste_radio:active { background-image: url(/immagini/sound.png) }

.archivio_interviste_televisive:link,
.archivio_interviste_televisive:visited { background-image: url(/immagini/television.png) }
.archivio_interviste_televisive:focus,
.archivio_interviste_televisive:hover,
.archivio_interviste_televisive:active { background-image: url(/immagini/television_add.png) }