@charset "UTF-8";
/* CSS Scuola di Musica Popolare Ivan Illich */

html,body
{
  margin:0;
  padding:0;
}

body
{
  background:#fff;
  color:#000;
  text-align:center;
}


img
{
 border:none;
}


#contenitore{
    width:760px;
    padding:0;
	 margin:0 auto;
}

/*  contenuti*/
#box{
    float:left;
    width:510px;
 
}

#header{
  margin:0 0 20px 0;
  padding:0;
  text-align:right;
}

#contenuti{
 padding:0;
 margin:0;


}


/* menu*/

#nav{
    float:left;
    width:240px;
	
   
}

.head{
text-align:left;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top:125px;

  
}


.menu{
text-align:left;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
margin-top:80px;
border-left: 1px solid #c00; 
padding-bottom:80px;
margin-bottom:2em;
}


.menu ul {
 list-style-type:none;
  text-align:left;
  margin:0  0 15px 0;
  padding:0;
}

.menu li {
 list-style-type:none;
  text-align:left;
    padding: 5px;
}


.menu li a{
color:#000;
text-decoration:none;
}

.menu li a:hover{
color:#c00;
text-decoration:underline;
}


.menu li a#active{
color:#c00;
text-decoration:none;
}



/* contenuti*/
#contenuti h1{
   margin:0.3em 0 0 0;
  padding:0;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
}

#contenuti h2{
  margin:0.3em 0 2.5em 0;
  padding:0;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  text-align:left;
}

#contenuti h3{
  margin:0.3em 0 0.5em 0;
  padding:0;
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  color:#c00;
  text-align:left;
}


#contenuti ul{
 list-style-type:none;
  text-align:left;
  margin:0 15px 10px 15px;
  padding:0;

}

#contenuti li{
  margin:0.3em 0 0 0;
  padding:0 0 3px 0;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000;
 list-style-type:  circle;
  text-align:left;
    line-height:16px;
}


#contenuti p{
  margin:0.5em 15px 1.5em 0;
  padding:0;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color:#000;
  text-align:left;
  line-height:16px;
}

#contenuti h2{
  color:#c00;
  text-transform:uppercase;
}


#contenuti h2 a{
  color:#666;
  text-decoration:underline;
  text-transform:uppercase;
}

#contenuti h2 a:hover{
  color:#c00;
  text-decoration:underline;
}

#contenuti h2 a#act{
  color:#c00;
  text-decoration:none;
}


#contenuti p a{
  color:#666;
   text-decoration:underline;
  text-transform:uppercase;
}

#contenuti p a:hover{
  color:#c00;
  text-decoration:underline;
}
/* piedi*/

#piedi{
text-align:right;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
margin-top:8em;
margin-bottom:2em;
margin-right:1em;
color:#666;
border-top:  1px solid #c00;
padding:0.5em
}

#piedi a{
color:#000;
text-decoration:none;
}

#piedi a:hover{
color:#c00;
text-decoration:underline;
}

/*TESTO+IMG*/
div.textimage{
width: 510px;

}

div.textimage img{
float:right;
margin: 0 15px 15px 10px;
}

div.textimage p{
}

.indietro{
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-align:right;
border-top: 1px solid #666;
padding-top:5px;
margin-right:1em;

 }
.indietro a:hover{
  color:#c00;
  text-decoration:underline;
}

.indietro a{
  color:#666;
  text-decoration:none;
  text-transform:uppercase;
}




div.clearer{clear: left}

/*ARCHIVIO*/

#archivio { 
color:#000;
text-align:left;
margin:15px 0 15px 0.5em;
padding:1em 0 0 0;
}
#archivio p{
font-size:0.7em; 
color:#000;
text-align:right;
padding:0;
margin:0;   
}



#archivio a{ 
color:#000;
text-align:right;   
}

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

#archivio ul, #archivio li {
 text-align:right;
list-style-type:none;
padding:5px;
margin:0;

   }
   
 #archivio select{
 display:inline;
margin:0 0.5em 0 0;
padding:0;
border:#73848C 1px solid;
background-color:rgb(248,248,248); 
font-family:Arial,sans-serif;
font-size:11px;
   }
   
    #archivio label{
 display:inline;
 margin:0;
 padding:0;
font-size:0.7em; 
color:#000;
font-family: Arial, sans-serif;
   }
   
   
   input#go {
width:30px;
border:#73848C 1px solid;
background-color:rgb(248,248,248); 
color: #000;
font-weight: bold;
font-size:0.7em;
font-family:Arial, sans-serif;
padding:0;
margin:0; 
}

 select#go {
border:#73848C 1px solid; 
background-color:rgb(255,255,255);
color: #000;
font-size:0.8em;
font-family:Arial, sans-serif;
padding:0;
margin:0; 
}

/*FORM*/

input#iscriviti {
width:450px;
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
color: #000;
font-size:0.8em ;
font-family:Verdana,sans-serif; 
text-align:left;
}
label#iscriviti {
width:450px;
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
color: #000;
font-size:0.8em;
font-family:Verdana, sans-serif; 
}


textarea#iscriviti {
width:450px;
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
color: #000;
font-size:0.8em;
font-family:Verdana, sans-serif; 
}

input#invia {
width:80px;
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
color: #000;
font-weight: bold;
font-family:Verdana, sans-serif;
padding:0.3em; 
}

checkbox#invia {
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
color: #000;
font-weight: bold;
font-family:Verdana, sans-serif;
padding:0.3em; 
}

input#annulla {
width:80px;
border:#73848C 1px solid; 
background-color:rgb(248,248,248);
font-weight:bold;
color: #000;
font-family:Verdana, sans-serif; 
padding:0.3em; 

}

.labelAccesskey{
font-size:11px;
color:#ddd;
font-family:Verdana, sans-serif;
font-weight:bold;
}


.invia{
color:#ddd;
font-family:Verdana, sans-serif;
font-weight:bold;
}