html {height: 100%;}

body {background: white; font-size: 12pt; font-family: "Times New Roman", Times, serif; line-height: 1em; }

a {color:#000000; text-decoration:none;}
a:hover {text-decoration:none; color:red;}
a.news:hover {background-color: #FDFFDF; color: #000000; display: block;}

ul, li {margin-left: 0px; padding-left: 0px;}
ul.listaArt {margin-top: 15px; list-style-image: url(../images/bullet_red.gif)}
ul.lista {margin-top: 15px; list-style-image: url(../images/bullet_red.gif)}
ul.lista li {list-style-position : outside; padding-bottom: 8px;}
ul.listaArt li {list-style-position : outside; padding-bottom: 2px;}
ul.listaDynPage li {list-style-position : outside; padding-bottom: 15px; margin-left: 15px;}

#box {position: relative; background-color: #ffffff; text-align: left; border: none;}

#civetta {border:1px ridge red; } 

#top {display: none;}
		
#content {position: relative; float: left; width: 458px; background-color: gray; border: 1px dashed red;}

#sidebar-a {display: none;}

#sidebar-b {float: right;width: 200px; \width: 210px; w\idth: 200px; margin: 0px; margin-left: 5px; padding: 5px; background-color: rgb(235, 235, 235);}		

#ombra-footer {display: none;}

#footer {position: relative; background: #ffffff; width: 746px; top: -3px;  left: -3px; padding: 1px 0px 2px 0px; border: 1px solid black; text-align: center; clear: both;}

#civetta {border:1px ridge red; } 

#titolo-divScroller1 {display: none;}

#civetta {border:1px ridge red;} 

#divScroller1 {position: relative; float: left; background-color: #ffffff; z-index:9; width: 100%; border: none;}

#civetta {border:1px ridge red; } 
/**   text-align: justify; **/

.dynPage {position: absolute; z-index:10; left:0px; top:0px; visibility: hidden; padding-right: 10px; padding-left: 10px; font-family: "Times New Roman", Times, serif; font-size: 12pt;  color: black; border: 0px;}
.dynPage a {font-family: "Times New Roman", Times, serif; font-size: 12pt; color: #000000;}
.dynPage a:hover {font-family: "Times New Roman", Times, serif; font-size: 12pt; color:red;}

/**  color:#990066; **/
#titolo {width: 100%; font-size: 16pt;  font-weight: bold; color: #C9695D; text-align: center; padding-bottom: 5px; border: none;}
.sottotitolo {font-size: 14pt;}

.td-titolo {padding: 7px; text-align: right; vertical-align: top;}
.td-testo {padding: 7px; font-weight: bold; vertical-align: top;}

.bgGuidoncino2 {background-image:url(../images/sfondo/guidoncino5.jpg); background-repeat: no-repeat; background-position: 180px 70px;}

.bgGuidoncino {background-image:url(../images/sfondo/guidoncino5.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 190px 140px;}

.bgLions {background-image:url(../images/sfondo/logolions.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: 0px 31px;}

.bianco {background-color: #ffffff;} 

#ombra-stat {position: relative; background-color: #bdbdbd; left: 13px; margin-top: 15px; float: left;}
#statistiche {position: relative; background-color: #ffffff;  background-image:url(../images/cavallo.gif); background-repeat: no-repeat;  background-position: bottom center; z-index:12;  width: 140px; padding: 0px; padding-bottom: 5px; top: -3px; left: -3px; border: 1px; border-color: #000000; border-style: solid; voice-family: "\"}\""; voice-family:inherit; width: 138px;}

#civetta {border: 1px ridge red;} 

/** MENU 2 ** roll-over basato sui colori e sui bordi laterali **/
/**  position:absolute; top: 210px; left: 18px; **/
#ombra-menu {position: relative; background-color: #bdbdbd; left: 13px; margin-top: 15px; float: left;}
#menulaterale {position: relative; background-color: #C9695D; color: black; z-index:12; top: -3px; left: -3px; width: 140px; border: 1px; border-color: #000000; border-style: solid; voice-family: "\"}\""; voice-family:inherit; width: 138px;}

#civetta {border:1px ridge red; } 

ul.menu2 { 
width: 138px;
list-style: none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu2 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding: 2px; /* lascia spazio far il bordo del menu e il testo del link */
height: 3em; line-height: 3em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
border-width:2px;border-style:none solid; /* aggiungo dei bordi laterali */
}
ul.menu2 li {display:inline;} /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu2 li a:link, ul.menu2 li a:visited { 
background: #FFFFEC;
border-color: #FFFFEC;
} /* colori per il link */
ul.menu2 li a:hover, ul.menu2 li a:active { 
background: #eee;
color: #c00;
border-color: #C45809;
} /* colori per l'effetto roll-over */

#titolo-links {display: none; background-color: #ffffff; position: absolute; right: 9px; top: 150px; border-width: 1px 1px 0px 1px; border-color: #bbbbbb; border-style: solid; padding: 1px 5px 2px 5px; z-index: 50; color: #C9695D;background-image: url(../images/sfondo/sfondo_gray.gif);}
#links {display: none; position: absolute; background-color: #ffffff; overflow: auto; z-index:11; left: 618px; top: 168px; width: 141px;  height: 150px; padding-left: 20px; padding-top: 10px; padding-right: 10px; border-width: 1px 1px 1px 0px; border-color: #bbbbbb; border-style: solid; line-height: 13px; voice-family: "\"}\""; voice-family:inherit; width: 110px;} 

#civetta {border:1px ridge red; } 

#font  {display: none; position: absolute;  background-color: #ffffff; z-index:12; left: 618px; top: 420px; padding: 1px; border-width: 1px 1px 1px 0px; border-color:#bbbbbb; border-style: dashed;}
#font a:hover {background-color: #f2f2f2;}

#civetta {border:1px ridge red; } 

#arrows {display: none; position: absolute; background-color: #ffffff; z-index:12; left: 618px; top: 340px; padding: 0px; line-height: 15px; font-weight: bold; text-align: center; border-width: 1px 1px 1px 0px; border-color: #bbbbbb; border-style: dashed;}
#arrows a {display: block;}
#arrows a:hover {background-color: #f2f2f2;}

#civetta {border:1px ridge red; } 

/* top: 107px;  */
#data {display: none; position:absolute; z-index:22; color:#000000; right: 0px; top: 4px; padding-right: 10px; padding-left: 5px; border: 0px; border-color:#bbbbbb; border-style:dashed; text-align: center;  font-size:10px;}

#titolo-home {background-color: #ffffff; position: absolute; left: 159px; top: 135px; border-width: 1px 1px 0px 1px; border-color:#bbbbbb; border-style: solid; padding: 1px 5px 2px 5px; z-index: 50; color: #C9695D;}
/* Valori percentuali: top: 36%;  height: 420px; top: 179px; */

#home {position: absolute; background-image: url(../images/sfondo/logolions.gif); overflow: hidden; background-color: #ffffff; z-index: 22; color:#000000; text-align: center; width: 256px; left: 159px; top: 153px; padding: 10px 5px 10px 5px; border: 3px; border-color: #bbbbbb; border-style: double; voice-family: "\"}\""; voice-family:inherit; width: 240px;}

#civetta {border:1px ridge red; } 

#titolo-guidoncino {background-color: #ffffff; position: absolute; left: 425px; top: 135px; border-width: 1px 1px 0px 1px; border-color: #bbbbbb; border-style: solid; padding: 1px 5px 2px 5px; z-index: 50; color: #C9695D;}
#guidoncino {position: absolute;  background-color: #ffffff;  z-index:23; width: 167px; left: 425px; top: 153px;  border: 3px; border-color: #bbbbbb; border-style: double; padding: 0px; text-align: center; voice-family: "\"}\""; voice-family:inherit; width: 161px;}

#civetta {border:1px ridge red; } 

#titolo-service {background-color: #ffffff; position:absolute; left: 425px; top: 380px; border-width: 1px 1px 0px 1px; border-color: #bbbbbb; border-style: solid; padding: 1px 5px 2px 5px; z-index: 50; color: #C9695D;}
#service {position: absolute;  background-color: #ffffff; text-align: center; z-index:23; width: 167px; left: 425px; top: 398px;  border: 3px; border-color: #bbbbbb; border-style: double; padding: 3px; voice-family: "\"}\""; voice-family:inherit; width: 155px;}

#civetta {border:1px ridge red; } 

#login {background-color: #ffffff; background-image:url(../images/sfondo/logolions.gif); background-repeat: no-repeat; position: absolute; z-index:12; left: 250px; top: 215px; padding:5px; border-width: 1px; border-color: #bbbbbb; border-style:solid;}
#uc {position:absolute; z-index:12; left: 200px; top:250px; width:477px;}

/* Valori assoluti: top: 163px; height: 273px;  top: 153px; right: 10px; */
#titolo-news {background-color: #ffffff; position:absolute; left: 602px; top: 135px; border-width: 1px 1px 0px 1px; border-color: #bbbbbb; border-style: solid; padding: 1px 5px 2px 5px; z-index: 50; color: #C9695D;}
#news {position: relative;  float: right; background-color: #ffffec; width: 156px; height: 480px;  border: 3px; border-color: #bbbbbb; border-style: double; padding-top: 5px; padding-bottom: 5px; top: 25px; right: 10px; voice-family: "\"}\""; voice-family: inherit; width: 150px;}

#civetta {border:1px ridge red; } 

.newsbox {position: relative; margin-top: 30px; margin-bottom: 30px; border-width: 0px 1px 1px 0px; border-style: solid; border-color: #000000;}
.newstitolo {color: red; font-weight: bold; border-width: 0px 0px 1px 0px; border-style: solid;  border-color: #000000; padding-right: 5px; padding-left: 5px;}
.newsinfo  {background: #F2F2F2; color: black; border-width: 0px 0px 1px 1px; border-style: solid; float: right;  width: auto; text-align: left; padding: 5px; margin-left: 5px; margin-bottom: 5px;}
.newstesto {padding: 0px 10px 0px 10px; margin: 0px;}

#divHidden {position:absolute; z-index:0; left:0px; top:0px; visibility:hidden; overflow:hidden; width:0px; height:0px;}

#titolo-stampa {text-align: center; padding: 10px; margin-bottom: 30px; border: 2px black solid;}
.stampa {display: none;}
.righevuote {display: none;}
#stat {display: none;}


/* Campi Form */
.campiForm {
width: 50mm; 
height: 5mm;

border-style: solid; 
border-color: #006699; 
border-width: 1px; 
background: #F5F5F5;
}
.campiForm.Bottoni {
width: 35mm; 
height: 7mm;
font-weight: bold;
background: #ffffff;
}

.textarea {
width: 350px;
height: 200px;
padding: 3px;
overflow: auto;

border-style: solid; 
border-color: #006699; 
border-width: 1px; 
background: #F5F5F5;
scrollbar-base-color : #D8D8D8;
}

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position: absolute; z-index:300; width:99%; height:99%; clip:rect(0px,100%,100%,0px); left: 0px; top: 0px; visibility: hidden;}
.clCMAbs{position: absolute; width: 10px; height: 10px; left: 0px; top: 0px; visibility: hidden;}
/* CoolMenus 4 - default styles - end */

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position: absolute; overflow: hidden; width: 130px; height: 25px; cursor: pointer; cursor: hand;}
.clT,.clTover{padding-top: 1px; font-size: 12px; font-weight: bold; text-align: center;}
/*#006AD5   */
.clT{color:white; layer-background-color: #C9695D; background-color: #C9695D;}   
.clTover{color:#000000;  background-color: #F5D654; layer-background-color: #F5D654;}

.clS,.clSover{padding-left: 2px; padding-top: 4px; font-size: 12px; font-weight: bold}
.clS2,.clS2over{padding-left: 2px; padding-top: 4px; font-size: 12px; font-weight: normal}

.clS{color:#006699; background-color:#BBCDE3; layer-background-color:#BBCDE3;}
.clS2{color:#006699; background-color:#D6E1EF; layer-background-color:#D6E1EF;}
.clSover,.clS2over{color: #000000;}

.clSover,.clS2over{layer-background-color: #FFCC99; background-color: #FFCC99;}
.clB{layer-background-color: #000000; background-color: #000000;}

.clB{position:absolute; visibility: hidden; z-index:300}
.clBar{position:absolute; width: 10px; height: 10px; visibility:hidden; layer-background-color:#000000; background-color: #840000;}