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;
}

ul#navigazione{ clear:both;
list-style:none;
margin:0;
padding:0;
}

div#menuSX{
margin:.5em;
padding:2em;
float: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;text-decoration:none;}
div#menuSX a:hover{text-decoration:underline;}
div#menuSX ul{list-style:square;}
div#contattaci{
float:left;
margin:0;
padding-left:1em;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
background:#fff;

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;  
min-width:200px;
max-width:60%;
text-align:justify;
color:#333333;
}
div#contattaci h3{
margin:0;
padding:.3em 0 .3em .5%;
background-color:#333333;
color:#fff;
font-size:1.3em;
}
div#contattaci h2 a{
margin:0;
padding:.3em 0 .3em .5%;
background-color:#ffffff;
color:#333333;
font-size:1.3em;
}
div#contattaci img{float:right;margin:2pt;clear:left;}
div#contattaci p{text-align:right;}

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 a{
font-size:1em;
line-height:1.7em;
margin:0 0 0 0;
padding:0 0 0 0;
}
a:hover, a:focus, a:active{
text-decoration:underline;
color: #3344CC;

}
div#menu2{ clear:both; 
padding:0;
margin:0;
width: auto !important;  /* per i browser moderni */
       /* per IE5.x e IE6 */
    min-width: 800px;  /* per i browser moderni */  
          
height:30px;   background-image:url("../images/sfm3.png");
/*background-color:#eeFFaa; */
}
div#menu2 ul{
padding:0;
margin:0;
}
div#menu2 li{    
position: relative;
float: left;
list-style: none;
margin:0;
padding:0; line-height:30px;
} 
div#menu2 li a{
padding-left:1em;
padding-right:1em;
display:block;
text-decoration:none;
text-align: center;

color:#000000;
font-weight: bold; 
} 
div#menu2 li a:hover{
background-image:url("../images/sfm.png");
background-repeat:no-repeat;  
color:#333333;
line-height:30px;
} 
div#menubar{ clear:both; 
padding:0 0 0 0.5em;
margin:0;
width: auto !important;  /* per i browser moderni */
    /* per IE5.x e IE6 */
    min-width: 800px;  /* per i browser moderni */  
        
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; 
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
 #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;
}
/*#menubar ul{
padding:0;
margin:0;
}
#menubar li{text-align:center;  
  color:#fff;
position: relative;
float: left;  
list-style: none;    
margin: 0;
padding:0 0 0 1em; background-color:#333333; 
}  */

/*#menubar li a{  
font-weight: bold; 
text-decoration:none;
text-align:center;
line-height: 30px;
margin:0; float:left;
color:#ffffff;    white-space:nowrap;
} 
#menubar li a:hover{

color:#aaffff;
}*/

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: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;
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
background-color:#e0e0e0;
border:thin solid #000000;
padding:0.5em;
margin:1em;
height: auto !important;  /* per i browser moderni */
height: 10em;      /* per IE5.x e IE6 */
min-height: 10em;
width:25em;  
}
tr:hover{background-color:#dddddd; color:#000000; }
td{/*border:thin dotted #000000; text-align:center;    */

width: 10em !important;  /* per i browser moderni */
width: 10em;      /* per IE5.x e IE6 */
min-width: 10em; 
}
.scuro{
-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
-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:1em; 
width:25em; 
}

fieldset{  -moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 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#occupa{height:1px; width:800px;clear:right;}
div#mappa{
}
div#mappa li{padding-left:1em;}
div#mappa a{text-decoration:none;

}
div.risposte{width:100%;clear:left;
margin:0.5em;
padding:0.5em;
}
div.risposte strong{color:#880000;}