/*************************************************/
/*CollaEMollaLayout  menu css a comparsa + position: fixed - cross-browser - inizio sera 12 settembre 2004 -
/*Jerry masslo di mondoquarto.org*/
*{margin:0;padding:0}


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





.inizio {
margin-left:20px;
margin-bottom:1em
}

#primo {font-size:.1em;
position:absolute;
top:0;left:0;
width:20%
}
.primo {
padding-bottom:1em;
color:#ddddee;
text-align:center;
position:relative;
margin-left:1em;
margin-right:1em
}

.giallino {
color:#ddddee;
padding-left:20px;
padding-top:.6em;
padding-bottom:.6em;
line-height:1.3em
}

.largo {padding-right:20px}
.giallino a {background:#6b7d81;
color:#ddddee;
padding:.3em;
padding-top:0;
padding-bottom:0

}
.giallino a:hover {
background:#9a4e4b;
color:#ddddee;
}

.grande {font-size:1.2em;
color:#17ceca;
font-style:italic;
}
.piccolo {font-size:.5em}

.evidente {color:#ee6363;
font-size:1.4em}

.evidente2 {color:#ffc140}

.giallino:first-letter {color:#ee6363;
font-size:2em;
text-decoration:none;
font-weight:bold
}


h2 {font-size:1.3em;
color:#1a5148;
background:#ecffd2;
padding:1em;
text-align:right;
border-left:20px solid #1a5148

}
.verdone {
background:#ecffd2;
color:#1a5148;
padding:1em;
padding-top:.3em;
padding-bottom:.6em;
border-left:20px solid #9a4e4b;
}





h2:first-letter, .verdone:first-letter, .verdone:first-letter {color:#c0698a;
font-size:1.4em;
}

h3 {font-size:1.2em;
color:#ecffd2;
background:#9a4e4b;
font-weight:bold;
border-right:20px solid #ecffd2;
padding-right:20px;
background:#9a4e4b;
padding-left:10%;
}

.arancio {color:#ecffd2;
background:#9a4e4b;
padding-left:1em;
border-right:20px solid #ecffd2;
font-size:1em;
padding-bottom:1em
}

h3:first-letter {font-size:3em;
color:#9a4e4b;
background:#ecffd2;
border-left:1em solid  #ecffd2;
font-family:georgia,serif;
border-top:.1em solid #ecffd2;
}
.arancio:first-letter {font-size:2.2em;
color:#ecffd2;
}



h4 {font-size:1em;
color:#9a4e4b;
background:#55d2b6;
padding-left:0;
line-height:1.2em;
border-left:40px solid  #9a4e4b;
margin-right:20px;
border-right:20px solid #9a4e4b;
}

.marina {
color:#1a5148;
background:#ecfad3;
background:#55d2b6;
padding:1em;
margin-right:20px;
margin-left:40px;
border-right:20px solid #55d2b6;
line-height:1.4em;
border-right:20px solid #9a4e4b;
}
h4:first-letter {font-size:3em;
color:#55d2b6;
background:#9a4e4b;
font-style:italic;
}
.marina:first-letter {color:#9a4e4b;
border:0;
font-style:normal;
font-weight:bold;
font-size:2.2em

}
a.marinara  {background:#1a5148;
color:#ecfad3;
padding:.2em
}

a.marinara:hover {background:#55d2b6;
color:#1a5148;
}


h5 {font-size:.8em;
color:#f3fdbd;
background:#1a5148;
text-align:center;
font-weight:normal;
margin-right:20px;
margin-top:2em;
margin-bottom:2em;
line-height:1.2em
}

img {border:0}







.piede {text-align:center;
padding-bottom:3em;
z-index:0;
text-align:center;
border-top:0;
}
.piede a {
color:#ff8448;
border:2px solid #1a5148;
font-weight:bold;
text-decoration:none;
background:#1a5148;
padding:.4em;
}

.piede a:hover {border-bottom:2px solid #ff8448;
color:#55d2b6;
background:#1a5148;
padding-top:0;
padding-bottom:0
}


.titolo, .rilievo {
position:fixed!important;
position:absolute;
font-size:3.4em;
width:100%;
top:1em;
font-family:georgia,serif;
z-index:2;
text-align:center;
letter-spacing:.2em;
font-family:georgia,serif;
}

.titolo {color:#845a47;
color:#8a6461;
color:#905a58;
font-style:italic;
}

.rilievo{
margin-top:0;
margin-left:-2px!important;
margin-left:-8px;
color:#41bab7;
color:#17ceca;
}

.titolo span, .rilievo span {
letter-spacing:1em;
text-decoration:overline;
}
.rilievo span {color:#ffc140}

.nina {color:#17ceca;
font-size:.8em;
font-weight:bold;
}
/*principale */




body{
background:#ac6d6a;
overflow:visible!important;
overflow:hidden;
font-family:verdana,tahoma,arial,sans-serif;
font-size:80%;
}


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

}


.inferiore{
border: 6px #1a5148 solid;
background:#1a5148;
width:84%;
margin:auto;
text-align:left;
position:relative
}


.menu1, .menu2, .menu3 {
position:fixed!important;
position:absolute;
width:31%;
color:#fffefc;
top:0!important;
top:-22em;
}

.menu1 a, .menu2 a, .menu3 a {text-decoration:none}
.menu1 {left:0;z-index:13}
.menu2 {left:31%;z-index:12}
.menu3 {left:61.9%;z-index:14!important;
z-index:11
}

ul {
display:none!important;
display:block;
font-weight:bold;
padding-top:2.3em;
top:-.3em;
border:1px solid #9a4e4b;
border-top:0;
position:relative;
width:99%!important;
width:100%;
background:#e0c0a9;
}

.menu1:hover ul, .menu2:hover ul, .menu3:hover ul
{display:block!important}

ul {
list-style:none;
}
li p {color:#327247;
padding-left:.4em;
padding-right:.4em;
font-weight:normal
}

.molla {
position:absolute;
z-index:60;
width:100%;
display:block;
height:1.5em!important;
height:23.5em;
background:#9a4e4b;
color:#ebe7fe;
cursor:pointer
}
.molla span {position:absolute;
bottom:0;
right:0;
width:98%!important;
width:100%;
font-weight:bold;
/*background:#9a4e4b;*/

}

a.molla:hover
{
position:absolute!important;
position:relative;
background:#b83f2e;
color:#fffefc;
}


.mol {display:block;
color:#9a4e4b;
margin-left:10%;
width:auto!important;
width:100%;
}

a.mol:hover {background:#429391;
background:#c6805e;
color:#fffefc;

}



.mol span {
position:absolute;
width:50%;
padding:.4em;
visibility:hidden;/*col display gli span persistono*/
border:1px solid #9a4e4b;
z-index:40;
background:#c6805e;
color:white;
min-height:7em;
height:auto!important;
height:9em;
text-align:left;
}

.menu1 .mol span, .menu2 .mol span {
top:2em;
bottom:auto;/*browser monopolio versione 5 necessita indicazione bottom*/
left:100%;
}
.menu3 ul {position:relative}
.menu3 .mol span {left:0;
bottom:-8em!important;
bottom:-6em;
height:6em;
width:110%;
}

a.mol:hover span {visibility:visible}

a.chiudi {position:relative;
display:none!important;
display:block;
width:1em;
left:90%;
font-weight:bold;
z-index:40;
margin-top:-1.4em;
top:1.4em;
background:#b83f2e;
color:#fffefc;
text-align:center;
border:1px solid #ffe6fb;
}

a.chiudi:hover {
margin-top:22.3em;
cursor:default;
color:#b83f2e;
background:#ffe6fb;
border:1px solid #b83f2e;
}

.pezza {
position:fixed!important;
position:absolute;
width:100%;
z-index:10!important;
z-index:0;
background:#9a4e4b;
height:1.5em;

}




.fascia {
position:absolute;
z-index:6;
width:2%!important;
width:61em;
left:0!important;
top:3em;
left:-31em;
text-align:left;
}



.fasciaSpingi {
display:none!important;
display:block;
position:absolute;
width:30em;
padding:.2em;
left:2em;
top:0;
z-index:10;
font-family:monospace;
text-align:right;
background:#b83f2e;
background:#9a4e4b;
color:#fffefc;
border:1px solid #a3d6d5;
border-left:0;
text-decoration:none;
font-weight:bold
}

.mostraMoz {
display:block!important;
display:none;
width:1em;
background:#9a4e4b;
color:#fffefc;
border:1px solid #a3d6d5;
border-left:0;
text-decoration:none;
font-weight:bold;
position:absolute;
text-align:center;
z-index:10;

}



a.fasciaSpingi:hover {position:relative;
float:left;
text-align:left
}

.fasciaSotto{width:28em;
float:none!important;
float:left;
top:0;
left:0!important;
left:1.4em;
visibility:hidden!important;
visibility:visible;
background:#a3d6d5;
color:#b83f2e;
border:2px solid #9a4e4b;
border-top:.8em solid #9a4e4b;
z-index:11;
position:relative;

}

.fasciaSotto a {
color:#562355;

}

.fasciaSotto a:hover {color:#6401e9;
}


.moz {position:absolute;
left:0;
width:5000%;
z-index:0;
display:block!important;
display:none;
visibility:hidden;
padding-top:3em;
top:-3em;
z-index:8;

}

.chiudiMoz {
position:relative;
display:block;
width:1.8em;
margin-bottom:50em;
margin-left:28.3em;
cursor:default;
background:#a3d6d5;
color:#9a4e4b;
border:1px solid #9a4e4b;
text-decoration:none;
text-align:center;
font-weight:bold;
}

a.chiudiMoz:hover {
display:none;
}
.fascia:hover .fasciaSotto {
visibility:visible!important}
.fascia:hover .moz {
visibility:visible
}


.riporta {
display:none!important;
display:block;
width:1em;
padding:.2em;
float:left;
margin-left:-1em;
background:blue;
position:relative;
left:26em;
top:0;
cursor:default;
z-index:14;
background:#9a4e4b;
color:#fffefc;
border:1px solid #a3d6d5;
text-decoration:none;
font-weight:bold

}
a.riporta:hover {
margin-left:3em
}




.pezza2 {position:absolute;
width:50em;
height:60em;
background:#ac6d6a;
background:#ac6d6a;
border-right:6px #1a5148 solid;
z-index:22;
left:-50em;
top:0;
display:none!important;
display:block
}


.flotta {
width:48%;
float:left;
}
.flottaR {width:44%;
width:40%!important;
float:right
} 

.fasciaSotto  {padding:0;
margin:0
}
.fasciaSotto p {padding:.6em;
padding-bottom:1.4em;
}
.fasciaSotto h4 {margin:0;
border:0;
background:transparent;
padding-top:0;
}