/* CSS Document */

/* IMPOSTAZIONI GENERALI
----------------------------------------------- */

body {
background:#DCDCFF none repeat scroll 0%;
color:#000000;
font-family:"Souvenir Lt BT",Verdana,Helvetica,sans-serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0pt;
text-align:center;
}

ul, li, dl, dd, dt {
color:#666666;
list-style-image:none;
list-style-position:outside;
list-style-type:square;
margin:0pt;
padding:2px;
}

a img {
border:medium none;
}

p {
font-size:11px;
margin:0pt;
padding:0pt;
}

td {
margin:0pt;
padding:0pt;
}

a {
color:#660000;
}

a:hover {
color:#333333;
}

h1, h2, h3, h4, h5, h6 {
font-family:"Souvenir Lt BT",Verdana,Helvetica,sans-serif;
margin:0pt;
padding:0pt;
}


/* LAYOUT GENERALE
----------------------------------------------- */

#wrap {
border-bottom:0px solid #E8E8E8;
margin:0pt auto;
max-width:1100px;
min-width:777px;
padding:0px;
text-align:left;
width:86%;
background:#e8e8e8 url(head.jpg) no-repeat 10px 0px;
}

#wrapsx {background:url(body-pattern-sx.gif) repeat-y left top; padding-left:12px;}

#wrapdx {background:url(body-pattern-dx.gif) repeat-y right top; padding-right:12px;}

#headwrap {
height:165px;
text-align:left;
width:100%;
}

#nav {
background:#FFFFFF url() repeat-x scroll center bottom;
color:#660000;
padding:3px 5px 5px 2px;
}

#main {
margin-bottom:5px;
padding:0px 0px 0pt;
width:100%;
height: 425px;
clear:both
/*overflow:hidden;*/
}

#sidebar {
background:transparentnone repeat scroll 0pt;
float:left;
padding-bottom:1000px;
margin-bottom: -1000px;
width:15%;
}

#content {
background-color:#E8E8E8;
float:left;
margin:0px;
padding:0px 3px;
margin-bottom:-1000px;
padding-bottom:1000px;
width:83%;
}

/* HEAD
----------------------------------------------- */


#headwrap h1 {
color:#000;
line-height: 2em;
font-size:3em;
font-weight:bold;
letter-spacing:1px;
margin:2px;
padding-left:5px;
}

#headwrap h2 {

font-size:1.1em;
font-weight:bold;
letter-spacing:0px;
margin:2px 2px 2px 5px;
text-align:left;
}

#headwrap a:hover {
color:#660000;
}

#headwrap h3 {
}

#head-titolo {
background:transparent ;
float:left;
margin:0px;
padding:0pt;
}

#logo {
float:left;
padding:5px;

}

#titolo {
background-color:transparent;
float:left;
margin:0px;
padding:30px 0pt 10px 5px;
text-align:left;
}

#link {
float:right;
padding:2px;
width:20%;
}

.barra-blu {
background:#FFFFFF url(../img/sfondo-blu.jpg) repeat-x scroll center bottom;
border:1px solid #949494;
color:#990000;
display:block;
font-size:1em;
font-weight:bold;
letter-spacing:0px;
margin:2px 0pt;
padding:2px;
text-align:left;
text-decoration:none;
}

/* NAVIGAZIONE
----------------------------------------------- */

#nav a {
}

#nav a:hover {
}

#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/* NAVIGAZIONE: SEARCHBOX
----------------------------------------------- */

.searchbox {
display:inline;
padding-top:2px;
text-align:right;
float:right;
}



.searchbox h2 {
color:#660000;
}

.searchbox form {
margin:0pt;
padding:5px;
text-align:right;
}

.searchbox input.campo {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #949494;
padding:2px;
}

.searchbox input.bottone {
background:#fff none repeat scroll 0%;
border:#DCDCFF 2px solid;
color:#390090;

font-weight:bold;
cursor:pointer;
}


/* NAVIGAZIONE: BREADCRUMBS/TRAILS
----------------------------------------------- */
#trails {
background:transparent none repeat scroll 0pt 50%;
border:3px solid #FFFFFF;
color:#000000;
font-weight:bold;
margin:0px 5px;
padding:2px 5px 2px 2px;
text-align:left;
}

#trails a {
color:#000
font-size:0.9em;
padding:0pt 2px;
text-decoration:none;
}

#trails a:hover {
color:#000;
}

#trails ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

/* CONTENT
----------------------------------------------- */
#contentwrap {
padding:2px 2px 0pt 0px;
}

#content h1 {
border-bottom:2px solid #DDDDDD;
color:#990000;
font-size:1.4em;
font-weight:normal;
margin:10px 5px;
padding:0pt 10px;
text-align:left;
}
#content .titolo{
background:#BFBFFF url(../img/splash.jpg) no-repeat scroll top left;
color:#fff;

font-size:0.8em;
padding:2px 2px 2px 5px;
}


#content h3 {
color:#660000;
font-size:1em;
font-weight:bold;
margin:5px;
padding:0pt;
}
#content h4 {
color:#660000;
font-size:1em;
font-weight:bold;
margin:5px;
padding:0pt;
}
#content #testo {
padding:2px;
}
#content p {
color:#000;
font-size:0.9em;
font-weight:normal;
margin:10px 8px;
clear:both;
}
#content img {
margin:8px 5px;
float:left;
}

#content ul {
list-style-image:none;
list-style-position:outside;
list-style-type:square;
padding:0pt 0pt 0pt 20px;
}

#content ul li {
color:#660000;
padding:2px;
}
#content a {
}
#content a:hover {
}




/* CONTENT: BOX GENERICO - SENZA BACKGROUND  ----------------------------*/

#content .box-content {
color:#000;
margin:6px;
padding:0pt;
border-bottom:#230058 1px solid;
display:block;
}

#content .box-content .titolobox{
color:#000;
padding:15px 2px 22px;
}

#content .box-content H2{
color:#000;
font-size:1.3em;
font-weight:bold;
margin:0px 0px 0px 80px;
padding:4px 2px 4px 25px;
border-bottom:#fff 0px solid;
}

/* BOX - PROGRAMMA INVERNALE*/

#content .blu
{
background:#fff url(../img/sfondo-blu.jpg) repeat-x ;
float:left;
width:48%;
}

#content .blu .titolobox{
background:transparent url(../img/prog-invernale.gif) no-repeat 5px 0px;
}

/* BOX - PROGRAMMA ESTIVO*/

#content .arancio
{
background:#fff url(../img/sfondo-arancio.jpg) repeat-x ;
float:right;
width:48%;
display:inline;
}

#content .arancio .titolobox
{
background:transparent url(../img/prog-estivo.gif) no-repeat 5px 0px;
}

/* BOX - NEWS*/

#content .giallo
{
background:#fff url(../img/sfondo-giallo.jpg) repeat-x ;
clear:both;
}

#content .giallo .titolobox{
background:transparent url(../img/news.gif) no-repeat 5px 0px;
}


/* CONTENT: BOX SUPERHOME*/

#content-home {
margin:5px 0px;
padding:0px;
margin-bottom:-1000px;
width:100%;
}

#content-home #box {
text-align:center;
}

#content-home #box P {
float:left;
width:65%;
margin:3px;
}

#content-home #box-dx {
float:right;
width:23%;
margin:3px;
}

#content-home #box-dx A{
margin:10px 0px;
}

/* CONTENT: INSERTO (MENU STRUMENTI SULLA PAGINA)*/

.inserto {float:right; color:#005BA9; margin:0px 5px; text-align: right;}

#content .inserto img {
margin:0px 3px;
}

#content .inserto h3 {
font-size:1.1em;
padding:0pt 10px 0pt 0px;
}

#content .inserto p {
font-size:0.8em;
color:#600;
font-style:italic;
padding:10pt 0px 0pt 0px;
}

#content .inserto ul {
border:medium none;
padding:0pt 5px 0pt 0px;
}

#content .inserto ul li {
margin-bottom:4px;
}

#content .inserto a {
font-size:0.9em;
margin:0px 3px;
}


/* CONTENT: TOOLBAR*/

#content ul#toolbar {
border-bottom:2px solid #CCCCCC;
margin:7px 0pt 15px;
padding:0pt;
}
#content #toolbar li {
margin:0pt;
padding:0pt;
}
#content #toolbar li {
background:transparent none repeat scroll 0%;
float:left;
}
#content #toolbar li a {
border-bottom:4px solid #CCCCCC;
display:block;
height:16px;
padding:0pt 5px 5px;
width:16px;
}
#content #toolbar li a:hover {
border-bottom:4px solid #FF5500;
}


/* SIDEBAR
----------------------------------------------- */

#sidebar a {
display:block;
color:#230058;
font-size:1em;
padding:2px;
text-decoration:none;
}
#sidebar a:hover {}

#sidebar H2 {
color:#000;
font-weight:bold;
font-size:1.3em;
margin:7px 15px 5px 7px;
text-decoration:none;

}

/* -------SIDEBAR: MENU ---------------*/

#menu {
margin:0px 0px;
padding:0px 0px 0px 3px;
background:#fff url(../img/angolo-menu.jpg) no-repeat top right;

}


#menu ul {
margin:0px 0px;
padding:0px;
background:transparent url() no-repeat       ;
}


#menu ul li IMG{
margin:0px;
}


#menu ul .selected_menu_item {
border-bottom:0px solid #FDDC88;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#menu li ul {
margin:12px 0px 0px 0px;
padding:0px;
background:transparent url() no-repeat top left;

}

#menu ul A {
font-weight:bold;
}

#menu li ul A {
font-weight:normal;
}

#menu li ul .selected_menu_item  {
border-bottom:1px solid #FDDC88;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:10px 3px 5px 33px;
margin:2px;
color:#390090;
}


#menu li ul .menu_item  {
border-bottom:1px solid #FDDC88;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:10px 3px 5px 33px;
}

.filosofia  {
background:transparent url(../img/filosofia_piccola.jpg) no-repeat left;
}

.programmi  {
background:transparent url(../img/programmi_piccola.jpg) no-repeat left;
}

.link  {
background:transparent url(../img/link_piccola.jpg) no-repeat left;
}

.commenti  {
background:transparent url(../img/commenti_piccola.jpg) no-repeat left;
}

.contatti  {
background:transparent url(../img/contatti_piccola.jpg) no-repeat left;
}

.foto  {
background:transparent url(../img/foto_piccola.jpg) no-repeat left;
}

.news  {
background:transparent url(../img/news_piccola.jpg) no-repeat left;
}

.volontariato  {
background:transparent url(../img/volontariato_piccola.jpg) no-repeat left;
}

/* -------SIDEBAR: LOGINBOX ---------------*/

#loginbox {
margin:0px 0px;
padding:0px;
background:#fff;
}


#loginbox .box-content {
padding:0pt;
background:transparent url(../img/sfondo-rosso.jpg) repeat-x ;
}


#loginbox .box-content .titolobox{
color:#000;
padding:15px 2px 22px;
background:transparent url(../img/forum_piccola.gif) no-repeat 5px 12px;
}

#loginbox .box-content H2{
color:#000;
font-size:1.2em;
font-weight:bold;
margin:0px 2px 10px 45px;
padding:4px 0px;
}

#loginbox form {
margin:8px 0px;
padding:3px;

}

/* SIDEBAR:CALENDARIO */
#sidebar .calendario { background: url(img/menu.jpg) no-repeat left top; margin-bottom:5px;padding:0 0 5px 0;}
#sidebar .calendario .titolo {padding:0 0 0 0px; margin:0 0 10px 0; }
#sidebar .calendario .titolo H2{ color:#000; font-size:1em; font-weight:normal;padding:0px 2px 2px 2px;  margin-left:29px; border-bottom: #000 2px solid;}

#sidebar .calendario .box {width: 95%; text-align:center; padding:3px; }
#sidebar .calendario .box table {width: 100%; text-align:center; padding:0px;  border-collapse: collapse;}
#sidebar .calendario .box TR {padding:0px; margin:0px;}
#sidebar .calendario .box TR A {padding:0; margin:0 0 0;}
#sidebar .calendario .box TD {color:#606060; text-decoration:none; padding: 0px; border: #606060 1px solid; font-size:0.9em;}
#sidebar .calendario .box TD A{color:#005BA9; text-decoration:none;font-weight:bold;}
#sidebar .calendario .box TD .today {color:#f00;}
#sidebar .calendario .box TD .today A {font-weight:bold; color:#f00;}
#sidebar .calendario .box TD A:hover{color:#f00; text-decoration:underline;}

/* SIDEBAR:NEWSLETTER */
#sidebar .newsletter { background: url(img/menu.jpg) no-repeat left top; margin-bottom:5px;padding:0 0 5px 0;}
#sidebar .newsletter .titolo {padding:0 0 0 0px; margin:0 0 10px 0; }
#sidebar .newsletter .titolo H2{ color:#000; font-size:1em; font-weight:normal;padding:0px 2px 2px 2px;  margin-left:29px; border-bottom: #000 2px solid;}

#sidebar .newsletter .box {margin:0 0px 0 0px; background-color: #555; text-align:right;}
#sidebar .newsletter .box .input-news	{border: none; background: url(img/newsletter.gif) no-repeat; font-size:1em;width:145px;margin:10px 5px 5px 5px;padding:1px 1px 1px 5px; }
#sidebar .newsletter .box .button {border:none; background: transparent; color:#fff; font-size:1em;text-align:right;margin:0 5px 5px 5px;}



/* UTILITY
----------------------------------------------- */

.clearBoth {
clear:both;
}
.spaced-clear-both {
clear:both;
margin-top:10px;
}
.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
.NoDisplay {
display:none;
}
.NoVisibility {
height: 0px; width: 0px; position: absolute; top: -10000px; left: -10000px;
}


/* Compensare il max/min-width in IE */
#wrap {width:expression(document.body.clientWidth > 800? "87%": "100%" );}


/* End hide from IE-mac */


/* FOOTER
----------------------------------------------- */


#footer {
background:#C5F8B8 url(footer.jpg) repeat-x  top;
color:#000;
padding:3px 0px 5px 0px;
width:100%;
}

#footer img{
float:left;
}

.logo-ministero {
float:left
text-align:left;
font-size:0.9em;
color:#000;

}

#credits {
color:#000;
font-size:0.9em;
padding:10px;
text-align:center;
/*float:left;*/
}
* html p#credits {
height:5px;
}

/* FORM */

/*********** MESSAGGI DI SISTEMA ************/
.contenitore_progressbar { line-height: 120%; border: 1px solid #333; background-color: #eeeeee; width: 150px; }
.indicatore_progressbar { text-align: center; background-color: #f60; }

.system-message-success {font-size:1.1em; font-weight:bolder; padding:4px; color:#43c571; }
.system-message-error {font-size:1.1em; font-weight:bolder; padding:4px; color:#cc0000; }


/*********** BOX DEI FORM DI RICHIESTA ************/
#filter-dx { width:48%; float:right;}
#filter-sx { width:48%; float:left;}
.object-needed { padding-left:5px; color:#cc0000}
.object-optional { padding-left:5px; color:#006633}
div.form-container form fieldset { margin: 10px 0 10px 0; padding: 10px 0 10px 5px; border: #DDD 1px solid; }
div.form-container form legend { font-size:0.8em; text-transform:uppercase; color: #555;  }
div.form-container .object-help {color:#005BA9; margin-left:50px; padding: 5px 0 5px 0px; font-size:0.8em; border-bottom:#005BA9 1px dashed}
div.form-container .label,  
div.form-container label,
div.form-container span.label {font-size:0.9em; padding: 10px 0px 0px 10px; width: 25%; display: block; float: left; text-align:right; position: relative; color:#494949}
div.form-container label.error, div.form-container span.error { color: #C00; }
div.form-container label em, div.form-container span.label em { position: absolute; right: 0; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; } 
div.form-container div.form-container input.error:focus,
div.form-container input {font-size:0.8em; width:80%; margin-top:6px;margin-left:10px;}
div.form-container input:focus {	background-color: transparent; border-color: #FC6; }
div.form-container select {font-size:0.8em; margin-top:0px}
div.form-container img {padding-top:10px}
div.form-container textarea {width:300px; height:180px} 
div.form-container textarea:focus {	background-color: #FFF; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 140px; }
div.form-container div.buttonrow input{ width:40px; margin-left: 140px;background:#660000;border:medium none;color:#FFF;font-weight:bold;cursor: pointer; }
div.form-container .object-link { background:url(img/freccina-dx.gif) no-repeat; margin: 0 10px 0 140px; border: #600 1px dashed; padding:4px}
div.form-container ul { margin: 0 10px 0 180px; border: #600 1px dashed; padding:4px; }
div.form-container li { background:url(img/freccina-dx.gif) 0 50% no-repeat; padding: 0 0 5px 10px; }

.button {}

.detail-attachments { border:#555 1px solid; padding:4px; font-size:0.85em}
.detail-attachments H4 { color: #005BA9; font.size:1.2em}
.object-attachment { /*border-top: #005BA9 1px dashed; */margin-top:6px; padding-top:2px}
.object-attachment .object-label {font-weight:bold; color:#005BA9; margin-bottom:4px}
div.form-container .object-attachment label {width:160px; text-align:left}
.box_titolo_scheda {color:#555}
.box_titolo_scheda h4 {font-weight:normal; font-size:0.9em; text-transform:uppercase; padding: 12px 0 4px 0;}
.box_titolo_scheda p {margin: 0 0 0 10px;}
.box_titolo_scheda a {color:#c00}
.box_titolo_scheda a:hover {color:#494949}
.box_titolo_scheda H3 { color: #005BA9; font.size:1.1em}
.box_titolo_scheda UL {padding:3px; }
.box_titolo_scheda  LI {list-style: disc inside ; color:#005BA9; padding: 2px 0 2px 2px; font-size:0.85em;}

/*********** LISTA RISULTATI - TABELLA- ************/
#list h1 {}
#list TABLE {
border-bottom:2px solid #660000;
float:left;
margin:0px auto;
width:98%;}
#list TH {background:#600; font-size:0.7em; padding:4px;}
#list TH A { color:#fff; text-decoration:none; font-size:1.1em;}
#list TH A:hover {text-decoration:underline;}
#list TD {padding:5px 2px 2px 2px; border-bottom:1px solid #eee;font-size:0.9em;}
#list TD A {text-decoration:none; border-bottom:#555 1px dashed; font-weight:bold; color:#555;}
#list TD A:hover { color:#c00;}
#list TD.valutazione {text-align:center; color:#fff;}

#list TD.val-ok			 {background:url(img/val-ok.gif) no-repeat left center; padding-left:15px; } 
#list TD.val-approfondire {background:url(img/val-approfondire.gif) no-repeat left center; padding-left:15px;} 
#list TD.val-no 			 {background:url(img/val-no.gif) no-repeat left center; padding-left:15px;}


/*********** DETTAGLIO RISULTATO - OGGETTO/ELEMENTO ************/
#detail h1 {}

.object-title {padding:2px 10px 6px 10px;}

.object-title table td  { margin:0; padding:0 5px 2px 3px;  font-size:1.8em; letter-spacing:-0.02em;color:#555;}

.object-title table th { display:none;}

.object-heading {float:left; width:60%; }

.object-body {float:left; width:36%; border:#f60 1px solid; padding:5px 5px 5px 5px;}

.object-section {background:#C4ECFF; font-weight:bold; font-size:1em; padding:6px 2px 2px 2px; width:70%}

.object-new { font-weight:bolder; padding:10px 10px 10px 10px; }


#object-body { margin:0px 10px;}
#object-body TABLE {border-bottom:2px solid #600; border-top:0px solid #600; }

#object-body TH { padding:2px; text-align:right; font-weight:bold;vertical-align:top;padding:4px 10px 6px 2px;}

#object-body TH A { color:#555; text-decoration:none;}

#object-body TH A:hover {color:#fff;}

#object-body TD {padding:4px 2px 6px 2px; border-bottom:1px solid #eee;vertical-align:top;}

#object-body TD.tabsezione {background:#600; font-weight:bold; font-size:1em; padding:6px 2px 2px 2px;}

#object-body TD A {text-decoration:underline; font-weight:bold; color:#555;}

#object-body TD A:hover { color:#c00;}



/*********** DETTAGLIO RISULTATO - DATI DI SISTEMA ************/

#object-system { margin:2px 10px;}

#object-system TABLE { background: url(../img/meta-icona.gif) 1% 3% no-repeat #F3F3EB;}

#object-system TH { font-size:0.8em; padding:2px; text-align:right; font-weight:bold;vertical-align:top;padding:4px 10px 6px 2px; width:30%}

#object-system TH A { color:#555; text-decoration:none;}

#object-system TH A:hover {color:#fff;}

#object-system TD {padding:4px 2px 6px 2px; border-bottom:1px solid #eee;font-size:0.9em;vertical-align:top;}

#object-system TD.tabsezione {background:#C4ECFF; font-weight:bold; font-size:1em; padding:6px 2px 2px 2px;}

#object-system TD A {text-decoration:underline; font-weight:bold; color:#555;}

#object-system TD A:hover { color:#c00;}



.detail-edit-system {background:#F3F3EB;}



.relation-item {float:left; width:47%; border-bottom:1px #ccc solid; padding:8px; color:#494949;}

.relation-item .relation_title {font-weight:bolder;}

.relation-item .relation_description {font-size: 0.9em;}