/* piccola compagnia della magnolia
foglio di stile 
===============================*/

/* ========= TESTO GENERICO  ========= */

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

body{
font-size:76%;
text-align:left;
font-family: "Verdana", Verdana, sans-serif;
background: black;
color: white;
}

p{
padding:10px 15px 0px 15px;     /* sopra dx sotto sx */
}

h2{
color: #A42020;
}

li{
padding:0px 0px 0px 10px;
}

a:link {
text-decoration:underscore;
color:white;
}

a:visited {
text-decoration:underscore;
color:gray;
}

span#spaziato {   /* testo con interlina superiore */
line-height: 200%
}


/* ========= HOME PAGE  ========= */

div#header{              /* testata */
width:100%;
text-align:center;
overflow:hidden;
background: black;   
}


div#main{    /* parte principale (dove c'e' l'immagine di ingresso) */
width: 100%;
text-align: center;
overflow: hidden;
position: absolute;
z-index: 1;
top: 90px;  /* la testata e' alta 80px  */
}

div#strillo{           /* la sezione news nella homepage  */
width: 70%;
position: absolute;
z-index: 2;
top: 130px;
}

div#strillo p{
font-size:120%;
font-weight: bold;
text-align:center;
color: #A42020;
}
div#strillo h2{
text-align:center;
color: #A42020;
padding:0px;
    }
    
div#strillo a:link {
text-decoration:underscore;
color: #A42020;
}

div#strillo a:visited {
text-decoration:underscore;
color: #A42020;
}

div#footer{   /* il footer con la citazione */
width:100%;  
text-align: center;
position: absolute;
z-index: 2;
top: 520px;
}

div#footer p{  
font-family: "Verdana", Verdana, Sans-serif;    
/* font-family: "Courier New", monospaced; */
font-size:120%;
}


/* ========= PAGINE INTERNE  ========= */

div#header_interno{   /* testata */
width:80%;
padding: 5px 0px 0px 5px;   
overflow:hidden;
}

div#linea{    /* la linea rossa di separazione */
background:black url('imgs/common/linea.gif') repeat-x ;
width:100%;
padding: -5px;
margin: -5px;
}


div#navigazione{     /* il menu coi pulsanti a sinistra*/
float: left;
width: 200px
}

div#navigazione a:active{
text-decoration:none;
}
div#navigazione a:focus{
text-decoration:none;
}
div#navigazione a:hover{
text-decoration:none;
}
div#navigazione a:link{
text-decoration:none;
}
div#navigazione a:visited{
text-decoration:none;
}

div#sfondo{
position: absolute;
z-index: 1;
top: 90px;
margin-left: 220px;
overflow:hidden;
}

div#contenuto{
width:735px;
color: white;
position: absolute;
z-index: 4;
top: 90px;
margin-left: 220px;
overflow:hidden;
}

div#contenuto p{
padding:10px 15px 0px 15px;     /* sopra dx sotto sx */
}


/* ========= SPECIFICO PER LE SOTTO-PAGINE ========= */

div#sotto_navigazione{  /* la barra di navigazione in alto */
width:700px;
color: white;
background-color:#660000;
font-family: "Arial", Arial, sans-serif;
font-size: 120%;
position: absolute;
top: 75px;
margin-left: 220px;
}

div#sotto_navigazione li{
padding:0px;
margin:0px;
display:inline;
    }
div#sotto_navigazione ul{
padding:0px 8px 0px 8px;
margin:0px;
display:inline;
 /*background: #8c2020;  #A42020 */
    }
div#sotto_navigazione a:link{
text-decoration: None;
color: White;
}

div#sotto_navigazione a:visited{
text-decoration: None;
color: White;
}  
    
div#sotto_navigazione a:hover{
text-decoration: None;
color: White;
}


div#locandina{  /* il testo delle locandine degli spettacoli */
font-size:110%;
text-align:center;
}

div#cont_interno{       /* il testo delle sotto-pagine */
width:500px;
color: white;
position: absolute;
z-index: 4;
top: 120px;
margin-left: 220px;
overflow:hidden;
}

div#cont_interno p{
padding:10px 15px 0px 15px;     /* sopra dx sotto sx */
}

div#immagini{  /* la colonna delle immagini */
width:200px;
position: absolute;
z-index: 4;
top: 120px;
margin-left: 730px;
overflow:hidden;
}
div#immagini p{
text-align: center;
padding: 20px 0px;
margin: 0px;
}