/*************************************************/
/*CollaEMollaLayout  menu css a comparsa + position: fixed - cross-browser - inizio sera 12 settembre 2004 -
/*Jerry masslo di mondoquarto.org*/
.titolo, .rilievo {
position:fixed!important;
position:absolute;
font-size:3em;
width:100%;
font-family:georgia,serif;
z-index:2;
text-align:center;
letter-spacing:.2em;
font-family:georgia,serif;
}

.titolo {
color:#719b96;
font-style:italic;
}

.rilievo{
margin-top:0;
margin-left:-2px!important;
margin-left:-8px;
color:#417268;
}

.titolo span, .rilievo span {
letter-spacing:1em;
text-decoration:overline;
}
.rilievo span {color:#ff712d}
*{margin:0;padding:0}

body{
background:#7ab4a8;
overflow:visible!important;
overflow:hidden;
font-family:georgia,serif;
font-size:80%;
}


#centrato{
position:relative;
width:100%;
z-index:3;
text-align:center;
height:100%;
overflow:hidden!important;
overflow:auto;
padding-top:10em;
}


.inferiore{
text-align:left;
position:relative;
z-index:10
}

hr {width:50%;
margin:auto!important;
margin-left:25%;
color:#ddddee;
}

h1 {color:#7ab4a8;
background:#417268;
margin-left:5%;
margin-right:15%;
margin-bottom:0;
position:relative;
bottom:-1em;
padding-bottom:2em;
font-size:2em;

}

h1 .css {font-size:2em;
font-style:italic
}
h1 .fixed {color:#afd1ca;

}
h1 .tendina {color:#ff8448;

}


h2 {
font-size:1.2em;
padding:.6em;
background:#afd1ca;
color:#f04e00;
text-align:justify;
margin-left:10%;
margin-right:10%;
}
h2 span {text-align:center;
display:block
}
.verdone {
padding:.6em;
color:#233f39;
line-height:1.3em;
background:#afd1ca;/*monopolio 5 senza fa lo scemo cogli span*/
margin-left:10%;
margin-right:10%;
padding-bottom:3em

}


a.verdello {background:#ff8448;
color:#1a5148;
padding-left:.4em;
padding-right:.4em;
font-weight:bold;
font-family:georgia,sans-serif;
text-decoration:none;

}
a.verdello:hover {background:#2d8a77;
color:#e9ffe1;/*incredibile - senza questo sul monopolio
non funziona il sucessivo*/
}
a.verdello  span {visibility:hidden;
position:absolute;
top:0;
left:20%!important;
left:10%;
bottom:auto;
width:20em;
background:#417268;
color:#eafbff;
border:1px solid #7ab4a8;
z-index:10;
padding:.6em;
}

a.verdello:hover span  {visibility:visible;
}

a.verdello:hover {background:#417268;
color:#eafbff;/*incredibile - senza questo sul monopolio
non funziona il sucessivo*/
}


.valido {text-align:center;
padding-bottom:3em;
}

h3 {font-family:georgia,serif;
color:#417268;
}

h4 {
color:#1a5148;
padding-bottom:1em
}

.sinistra, .destra {
list-style:none;
background:#ffc140;
}

.sinistra li, .destra li {width:auto;
margin:.4em;
color:#233f39;
}

.sinistra li {
float:left;
}
.destra  li{
float:right
}


.sinistra li a, .destra li a {
display:block;
text-decoration:none;
padding:.4em;
background:#417268;
color:#eafbff;
font-weight:bold;
font-size:.9em;
letter-spacing:.2em;
position:relative;
}
.sinistra li a {border-left:8px solid #afd1ca}
.destra li a {border-right:8px solid #afd1ca}

li a:hover {background:#afd1ca;
color:#f04e00;
}
.sinistra li a:hover {border-left:8px solid #417268}
.destra li a:hover {border-right:8px solid #417268}




.clear {clear:both;
font-size:0
/*height:1px;*/
}

.sinistra li a span, .destra li a span {
padding:.6em;
position:absolute;
z-index:20;
bottom:2.2em;
width:12em;
background:#417268;
color:#eafbff;
border-top:4px solid #afd1ca;
border-right:4px solid #afd1ca;
visibility:hidden;
display:block;
height:auto;
letter-spacing:0;
font-size:.9em;
font-family:verdana,tahoma,arial,sans-serif;
}


.destra li a span {right:-8px!important;
right:-1px
}
.sinistra li a span {left:-8px!important;
left:-13px;}




li a:hover span {visibility:visible;}

.collegamenti {
background:#ff8448;
text-align:left;
padding:1px;
margin-left:15%;
margin-right:5%;
width:auto!important;
width:100%;
position:relative;
padding-top:2em;
top:-2em;
z-index:30
}
img {border:0}