.nascosto, hr{
position: absolute;
top: -10000px;
left:-10000px;
width: 0;
height:0;
clear:none;
}

body{ 
margin:0;
padding:0;
font-size:84%;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;

}
h4{margin: .5em .5em .5em .5em;}
div#corpo{
background-color:#Fff;
width:100%;
margin:0;
padding:0;
float:left;
}
div#head{    clear:both;
background-image:url("../images/TESTATA.png"); 
 background-repeat:repeat-x;                    
/*background-image:url("../images/headerHome.jpg");
background-repeat:no-repeat;              */
height:200px;
margin:2em 0 0 0;
padding:0;
width:100%;


}
div#logo{background-image:url("../images/logo.png");
background-repeat:no-repeat;
margin:2em;
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#col-sx{
margin:0;
padding:0;
float:left;
width:24%;
height:100%;
}
div#col-dx{
margin:0;
padding:0;

}
div#col-dx h3 a:link, div#col-dx h3 a:visited{
text-decoration:none;
color:#fff;
margin:0;
padding:0;
}
div#col-dx h3 a:hover, div#col-dx h3 a:focus, div#col-dx h3 a:active, div#col-dx h3 a.active{
text-decoration:underline;
color: #fff;
}

div#ragazzi{ 
float:left; clear:left;

width: auto !important;  /* per i browser moderni */
    width: 300px;      /* per IE5.x e IE6 */
    min-width: 300px;  /* per i browser moderni */  
max-width:40%;
margin:.5em;
padding-left:0;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
background:#fff;

min-height:26em;

max-height:100%; 

text-align:justify;
color:#333333;
}
div#ragazzi h3{
margin:0;
padding:.3em .5% 0  .5%;
color:#003000;
font-size:1.3em;
}
div#ragazzi h2{border-bottom:thin solid #003000;}
div#ragazzi h2 a{
margin:0;
padding:.3em 0 .3em .5%;

color:#003000;
text-align:center;
font-size:1.3em;
}
/*div#ragazzi img{float:right;margin:2em;clear:left;}     */
div .novita{
float:left; clear:left;

width: auto !important;  /* per i browser moderni */
    width: 300px;      /* per IE5.x e IE6 */
    min-width: 300px;  /* per i browser moderni */  

border-bottom:thin dotted #003000;

}
div.novita img{float:left;margin:1em;}

div#eventi{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
 border:thin solid #333333;
float:left;

width: auto !important;  /* per i browser moderni */
    width:300px;      /* per IE5.x e IE6 */
    min-width: 300px;  /* per i browser moderni */  
max-width:40%;
margin:.5em;
padding-left:0;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
background-color:#333;
min-height:26em;

max-height:100%; 
text-align:justify;
color:#fff;

}
div#eventi h3{ 
margin:0;
padding:.3em;
color:#000;   
background-color:#ccffaa;
font-size:1.3em;
clear:left;
}
div#eventi h2 a{
margin:0;
padding:.3em .3em .3em .3em;

color:#fff;
font-size:1.3em;
text-align:center;
clear:left;
}
div#eventi img{float:left;margin:2em;clear:left;}

div#eventi a{color:#aaeeFF;margin-left:1em;}
div#nuovi_arrivi{ 
float:left;
width: auto !important;  /* per i browser moderni */
width: 300px;      /* per IE5.x e IE6 */
min-width: 300px;  /* per i browser moderni */  
max-width:40%;
margin:.5em;
padding-left:0;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
min-height:26em;
max-height:100%; 
text-align:justify;
color:#333333;
}

div#nuovi_arrivi h3{
margin:0;
padding:.3em .5% 0 .5%;
/*background-color:#300000;*/
color:#300000;/*#fff;*/
font-size:1.3em;
}
div#nuovi_arrivi h2{border-bottom:thin solid #300000;}

div#nuovi_arrivi h2 a{
margin:0;
padding:.3em 0 .3em .5%;
color:#600000;
text-align:center;
font-size:1.3em;
}
div#nuovi_arrivi img{float:right;margin:2em;clear:left;}
div#fonoteca{
float:left; 
width: auto !important;  /* per i browser moderni */
    width: 300px;      /* per IE5.x e IE6 */
    min-width: 300px;  /* per i browser moderni */  
max-width:40%;
margin:.5em;
padding-left:0;
padding-top: .4em;
padding-right:0;
padding-bottom: .4em;
min-height:26em;
max-height:100%; 
text-align:justify;
color:#333333;
}
div#fonoteca h3{  clear:left;
margin:0;
padding:.3em .5% 0 .5%;
color:#000030;
font-size:1.3em;
border-bottm:thin solid #000030;
} 

div#fonoteca h2{border-bottom:thin solid #000030;}
div#fonoteca h2 a{
margin:0;
padding:.3em .3em .3em .5%;
font-size:1.3em;
color:#000030;
text-align:center;
}

div .bachecafono{ width: auto !important;  /* per i browser moderni */
    width: 300px;      /* per IE5.x e IE6 */
    min-width: 300px;  /* per i browser moderni */  
max-width:40%;margin:0; height:120px;                 
                  padding:0.2em;
                  border-bottom:thin dotted #9955ff;
                  }
div .bachecafono img{margin-right:2pt;float:left;clear:right;width:70px; height:90px;}
div.bachecafono p
{ 
  margin-top: 0pt;
  margin-right: 10px;
  margin-bottom: 0pt;
  margin-left: 10px;
  padding-top: 0pt;
  padding-right: 0pt;
  padding-bottom:10pt;
  padding-left: 5pt;
}


p.elenco {text-align:right;}
div#extra{
background-color:#ffffff;
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.link{
width:100%;
background-color:#fff;
float:left;
margin:0;
padding:0;
} 
div.link ul{
display:inline; 
}
div#back{
width:24%;
background:#F6F4F4;
margin:0;
padding:0 0 .5% 1%;
clear:both;
border-right:1px solid #ccc;
}
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.5em;
}
ul li a{
font-size:1em;
line-height:1.7em;
margin:0 0 0 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#ragazzi ul li{
margin:0 0 .3em 5%;
padding:0 2% 0 0;
line-height:1.5em;
}
div#ragazzi ul{
margin:0 0 15px 0;
padding:0;
}
div#menu2{ clear:both; 
padding: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: 30px;   background-image:url("../images/sfm3.png");
/*background-color:#eeFFaa; */
}
#menu2 ul{
padding:0;
margin:0;
}
#menu2 li{    
position: relative;
float: left;
list-style: none;
margin:0;
padding:0;
} 
#menu2 li a{
padding-left:1em;
padding-right:1em;
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:30px;
} 
div#menubar{ clear:both; 
padding:0 0 0 0.5em;
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;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
 #menubar a{  
font-weight: bold; 
text-align:left;
color:#ffffff; 
word-spacing:6px;
font-size:90%;
padding-right:10px;
}  

p.testohome{text-align:justify;margin:.5em;}
div#avvisi{
-moz-border-radius-bottomleft:1em;   -webkit-border-bottom-left-radius:1em;
-moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em;
border-left:thin solid #ccffcc ;
border-right:thin solid #ccffcc ;
border-bottom:thin solid #ccffcc ;
float:left;  clear:left;
margin:0;
padding:1em;
width:auto;
background-color:#eeffee;


}