body{
margin:0;
padding:0;
font-size:84%;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
background-image:url("../images/background_ragazzi.png");
background-repeat:repeat-x;
}
div#corpo{
background-color:#fff;
width:100%;
margin:0;
padding:0;
float:left; 
clear:both;
}
div#corpo p{
margin:.5em;
}                       

div#head{   clear:both;
background-image:url("../images/TESTATA.png");
 background-repeat:repeat-x;

height:200px;
margin:2em 0 0 0;
padding:0;
width:100%;


}
div#logo{background-image:url("../images/logo.png");
background-repeat:no-repeat;
margin:0;
padding:0;
position:absolute;
    width:620px;
    height:150px;


}

div#menu{
margin:0;
padding:0;
width:100%;
}
div#distanza{
margin-bottom:5pt;
padding:0;}
ul#navigazione{ clear:both;
list-style:none;
margin:0;
padding:0;
}

div#menuSX{
margin:.5em;
padding:5pt;
float:left; clear:left;
min-width:200px;
width:24%;
min-height:26em;
max-height:100%;
text-align:justify;
background:#eeeeff;
height: auto !important;  /* per i browser moderni */
    height: 26em;      /* per IE5.x e IE6 */
    min-height: 26em;  /* per i browser moderni */
 -moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
border:thin solid #3366ff ;      


} 
div#menuSX a{color:#000060;}

div#extra{
background-color:#fff;
margin:0 0 0 -.1%;
padding:0 0 2% .5%;
width:100%;
float:left;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
div#extra h4{
margin:0;
padding:.3em 0 .5em 0;
color:#333;
font-size:1.2em;
text-align:center;
} 


div#footer{
width:100%;
background-color:#FDF8F4;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0;
padding:0;
clear:both;
}
div#footer p{
margin:0;
padding:.2em 0;
text-align:center;
font-size:.85em;
color:#000;
}
div#footer p a{
color:#214263;
}

ul{
list-style:none;
margin:0;
padding:0;
}
ul li{ 
margin:0;
padding:0;
}
ul li ul{padding-left:2em; list-style:square; }
ul li a{
font-size:1em;
line-height:1.7em;
margin:0;
padding:0 0 0 0;
} 
a:link, a:visited{
text-decoration:none;
color:#334499;
font-weight:bold;
}
a:hover, a:focus, a:active{
text-decoration:underline;
color: #3344CC;
font-weight:bold;
}
div#menu2 { clear:both; 
padding:0;
margin:0;
width: auto !important;  /* per i browser moderni */
width: 800px;  
min-width:800px;
max-width:100%;
height: 30px;   background-image:url("../images/sfm3.png");
background-color:#eeFFaa;background-attachment: scroll;

background-position: 0pt 0pt;
}

#menu2 ul{ 
padding:0;
margin:0;    line-height:2.1em;     
}                         

#menu2 li{ background-image:url("../images/sfm3.png");   
background-color:#eeFFaa;background-attachment: scroll;   
position: relative;
float: left;
list-style: none;
margin:0;
padding:0;
line-height:2em;  
} 
#menu2 li a{
width:150px;
display:block;
text-decoration:none;
text-align: center;
line-height:30px;
color:#000000;    
} 
#menu2 li a:hover{
background-image:url("../images/sfm.png");
background-repeat:no-repeat;  
color:#333333;
line-height:2em;
} 
div#menubar{ clear:both; 
padding:0 0 0 0;
margin:0;
width: auto !important;  /* per i browser moderni */
    width: 800px;      /* per IE5.x e IE6 */
    min-width: 800px;  /* per i browser moderni */  
max-width:100%;            
height: auto !important;  /* per i browser moderni */
    height: 30px;      /* per IE5.x e IE6 */
    min-height: 30px;  /* per i browser moderni */  
max-height: auto;
background-color:#333333;

color:#DDDDDD;
}
#menubar a{  
 text-decoration:none;
font-weight: bold; 
text-align:left;
color:#ffffff; 
word-spacing:6px;
font-size:90%;
padding-right:10px;
}   
#menubar a:hover{
text-decoration:underline;
}
div#foto{
height: auto !important;  /* per i browser moderni */
height: 26em;      /* per IE5.x e IE6 */
min-height: 26em;  /* per i browser moderni */  
max-height:100%; 
width: 60%;;  /* per i browser moderni */
float:left;
}
div#dx{
float:left;

margin:0;
padding-left:.4em;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
/*border-left:thin dotted #333333; */
height: auto !important;  /* per i browser moderni */
height: 26em;      /* per IE5.x e IE6 */
min-height: 26em;  /* per i browser moderni */  
max-height:100%; 
width: auto !important;  /* per i browser moderni */
width: 26em;      /* per IE5.x e IE6 */
min-width: 26em;  /* per i browser moderni */  
max-width:60%; 
text-align:justify;
color:#333333; 
}
div#dx h3{
margin:1em 0 0 0;
padding:.3em 0 .3em .5%;
background-color:#333333;
color:#fff;
font-size:1.3em;
}
div#dx h2 a{
margin:0;
padding:.3em 0 .3em .5%;
background-color:#ffffff;
color:#006000;
font-size:1.3em;
}
div#dx img{float:right;margin:.5em;clear:right;}
div#dx p{text-align:justify; padding:.5em;}

thead{
background-color:#333333;
color:#ffffff;
font-size:84%;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
tbody{
background-color:#ffffff;
color:#333333;
font-size:84%;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
div.staff{clear:left;margin:2em;padding:.5em;border:thin solid #333333;text-align: left;}
div.infocopparo/*,.progetti*/{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
margin: 30px 30px 30px 30px;
border:thin solid #333333;
background-color:#ffffff;
color:#333333;
}
.staf{
padding:.1em; background-color:#333333;  color:#ffffff;
}

#mailing input,select{
display: block;
clear: both;
margin: 0.5em;
}

.att{
color: #a00;
font-size: 1.3em;
padding: 1em;
}

.chiaro img{
margin:2pt;
}
.chiaro{  
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#e0e0e0;
border:thin solid #000000;
padding:0.5em;
margin:0.5em;
height: auto !important;  /* per i browser moderni */
height: 10em;      /* per IE5.x e IE6 */
min-height: 10em;
width:25em;  
}
.scuro a{color:#AAEEFF;}

div #prestiti,#rientri,#cerca,#ricerca,#scaduti{
-moz-border-radius: 1em;
-webkit-border-radius:1em;
border-radius: 1em;    
border:thin solid #aaa;
float:left;

width:250px;      /* per IE5.x e IE6 */

margin:1pt;
padding:.5em;
background-color:#eeeeee;
background-image:url("../images/ultimi.png");
background-repeat:repeat-x;
min-height:26em;
max-height:100%; 
text-align:justify;
color:#000030;

}
div#prestiti h3,#rientri h3,#cerca h3,#ricerca h3,#scaduti h3{
margin:0;
padding:.5em;
color:#000;

font-size:1em;
clear:left;
}
div#prestiti  h2,#rientri  h2,#cerca  h2,#ricerca  h2,#scaduti h2 {
margin:0;
padding:.3em .3em .3em .3em;
color:#000;
font-size:1.3em;
text-align:center;
clear:left;
}
div#prestiti img,#rientri img,#cerca img,#ricerca img,#scaduti img{float:left;margin:2em;clear:left;}
div#prestiti a,#rientri a,#cerca a,#ricerca a,#scaduti a{color:#333; text-decoration:underline;}

.ris{border-bottom:thin dotted #005500;}
h3#ric{background-color:#000000;
color:#ffffff;}


#navi{-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
border:thin solid #333333;

background-color:#eeeeee;
color:#000000;
margin:0;
width:auto;
}
#navi a{color:#000000;}
#navi li{display:inline; padding:10px;list-style-type:circle;}
div#statistica{
clear:left;
min-height:26em;
max-height:100%; 
margin:0.2em;

padding:2em;  
width:auto;
}
 div#statistica h2{color:#000; -moz-border-radius: 1em;
-webkit-border-radius: 0.5em;
border-radius: 0.5em;
border:thin solid #000;
  padding:0.5em;
   background-image:url("../images/sfme.png");
   background-repeat:repeat-x;
   height:30px;}
   
div#statistica ol {padding:.5em;}
div.stat{width:250px;
float:left;
margin:0.2em;
border-right:thin solid #ddd;
height: auto !important;  /* per i browser moderni */
height:25em;      /* per IE5.x e IE6 */
min-height:25em;  /* per i browser moderni */  
padding:0.2em;
}
td{border:thin dotted #000000; text-align:center;width: auto !important;  /* per i browser moderni */
width:10em;      /* per IE5.x e IE6 */
min-width:10em;  /* per i browser moderni */  
max-width:20em;}
.scuro{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
height: auto !important;  /* per i browser moderni */
height: 10em;      /* per IE5.x e IE6 */
min-height: 10em; 
border: thin solid #e0e0e0;
color:#e0e0e0;
background-color:#333333;
padding:0.5em;
margin:0.5em; 
width:25em; 
}

fieldset{  -moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
margin-top:1em;
}
#upload{  
margin:30px 200px; padding:15px;  
font-weight:bold; font-size:1.3em;  
font-family:Arial, Helvetica, sans-serif;  
text-align:center;  
background:#f2f2f2;  
color:#3366cc;  
border:1px solid #ccc;  
width:150px;  
cursor:pointer !important;  
-moz-border-radius:5px; -webkit-border-radius:5px; 
border-radius: 1em; 
}
.success 
{
background-color: #99f099;
background-attachment: scroll;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #339933;
border-right-color-value: #339933;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #339933;
border-left-color-value: #339933;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
}
ul#files li 
{
padding:10px;
margin-bottom: 2px;
width: 200px;
float: left;
margin-right: 10px;
height: 200px;
}  
div #gallery img{display:inline;}
div#consigli{
height: auto !important;  /* per i browser moderni */
height: 150px;      /* per IE5.x e IE6 */
min-height: 150px; 
margin-bottom:5px;
padding:2px;
border-bottom:thin dashed #bbb;


}

div.cancella a img{border:none;}
div.cancella a:hover img{
background-image:url("../images/delete-icon.png");
background-repeat:no-repeat;
}
div.consiglio{    -moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background-color:#dddddd;
height: auto !important;  /* per i browser moderni */
height:120px;      /* per IE5.x e IE6 */
min-height: 120px;
max-height:100%;
float:left;
border:thin solid #aaa;
margin:1px; padding:5px;
text-align:center;
}
div.consiglio a{color:#ffaeea;}
div.consiglio a img{border:none;}
div#cd{width:200px;float:left;clear:left;} 
div#cd a img{border:none;float:left;} 
div#mail{width:200px;float:left;} 
div#mail a img{border:none;float:left;} 
p.warn {color: red;}
div#suggerimenti{width:300px;float:left;}
div.sugg input{float:right; margin:0.1em;}
div.sugg{ width:300px;
height: auto !important;  /* per i browser moderni */
height:100px;      /* per IE5.x e IE6 */
min-height:100px;
 border-left:thick dotted #88ff55;float:right;
}
div.proposta{
float:left; 
width:70px;
height:auto; 
/*border:thin solid #aaa;*/

text-align:justify;
margin:1em;
padding:0.5em;
}
div.proposta a img{border:none;}
div#consigli_presenti{margin:0.5em;border-top:dotted thick #99ff77;clear:left;padding:1em;}
div .vai_a_capo{width:1px;clear:left;}