/*
####################################
  foglio di stile per Accessibile.it
  autore: Stefano Maroni
  data: 6 ottobre 2006
####################################
*/

/*elimino margini e padding */
* {padding:0;margin:0;}

/* contenitori principali */
body {margin:0; padding:0;font-size: 75%; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; color:#000; background:#FFF;}
#container {margin: 0 auto; padding: 0px; width:100%; max-width:900px; min-width:600px; text-align:left;border:0;}
.hiddenskip {position:absolute; top:-500px;}
#header {}
#logo {float:left; width:450px;}
#logo img {border:0;}
#headlink {float:right; text-align:right; margin-right:20px; width:250px; margin-top:38px;}
#wrapper{float:left; width:100%;}
#corpo {clear: both; margin:40px 20px 0px 20px; position:relative; /*position in relative è un hack consigliatomi da G. Troiani per risolvere un baco di IE 6.0.2800*/ }
#col1 {margin-right:428px; min-width:250px;}
#col2 {float:left; width:214px; margin-left:-428px; margin-bottom:20px;}
#col3 {float:left; width:214px; margin-left:-214px;}

#leggiinfo #wrapper{float:none; width:auto;}
#leggiinfo #col1{margin: 0 214px 0 0;}
#leggiinfo #col2{float:right; width:212px; margin-left:0;}
#leggiinfo #col3{display:none; float:left; width:150px; margin-left:-100%;}

#riga_footer {border-bottom:1px solid #000; height:1px; line-height:1px; margin: 20px 468px 20px 20px; display:block;}
#footer {clear:left; margin:20px;}

/* tipografici */
h1 {font-size:1.8em; padding-bottom:8px;}
h2 {font-size:1.2em; padding-bottom:4px; margin-top:20px;}
p { line-height:1.3em;}
#col1 p, #col1 ul {line-height:1.5em;}
a {color:#de0202; background:#fff; text-decoration:none;}
a:hover {text-decoration:underline;}
#footer a {color:#000; background:#fff; font-style:italic;}
abbr { border:0;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size:1em;}
input, textarea {padding:0 0 0 2px;}

/* 1 cont. secondari in col 1 */
#primopiano {border-top:1px solid #000; border-bottom:1px none #000; margin-right:20px; }
#primopiano img {float:left;}
#primopiano p { background:#fff; }
#primopiano div {padding: 10px 20px 0 20px; margin-left:150px;}
#primopiano .sottotitolo {font-weight:bold;}
#righapp {background: url(img/bgnd_rigapp.gif)  repeat-x; margin-right:20px; margin-top:0px; z-index:0;}
#leggiinfo #primopiano {border:0; margin-left:20px;  }
#leggiinfo #primopiano div {padding: 10px 0px; margin-left:0px;}
#leggiinfo #primopiano div h1 {margin-bottom:10px; }

.tit_editor_hp {font-weight:bold; margin-top:20px; margin-right:20px;}
.tit_editor_hp a {font-weight:bold; color:#000; background:#fff; text-decoration:underline;}
.text_editor_hp {margin-left:20px; margin-right:20px;}
#editorialihp .allineadx {margin:20px;}

#leggiinfo #briciole {font-size:0.9em; padding-bottom:10px; border-bottom: 1px solid #000; margin-bottom: 20px; margin-left:112px; margin-right:20px;}

#info, #testo_ricerca {margin-left:150px; padding-top:10px;}
#info .righino {width:70%;}
.testo_info {margin:20px;}
.testo_info p {margin-bottom:8px;}

#info_elenco {margin-left:112px; padding-top:10px;}
#briciole_el {font-size:0.9em; padding-bottom:30px;}
#info_elenco h1 {font-size:1.8em; padding-bottom:4px; margin-bottom:4px; border-bottom: 1px solid #000; width:70%;}

#testo_info_varie {margin-left:112px; padding-top:10px;}
#testo_info_varie h1 {font-size:1.8em; padding-bottom:4px; margin-bottom:4px; border-bottom: 1px solid #000; width:70%;}
#testo_info_varie .righino {margin-left:0;}
#testo_info_varie .sottotitolo {font-weight:bold; margin-bottom:8px;}
#testo_info_varie p {margin-bottom:8px;}

#leggiinfo #nav_info {float:left; width:150px; margin-top:45px;}
#leggiinfo #nav_info .box {margin-left:0px; margin-right:20px; display:block;}
#leggiinfo #nav_info .box p.link  {margin: 8px 0; }
#leggiinfo #nav_info .box p.linkattivo  {margin: 8px 0; font-weight:bold; color:#de0202; background:#fff;}


.testo_info ul, #mappa ul, #testo_info_varie ul {margin:10px 0 10px 30px; list-style-image:url(img/trattino.gif);}
.testo_info ol, #testo_info_varie ol {margin:10px 0 10px 30px;}

/* 2 cont. secondari in col 2 */
#navcontainer {border-top:1px solid #000; border-bottom:1px solid #000; background-color:#de0202;padding:28px 20px; font-size:1.1em;color:#fff;}
#navlist {padding-left:0; margin: 0;  border-bottom: 0px solid #fff; }
#navlist li {list-style: none; margin: 0;  padding: 8px; border-top: 1px solid #fff;}
#navlist li a {text-decoration: none; color:#fff;background-color:#de0202;}

#ultime{border-left:1px dashed #000; border-right:1px dashed #000; padding:20px;}
#leggiinfo #ultime .box {font-size:1em;}
#leggiinfo #ultime .righino {margin-left:0;}
#leggiinfo #ultime p {margin: 2px 0;}
#tit_ultime {font-weight:bold; margin-top:0px;}

.primariga_ultime_hp {margin-top:30px;}
.text_ultime_hp {margin-left:20px;}


/* 3 cont. secondari in col 3 */
#col3 .box {margin-left:20px; display:block;}
#col3 .box p {margin:2px 0;}
#col3 .box p.text_ultime_hp {margin-left:20px;}

/* formattazione form registrazione */

#form_compl{width:380px; padding:0; margin: 20px auto;}
#form_compl fieldset{margin: 1em 0;padding: 10px; 
    border: 1px solid #000;}
#form_compl legend{font-weight:bold; padding: 0 3px; color:#fff; background:#de0202; border: 1px solid #000;}
#form_compl b{color:#de0202; background:#fff}
#form_compl fieldset div{float:left; width:100%;
    padding: 8px 0;
    background: url(line.png) repeat-x bottom}

#form_compl label{float:left;width:150px;
    display: inline;margin-left: 10px;
    line-height:23px}
#form_compl .input_text {width:150px;}
#form_compl select {width:150px; border: 1px solid #000;}

/*classi generiche*/
.clearing {clear: both; height:1px;}
.righino {border-bottom:1px solid #000; height:1px; line-height:1px; margin: 20px 0 20px 20px; display:block;}	
#leggiinfo .box .righino {border-bottom:1px solid #000; height:1px; line-height:1px; margin: 12px 0 12px 0px; display:block;}	
.pipe {padding:0 5px;}
.allineadx { text-align:right;}
.marginedx { margin-right:20px;}
.messaggio {margin-right:20px; }
.messaggio p {line-height:1.6em;}

.input_text {border: 1px solid #000;}
.input_btn {border: 1px solid #000; color:#fff;background-color:#de0202; cursor: pointer;}