/*GommaLayout Jerry Masslo mondoquarto.org Gennaio 2004 */


html, body {margin:0;height:100%}
body {
font-family: verdana,arial,tahoma,sans-serif;
text-align: center;
margin: 0;
padding: 0;
background:#336462;
font-size: 80%;
background-image:none;
background-attachment: fixed;
margin-bottom: 4%;

}
a {
text-decoration: none;
padding: .4em;
font-weight: bold;
}



.ColonnaSinistra a:visited, .ColonnaDestra a:visited, .ColonnaCentro a:visited{font-style:italic}

p {
margin: 0;
padding: 0;
}
#Contenitore {
width: 90%;
margin: auto;
background-color: #e8eaee;
margin-top: 1%;
margin-bottom: 1%;
position:relative;
z-index:10;
border-left:1px solid #417e7b;
border-right:1px solid #417e7b;
}
h1, #BordinoSopra, #BordinoSotto {
font-family: georgia,garamond,serif;
font-size: 12px;
margin: 0;
font-weight: bold;
color: #e8eaee;
background-color: #417e7b;
}
#Xh1,#Xh2 {
background-color: #cf6c67;
padding: .3em;
}
#Xh1 {position:relative;
top:-.1em}
#Xh2 {position:relative;
top:.1em}

#Testata {
color: white;
background-color: #cf6c67;
}
#Menu {
background:#cf6c67;
text-align: left;
/*padding-top: 1em;*/
/*padding-bottom:1em;*/
margin:0;
font-weight: bold;
padding-top:.4em;
}
.Mole a {color: white;
font-weight:bolder
}
.Mole a:hover {color: gray}



#Menu li, #Menu ul, #Interruttore1 li, #Interruttore1 ul, #Interruttore2 li, #Interruttore2 ul, #Interruttore3 li, #Interruttore3 ul, #Piede ul, #Piede li {display: inline;margin:0;padding:0;color:#ffe3bb}


#Menu ul, #Menu li  {display:block;
}
#Menu ul {padding-left:.4em}



#Menu li {list-style:none;
width:auto;
float:left;
}

#XMenu {
background-color: #417e7b;
padding:.4em;
padding-bottom:0;
}




#Corpo {
color: #2C0040;
line-height: 1.7em;
text-align: left;
background-color: #E8EAEE;
}

#SottoMenu {
position:relative;
padding:0;
background-color: #417e7b;
text-align:left;
z-index:6;
margin:0
}


#Interruttore1, #Interruttore2, #Interruttore1 a, #Interruttore2 a, #Interruttore3, #Interruttore3 a {font-weight: bold;
padding-top: .5em;
padding-bottom: .5em;
text-align:center;
}
 #Interruttore3 {margin-bottom:-.8em;
 margin-left:40%
 }

#Interruttore1 {float:right;
width: auto;
margin-right: 1%;
background: #417e7b;
font-size:.9em;
position:relative;
top:-.6em;

}
#Interruttore2, #Interruttore3 {position:relative;
z-index:4;
top:1em;
display:inline;
background:#d88985;
}



h5 {display:inline;margin:0;padding-left:.2em;padding-right:.2em;background:silver;font-size:.9em;color:black;font-weight:normal}



#Impostazioni, #VecchieVersioni {
position:absolute;
display: none;
background-color: #417e7b;
width: 56%;
right:0;
line-height: 2em;
text-align: left;
z-index:30;
top:0
}

#Padding {
padding: 1%;
text-align: center}



.Mole {color: white;
font-size: .8em;
padding:.1em;
position:relative;
z-index:2;
}
.Molina {margin-bottom:-.6em;margin-top:-.4em;}


.Mole a{ 
/*font-size: 1.1em;*/
padding: .2em;
/*color: #E8EAEE;*/
text-decoration: none;
/*font-weight: bold;*/
background-color: gray;
}
.Mole a:visited {
/*color: #E8EAEE;*/
background-color: gray;
}
.Mole a:hover {
/*color: #41435d;*/
background-color: #E8EAEE;
}

.ColonnaSinistra {
width: 49%;
float: left;
text-align: left;
}
.ColonnaDestra {
width: 49%;
float: right;
text-align: left;
}

#Piede {
clear: both;
padding: 1%;
background-color: #E8EAEE;
}



Img#Gomma {
width: 100%; 
}
img#Gomma2 {width:20%;
vertical-align:middle;
border:2px solid white;
}


#Colonnone {
margin-top: 1em;
font-size: 1em;
text-align: left;
font-weight: normal;
}

h6 {padding:1.5em;
padding-top: 0;
font-size:.9em;
padding-bottom:0;
}


#Salvataggio {width:50%;
position: absolute;
bottom: 5%;
}
.Scelta {font-weight: normal;
width: 100%;
}


hr {
width:60%;
text-align:center;
background:silver;
height:1px;
border:0
}
.Clear {clear:both;
height:1px;
margin:0;
padding:0;
}


.Clear2 {clear:both;
height:0px;
line-height:0px;
font-size:1px;
}




.Nascondi {display: none}


#AiutoCar {
width:80%;
display:none;
position:absolute;
z-index:51;
background:gray;
color:white;
line-height:1.2em;
font-size:1.2em;
border:1px solid silver;
padding:.6em;
left:1%;
top:1em;
}
.Padding {width:90%;margin:auto;
position:relative;
}

select {
background:#f7f7f7;
color:#994d69;
/*font-size:1.8em;
line-height:1.6em*/
}

.ColonnaSinistra a, .ColonnaDestra a, .ColonnaCentro a {text-decoration:underline}

.Cerca h4 {
font-size:.8em;
margin:0;
padding-right:.4em}


form {margin:0}
cite {
border:1px solid silver;
font-style:normal;
display:block;
width:40%;
float:right;
margin-bottom:1em;
padding:.6em;

}
.ColonnaCentro {padding-right:10%;
padding-left:10%;
}
.relativoAccendi {position:relative;
}
#Matrice {position:absolute;
display:none;
background:gray;
color:white;
top:.4em;
left:.4em;
cursor:move;
padding:.4em
}
.Chiusura a {color:#676767;
background:#f0f0f0;
border-bottom:1px solid #676767;
border-left:1px solid #676767;
border-top:1px solid white;
border-right:1px solid white;
padding:.1em;
padding-right:.2em;
padding-left: .2em;
font-weight:900;
}
.Chiusura a:hover{color:white;
background:gray;
border-bottom:1px solid silver;
border-left:1px solid silver;
border-top:1px solid white;
border-right:1px solid white;
padding-bottom:0;
}

.PreImpostate {font-size:1.2em;
}
select {line-height:1.2em}

#Cercatore {width:60%;
float:left}

.Cerca {text-align:right;margin-top:.8em;padding-right:.4em;
width:40%;
float:right
}
.Cerca p {display:inline}

.Gomma {width:100%;
font-size:.9em;
}
h2 {font-size:.9em;
padding-left:.8em;
padding-right:.8em;
}
h3 {font-size:.85em;
padding-left:1em;
padding-right:1em
}


#SottoVoci {
text-align:left;
margin-left: 1%;
}



#SottoVoci ul {list-style-type:none;
padding:0;
margin:0;

}
#SottoVoci li {
display:block;
width:auto;
float:left;
margin-left:.2em;
background-color: #cf6c67;
font-weight:bold;
padding-top:.2em

}

#SottoVoci a {
display:block;
padding-bottom:0;
padding-top:.2em;
}
#SottoVoci li a:hover {
position:relative!important;
top:.2em;
position:static;

}





.PortaSotto{
text-align:left;
margin-left:1%;
padding-left:.2em;
position:relative;
}





#SottoVoci2 {
text-align:left;
position:absolute;
top:0;
width:100%;
z-index:4;
}


 #SottoVoci2 li, #SottoVoci2 ul {
 margin:0;
 padding:0;
 }
#SottoVoci2 li {margin-left:.2em;
width:auto;
float:left;
list-style:none;

}
 
 #SottoVoci2 ul a{font-weight:normal;
 }


#XMenu2 {
padding-bottom:.4em;
border:.2em solid silver;
}
#SottoVoci2 ul {display:none
}

.Inizio {width:60%;
float:left;
padding-top:0;
margin-top:0;
}

#Sotto {width:94%;
border:1px solid silver;
margin-left:3%;
padding-top:2em
}

.box {width:1em;
height:1em;
background: rgb(100, 100, 121);
font-weight:bold;
float:left;
border-top:1px solid #663399;
border-bottom:1px solid #ff9966;
border-left:1px solid #999933;
border-right:1px solid #cc0099;
cursor:pointer;
font-size:1em;
line-height:1em;
}
#pannello {width:80%;
background: gray;
margin:auto;
padding:1em;
margin-left:8%;
}
.pannello {width:80%;
background: gray;
margin-left:8%;
padding:2em
}


#nuovoPannello {padding:1em;
background:silver
}
.nuoviColori {width:1em;
height:1em;
border-top:1px solid silver;
border-left:1px solid silver;
float:left;
cursor:pointer;
}

.Chiusura{
color:white;
font-family: verdana,sans-serif;
text-align:right;
float:right;
}
.Chiusura a {font-style:normal;
text-decoration:none
}


pre {font-weight:bold;
width:98%;
overflow:auto;
font-size:1.2em;
font-family:monospace
}